/* Adaptive positions are separate from the owner's wide-screen layout.
   The saved 2307px composition remains unchanged above 1800px. */
body.studio-theme{overflow-x:clip}
body.studio-theme .hero-copy,body.studio-theme .hero-menu-group{min-width:0}
body.studio-theme .hero-copy .lead{overflow-wrap:break-word}
@media (min-width:901px) and (max-width:1800px){
 body.studio-theme .nav.shell{width:min(1400px,calc(100% - 80px));height:88px;gap:28px;translate:none;border-bottom:0}
 body.studio-theme .hero-menu-group{margin-left:24px;gap:24px}
 body.studio-theme .nav nav{gap:clamp(12px,1.5vw,25px)}
 body.studio-theme .nav nav a{font-size:11px;letter-spacing:.5px;white-space:nowrap}
 body.studio-theme .hero-menu-group>.outline{padding:13px 18px;white-space:nowrap}
 body.studio-theme .hero{min-height:680px;padding-top:88px}
 body.studio-theme .hero-grid{width:min(1400px,calc(100% - 80px));display:grid;grid-template-columns:150px minmax(0,580px) minmax(0,1fr);gap:28px;align-items:center;min-height:470px;padding:30px 0 50px}
 body.studio-theme .process-rail{grid-column:1;grid-row:1;height:360px;padding-left:30px}
 body.studio-theme .hero-copy{grid-column:2;grid-row:1;padding:0;max-width:580px}
 body.studio-theme .hero h1{font-size:clamp(46px,4.5vw,76px);letter-spacing:-2.5px;line-height:1; margin:22px 0}
 body.studio-theme .hero .lead{font-size:16px;line-height:1.65;max-width:490px}
 body.studio-theme .hero-sculpture{top:0;right:0;width:min(850px,58vw);height:auto;object-fit:contain;object-position:right top}
 body.studio-theme .hero-portrait-stage{height:100%;z-index:0}
 body.studio-theme .shell.service-track{width:min(1400px,calc(100% - 80px));grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 body.studio-theme .service-ribbon{margin-top:auto}
 body.studio-theme .service-track .service-item{padding:26px 12px 18px;column-gap:8px}
 body.studio-theme #works{padding-top:max(24px,calc(var(--editor-portfolio-gap,100px) - 60px))}
}
@media(min-width:901px) and (max-width:1150px){
 body.studio-theme .hero-menu-group{margin-left:auto;gap:16px}
 body.studio-theme .nav.shell{width:calc(100% - 40px);gap:18px}
 body.studio-theme .nav nav{gap:12px}
 body.studio-theme .nav nav a{font-size:10px}
 body.studio-theme .hero-menu-group>.outline{padding:12px;font-size:10px}
 body.studio-theme .hero-grid{width:calc(100% - 40px);grid-template-columns:122px minmax(0,440px) minmax(0,1fr);gap:22px}
 body.studio-theme .hero .lead{font-size:15px}
 body.studio-theme .hero .actions{gap:18px;flex-wrap:wrap}
 body.studio-theme .hero .gold{padding:17px 22px}
 body.studio-theme .hero .play{font-size:11px}
 body.studio-theme .shell.service-track{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr))}
 body.studio-theme .hero{min-height:800px}
}
@media(max-width:900px){
 body.studio-theme .nav.shell{height:76px;width:calc(100% - 40px);translate:none;border-bottom:0;justify-content:space-between}
 body.studio-theme .nav .menu{display:block;margin-left:auto;min-width:44px;min-height:44px;position:relative;z-index:2}
 body.studio-theme .hero-menu-group{position:static;margin:0;gap:0}
 body.studio-theme .nav nav{display:none}
 body.studio-theme .nav nav.mobile-open{display:flex;position:absolute;top:76px;left:0;right:0;padding:20px;flex-direction:column;gap:0;border-radius:12px;background:#4f5264fa!important;box-shadow:0 12px 32px #20263640}
 body.studio-theme .nav nav.mobile-open a{padding:14px 10px;font-size:13px;min-height:44px;box-sizing:border-box}
 body.studio-theme .nav nav.mobile-open a:after{display:none}
 body.studio-theme .hero{min-height:0;padding-top:76px}
 body.studio-theme .hero-portrait-stage{height:570px;inset:0 0 auto;mask-image:linear-gradient(#000 0%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 68%,transparent 100%)}
 body.studio-theme .hero-sculpture{top:76px;right:0;width:min(520px,75%);height:auto;object-fit:contain;object-position:right top;opacity:.97}
 body.studio-theme .hero-grid{display:flex;width:calc(100% - 40px);padding:280px 0 30px;min-height:0;align-items:stretch;justify-content:flex-start}
 body.studio-theme .hero-copy{padding:0;max-width:570px;position:relative}
 body.studio-theme .hero h1{font-size:clamp(38px,6.8vw,60px);line-height:1.02;letter-spacing:-1.8px;margin:18px 0 22px}
 body.studio-theme .hero .lead{font-size:16px;line-height:1.65;max-width:540px}
 body.studio-theme .hero .actions{margin-top:24px;gap:20px;flex-wrap:wrap}
 body.studio-theme .process-rail{margin:44px 0 0;padding:36px 0 0;height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 body.studio-theme .rail-step{min-width:0;min-height:76px}
 body.studio-theme .rail-step i{top:-36px;left:calc(50% - 17px)}
 body.studio-theme .rail-step b{font-size:11px;letter-spacing:.7px}
 body.studio-theme .rail-step small{font-size:11px;line-height:1.45;max-width:140px;margin:7px auto 0}
 body.studio-theme .shell.service-track{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.studio-theme #works{padding-top:max(24px,calc(20px + var(--editor-portfolio-gap,20px)))}
 body.studio-theme #works>.shell,body.studio-theme #steps>.shell,body.studio-theme #reviews>.shell,body.studio-theme #why>.shell,body.studio-theme #prices>.shell,body.studio-theme #contact>.shell{width:calc(100% - 40px);max-width:none}
 body.studio-theme .review-selected-project{min-width:0}
 body.studio-theme .selected-review-type{flex-wrap:wrap}
 body.studio-theme .layout-editor{width:min(285px,calc(100vw - 28px));box-sizing:border-box}
}
@media(max-width:540px){
 body.studio-theme .nav.shell,body.studio-theme .hero-grid,body.studio-theme .shell.service-track,body.studio-theme #works>.shell,body.studio-theme #steps>.shell,body.studio-theme #reviews>.shell,body.studio-theme #why>.shell,body.studio-theme #prices>.shell,body.studio-theme #contact>.shell{width:calc(100% - 32px)}
 body.studio-theme .hero-portrait-stage{height:420px;mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%)}
 body.studio-theme .hero-sculpture{top:56px;width:100%;right:0}
 body.studio-theme .hero-grid{padding-top:230px;padding-bottom:22px}
 body.studio-theme .hero .eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.7}
 body.studio-theme .hero h1{font-size:clamp(34px,9.8vw,48px)}
 body.studio-theme .hero .lead{font-size:16px}
 body.studio-theme .hero .actions{gap:18px}
 body.studio-theme .hero .gold{padding:17px 24px;min-height:48px;box-sizing:border-box}
 body.studio-theme .hero .play{font-size:12px;min-height:44px}
 body.studio-theme .process-rail{gap:8px}
 body.studio-theme .rail-step b{font-size:10px;letter-spacing:.4px}
 body.studio-theme .rail-step small{font-size:10px}
 body.studio-theme .shell.service-track{grid-template-columns:1fr}
 body.studio-theme .service-track .service-item{min-height:108px;margin:0;padding:25px 14px 16px;grid-template-columns:26px minmax(0,1fr) 30px;gap:12px}
 body.studio-theme .service-track .service-item h3{font-size:15px}
 body.studio-theme .service-track .service-estimate{font-size:12px;line-height:1.6}
 body.studio-theme .service-track .service-estimate strong{font-size:14px}
 body.studio-theme .service-track .service-no{left:14px;top:8px}
 body.studio-theme .review-selected-project{padding:22px 18px;grid-template-columns:minmax(0,1fr)}
 body.studio-theme .selected-review-copy blockquote p{font-size:20px!important}
 body.studio-theme .hero-menu-group{flex:none}
}

/* Compact spacing on phones; keep the desktop composition and editor gap. */
@media(max-width:600px){
 body.studio-theme #works{padding-top:calc(12px + var(--editor-portfolio-gap,20px))}
 body.studio-theme #reviews{padding-top:24px;padding-bottom:24px}
 body.studio-theme #why{padding-top:24px;padding-bottom:28px}
 body.studio-theme #why .values-bottom{margin-top:0;padding-top:18px}
 body.studio-theme #contact{padding-top:24px;padding-bottom:28px}
}

@media(max-width:600px){
 body.studio-theme #contact{padding-top:16px}
 body.studio-theme #contact .kicker{margin-top:0}
}

/* GO STUDIO service-to-portfolio spacing: 2026-10-25 */