/* Bold 3D edition — expressive type and a scroll-driven sculpture. */
.hero{padding-top:170px;position:relative;isolation:isolate}.hero-grid{gap:48px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:clamp(70px,7.4vw,104px);line-height:1.03;color:var(--pink);letter-spacing:-5px;text-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink),5px 5px 0 var(--ink),6px 6px 0 var(--ink);padding-bottom:12px}.hero .cursor{color:var(--ink);text-shadow:none}.hero .wave{text-shadow:none}.hero-copy{transform:translateY(var(--copy-drift,0px));will-change:transform}.hero-art{max-width:500px;width:100%;perspective:1100px}.portrait{border-radius:48% 48% 24px 24px;background:#272127;border:3px solid var(--ink);box-shadow:10px 12px 0 #fbe0e9,13px 15px 0 var(--ink);transform:rotate(-3deg) translateY(var(--art-drift,0px));transition:box-shadow .25s;overflow:hidden}.portrait:hover{transform:rotate(-3deg) translateY(var(--art-drift,0px));box-shadow:13px 15px 0 #fbe0e9,16px 18px 0 var(--ink)}.portrait canvas{display:block;width:100%;height:auto;aspect-ratio:640/690}.art-label{bottom:110px;color:var(--pink);font-size:10px;letter-spacing:2px}.available{top:8px;left:-20px;background:var(--yellow);box-shadow:3px 4px 0 var(--ink);z-index:3}.orbit-sticker{display:none}.welcome{transform:rotate(0);border-radius:12px;box-shadow:3px 4px 0 #111}.hero-actions .button{box-shadow:5px 6px 0 var(--ink);border-width:3px}.hero-actions .button:hover{box-shadow:8px 10px 0 var(--ink);transform:translate(-3px,-4px)}.stats strong{font-size:43px;font-weight:900}.stats{border-top:2px solid var(--ink);padding-top:22px;margin-top:35px}.hero-bottom{padding-top:48px}.section{position:relative;overflow:clip}.section h2{font-weight:900;transform:translateX(var(--heading-drift,0px));letter-spacing:-3px}.work h2,.process h2{ text-shadow:2px 2px 0 #fff5cd}.services h2{color:var(--yellow);text-shadow:3px 4px 0 #332048}.about h2 .serif,.contact h2 .serif{font-family:Satoshi,Inter,sans-serif;font-style:normal;font-weight:900}.about h2 .serif{color:var(--red);text-shadow:2px 2px 0 var(--ink)}.project-card{border-width:3px;box-shadow:7px 8px 0 var(--ink);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s,box-shadow .2s}.project-card:hover{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-7px);box-shadow:11px 15px 0 var(--ink)}.circle-arrow{background:var(--pink);box-shadow:2px 3px 0 var(--ink)}.project-card:nth-child(2) .circle-arrow{background:#c4b3e6}.project-card:nth-child(3) .circle-arrow{background:var(--coral)}.project-card:nth-child(4) .circle-arrow{background:var(--blue)}.process-card{border-width:3px;box-shadow:6px 8px 0 var(--ink)}.process-card:nth-child(odd){rotate:-2deg}.process-card:nth-child(even){rotate:2deg}.process-grid{gap:25px}.services{border-block:3px solid var(--ink)}.contact h2{color:var(--ink);text-shadow:3px 3px 0 var(--pink),6px 6px 0 #bf5c50}.contact .contact-arrow{text-shadow:none}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:5px;background:var(--ink);transform-origin:left;transform:scaleX(var(--progress,0));z-index:50;pointer-events:none}.motion-paused .hero-copy,.motion-paused .section h2{transform:none}.motion-paused .portrait,.motion-paused .portrait:hover{transform:rotate(-3deg)}.motion-paused .project-card,.motion-paused .project-card:hover{transform:none}.motion-paused *{transition:none!important}
@media(max-width:1000px){.hero h1{font-size:78px}.hero-grid{gap:32px}.stats strong{font-size:36px}.available{left:-8px;font-size:8px}.process-grid{gap:25px}}
@media(max-width:700px){.hero{padding-top:130px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(66px,15vw,90px);letter-spacing:-3px;text-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink)}.hero-art{width:88%;max-width:390px;margin-bottom:10px}.portrait,.portrait:hover{box-shadow:7px 8px 0 var(--pink),9px 10px 0 var(--ink)}.available{left:-13px;top:0}.stats strong{font-size:36px}.section h2{letter-spacing:-2px}.section h2,.hero-copy{transform:none!important}.project-card,.project-card:hover{transform:none;box-shadow:5px 7px 0 var(--ink)}.process-card{rotate:0deg!important}.process-grid{gap:18px}.process-card{box-shadow:4px 5px 0 var(--ink)}.art-label{font-size:8px}.contact h2{text-shadow:2px 2px 0 var(--pink),4px 4px 0 #bf5c50}}
@media(prefers-reduced-motion:reduce){.hero-copy,.section h2,.project-card:hover{transform:none!important}.portrait,.portrait:hover{transform:rotate(-3deg)}}