button{font:inherit}.availability{appearance:none;border:0;background:none;color:inherit;padding:0;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.hero{position:relative}.hero>*:not(.hero-photo){position:relative;z-index:1}.hero-photo{--px:0px;--py:0px;--rx:0deg;--ry:0deg;position:absolute;z-index:0!important;right:4vw;top:17vh;width:clamp(250px,27vw,430px);height:62vh;max-height:650px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#222;transform:perspective(1000px) translate3d(var(--px),var(--py),0) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:center;transition:transform .45s cubic-bezier(.2,.75,.25,1)}.hero-photo img{width:112%;height:112%;margin:-6%;object-fit:cover;object-position:50% 47%;filter:contrast(1.05);transform:translate3d(calc(var(--px) * -.32),calc(var(--py) * -.32),0) scale(1.035);transition:transform .5s cubic-bezier(.2,.75,.25,1)}.hero-photo figcaption{position:absolute;left:12px;bottom:10px;padding:5px 7px;background:#0a0a0a;color:#ddd;font:400 .62rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.hero h1{max-width:1180px;text-shadow:0 2px 30px rgba(0,0,0,.25)}.contact h2 button{appearance:none;width:100%;border:0;background:none;color:inherit;padding:0;display:flex;justify-content:space-between;cursor:pointer;text-align:left;letter-spacing:inherit;line-height:inherit}.contact-foot p a{color:inherit;text-decoration:none}.contact-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#0a0a0a;overflow:hidden;opacity:0;transition:opacity .38s ease}.contact-dialog[open]{display:flex;justify-content:flex-end}.contact-dialog.is-visible{opacity:1}.contact-dialog::backdrop{background:rgba(0,0,0,0);backdrop-filter:blur(0);transition:background .38s ease,backdrop-filter .38s ease}.contact-dialog.is-visible::backdrop{background:rgba(0,0,0,.56);backdrop-filter:blur(7px)}.contact-panel{width:min(760px,100%);height:100%;overflow-y:auto;background:#f0f0ed;padding:30px 38px 38px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s cubic-bezier(.76,0,.24,1)}.contact-dialog.is-visible .contact-panel{transform:none}.form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #b9b9b4;font:400 .7rem var(--mono);text-transform:uppercase}.form-head p{margin:0}.dialog-close{border:0;background:none;padding:6px 0;cursor:pointer;text-transform:uppercase}.form-intro{padding:54px 0 42px}.form-intro h2{margin:0 0 24px;font-size:clamp(3rem,5.5vw,5.8rem);font-weight:500;line-height:.9;letter-spacing:-.065em}.form-intro p{margin:0;color:#666}.form-intro a{color:inherit;text-underline-offset:4px}#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:auto}#contact-form label{display:flex;flex-direction:column;gap:7px}#contact-form label:nth-of-type(4){grid-column:1/-1}#contact-form label>span{display:flex;justify-content:space-between;font:400 .68rem var(--mono);text-transform:uppercase;color:#60605c}#contact-form label i{font-style:normal;color:#999}#contact-form input,#contact-form textarea{width:100%;border:0;border-bottom:1px solid #aaa9a3;background:transparent;border-radius:0;padding:8px 0 13px;color:#0a0a0a;font:400 1rem var(--sans);outline:none}#contact-form textarea{resize:vertical;min-height:92px}#contact-form input:focus,#contact-form textarea:focus{border-color:#0a0a0a}#contact-form ::placeholder{color:#969691}.honeypot{position:absolute!important;left:-9999px!important}.form-action{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin-top:10px}.form-action button{border:0;background:#0a0a0a;color:#fff;min-height:58px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.form-action button:disabled{opacity:.55;cursor:wait}.form-action p{margin:0;font-size:.85rem;color:#555}.form-action p a{color:inherit}
@media(max-width:760px){.hero-photo{position:relative!important;z-index:1!important;top:auto;right:auto;width:78vw;height:48vh;min-height:390px;max-height:520px;margin:-18px 0 38px auto;transform:none}.hero-photo img{transform:scale(1.04)}.hero h1{margin-bottom:58px}.contact-panel{padding:20px 18px 28px}.form-intro{padding:42px 0 38px}.form-intro h2{font-size:13vw}#contact-form{grid-template-columns:1fr;gap:20px}#contact-form label:nth-of-type(4),.form-action{grid-column:auto}.form-action{grid-template-columns:1fr;gap:13px}.form-action p{min-height:20px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-photo img,.contact-dialog,.contact-dialog::backdrop,.contact-panel{transition:none!important}}
.hero-photo{--ix:0px;--iy:0px}.hero-photo img{transform:translate3d(var(--ix),var(--iy),0) scale(1.035)}
@media(max-width:760px){.hero-photo img{transform:scale(1.04)}}
@media(min-width:761px) and (hover:hover) and (pointer:fine){.hero-photo.reveal{--cx:12px;--cy:12px;position:fixed;z-index:20!important;left:0;top:0;right:auto;width:260px;height:390px;max-height:none;margin:0;opacity:0;visibility:hidden;pointer-events:none;translate:var(--cx) var(--cy);transform:scale(.94) rotate(-2deg);transform-origin:top left;transition:opacity .22s ease,transform .22s ease}.hero-photo.reveal.is-nav-visible{opacity:1;transform:scale(1) rotate(-2deg)}.hero-photo img{width:100%;height:100%;margin:0;transform:scale(1.035)}}
.project-stage video{display:block;width:100%;height:100%;object-fit:cover;background:#111}.stage-playember,.stage-hotic,.stage-mayna{padding:0!important;background:#111!important}.stage-mayna video{object-position:center}.scroll-badge{--badge-angle:0deg;--badge-x:100vw;--badge-y:calc(100vh - 182px);--badge-fill:#8fc5f5;position:fixed;z-index:12;left:0;top:0;width:158px;height:158px;padding:0;border:0;background:transparent;cursor:pointer;opacity:0;visibility:hidden;filter:drop-shadow(7px 7px 0 #0a0a0a);transform:translate3d(var(--badge-x),var(--badge-y),0) scale(.68) rotate(var(--badge-angle));transition:opacity .22s ease,visibility 0s .22s,filter .15s ease;will-change:transform;color:#0a0a0a}.scroll-badge.is-visible{opacity:1;visibility:visible;transform:translate3d(var(--badge-x),var(--badge-y),0) scale(1) rotate(var(--badge-angle));transition:opacity .22s ease,visibility 0s,filter .15s ease}.scroll-badge svg{display:block;width:100%;height:100%}.scroll-badge .badge-face{transition:fill .18s ease}.scroll-badge:hover{filter:drop-shadow(4px 4px 0 #0a0a0a)}
@media(max-width:760px){.scroll-badge{width:122px;height:122px}}
@media(prefers-reduced-motion:reduce){.scroll-badge,.scroll-badge.is-visible{transform:translate3d(var(--badge-x),var(--badge-y),0) scale(1);transition:opacity .2s ease}}
.project-stage video{pointer-events:none}
