/* Shared motion language: responsive, event-driven and reduced-motion aware. */
h1,h2,h3,.cover-title h3,.category-xhs .cover-title h3,.contact h2,.plan h3,.process-grid h3{font-weight:750!important}summary,.pmeta{font-weight:650}.headline h1{font-size:clamp(48px,5.6vw,88px);line-height:1.02;letter-spacing:-.045em}
.category-xhs .work-cover{background:linear-gradient(140deg,#291b38,#15101d)}.category-xhs .cover-number,.category-xhs .cover-title>span{display:block}.category-xhs .cover-title h3{font-size:clamp(30px,3.7vw,54px)}.xhs-portfolio{display:flex;gap:12px;position:absolute;inset:25px 9% auto;rotate:-7deg}.xhs-portfolio>div{flex:0 0 35%;height:245px;overflow:hidden;position:relative;box-shadow:0 15px 30px #0007;border:1px solid #ffffff26;border-radius:3px;background:#261b30;transition:translate .6s,rotate .6s}.xhs-portfolio>div:nth-child(2){translate:0 22px;rotate:12deg}.xhs-portfolio img{display:block;width:100%;height:auto;max-width:none;transform:translateY(-13.5%)}
button,a,summary{touch-action:manipulation;transition:color .25s,background-color .25s,border-color .25s,box-shadow .3s,translate .3s,scale .2s}button{position:relative;isolation:isolate}button:active,a:active,summary:active{scale:.97}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b996df;outline-offset:5px}nav button{position:relative}nav button:after{content:'';position:absolute;bottom:1px;left:12%;right:12%;height:2px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .3s}nav button:hover:after,nav button:focus-visible:after{scale:1 1}nav button:hover{opacity:1;translate:0 -2px}.site-controls button:hover{scale:1.08}.site-controls svg{transition:rotate .5s}.site-controls button:hover svg{rotate:35deg}.cta{overflow:hidden}.cta:before{content:'';position:absolute;inset:-100% -60%;background:linear-gradient(110deg,transparent 40%,#ffffff33 49%,transparent 58%);translate:-70% 0;pointer-events:none;transition:translate .7s}.cta:hover:before,.cta:focus-visible:before{translate:70% 0}.fx-ripple{position:absolute;width:24px;height:24px;margin:-12px;border-radius:50%;background:#c9a8f559;pointer-events:none;z-index:8}
.section{position:relative}.section:before{content:'';position:absolute;top:0;left:var(--pad);width:70px;height:2px;background:linear-gradient(90deg,#be8df4,transparent);scale:0 1;transform-origin:left;transition:scale 1s}.section.is-inview:before{scale:1 1}.section>.micro{display:inline-block;transition:translate .6s,color .6s}.section.is-inview>.micro{color:#b895dc;translate:4px 0}.work-cover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .28s ease-out,box-shadow .35s,border-color .35s}.cover-open{transition:rotate .35s,background .35s,scale .35s}.project:hover .cover-open{rotate:45deg;background:#b995e6;color:#160c20;scale:1.1}.project:hover .cover-posters img:first-child{translate:0 -8px}.project:hover .cover-posters img:last-child{translate:0 8px}.cover-posters img{transition:translate .6s}.project:hover .xhs-portfolio>div:first-child{translate:-6px -8px;rotate:-3deg}.project:hover .xhs-portfolio>div:last-child{translate:6px -8px;rotate:3deg}.project:hover .cover-ai{scale:1.04}.cover-ai{transition:scale .8s}.project:hover .cover-browser{translate:0 -7px}.cover-browser{transition:translate .5s}.project:hover .work-cover{border-color:#bd8ae888;box-shadow:0 20px 45px #08020f55}
.services details{transition:background .3s,padding .3s,border-color .3s}.services summary{transition:translate .3s,color .3s}.services summary:after{transition:rotate .35s}.services details[open]{padding-left:18px;padding-right:18px;background:#a575ce0a;border-color:#b995df}.services details[open] summary:after{rotate:180deg}.services details[open] p{animation:scope-enter .35s ease-out}.services summary:hover{translate:5px 0;color:#b58bde}.plan,.process-grid article{transition:translate .35s,box-shadow .35s,border-color .35s,background .35s}.plan:hover,.plan:focus-within{translate:0 -7px;border-color:#a87fd3;box-shadow:0 18px 50px #12071f33}.process-grid article:hover{translate:0 -5px;background:#ad82d611}.process-grid article:hover>.micro{color:#b58bde}.skill-tags span{transition:translate .3s,background .3s}.skill-tags span:hover{translate:0 -4px;background:#a575ce22}.playground>img{transition:scale .7s,filter .7s}.playground>img:hover{scale:1.025;filter:drop-shadow(0 0 25px #9871ca22)}.bottom a:hover,.logo:hover{color:#b58bde;translate:0 -2px}.contact .cta:hover{box-shadow:0 0 36px #a575ce44}.drawer .dcontent{animation:scope-enter .4s ease-out}input,textarea,select{transition:border-color .25s,box-shadow .25s}input:focus,textarea:focus,select:focus{outline:none;border-color:#a575ce;box-shadow:0 0 0 3px #a575ce22}@keyframes scope-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:560px){.headline h1{font-size:clamp(44px,12vw,66px)}.category-xhs .cover-title h3{font-size:36px}.xhs-portfolio>div{height:215px}}
@media(hover:none){.work-cover{transform:none}.plan:hover,.process-grid article:hover{translate:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.work-cover{transform:none!important}.fx-ripple{display:none}.section:before{scale:1 1}}