.hero-sequence{--hero-progress:0;color:#fff;background:#050505;height:340svh;position:relative}.hero-sticky{z-index:1;isolation:isolate;background:#050505;height:100svh;position:sticky;top:0;overflow:hidden}.hero-material-plate,.hero-background-video,.hero-particle-field,.hero-rest-world,.hero-project-world,.company-intro-bridge{position:absolute;inset:0}.hero-material-plate{z-index:0;background-image:linear-gradient(rgba(0, 0, 0, calc(var(--hero-progress) * .18)), rgba(247, 245, 240, calc(var(--hero-progress) * .14))), var(--hero-background);filter:brightness(calc(.92 + var(--hero-progress) * .18)) saturate(.78);transform:scale(calc(1.015 + var(--hero-progress) * .015));transform-origin:50%;will-change:filter, transform;background-position:50%;background-size:cover}.hero-background-video{z-index:1;filter:contrast(1.04)saturate(.32);object-fit:cover;opacity:.9;pointer-events:none;will-change:opacity, transform;border:0;width:100%;height:100%;transition:opacity .68s cubic-bezier(.4,0,.2,1);transform:scale(1.015)}.hero-background-video[data-loop-edge=out]{opacity:0}.hero-particle-field{z-index:2;pointer-events:none;width:100%;height:100%}.hero-rest-world{z-index:3}.hero-video-review{z-index:16;backdrop-filter:blur(12px);background:#04040494;border:1px solid #fff3;border-radius:999px;padding:.25rem;display:none;position:absolute;bottom:1.5rem;left:max(1.5rem,50vw - 690px)}.hero-sequence[data-video-review]:is([data-visual-phase=rest],[data-visual-phase=tension],[data-visual-phase=release]) .hero-video-review{display:flex}.hero-video-review button{color:#ffffffa3;min-height:2rem;font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .8rem;font-size:.68rem;font-weight:600;line-height:1}.hero-video-review button[aria-pressed=true]{color:#080808;background:#f4f2ed}.hero-video-review button:focus-visible{outline-offset:2px;outline:2px solid #fff}.hero-rest-copy{z-index:7;max-width:31rem;position:absolute;top:50%;left:max(5rem,50vw - 690px);transform:translateY(-50%)}.hero-rest-copy h1{color:#f5f3ed;letter-spacing:.055em;text-shadow:0 2px 24px #00000080;white-space:nowrap;margin:0;font-size:clamp(1.85rem,2.35vw,2.35rem);font-weight:300;line-height:1.35}.hero-rest-logo-motion{z-index:4;aspect-ratio:1300/960;pointer-events:none;transform-origin:50%;will-change:filter, opacity, transform;width:min(88vw,88rem,190.84svh - 11.4504rem);animation:7.6s cubic-bezier(.45,0,.55,1) infinite hero-logo-breathe;position:absolute;top:50svh;left:68vw;translate:-50% -50%}.hero-rest-mark,.hero-rest-mark-surface{pointer-events:none;transform-origin:50%;will-change:filter, opacity, transform;width:100%;height:100%;position:absolute;inset:0}.hero-rest-mark{z-index:1}.hero-rest-mark svg{width:100%;height:auto;display:block;overflow:visible}.hero-rest-mark path{fill:#090909;will-change:transform}.hero-rest-mark{filter:drop-shadow(0 0 12px #ffffff1a)}.hero-rest-mark path{fill:#05050594;stroke:#ffffff1f;stroke-width:1.25px;vector-effect:non-scaling-stroke}.hero-rest-mark-surface{z-index:2;aspect-ratio:1300/960;backdrop-filter:brightness(.58)contrast(1.08)saturate(.5);-webkit-mask:var(--hero-logo-mask) center / 100% 100% no-repeat;mask:var(--hero-logo-mask) center / 100% 100% no-repeat;background:#04040447}@keyframes hero-logo-breathe{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-.45svh)scale(1.006)}}.hero-rest-hint,.hero-company-link{z-index:9;color:#ffffffb8;letter-spacing:.16em;align-items:center;gap:.8rem;min-height:2.75rem;font-size:.72rem;text-decoration:none;display:flex;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.hero-rest-hint:focus-visible,.hero-company-link:focus-visible{outline-offset:6px;outline:2px solid #fff}.hero-rest-hint i,.hero-company-link i{transform-origin:top;background:currentColor;width:1px;height:2.3rem;animation:1.8s ease-in-out infinite hero-scroll-line;display:block}@keyframes hero-scroll-line{0%,to{opacity:.35;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.hero-project-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:calc(58% - 58svh);left:0}.hero-project-world{z-index:8;visibility:hidden;opacity:0;background:radial-gradient(circle at 70% 43%, #ffffff1f, transparent 35%), linear-gradient(90deg, #000000eb, #00000080 42%, #0003), var(--hero-background) center / cover;color:#fff;pointer-events:none;will-change:filter, opacity, transform;overflow:hidden}.hero-project-world:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#000000b3,#0000 46%),linear-gradient(#0000 62%,#000000ad);position:absolute;inset:0}.hero-project-stage{--orbit-transform-active:translate3d(-50%, -52%, 120px) rotateX(5deg) rotateY(-8deg) rotateZ(-1.2deg) scale(1);--orbit-transform-next:translate3d(8%, -108%, -300px) rotateX(4deg) rotateY(-17deg) rotateZ(2.2deg) scale(.68);--orbit-transform-far:translate3d(-132%, -125%, -650px) rotateX(2deg) rotateY(4deg) rotateZ(-2.5deg) scale(.45);--orbit-transform-previous:translate3d(-112%, 18%, -220px) rotateX(3deg) rotateY(14deg) rotateZ(-3.8deg) scale(.66);--orbit-opacity-active:1;--orbit-opacity-next:1;--orbit-opacity-far:1;--orbit-opacity-previous:1;--orbit-media-active-filter:brightness(1) saturate(.86);--orbit-media-next-filter:brightness(.58) saturate(.45) blur(.35px);--orbit-media-far-filter:brightness(.38) saturate(.25) blur(1.1px);--orbit-media-previous-filter:brightness(.48) saturate(.32) blur(.6px);--orbit-media-active-opacity:1;--orbit-media-next-opacity:.6;--orbit-media-far-opacity:.38;--orbit-media-previous-opacity:.48;z-index:3;perspective:1800px;perspective-origin:58% 48%;pointer-events:none;touch-action:pan-y;transform-style:preserve-3d;position:absolute;inset:5.75rem -2vw 4.5rem 29vw}.hero-project-slot{aspect-ratio:3/2;color:#fff;cursor:pointer;width:min(58vw,96svh,58rem);font:inherit;pointer-events:auto;text-align:left;transform-origin:50%;transform-style:preserve-3d;animation-duration:var(--hero-orbit-step-duration);transition:opacity var(--hero-orbit-duration) cubic-bezier(.65, 0, .35, 1), transform var(--hero-orbit-duration) cubic-bezier(.65, 0, .35, 1);will-change:transform;background:0 0;border:0;outline:0;padding:0;text-decoration:none;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:both;display:block;position:absolute;top:50%;left:50%}.hero-project-slot[data-orbit-slot=active]{z-index:5;opacity:var(--orbit-opacity-active);transform:var(--orbit-transform-active);animation-name:hero-orbit-active-step}.hero-project-slot[data-orbit-slot=next]{z-index:3;opacity:var(--orbit-opacity-next);transform:var(--orbit-transform-next);animation-name:hero-orbit-next-step}.hero-project-slot[data-orbit-slot=far]{z-index:2;opacity:var(--orbit-opacity-far);transform:var(--orbit-transform-far);animation-name:hero-orbit-far-step}.hero-project-slot[data-orbit-slot=previous]{z-index:4;opacity:var(--orbit-opacity-previous);transform:var(--orbit-transform-previous);animation-name:hero-orbit-previous-step}.hero-project-slot[data-orbit-slot=hidden]{z-index:1;opacity:0;pointer-events:none;transform:translate3d(-54%,-122%,-760px)rotateX(9deg)rotateY(-38deg)rotate(9deg)scale(.3)}.hero-media,.hero-media picture,.hero-media img{width:100%;height:100%;display:block}.hero-media{animation-duration:var(--hero-orbit-step-duration);transition:filter var(--hero-orbit-duration) cubic-bezier(.65, 0, .35, 1), opacity var(--hero-orbit-duration) cubic-bezier(.65, 0, .35, 1);background:#040404e0;border:0;border-radius:0;margin:0;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:both;overflow:hidden;box-shadow:0 34px 100px #00000080}.hero-media img{object-fit:contain}.hero-project-slot[data-orbit-slot=active] .hero-media{filter:var(--orbit-media-active-filter);opacity:var(--orbit-media-active-opacity);animation-name:hero-orbit-media-active-step}.hero-project-slot[data-orbit-slot=next] .hero-media{filter:var(--orbit-media-next-filter);opacity:var(--orbit-media-next-opacity);animation-name:hero-orbit-media-next-step}.hero-project-slot[data-orbit-slot=far] .hero-media{filter:var(--orbit-media-far-filter);opacity:var(--orbit-media-far-opacity);animation-name:hero-orbit-media-far-step}.hero-project-slot[data-orbit-slot=previous] .hero-media{filter:var(--orbit-media-previous-filter);opacity:var(--orbit-media-previous-opacity);animation-name:hero-orbit-media-previous-step}.hero-project-slot:focus-visible .hero-media{outline-offset:5px;outline:2px solid #fff}.hero-sequence[data-orbit-state=running] .hero-project-slot,.hero-sequence[data-orbit-state=running] .hero-media{animation-play-state:running}.hero-sequence[data-orbit-state=selecting] .hero-project-slot,.hero-sequence[data-orbit-state=selecting] .hero-media{transition:none;animation:none}@keyframes hero-orbit-active-step{0%{opacity:var(--orbit-opacity-active);transform:var(--orbit-transform-active)}to{opacity:var(--orbit-opacity-previous);transform:var(--orbit-transform-previous)}}@keyframes hero-orbit-next-step{0%{opacity:var(--orbit-opacity-next);transform:var(--orbit-transform-next)}to{opacity:var(--orbit-opacity-active);transform:var(--orbit-transform-active)}}@keyframes hero-orbit-far-step{0%{opacity:var(--orbit-opacity-far);transform:var(--orbit-transform-far)}to{opacity:var(--orbit-opacity-next);transform:var(--orbit-transform-next)}}@keyframes hero-orbit-previous-step{0%{opacity:var(--orbit-opacity-previous);transform:var(--orbit-transform-previous)}to{opacity:var(--orbit-opacity-far);transform:var(--orbit-transform-far)}}@keyframes hero-orbit-media-active-step{0%{filter:var(--orbit-media-active-filter);opacity:var(--orbit-media-active-opacity)}to{filter:var(--orbit-media-previous-filter);opacity:var(--orbit-media-previous-opacity)}}@keyframes hero-orbit-media-next-step{0%{filter:var(--orbit-media-next-filter);opacity:var(--orbit-media-next-opacity)}to{filter:var(--orbit-media-active-filter);opacity:var(--orbit-media-active-opacity)}}@keyframes hero-orbit-media-far-step{0%{filter:var(--orbit-media-far-filter);opacity:var(--orbit-media-far-opacity)}to{filter:var(--orbit-media-next-filter);opacity:var(--orbit-media-next-opacity)}}@keyframes hero-orbit-media-previous-step{0%{filter:var(--orbit-media-previous-filter);opacity:var(--orbit-media-previous-opacity)}to{filter:var(--orbit-media-far-filter);opacity:var(--orbit-media-far-opacity)}}.hero-orbit-card-label{color:#ffffffad;letter-spacing:.08em;opacity:.88;pointer-events:auto;text-shadow:0 2px 16px #000;white-space:nowrap;border-top:0;align-items:baseline;gap:.7rem;padding-top:0;font-size:.7rem;transition:opacity .5s;display:flex;position:absolute;top:1rem;left:1rem}.hero-orbit-card-label b{letter-spacing:.14em;font-size:.64rem}.hero-project-slot[data-orbit-slot=active] .hero-orbit-card-label{opacity:0}.hero-project-slot[data-orbit-slot=previous] .hero-orbit-card-label{inset:auto 1rem 1rem auto}.hero-project-slot[data-orbit-slot=far] .hero-orbit-card-label{opacity:.78}.hero-project-copy{z-index:6;pointer-events:none;width:min(29vw,30rem);height:26rem;position:absolute;top:52%;left:clamp(2rem,4.5vw,5rem);transform:translateY(-35%)}.hero-project-panel{opacity:0;pointer-events:none;transition:opacity .32s,transform .68s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(18px)}.hero-project-panel[data-active=true]{opacity:1;pointer-events:auto;transition-delay:.22s;transform:translateY(0)}.hero-project-panel p,.hero-project-panel h2{margin:0}.hero-project-kicker{letter-spacing:.18em;opacity:.72;font-weight:650;font-size:.72rem!important}.hero-project-panel h2{letter-spacing:-.055em;text-wrap:balance;max-width:11ch;margin-top:1rem;font-size:clamp(2.5rem,3.65vw,4.1rem);line-height:.96}.hero-project-panel>p:not(.hero-project-kicker){color:#ffffffc2;max-width:27rem;margin-top:1.25rem;font-size:clamp(.92rem,1.05vw,1.08rem);line-height:1.72}.hero-detail-link{color:#fff;border-bottom:1px solid;align-items:center;gap:.65rem;min-height:2.75rem;margin-top:1.2rem;font-weight:650;text-decoration:none;display:inline-flex}.hero-company-link{flex-direction:column;bottom:1.6rem;left:auto;right:5vw;transform:none}.company-intro-bridge{z-index:14;visibility:hidden;color:#fff;pointer-events:none;background:#080808;height:100svh;display:grid;top:auto;bottom:0}.company-intro-bridge:focus{outline:none}.company-intro-bridge:focus-visible .company-intro-panel{outline-offset:-.5rem;outline:2px solid #fff}.company-intro-panel{grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;gap:2rem;padding:clamp(6rem,10vw,10rem) max(5rem,50vw - 690px);display:grid}.company-intro-panel p,.company-intro-panel h2{margin:0}.company-intro-kicker{letter-spacing:.18em;opacity:.55;grid-column:1/-1;font-size:.72rem}.company-intro-panel h2{letter-spacing:-.06em;white-space:nowrap;grid-column:1/span 8;max-width:none;font-size:clamp(3rem,4.7vw,4.8rem);line-height:.98}.company-intro-panel>p:last-child{color:#ffffffb8;grid-column:9/-1;align-self:end;max-width:34rem;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.8}.hero-sequence[data-visual-phase=project] .hero-project-world,.hero-sequence[data-visual-phase=company] .company-intro-bridge{pointer-events:auto}.hero-sequence:not([data-motion-ready]) .company-intro-bridge{visibility:visible;pointer-events:auto}.hero-sequence[data-visual-phase=project] .hero-rest-world,.hero-sequence[data-visual-phase=company] .hero-rest-world{pointer-events:none}.no-js-projects{width:min(100% - 3rem,70rem);margin:0 auto;padding-block:2rem}.no-js-projects ol{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px) and (width<=1099px){.hero-project-stage{perspective:1500px;inset:6rem -12vw 8rem 24vw}.hero-project-slot{width:min(66vw,50rem)}.hero-project-copy{width:34vw;top:54%;left:2rem}.hero-project-panel h2{font-size:clamp(2.35rem,4.6vw,3.4rem)}}@media (width<=899px){.hero-sequence{height:300svh}.hero-rest-copy{top:39%;left:1.4rem}.hero-rest-copy h1{white-space:normal;font-size:clamp(1.55rem,6.8vw,2.2rem)}.hero-rest-logo-motion{width:min(150vw,190.84svh - 15.2672rem);top:38svh;left:62vw}.hero-project-stage{--orbit-transform-active:translate3d(-50%, -55%, 80px) rotateX(3.5deg) rotateY(-7deg) rotateZ(-1deg) scale(1);--orbit-transform-next:translate3d(15%, -105%, -210px) rotateX(6deg) rotateY(-21deg) rotateZ(4deg) scale(.58);--orbit-transform-far:translate3d(-55%, -110%, -520px) rotateY(-28deg) scale(.36);--orbit-transform-previous:translate3d(-95%, 14%, -230px) rotateX(3deg) rotateY(17deg) rotateZ(-6deg) scale(.58);--orbit-opacity-far:0;perspective:1200px;perspective-origin:54% 42%;inset:6.5rem -16vw 14rem}.hero-project-slot{width:82vw}.hero-project-slot[data-orbit-slot=far]{pointer-events:none}.hero-orbit-card-label{font-size:.62rem;top:.65rem;left:.65rem}.hero-project-slot[data-orbit-slot=previous] .hero-orbit-card-label{bottom:.65rem;right:.65rem}.hero-project-copy{width:auto;height:13.5rem;inset:auto 1.25rem 1.25rem;transform:none}.hero-project-panel h2{font-size:clamp(2.5rem,12vw,4.25rem)}.hero-project-panel>p:not(.hero-project-kicker){font-size:.9rem;line-height:1.55}.hero-company-link{display:none}.company-intro-panel{grid-template-columns:1fr;gap:2rem;padding:7rem 1.25rem 4rem}.company-intro-kicker,.company-intro-panel h2,.company-intro-panel>p:last-child{grid-column:1}.company-intro-panel h2{white-space:normal;font-size:clamp(2.6rem,11vw,4rem)}.company-intro-panel>p:last-child{align-self:start}}@media (width<=390px) and (height<=700px){.hero-project-copy{height:10.25rem;bottom:.6rem}.hero-project-panel h2{font-size:2.35rem}.hero-project-panel>p:not(.hero-project-kicker){display:none}}@media (prefers-reduced-motion:reduce){.hero-sequence{height:auto}.hero-sticky{height:auto;position:relative;overflow:visible}.hero-material-plate,.hero-background-video,.hero-particle-field{height:100svh}.hero-rest-world{min-height:100svh;position:relative}.hero-rest-hint{display:none}.hero-project-world{pointer-events:auto;min-height:100svh;position:relative;visibility:visible!important;opacity:1!important;transform:none!important}.hero-project-copy,.hero-company-link{opacity:1!important;transform:none!important}.hero-project-stage{perspective:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;min-height:0;padding:7rem 1.25rem 20rem;display:grid;position:relative;inset:auto}.hero-project-slot,.hero-project-slot[data-orbit-slot]{pointer-events:auto;width:100%;position:relative;top:auto;left:auto;opacity:1!important;filter:none!important;transition-duration:0s!important;transform:none!important}.hero-project-slot,.hero-media{animation:none!important}.hero-orbit-card-label{margin-top:.6rem;position:static;opacity:1!important}.hero-project-panel{transition-duration:0s!important}.company-intro-bridge{visibility:visible;pointer-events:auto;min-height:100svh;position:relative;transform:none!important}.company-intro-panel h2,.company-intro-panel p{opacity:1!important;transform:none!important}.hero-rest-hint i,.hero-company-link i{animation:none}.hero-background-video,.hero-video-review{display:none!important}.hero-rest-logo-motion{animation:none}}@media (prefers-reduced-motion:reduce) and (width<=899px){.hero-project-stage{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:17rem}}
