/* Foreground liquid mark, separate from the frosted glass plane. */
.hero-art.liquid-stage{perspective:1000px;isolation:isolate;min-width:0;overflow:visible;height:500px}
.liquid-stage:before{width:75%;height:60%;border-radius:45%;background:radial-gradient(ellipse,#ff701b21,transparent 70%);filter:blur(38px);z-index:0}
.liquid-stage .glass-orbit{z-index:1;inset:50px 15px 68px 45px;border-radius:32px;transform:rotate(-9deg) rotateY(-12deg);background:linear-gradient(130deg,#ffffff13,#ffffff04 60%,#ff843006);border:1px solid #ffffff27;box-shadow:inset 1px 1px 0 #ffffff33,inset -1px -1px 0 #ffffff05,0 35px 90px #0003;backdrop-filter:blur(18px);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.liquid-stage .glass-orbit:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff0b;border-radius:25px;pointer-events:none}
.liquid-figure{position:relative;z-index:3;width:112%;max-width:650px;aspect-ratio:1;flex-shrink:0;pointer-events:none;transform:translate3d(var(--liquid-x,0px),var(--liquid-y,0px),50px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.liquid-stage .liquid-poster,.liquid-figure canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal;animation:none;transform:none;transition:none}
.liquid-figure canvas{opacity:0}.liquid-figure.is-playing canvas{opacity:1}.liquid-figure.is-playing .liquid-poster{visibility:hidden}
#liquid-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}
.liquid-stage .floating-card{z-index:2;animation:none;background:linear-gradient(120deg,#ffffff15,#ffffff06);border-color:#ffffff24;backdrop-filter:blur(14px);max-width:230px}
.liquid-stage .float-one{top:18px;right:0;transform:rotate(3deg)}.liquid-stage .float-two{bottom:40px;left:-15px;transform:rotate(-3deg)}
.liquid-control{position:absolute;right:4px;bottom:8px;z-index:5;font-size:12px;letter-spacing:.02em;background:transparent;border:1px solid #ffffff24;border-radius:30px;padding:10px 15px;color:#c8c8c4;transition:background .25s,border-color .25s}
.liquid-control:hover{background:#ffffff0c;border-color:#ffffff60;color:#fff}
.project,.glass,.services article{transition:box-shadow .35s,border-color .35s;transform-style:preserve-3d}
.project:hover .project-preview{box-shadow:0 24px 48px #0003}.glass:hover{border-color:#ff8b4b60;box-shadow:0 18px 45px #00000012}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-100% -45%;background:linear-gradient(110deg,transparent 42%,#ffffff35 50%,transparent 58%);transform:translateX(-85%);transition:transform .65s;pointer-events:none}.button:hover:after{transform:translateX(85%)}
.button:active{scale:.97}.text-link span,.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}
.section-head h2{ text-wrap:balance }.section,.about,.contact{scroll-margin-top:32px}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:#ff762b;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
@media(max-width:1050px){.hero-art.liquid-stage{height:420px}.liquid-stage .floating-card{max-width:190px}.liquid-stage .float-two{left:0}}
@media(max-width:700px){.hero-art.liquid-stage{height:340px;width:100%;max-width:400px;margin:24px auto 16px}.liquid-figure{width:110%}.liquid-stage .glass-orbit{inset:36px 25px 52px 35px;border-radius:25px}.liquid-stage .floating-card{max-width:175px;padding:11px 13px}.liquid-stage .floating-card strong{font-size:11px}.liquid-stage .float-one{top:5px;right:0}.liquid-stage .float-two{bottom:45px;left:0}.liquid-control{bottom:0;right:0;font-size:11px}.liquid-stage .liquid-poster{width:100%}.hero-copy{min-height:0}}
@media(prefers-reduced-motion:reduce){.liquid-figure,.liquid-stage .glass-orbit{transform:none!important}.liquid-figure,.button:after,.button,.project{transition:none!important}}