/* A short brand reveal followed by a genuine, silent background film. */
.brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;isolation:isolate;color:#183b2e;overflow:hidden}.brand-intro[hidden]{display:none}.intro-pending .brand-intro[hidden]{display:grid}.intro-pending{overflow:hidden}.intro-curtain{position:absolute;inset-block:0;width:50.1%;background:#f4f1e8;z-index:-1;will-change:transform}.curtain-one{left:0}.curtain-two{right:0}.intro-brand{text-align:center;display:flex;flex-direction:column;align-items:center}.intro-overline{font:10px Arial;letter-spacing:.35em;color:#85704f;direction:ltr;animation:intro-word .7s .15s both}.intro-logo{width:220px;height:220px;margin:20px 0 12px;overflow:hidden;animation:intro-emblem 1.3s cubic-bezier(.2,.7,.2,1) both}.intro-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.intro-rule{display:block;width:70px;height:1px;background:#b49a65;transform-origin:center;animation:intro-line 1.3s .2s both}.intro-brand p{font-size:.9rem;margin-top:24px;letter-spacing:.03em;animation:intro-word .9s .45s both}#intro-skip{position:absolute;inset-inline-end:5%;bottom:40px;background:transparent;border:0;border-bottom:1px solid #a5906850;display:flex;gap:20px;align-items:center;padding:12px 0;color:#4f604d;font-size:.75rem}.intro-footnote{position:absolute;bottom:52px;inset-inline-start:5%;font:9px Arial;letter-spacing:.16em;color:#968365}.brand-intro.intro-leaving .intro-brand{animation:intro-away .6s both}.brand-intro.intro-leaving .curtain-one{animation:curtain-left .9s .12s cubic-bezier(.76,0,.24,1) both}.brand-intro.intro-leaving .curtain-two{animation:curtain-right .9s .12s cubic-bezier(.76,0,.24,1) both}.brand-intro.intro-leaving #intro-skip,.brand-intro.intro-leaving .intro-footnote{opacity:0;transition:opacity .2s}.intro-pending .hero-content>*{opacity:0;animation:none}.hero.cinema-enter .hero-content>*{animation:cinema-copy 1s .15s both}.hero.cinema-enter .hero-content h1{animation-delay:.25s}.hero.cinema-enter .hero-copy{animation-delay:.4s}.hero.cinema-enter .hero-buttons{animation-delay:.5s}@keyframes intro-emblem{from{opacity:0;transform:translateY(20px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes intro-word{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-away{to{opacity:0;transform:translateY(-18px) scale(.96)}}@keyframes curtain-left{to{transform:translateX(-101%)}}@keyframes curtain-right{to{transform:translateX(101%)}}@keyframes cinema-copy{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
.hero{height:100svh;min-height:720px;max-height:1200px;display:flex;align-items:center;background:#102b25}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(.88) contrast(1.04);transition:opacity 1.6s ease;pointer-events:none}.hero.video-ready .hero-video{opacity:1}.hero .hero-images{opacity:1;filter:saturate(.88) contrast(1.04);transition:opacity 1.6s ease}.hero.video-ready .hero-images{opacity:0}.hero .hero-images:after{display:none}.hero .hero-grid{z-index:1;opacity:.08}.cinema-vignette{position:absolute;inset:0;background:linear-gradient(270deg,#071c17bf 0%,#071c175c 48%,#071c1714 100%),linear-gradient(0deg,#061c18d6 0%,transparent 45%,#071c1766 100%);pointer-events:none;z-index:1}html[dir=ltr] .cinema-vignette{background:linear-gradient(90deg,#071c17bf 0%,#071c175c 48%,#071c1714 100%),linear-gradient(0deg,#061c18d6,transparent 45%,#071c1766)}.hero-content{z-index:2;padding-block:150px 150px;pointer-events:auto}.hero-content>*{max-width:78%;pointer-events:auto}.hero h1{font-size:clamp(4.5rem,8vw,8.6rem);line-height:1.17;text-shadow:0 4px 35px #061c1828}.hero h1 em{color:#e0c28f}html[lang=en] .hero h1{font-size:clamp(3.7rem,7vw,7.6rem);line-height:1.08;max-width:950px}.hero-content .hero-copy{max-width:560px;font-size:1.05rem;line-height:1.9;margin-block:1.5rem 2rem;color:#f2f1e7}.hero .eyebrow{color:#e4d4b1}.hero-bottom{position:absolute;bottom:22px;padding-block:0;z-index:3;flex-wrap:nowrap}.hero .hero-buttons{max-width:100%;gap:2rem}.hero-side{display:block;z-index:2;inset-inline-end:2.4%;color:#ffffffa3}.hero .hero-pagination{margin-inline:auto}.hero .motion-toggle{background:#071e194d;min-height:38px}.intro-replay{border:0;background:none;color:#e2dece;padding:8px 0;font-size:.67rem;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.cinema-note{position:absolute;inset-inline-end:5%;bottom:85px;z-index:2;color:#e3e6de99;font-size:.58rem;margin:0}.video-start{position:absolute;inset-inline-end:5%;top:130px;z-index:3;display:flex;align-items:center;gap:16px;padding:10px 16px;color:#eee4d0;border:1px solid #d4bc8f80;background:#0c3026a8;font-size:.75rem}.video-start[hidden]{display:none}.hero.hero-scene-enter h1,.hero.hero-scene-enter .hero-copy{animation:cinema-copy .8s both}
/* The original 3D explorer now has its own quiet stage below the film. */
.architecture-studio{background:#0b241e;color:#f0eee5;overflow:hidden;position:relative;border-bottom:1px solid #c2ab7425}.architecture-studio:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 50%,#729a7026,transparent 60%),linear-gradient(90deg,transparent calc(50% - 1px),#ffffff05 50%,transparent calc(50% + 1px));pointer-events:none}.studio-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;align-items:center;padding-block:70px}.studio-copy{position:relative;z-index:1}.studio-copy .eyebrow{font-size:.7rem;color:#bba372}.studio-copy h2{font-size:clamp(2.6rem,3.9vw,4.2rem);line-height:1.45;font-weight:400;letter-spacing:-.04em}.studio-description{color:#b8c6b6;font-size:.95rem;line-height:1.95;max-width:410px;margin-block:24px 30px}.studio-copy .underlined{color:#d0b98d;font-size:.85rem}.studio-instructions{border-top:1px solid #bfa97b30;margin-top:60px;padding-top:20px;max-width:360px;display:flex;gap:20px;align-items:start}.studio-instructions>span{color:#c6ac76;font:10px Arial;white-space:nowrap;padding-top:7px}.studio-instructions p{color:#99ac9b;font-size:.72rem;line-height:1.9}.architecture-studio .architecture{position:relative;inset:auto;margin:0;width:100%;height:660px}.architecture-studio .architecture-kicker{margin-inline:15px}.architecture-studio .model-controls{margin-inline:15px}.architecture-studio .model-viewport{min-height:330px}.architecture-studio .model-caption{margin-top:12px}.architecture-studio .model-coordinate{inset-inline-end:15px}
@media(min-width:801px) and (max-height:800px){.hero{height:100svh;min-height:700px;max-height:none}.hero h1{font-size:6.3rem}html[lang=en] .hero h1{font-size:5.5rem}.hero-content{padding-block:130px 140px}.hero-content .hero-copy{margin-block:1rem 1.5rem}.hero .hero-bottom{bottom:24px}}
@media(max-width:1150px){.studio-layout{gap:22px;grid-template-columns:.8fr 1.2fr}.architecture-studio .architecture{height:610px}.hero h1{font-size:6rem}.hero-content>*{max-width:85%}html[lang=en] .hero h1{font-size:5.4rem}.hero .hero-bottom{gap:18px}.studio-copy h2{font-size:3rem}}
@media(max-width:800px){.hero{height:100svh;min-height:760px;max-height:1100px;display:flex;flex-direction:row;align-items:center}.hero-content{padding-block:135px 170px}.hero-content>*{max-width:100%}.hero h1{font-size:clamp(3.7rem,10vw,5.5rem)}html[lang=en] .hero h1{font-size:clamp(3.3rem,9vw,5rem)}.hero-content .hero-copy{font-size:1rem;max-width:500px}.hero-side{display:none}.hero-bottom{position:absolute;inset-inline:0;bottom:24px;flex-wrap:wrap;padding:0;gap:18px}.hero .hero-pagination{margin-inline:0 auto}.hero .scroll-cue{display:none}.cinema-note{bottom:82px;inset-inline:20px;font-size:.56rem}.hero .motion-toggle{margin-inline-start:0;font-size:.63rem}.intro-replay{font-size:.62rem}.hero-video{object-position:55% center}.cinema-vignette,html[dir=ltr] .cinema-vignette{background:linear-gradient(0deg,#061c18e0 0%,#071c1773 55%,#071c1766 100%)}.studio-layout{grid-template-columns:1fr;padding-block:55px;gap:25px}.studio-copy h2{font-size:2.8rem;line-height:1.4}.studio-description{max-width:520px;margin-block:20px}.studio-instructions{display:none}.architecture-studio .architecture{height:560px}.architecture-studio .model-viewport{min-height:300px}.architecture-studio .architecture-kicker,.architecture-studio .model-controls{margin-inline:0}.intro-footnote{font-size:7px;bottom:28px;inset-inline-start:20px}#intro-skip{bottom:48px;inset-inline-end:25px}.intro-logo{width:200px;height:200px}.video-start{top:100px;inset-inline-end:20px}}
@media(max-width:540px){.hero{min-height:720px}.hero-content{padding-block:130px 160px}.hero h1{font-size:clamp(3.4rem,12vw,4.4rem)}html[lang=en] .hero h1{font-size:clamp(3rem,10.5vw,4rem);line-height:1.1}.hero-content .hero-copy{font-size:.94rem;max-width:100%;margin-block:1.5rem 1.8rem}.hero .hero-buttons{gap:1.3rem}.hero .hero-bottom{gap:12px}.hero-pagination .slide-dot{width:28px}.hero .motion-toggle{padding:6px 8px;min-height:34px}.intro-replay{font-size:.6rem}.studio-copy h2{font-size:2.4rem}.architecture-studio .architecture{height:520px}.architecture-studio .model-viewport{min-height:270px}.studio-description{font-size:.9rem}.intro-overline{font-size:8px}.intro-brand p{font-size:.8rem}.hero .cinema-note{font-size:.53rem}}
@media(max-width:360px){.intro-replay{width:100%;text-align:end}.hero .cinema-note{bottom:105px}.hero .hero-bottom{gap:8px}}
@media(prefers-reduced-motion:reduce){.brand-intro .intro-brand,.brand-intro .intro-curtain{animation:none!important}.hero-content>*{animation:none!important}.hero-video{transition:none}}html.motion-paused .hero-content>*{opacity:1!important}.intro-pending.motion-paused .brand-intro{display:none}

.intro-logo{mix-blend-mode:multiply}#hero-title:focus{outline:none}

.studio-motion{margin-top:28px;width:fit-content}.intro-replay[hidden]{display:none}.intro-logo{animation-duration:.9s}