.opening-intro{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:var(--paper);color:var(--ink)}
.opening-intro[hidden]{display:none}
.opening-boot .opening-intro[hidden]{display:grid}
.opening-boot .site-header,.opening-boot .hero-copy,.opening-boot .hero-bottom{visibility:hidden}
.intro-lockup{display:grid;place-items:center;gap:23px}
.intro-lockup>span{font-size:1.1rem;letter-spacing:-.04em}
.intro-logo{width:136px;height:136px;overflow:visible;fill:none;stroke:currentColor;stroke-width:3.7;stroke-linecap:square;stroke-linejoin:miter}
.intro-logo .gap-outer{stroke-dasharray:80.75 19.25}
.intro-logo .gap-middle{stroke-dasharray:77.5735 22.4265}
.intro-logo .gap-inner{stroke-dasharray:68.75 31.25}
.opening-intro-active .intro-logo path{animation:rotating-gap 3s cubic-bezier(.42,0,.2,1) both}
.intro-skip{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);min-height:44px;padding:10px 22px;border:0;border-radius:40px;background:#e7deec;color:var(--ink);font-size:1rem;opacity:0;pointer-events:none}
.intro-skip:focus-visible{opacity:1;pointer-events:auto}
@keyframes rotating-gap{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
.hero{position:relative;isolation:isolate;overflow:clip}
.hero-video-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0}
.hero-video-layer video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-video-layer::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,var(--paper) 75%);pointer-events:none}
.hero.video-playing .hero-video-layer{opacity:1}
.opening-poster{display:grid;place-items:center;position:relative;flex:none}
.approved-reference-window{position:relative;width:100%;aspect-ratio:1450/458;overflow:hidden;mask-image:linear-gradient(transparent,black 5%,black 94%,transparent)}
.approved-reference-window img{position:absolute;display:block;max-width:none;width:109.3793%;height:auto;left:-4.1379%;top:-19.2139%}
.hero.video-playing .opening-poster{visibility:hidden}
.hero-line{display:block;overflow:visible}
.hero-line>span{display:block}
.secondary-pill{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 29px;border:1px solid transparent;border-radius:40px;background:#e6dceb;color:#302734;font-size:1rem;transition:background .25s,box-shadow .25s}
.secondary-pill:hover{background:#d8c9e0;box-shadow:0 8px 24px #4a315413}
.hero-actions{gap:16px}
.hero .primary-link{border-radius:40px;padding-inline:34px}
.opening-proof-note{font-size:.9rem!important;color:#796b80!important;margin:22px 0 0!important;line-height:1.6!important}
.hero-bottom{position:relative;z-index:2}
.opening-intro-active .site-header,.opening-intro-active .hero-copy,.opening-intro-active .hero-bottom{visibility:hidden}
.opening-entered .site-header{animation:opening-rise 1.05s cubic-bezier(.22,.7,.2,1) .08s both}
.opening-entered .hero-line:first-child>span{animation:opening-mask 1.05s cubic-bezier(.22,.7,.2,1) .42s both}
.opening-entered .hero-line:nth-child(2)>span{animation:opening-mask 1.05s cubic-bezier(.22,.7,.2,1) .62s both}
.opening-entered .hero-lede{animation:opening-rise 1.05s cubic-bezier(.22,.7,.2,1) .82s both}
.opening-entered .opening-primary{animation:opening-rise 1.05s cubic-bezier(.22,.7,.2,1) .96s both}
.opening-entered .opening-secondary{animation:opening-rise 1.05s cubic-bezier(.22,.7,.2,1) 1.10s both}
.opening-entered .hero-bottom,.opening-entered .opening-proof-note{animation:opening-rise 1.05s cubic-bezier(.22,.7,.2,1) 1.12s both}
@keyframes opening-mask{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}
@keyframes opening-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.way>a{border:1px solid transparent;border-radius:40px;background:var(--ink);color:var(--paper);padding:10px 22px;justify-content:center;text-align:center;line-height:1.5}
.way>a:hover{background:#51425f;color:var(--paper);border-color:transparent}
.gallery-controls button{background:#e6dceb;border-color:transparent}
.gallery-controls button:hover{background:#d8c9e0}
.way,.call-scope{border-color:var(--line)}
body[data-motion-paused="true"].opening-entered .site-header,body[data-motion-paused="true"].opening-entered .hero-copy *,body[data-motion-paused="true"].opening-entered .hero-bottom{animation:none;opacity:1;transform:none}
@media(max-width:700px){.intro-logo{width:120px;height:120px}.hero-actions{gap:12px}.secondary-pill{padding-inline:25px}.hero .primary-link{padding-inline:27px}.opening-proof-note{font-size:.875rem!important}.approved-reference-window{width:calc(100% + 20px)}}
@media(prefers-reduced-motion:reduce){.intro-logo path{animation:none!important}.opening-entered .site-header,.opening-entered .hero-copy *,.opening-entered .hero-bottom{animation:none!important;opacity:1;transform:none}.hero-video-layer{display:none}}
