/* Premium homepage refinement based on the four locally archived direction studies.
   Keep the motion/geometry bespoke and abstract; do not import their generated UI or imagery. */
:root{--blue:#416dff;--blue-hi:#8eabff;--rule:rgba(212,224,255,.16)}
.studio-hero{background:radial-gradient(ellipse at 78% 54%,rgba(42,83,194,.27),transparent 42%),linear-gradient(118deg,#070a11 0%,#090e1b 54%,#050811 100%)}
.hero-copy h1{font-size:clamp(68px,7.8vw,122px);font-weight:580;line-height:.87;letter-spacing:-.078em;text-transform:none;max-width:960px}
.hero-copy h1 span{display:inline-block}
.hero-blue{color:#83a1ff;text-shadow:0 0 52px rgba(65,109,255,.17)}
.hero-deck{max-width:390px;color:#c4cde0;font-size:clamp(15px,1.18vw,18px);line-height:1.58}
.hero-primary{border-bottom-color:#83a1ff}
.atelier-object{filter:drop-shadow(0 26px 56px rgba(23,56,147,.17))}
.atelier-object .object-shadow{inset:4%;background:radial-gradient(ellipse,rgba(45,91,220,.38),rgba(15,35,88,.16) 40%,transparent 70%);filter:blur(32px)}
.atelier-object .glass-plane{border-color:rgba(169,194,255,.5);background:linear-gradient(145deg,rgba(86,125,235,.2),rgba(14,24,46,.07) 48%,rgba(64,102,209,.18));box-shadow:inset 0 1px rgba(255,255,255,.16),0 28px 80px rgba(0,0,0,.16)}
.atelier-object .glass-front{background:linear-gradient(130deg,rgba(61,99,205,.32),rgba(5,12,25,.1) 48%,rgba(93,132,246,.2))}
.signal-engraving{filter:drop-shadow(0 0 15px rgba(65,109,255,.34))}
.object-index{color:#e4eaff;letter-spacing:.18em}
.section-intro h2,.process-heading h2,.proof-copy h2,.closing-stage h2{font-weight:590;text-transform:none;letter-spacing:-.075em;line-height:.91}
.section-intro h2{font-size:clamp(54px,7vw,104px)}
.process-heading h2{font-size:clamp(52px,6vw,88px)}
.service-list h3{font-weight:570;text-transform:none;letter-spacing:-.065em;font-size:clamp(34px,4.9vw,70px)}
.service-list li{min-height:clamp(112px,12vw,166px);transition:padding .45s cubic-bezier(.2,.75,.2,1)}
.service-list li:hover{padding-left:10px}
.service-list p{font-size:13px;line-height:1.55}
.process-stage{background:radial-gradient(ellipse at 52% 70%,rgba(27,57,133,.2),transparent 60%),linear-gradient(130deg,#0a1120,#0a1020 72%,#090e19)}
.process-rail::before{background:linear-gradient(90deg,#9bb2ff,var(--blue),rgba(131,161,255,.16))}
.process-dot{transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}
.process-rail li.is-current .process-dot{transform:scale(1.2)}
.proof-stage{background:radial-gradient(ellipse at 75% 52%,rgba(30,60,141,.14),transparent 54%),#080c14}
.proof-copy h2{font-size:clamp(42px,4.6vw,66px)}
.proof-frame{filter:drop-shadow(0 26px 52px rgba(0,0,0,.24))}
.proof-desktop{object-fit:cover;object-position:top center}
.proof-mobile{border-color:rgba(173,194,244,.52);box-shadow:0 20px 48px rgba(0,0,0,.55)}
.closing-stage{background:radial-gradient(ellipse at 85% 52%,rgba(28,60,146,.19),transparent 45%),#090f1b}
.closing-stage h2{font-size:clamp(60px,8.4vw,124px)}
.studio-footer{background:#05070d}
@media(max-width:1000px){
 .hero-copy h1{font-size:clamp(62px,8.2vw,94px);max-width:82vw}
 .atelier-object{width:min(52vw,440px);right:-21vw;top:61%}
 .section-intro h2{font-size:clamp(52px,8.2vw,86px)}
}
@media(max-width:700px){
 .hero-copy h1{font-size:clamp(49px,12.1vw,72px);line-height:.88;letter-spacing:-.073em;max-width:100%}
 .hero-blue{white-space:nowrap}
 .atelier-object{width:min(58vw,218px);margin-top:25px}
 .section-intro h2{font-size:clamp(49px,12vw,76px);line-height:.88}
 .service-list h3{font-size:clamp(29px,7.8vw,42px);line-height:.98}
 .process-heading h2{font-size:clamp(46px,11vw,68px);line-height:.9}
 .proof-copy h2{font-size:clamp(40px,10vw,58px);line-height:.93}
 .closing-stage h2{font-size:clamp(49px,12vw,76px);line-height:.88}
 .proof-frame figcaption{font-size:7px;letter-spacing:.08em}
}
@media(max-width:360px){
 .hero-copy h1{font-size:clamp(45px,12.2vw,53px);letter-spacing:-.075em}
 .hero-deck{max-width:245px}
 .hero-actions{gap:10px 16px}
 .proof-frame figcaption{font-size:6px;letter-spacing:.05em}
}
@media(prefers-reduced-motion:reduce){
 .atelier-object,.glass-plane,.service-list li,.process-dot{transition:none!important}
}