.areas .regions{border-top:1px solid var(--rule);gap:2rem 3rem;padding-top:2rem;display:grid}@media (min-width:48rem){.areas .regions{grid-template-columns:repeat(3,minmax(0,1fr))}}.areas ul{font-size:var(--fs-title-md);letter-spacing:-.007em;margin:.75rem 0 0;padding:0;font-weight:500;line-height:1.7;list-style:none}.areas a{text-decoration:none;transition:color .15s}.areas a:hover{color:var(--gold-ink);text-decoration:underline}
.elevation{width:100%;height:auto;color:var(--text-strong);display:block;overflow:visible}.elevation .ground{opacity:.5}.elevation .openings{opacity:.85}.elevation .detail{opacity:.5}.elevation .dimension-string{color:var(--gold-ink)}.elevation text{font-family:var(--font-sans);letter-spacing:.04em;font-size:17px;font-weight:500}.elevation.animate path,.elevation.animate ellipse{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.6s cubic-bezier(.5,0,.2,1) forwards elevation-drawing-draw}.elevation.animate .ground path{animation-duration:1.1s}.elevation.animate .structure path{animation-delay:.35s}.elevation.animate .portico path{animation-delay:.95s}.elevation.animate .chimneys path{animation-delay:1.2s}.elevation.animate .openings path{animation-delay:1.5s}.elevation.animate .detail path,.elevation.animate .detail ellipse{animation-delay:2s}.elevation.animate .dimension-string path{animation-delay:2.3s}@keyframes elevation-drawing-draw{to{stroke-dashoffset:0}}
.tone{width:100%;height:auto;color:var(--text-strong);display:block}
.audiences .tiles{gap:1.5rem;display:grid}@media (min-width:52rem){.audiences .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.audiences .tiles[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.audiences .tile{border:1px solid var(--rule);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);color:var(--text);flex-direction:column;text-decoration:none;transition:box-shadow .2s;display:flex;overflow:hidden}.audiences .tile:hover{box-shadow:var(--shadow-raised)}.audiences .tile:focus-visible{box-shadow:0 0 0 1px var(--gold-ink), var(--shadow-card)}.audiences .art{padding:1.5rem 1.5rem 0;transition:transform .5s}.audiences .tile:hover .art{transform:translateY(-4px)}.audiences .text{border-top:1px solid var(--rule);margin-top:auto;padding:1.5rem}.audiences h3{margin-top:.4rem}.audiences .description{max-width:30rem;font-size:var(--fs-body-sm);color:var(--text-quiet);margin-top:.5rem;line-height:1.5}.audiences .go{font-size:var(--fs-body-sm);color:var(--gold-ink);margin-top:1.25rem;font-weight:500}.audiences .tile:hover .go{text-underline-offset:4px;text-decoration:underline}@media (min-width:52rem){@supports (grid-template-rows:subgrid){.audiences .tile{grid-row:span 2;grid-template-rows:subgrid;gap:0;display:grid}.audiences .art{align-self:end}.audiences .text{margin-top:0}}}
.faq .inner{gap:2rem 4rem;display:grid}@media (min-width:60rem){.faq .inner{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}}.faq .list{border-bottom:1px solid var(--rule)}.faq details{border-top:1px solid var(--rule)}.faq summary{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.125rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font-size:var(--fs-title-md);line-height:1.4}.faq summary:hover h3{color:var(--gold-ink)}.faq summary svg{color:var(--gold-ink);flex:none;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{max-width:38rem;color:var(--text-quiet);padding-bottom:1.5rem}
.feature .inner{border:1px solid var(--rule);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);gap:1.5rem 4rem;padding:clamp(1.5rem,4vw,3rem);display:grid}@media (min-width:60rem){.feature .inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.feature h2{margin-top:.75rem}.feature .body p{max-width:34rem;color:var(--text-quiet)}.feature .body .button{margin-top:1.5rem}.feature .body .note{border-top:1px solid var(--rule);font-size:var(--fs-body-sm);margin-top:1.5rem;padding-top:1rem;line-height:1.5}.feature .house{margin:1.5rem 0 0}.feature .house a{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface-quiet);display:block;overflow:hidden}.feature .house img{object-fit:cover;width:100%;height:100%;display:block}.feature .house figcaption{font-size:var(--fs-caption);color:var(--text-quiet);margin-top:.5rem;line-height:1.5}@media (min-width:60rem){.feature.with-house .inner{align-items:center}}
.film{background:var(--ground);position:relative}.film .stage{display:grid;position:relative;overflow:hidden}.film.is-on .stage{position:sticky;top:0}.film .screen{background:var(--ground)}.film .screen img,.film .screen canvas{object-fit:cover;width:100%;height:100%;display:block}.film .screen canvas{opacity:0;position:absolute;inset:0}.film.has-frames .screen canvas{opacity:1}.film h1{font-size:var(--fs-display-xl);line-height:1.05}.film h1 span{display:block}.film .copy p{max-width:30rem;font-size:var(--fs-body-lg);color:var(--text)}.film .actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.75rem;display:flex}.film .button-quiet{border-color:color-mix(in srgb, var(--text) 35%, transparent);background:color-mix(in srgb, var(--ground) 45%, transparent)}.film .meter{align-items:center;gap:1.25rem;display:flex}.film .meter .label{font-variant-numeric:tabular-nums;white-space:nowrap;gap:.6rem;min-width:14rem;display:inline-flex}.film .meter .part{color:var(--text)}.film .track{background:color-mix(in srgb, var(--text) 30%, transparent);flex:1;height:1px;position:relative}.film .track:before,.film .track:after{content:"";background:var(--gold-ink);width:1px;height:11px;position:absolute;top:-5px}.film .track:after{right:0}.film .track i{background:var(--gold-ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.film .cue{font-size:var(--fs-caption);color:var(--text-strong);white-space:nowrap;font-weight:500;transition:opacity .4s}.film:not(.is-on) .meter,.film:not(.is-on) .closing{display:none}.film .stage:not([data-phase=open]) .cue{opacity:0}.film .closing{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;display:flex}.film .closing-line{font-size:var(--fs-display-md);letter-spacing:-.014em;font-weight:600;line-height:1.15}@media (max-aspect-ratio:1){.film.is-on{height:300svh}.film .stage{grid-template-rows:auto auto 1fr;align-content:start;min-height:100svh;padding-top:4.75rem}.film .screen{aspect-ratio:4/3;position:relative}.film .meter{padding-block:.9rem 0}.film .cue{display:none}.film .opening{padding-block:1.5rem 2rem}.film .copy{margin-top:1rem}.film .copy p{font-size:var(--fs-body-md);color:var(--text-strong)}.film .closing{display:none}.film .meter{order:2}.film .opening{order:3}@media (max-height:43rem){.film .copy p{display:none}}}@media (min-aspect-ratio:1){.film.is-on{height:360svh}.film .stage{align-items:end;height:100svh;min-height:34rem}.film .screen{position:absolute;inset:0}.film .screen:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--color-canvas-dark) 62%, transparent) 0, transparent 9rem), linear-gradient(to top, color-mix(in srgb, var(--color-canvas-dark) 86%, transparent) 0, color-mix(in srgb, var(--color-canvas-dark) 50%, transparent) 26%, transparent 58%);pointer-events:none;position:absolute;inset:0}.film .opening,.film .closing{grid-area:1/1;padding-bottom:clamp(5.5rem,13vh,8rem);transition:opacity .6s,visibility .6s;position:relative}.film .opening{align-items:end;gap:1.5rem 4rem;display:grid}@media (min-width:64rem){.film .opening{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.film .meter{inset-inline:0;position:absolute;bottom:clamp(1.75rem,4.5vh,2.75rem)}.film .meter .label>span:not(:empty),.film .cue{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ground) 78%, transparent);padding:.25rem .6rem}.film .meter .label{gap:.25rem}.film.is-on .stage:not([data-phase=open]) .opening,.film .stage:not([data-phase=close]) .closing{opacity:0;visibility:hidden}}.film .stills{background:var(--ground);padding-block:clamp(2rem,5vw,3.5rem)}.film.is-on .stills{display:none}.film .stills ul{gap:1.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:60rem){.film .stills ul{grid-template-columns:repeat(3,minmax(0,1fr))}}.film .stills img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.film .stills li span{font-size:var(--fs-body-sm);color:var(--text-quiet);margin-top:.6rem;line-height:1.5;display:block}
