:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#000;color:#f6f2ed;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #edba81;outline-offset:7px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:#000;padding:16px;z-index:10}.skip:focus{top:12px}.preview-note{padding:10px 5%;border-bottom:1px solid #272727;color:#d2c7bb;font-size:.75rem;letter-spacing:.13em}.preview-note span{float:right;letter-spacing:0;color:#b8b8b8}.masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto;padding:28px 5%}.wordmark{font-family:Georgia,serif;font-size:1.3rem;letter-spacing:.14em}.wordmark span{font-family:-apple-system,sans-serif;font-size:.65rem;margin-left:9px;color:#b6a994}nav{display:flex;gap:30px;font-size:.9rem;color:#c4c0ba}.stage{min-height:610px;height:72vh;max-height:900px;display:grid;place-items:center;text-align:center;background:#000 url('theater-stage.png') center center/cover no-repeat;position:relative;isolation:isolate}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,transparent 17%,transparent 85%,#000 100%);z-index:-1}.stage-copy{width:min(70%,800px);padding:30px 10px 70px;text-shadow:0 2px 25px #000}.eyebrow{font-size:.75rem;letter-spacing:.24em;color:#d6b58c;margin:0 0 24px;line-height:1.7}h1{font:normal clamp(2.4rem,5.5vw,5.5rem)/1.12 Georgia,"Times New Roman",serif;margin:0}h1 span{display:block;font-style:italic;font-size:.65em;color:#f0dfca;margin-top:12px}.intro{font-size:1rem;line-height:1.7;margin:30px 0 34px;color:#d3cdc7}.discover{display:inline-flex;gap:20px;align-items:center;font-size:.88rem;padding:12px 0;border-bottom:1px solid #9c7955}.content{max-width:1150px;margin:0 auto;padding:20px 6% 35px}.editorial{display:grid;grid-template-columns:1fr 1.18fr;gap:70px;border-top:1px solid #30251f;padding:65px 0;scroll-margin-top:30px}h2{font:normal clamp(1.9rem,3vw,2.75rem)/1.2 Georgia,serif;margin:0}h3{font-weight:500;font-size:1.15rem;margin:0 0 12px;color:#f5ece1}.prose p{font-size:1.05rem;line-height:1.85;margin:0 0 22px;color:#c4bfba}.prose p:last-child{margin-bottom:0}.prose h3:not(:first-child){margin-top:34px}.email{display:inline-block;font-size:clamp(1rem,2vw,1.3rem);border-bottom:1px solid #916c45;padding-bottom:10px;overflow-wrap:anywhere;color:#f3dbc0}.prose .small{font-size:.875rem;color:#a9a29a;margin-top:24px;line-height:1.65}footer{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #242424;padding:30px 5%;font-size:.8rem;color:#aaa39c;line-height:1.6}
@media(max-width:700px){.masthead{padding:24px 6%;align-items:flex-start;flex-direction:column;gap:20px}nav{gap:24px}.stage{height:66vh;min-height:480px;max-height:660px;background-size:auto 100%}.stage-copy{width:82%;padding-bottom:45px}.intro{font-size:.9rem}.editorial{grid-template-columns:1fr;gap:30px;padding:44px 0}.content{padding:20px 7%}.eyebrow{margin-bottom:16px}footer{flex-direction:column;gap:8px}.preview-note{font-size:.65rem}.wordmark{font-size:1.1rem}.prose p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Animate crops of the existing photographic artwork, not drawn curtain shapes. */
.stage{background:#000;overflow:hidden}
.stage-art{position:absolute;inset:0;z-index:-2;background:url('theater-stage.png') center/cover no-repeat;filter:brightness(.72) saturate(1.28) contrast(1.06)}
/* One overhead lighting effect composited over the existing stage photograph. */
.stage-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 24% 6% at 50% 85%,#ffdb9e38,transparent 100%),conic-gradient(from 157deg at 50% 0%,transparent 0deg,#ffe3b30a 4deg,#ffe3b324 15deg,#fff0d038 23deg,#ffe3b324 31deg,#ffe3b30a 42deg,transparent 46deg);mask-image:linear-gradient(#000 0%,#000 75%,transparent 98%);opacity:1}
.stage-copy{position:relative;z-index:1}
.curtain{position:absolute;top:0;bottom:0;width:50.2%;z-index:3;pointer-events:none;background-image:url('theater-stage.png');background-size:500% 140%;background-repeat:no-repeat;visibility:hidden;filter:brightness(.95) saturate(1.28) contrast(1.06);will-change:transform}
.curtain-left{left:0;background-position:left top;transform-origin:left center}
.curtain-right{right:0;background-position:right top;transform-origin:right center}
.stage-control{position:absolute;bottom:22px;right:5%;z-index:4;border:1px solid #a58a70;border-radius:3px;padding:10px 15px;color:#f4dfc8;background:#080706eb;font:inherit;font-size:.875rem;cursor:pointer;min-height:44px}
.stage-control[hidden]{display:none}.stage-control:hover{background:#312016}.stage-control:focus-visible{outline:2px solid #f1c18b;outline-offset:4px}
.is-playing .curtain{visibility:visible;animation-duration:4.8s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.42,0,.2,1)}
.is-playing .curtain-left{animation-name:curtain-left-open}
.is-playing .curtain-right{animation-name:curtain-right-open}
.is-playing .stage-light{animation:spotlight-on 1.4s ease-in-out 4.8s both}
.is-playing .stage-copy{animation:announcement-reveal 4.8s ease both}
@keyframes curtain-left-open{0%,12%{transform:translateX(0) scaleX(1)}75%{transform:translateX(-83%) scaleX(.72)}100%{transform:translateX(-102%) scaleX(.65)}}
@keyframes curtain-right-open{0%,12%{transform:translateX(0) scaleX(1)}75%{transform:translateX(83%) scaleX(.72)}100%{transform:translateX(102%) scaleX(.65)}}
@keyframes spotlight-on{from{opacity:0}to{opacity:1}}
@keyframes announcement-reveal{0%,27%{opacity:0;transform:translateY(8px)}75%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.stage-art{background-size:auto 100%}.stage-control{bottom:14px}}
@media(prefers-reduced-motion:reduce){.is-playing .curtain{display:none}.is-playing .stage-light,.is-playing .stage-copy{animation:none}.stage-control{display:none}}

/* Brighter ivory and warm gold keep the theater copy distinct from the scenery. */
.wordmark,h1,h2{color:#fffaf1}
.wordmark span,.eyebrow{color:#f0c886}
h1 span{color:#ffdb98}
h3,.email,.discover{color:#ffe0a8}
.intro,nav{color:#eee5d9}
.prose p{color:#ded8d1}
.prose .small,footer{color:#c8beb2}
.stage-copy{text-shadow:0 2px 5px #000,0 0 28px #000}
.discover,.email{border-color:#d4a35c}
.stage-control{color:#ffe3b3;border-color:#d4a35c;background:#100b06f2}