.portrait-base,.portrait-photo{position:absolute;inset:0;width:100%;height:100%}.portrait-base{filter:brightness(1.4)}.portrait-photo{transform:translate3d(0,0,0);filter:brightness(1.4);will-change:transform;backface-visibility:hidden;animation:portrait-lift 8s ease-in-out infinite;animation-delay:var(--photo-delay);animation-play-state:paused}.portrait-photo img{width:100%;height:100%;object-fit:fill}.hub-experience[data-scene='0']:not(.motion-off) .portrait-photo{animation-play-state:running}.hub-experience:not([data-scene='0']) .portrait-photo{animation:none;transform:none}.stable-art{background:#100c08}.art-lights{transform:translateZ(3px)}@keyframes portrait-lift{0%,100%{transform:translate3d(calc(var(--layer-x,0px)*.16),calc(var(--layer-y,0px)*.16),5px) scale(1.002)}50%{transform:translate3d(calc(var(--layer-x,0px)*.3),calc(var(--layer-y,0px)*.3 - 2px),var(--photo-depth)) scale(1.009)}}
.hero-content h1{font-size:clamp(48px,6vw,84px);letter-spacing:-3px;line-height:1.05}.hero-content .hero-tagline{font-size:clamp(14px,1.4vw,20px);max-width:430px;line-height:1.5;color:#fff2dd;margin-top:24px}.chapter-title h2{font-size:clamp(32px,3.8vw,53px);line-height:1.05}.chapter-title h2 em{font-size:.86em;line-height:1.12;margin-top:22px}.vertical-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 25px;align-items:center}.vertical-logos img{width:100%;aspect-ratio:1.4;object-fit:cover;border:1px solid #c6a66a55;border-radius:8px}.vertical-logos img:first-child{object-fit:cover}.exp-header{gap:26px;padding-inline:6%}.persistent-menu{gap:clamp(12px,1.8vw,25px)}.scene-body{opacity:calc(1 - var(--scene-distance,0)*.7);transform:perspective(1500px) translateY(calc(var(--scene-distance,0)*35px)) scale(calc(1 - var(--scene-distance,0)*.045));filter:blur(calc(var(--scene-distance,0)*2px));will-change:transform,opacity;transition:filter .15s}.hero-brand-strip{opacity:calc(1 - var(--scene-distance,0));transform:translateY(calc(var(--scene-distance,0)*25px))}.exp-scene{background-attachment:fixed}.contact-copy .contact-links{display:block;margin-top:30px}.instagram-feature{display:flex;align-items:center;gap:17px;max-width:370px;border:1px solid #e9c47a88;padding:20px 24px;border-radius:12px;background:linear-gradient(120deg,#d0a34b30,#67471c22);box-shadow:0 8px 35px #b7842312;transition:background .3s,transform .3s}.instagram-feature:hover{transform:translateY(-3px);background:#b88b3f40}.instagram-feature svg{width:34px;height:34px;stroke:#f3d69e;stroke-width:1.5}.instagram-feature span{display:flex;flex-direction:column;gap:7px}.instagram-feature small{font-size:8px;letter-spacing:1.3px;color:#d9c398}.instagram-feature strong{font-size:22px;font-weight:400;color:#ffe8bd}.instagram-feature b{margin-left:auto;font-size:24px;font-weight:400;color:#eecb85}
@media(max-height:800px) and (min-width:751px){.hero-content h1{font-size:65px}.chapter-title h2{font-size:40px}.vertical-logos{margin:15px 0}.vertical-logos img{max-height:90px}.ecosystem-detail>p{font-size:13px}.ecosystem-metrics{margin-top:20px}}
@media(max-width:1000px){.exp-header{gap:15px;padding-inline:4%}.persistent-menu{gap:13px}}
@media(max-width:750px){.exp-header{height:118px;padding:12px 6% 4px;gap:0;position:absolute}.exp-logo{margin-inline:auto}.persistent-menu{gap:7px;flex-basis:100%}.hero-content h1{font-size:clamp(43px,11vw,63px);letter-spacing:-2px}.hero-content .hero-tagline{font-size:15px;max-width:270px;margin-top:20px}.chapter-title h2{font-size:31px}.chapter-title h2 em{font-size:.87em;line-height:1.07;margin-top:14px}.ecosystem-layout{gap:20px;padding-top:140px;padding-bottom:70px}.ecosystem-detail>p{font-size:11px;line-height:1.7}.ecosystem-metrics{margin:15px 0;padding:12px 0}.ecosystem-metrics strong{font-size:27px}.vertical-logos{margin:12px 0;gap:8px}.vertical-logos img{height:66px;aspect-ratio:auto}.contact-layout{gap:16px}.contact-copy .contact-links{margin-top:14px}.instagram-feature{padding:10px 14px;gap:12px;max-width:300px}.instagram-feature strong{font-size:16px}.instagram-feature small{font-size:6px}.instagram-feature svg{width:25px;height:25px}.contact-copy h2{font-size:27px}.contact-form{padding:14px}.contact-form textarea{height:60px}.contact-form input{margin-bottom:7px}.form-grid{gap:8px}.contact-scene{min-height:860px}}
@media(prefers-reduced-motion:reduce){.portrait-photo{animation:none!important;transform:none!important}.scene-body,.hero-brand-strip{transform:none!important;filter:none!important;opacity:1!important;transition:none!important}}
