:root{
  --studio-display:"Barlow Condensed",Impact,sans-serif;
  --studio-page:#f7f1e6;
  --studio-ink:#111820;
  --studio-blue:#064bd7;
  --studio-red:#d83a27;
  --studio-accent-text:#9f281b;
  --studio-mint:#acd8c5;
  --studio-yellow:#f5c642;
  --studio-cream:#f8f3e9;
  --studio-line:#142d50;
}
.skip-link{position:fixed;left:14px;top:14px;z-index:9999;padding:12px 16px;border:2px solid #17233a;border-radius:7px;background:#ffcf43;color:#111820;font-weight:900;transform:translateY(-180%)}.skip-link:focus{transform:none;outline:3px solid #fff;outline-offset:2px}
html,body{overflow-x:clip}
html[data-vibe="blueprint"]{--studio-page:#dce8f0;--studio-ink:#092f61;--studio-red:#d83a27;--studio-accent-text:#8d261a;--studio-mint:#b9dddc;--studio-yellow:#f4d577}
html[data-vibe="night"]{--studio-page:#0c1017;--studio-ink:#fffdf7;--studio-blue:#1452d6;--studio-red:#d83a27;--studio-accent-text:#ff806f;--studio-mint:#a7dac8;--studio-yellow:#f7cc4b;--studio-cream:#1b222d;--studio-line:#fffdf7}
body{background-color:var(--studio-page);background-image:radial-gradient(rgba(20,45,80,.055) .7px,transparent .7px);background-size:5px 5px;transition:background-color .35s,color .35s}
html[data-vibe="blueprint"] body{background-image:linear-gradient(rgba(9,47,97,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(9,47,97,.07) 1px,transparent 1px);background-size:24px 24px}
html[data-vibe="night"] body{background-image:radial-gradient(rgba(255,255,255,.075) .7px,transparent .7px);color:var(--studio-ink)}
.studio-header{position:sticky;left:0;right:0;top:0;z-index:50;background:color-mix(in srgb,var(--studio-page) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--studio-line) 22%,transparent);backdrop-filter:blur(14px)}
.studio-header+main{padding-top:0}
.studio-nav{height:80px;display:grid;grid-template-columns:220px 1fr auto;gap:28px;align-items:center}
.studio-brand{display:block;width:200px;line-height:0}.studio-brand img{display:block;width:100%;height:auto}
html[data-vibe="night"] .studio-brand img{filter:grayscale(1) brightness(0) invert(1)}
.studio-nav-links{display:flex;align-items:center;justify-content:center;gap:46px;font-size:15px;font-weight:800;color:var(--studio-ink)}
.studio-nav-links a,.discovery-link{position:relative;padding:8px 0}.studio-nav-links a:after,.discovery-link:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:currentColor;transform:scaleX(0);transition:transform .2s}.studio-nav-links a:hover:after,.studio-nav-links a:focus-visible:after,.discovery-link:hover:after,.discovery-link:focus-visible:after{transform:scaleX(1)}
.studio-mobile-link{display:none}
.studio-nav-tools{display:flex;align-items:center;gap:20px}
.vibe-switcher,.mobile-vibe-switcher{display:flex;align-items:center;gap:10px}.vibe-switcher>span,.mobile-vibe-switcher>span{font:800 10px/1 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--studio-ink)}.vibe-switcher>div,.mobile-vibe-switcher>div{display:flex;gap:5px}
.vibe-swatch{width:30px;height:30px;padding:0;border:2px solid var(--studio-line);border-radius:8px;cursor:pointer;box-shadow:2px 2px 0 color-mix(in srgb,var(--studio-line) 30%,transparent);transition:transform .2s,box-shadow .2s}.vibe-swatch:hover,.vibe-swatch:focus-visible{transform:translateY(-2px)}.vibe-swatch[aria-pressed="true"]{box-shadow:0 0 0 3px var(--studio-page),0 0 0 5px var(--studio-line)}
.vibe-paper{background-color:var(--studio-blue);background-image:radial-gradient(#101820 1.2px,transparent 1.2px);background-size:6px 6px}.vibe-blueprint{background-color:var(--studio-yellow);background-image:repeating-linear-gradient(120deg,transparent 0 6px,rgba(17,24,32,.25) 6px 7px)}.vibe-night{background-color:#0c1017;background-image:repeating-linear-gradient(135deg,transparent 0 7px,#fffdf7 7px 9px)}
.project-trigger{position:relative;min-height:50px;padding:0 22px;border:0;border-radius:8px;background:var(--studio-red);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 0 2px transparent;transition:transform .2s,box-shadow .2s}.project-trigger:hover,.project-trigger:focus-visible{transform:translateY(-2px);box-shadow:4px 5px 0 var(--studio-line)}.project-trigger span{margin-left:14px;font-size:20px}.project-trigger b{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--studio-yellow);color:#101820;border:2px solid #101820;font-size:10px}
.discovery-link{font-size:12px;font-weight:750;color:var(--studio-ink);white-space:nowrap;border-bottom:1px solid currentColor}
.studio-menu{display:none;width:46px;height:46px;padding:9px;border:0;background:transparent;cursor:pointer}.studio-menu span{display:block;height:3px;margin:5px 0;background:var(--studio-ink)}
.studio-showcase{padding:28px 0 0;overflow:clip}
.showcase-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.showcase-topline>p{margin:0;font:800 clamp(17px,1.7vw,24px)/1 var(--studio-display);letter-spacing:.01em;text-transform:uppercase;color:var(--studio-ink)}
.mobile-vibe-switcher{display:none}
.site-vibe-bar{display:none}
.service-carousel{position:relative}
.service-stack{position:relative;height:654px;isolation:isolate}
.service-card{--card:#fff;--card-ink:#111820;position:absolute;top:8px;width:calc(100% - 245px);height:620px;border:2px solid #17233a;border-radius:22px;background-color:var(--card);background-image:radial-gradient(rgba(0,0,0,.065) .65px,transparent .65px);background-size:5px 5px;color:var(--card-ink);box-shadow:9px 12px 0 rgba(17,24,32,.24);overflow:hidden;transform-origin:48% 52%;transition:left .58s cubic-bezier(.22,.8,.24,1),transform .58s cubic-bezier(.22,.8,.24,1),filter .4s;will-change:left,transform}
.service-website{--card:var(--studio-red);--card-ink:#fff}.service-software{--card:var(--studio-mint);--card-ink:#101820}.service-marketing{--card:var(--studio-blue);--card-ink:#fff}.service-brand{--card:var(--studio-yellow);--card-ink:#101820}.service-automation{--card:var(--studio-cream);--card-ink:#101820}
html[data-vibe="night"] .service-automation{--card-ink:#fffdf7}
.service-card[data-order="0"]{left:0;z-index:5;transform:rotate(-.65deg) translateY(3px)}.service-card[data-order="1"]{left:58px;z-index:4;transform:rotate(.8deg) translateY(8px)}.service-card[data-order="2"]{left:116px;z-index:3;transform:rotate(-.35deg) translateY(4px)}.service-card[data-order="3"]{left:174px;z-index:2;transform:rotate(.95deg) translateY(10px)}.service-card[data-order="4"]{left:232px;z-index:1;transform:rotate(-.2deg) translateY(6px)}
.service-card[data-order="1"]:hover{transform:translateX(-8px) rotate(.8deg) translateY(8px)}.service-card[data-order="2"]:hover{transform:translateX(-8px) rotate(-.35deg) translateY(4px)}.service-card[data-order="3"]:hover{transform:translateX(-8px) rotate(.95deg) translateY(10px)}.service-card[data-order="4"]:hover{transform:translateX(-8px) rotate(-.2deg) translateY(6px)}
.service-rail-label{position:absolute;right:0;top:0;width:58px;height:100%;padding:24px 14px;border:0;background:transparent;color:var(--card-ink);font:800 24px/.9 var(--studio-display);text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer}.service-card[data-order="0"] .service-rail-label{opacity:0;pointer-events:none}
.service-card-inner{height:100%;padding:50px 44px 28px;display:grid;grid-template-columns:.92fr 1.08fr;grid-template-rows:1fr auto auto;gap:20px 32px;opacity:0;pointer-events:none;transition:opacity .25s}.service-card[data-order="0"] .service-card-inner{opacity:1;pointer-events:auto;transition-delay:.25s}
.service-copy{align-self:start;position:relative;z-index:2}.service-copy h1,.service-copy h2{margin:0;font:800 clamp(72px,7.4vw,112px)/.74 var(--studio-display);letter-spacing:-.035em;text-transform:uppercase;color:inherit}.service-copy p{max-width:470px;margin:22px 0 0;font-size:17px;line-height:1.35;color:inherit}
.service-visual{position:relative;align-self:center;min-height:350px;color:#101820;border:2px solid #17233a;border-radius:16px;background-color:#f8f3e9;background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:normal;box-shadow:7px 9px 0 rgba(17,24,32,.24);overflow:hidden;cursor:pointer;text-decoration:none}
.service-visual:hover{box-shadow:10px 12px 0 rgba(17,24,32,.3)}
.service-visual:focus-visible{outline:4px solid var(--studio-yellow);outline-offset:5px}
.service-visual>*{display:none!important}
.website-visual{background-image:url('../images/service-website-professional.webp')}
.software-visual{background-image:url('../images/service-software-professional.webp')}
.marketing-visual{background-image:url('../images/service-marketing-professional.webp')}
.brand-visual{background-image:url('../images/service-brand-professional.webp')}
.automation-visual{background-image:url('../images/service-automation-professional.webp');aspect-ratio:1000/532}
.visual-window,.social-calendar,.seo-card,.listing-card,.brand-sheet,.software-shell,.flow-card{background:#f8f3e9;border:2px solid #17233a;box-shadow:6px 7px 0 rgba(17,24,32,.24)}
.visual-window{position:absolute;left:0;right:24px;top:10px;height:300px;border-radius:16px;overflow:hidden;transform:rotate(.7deg)}.visual-window-bar{height:42px;border-bottom:2px solid #17233a;display:flex;align-items:center;gap:6px;padding:0 13px}.visual-window-bar i{width:8px;height:8px;border-radius:50%;background:#17233a}.visual-window-bar span{margin-left:auto;font-size:8px;font-weight:900;text-transform:uppercase}.website-ui{height:calc(100% - 42px);padding:24px;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr;gap:16px}.website-ui b{font:800 39px/.82 var(--studio-display);text-transform:uppercase}.website-ui>span{grid-row:1/3;background:linear-gradient(150deg,var(--studio-mint) 0 52%,#17233a 52% 72%,var(--studio-red) 72%)}.website-ui small{align-self:end;font-weight:800}
.visual-phone{position:absolute;right:0;bottom:8px;width:132px;height:218px;padding:16px 13px;border:2px solid #17233a;border-radius:17px;background:#f8f3e9;box-shadow:5px 6px 0 rgba(17,24,32,.25);transform:rotate(2deg)}.visual-phone div{width:34px;height:5px;margin:0 auto 16px;border-radius:99px;background:#17233a}.visual-phone b{font:800 27px/.85 var(--studio-display);text-transform:uppercase}.visual-phone span{display:block;height:66px;margin-top:14px;background:linear-gradient(145deg,var(--studio-yellow) 0 46%,#17233a 47% 68%,var(--studio-mint) 69%)}
.design-chips{position:absolute;left:20px;bottom:-8px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f3e9;border:2px solid #17233a;border-radius:10px;box-shadow:4px 4px 0 rgba(17,24,32,.23)}.design-chips i{display:block;width:24px;height:24px;border:1px solid #17233a;border-radius:4px}.design-chips i:nth-child(1){background:var(--studio-red)}.design-chips i:nth-child(2){background:var(--studio-mint)}.design-chips i:nth-child(3){background:#17233a}.design-chips b{font-family:Georgia,serif;font-size:22px}
.software-shell{position:absolute;inset:20px 0 10px;border-radius:17px;overflow:hidden;display:grid;grid-template-columns:72px 1fr;transform:rotate(1deg)}.software-shell aside{padding:18px 15px;background:#17233a;color:#fff}.software-shell aside b{display:block;font:800 21px var(--studio-display);margin-bottom:32px}.software-shell aside i{display:block;height:8px;margin:17px 0;border-radius:9px;background:#8ba0bd}.software-shell main{padding:25px}.software-shell main>small{font-weight:900}.software-shell main>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.software-shell main span{padding:14px 10px;border:1px solid #77869a;border-radius:8px;font-size:9px}.software-shell main span b{display:block;font-size:25px}.software-shell section{padding:16px;border:1px solid #77869a;border-radius:9px}.software-shell section i{display:block;height:28px;border-bottom:1px solid #b4bdc8}.software-shell section i:after{content:"";display:block;width:65%;height:7px;margin-top:10px;border-radius:8px;background:var(--studio-mint)}
.social-calendar{position:absolute;left:35px;right:10px;top:5px;height:245px;padding:16px;border-radius:14px;transform:rotate(.5deg)}.social-calendar>b{font:800 15px var(--studio-display);text-transform:uppercase}.social-calendar>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.social-calendar i{height:73px;border:1px solid #8794a4;background:linear-gradient(145deg,var(--studio-blue) 0 50%,#17233a 51%)}.social-calendar i:nth-child(2),.social-calendar i:nth-child(5){background:repeating-linear-gradient(90deg,#f8f3e9 0 8px,#17233a 8px 9px)}.social-calendar i:nth-child(3){background:var(--studio-mint)}.social-calendar i:nth-child(4){background:var(--studio-yellow)}.social-calendar i:nth-child(6){background:repeating-radial-gradient(circle,#17233a 0 1px,var(--studio-red) 1px 5px)}
.seo-card{position:absolute;left:0;bottom:0;width:205px;height:178px;padding:15px;border-radius:12px;transform:rotate(-1deg)}.seo-card>b,.listing-card>b{display:block;font:800 18px var(--studio-display)}.seo-card small,.listing-card small{display:block;font-size:9px;font-weight:800;text-transform:uppercase}.seo-card svg{display:block;width:100%;height:65px;margin:7px 0}.seo-card polyline{fill:none;stroke:var(--studio-blue);stroke-width:5}.seo-card strong{color:var(--studio-blue);font:800 20px var(--studio-display);text-transform:uppercase}
.listing-card{position:absolute;right:0;bottom:4px;width:210px;height:175px;padding:20px;border-radius:12px;transform:rotate(1deg)}.listing-card:after{content:"";display:block;height:62px;margin-top:12px;background:linear-gradient(145deg,#ded8cb 0 47%,var(--studio-mint) 48% 58%,#d6cdbd 59%)}.listing-card span{display:block;color:var(--studio-blue);font-size:16px;letter-spacing:3px;margin-top:9px}
.brand-sheet{position:absolute;inset:18px 42px 12px 10px;border-radius:14px;padding:26px}.brand-sheet small{font-weight:900;text-transform:uppercase}.brand-sheet>b{display:block;margin-top:22px;font:800 46px/.83 var(--studio-display);text-transform:uppercase}.brand-sheet>div{display:flex;gap:8px;margin-top:28px}.brand-sheet>div i{width:42px;height:42px;border:1px solid #17233a;border-radius:50%;background:var(--studio-red)}.brand-sheet>div i:nth-child(2){background:var(--studio-blue)}.brand-sheet>div i:nth-child(3){background:var(--studio-mint)}.brand-sheet>div i:nth-child(4){background:var(--studio-yellow)}.brand-sheet>span{position:absolute;right:25px;bottom:16px;font:56px Georgia,serif}.brand-mark{position:absolute;right:0;top:42px;width:126px;height:126px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;border:2px solid #17233a;background:#f8f3e9;box-shadow:5px 6px 0 rgba(17,24,32,.24);transform:rotate(4deg)}.brand-mark i{border:4px solid var(--studio-blue);border-radius:13px}.brand-mark i:nth-child(2){background:var(--studio-red)}
.automation-visual{display:flex;align-items:center;justify-content:center;gap:10px}.automation-visual>i{font:900 24px var(--studio-display)}.flow-card{width:31%;min-height:120px;padding:20px 12px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;text-align:center}.flow-card b{font:800 22px/.9 var(--studio-display);text-transform:uppercase}.flow-card span{margin-top:10px;font-size:9px;font-weight:800;text-transform:uppercase}
.service-actions{grid-column:1/2;display:flex;align-items:center;gap:30px}.add-service{min-height:58px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:2px solid #17233a;border-radius:10px;background:#f8f3e9;color:#111820;font:800 17px/1 var(--studio-display);text-transform:uppercase;cursor:pointer;box-shadow:3px 4px 0 rgba(17,24,32,.2);transition:transform .2s,background .2s}.add-service:hover,.add-service:focus-visible{transform:translateY(-2px)}.add-service.is-added{background:var(--studio-mint)}.add-service span{display:inline-flex;align-items:center;justify-content:center;margin-left:24px;font-size:24px;line-height:1}.included-trigger{padding:8px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;font-size:12px;font-weight:850;text-transform:uppercase;cursor:pointer}
.carousel-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}.carousel-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-width:380px}.carousel-progress i{display:block;height:4px;border-radius:99px;background:currentColor;opacity:.25}.carousel-progress i.active{opacity:1}.carousel-arrows{display:flex;gap:12px}.carousel-arrows button{width:54px;height:54px;border:2px solid #17233a;border-radius:50%;background:#f8f3e9;color:#111820;font-size:28px;line-height:1;cursor:pointer;box-shadow:3px 4px 0 rgba(17,24,32,.2);transition:transform .2s}.carousel-arrows button:hover,.carousel-arrows button:focus-visible{transform:translateY(-3px)}
.studio-proof-strip{border-top:2px solid var(--studio-line);border-bottom:2px solid var(--studio-line);background:var(--studio-page);color:var(--studio-ink)}.studio-proof-strip>.home-wrap{min-height:90px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:48px}.studio-proof-strip h2{margin:0;font:800 34px/.9 var(--studio-display);text-transform:uppercase;white-space:nowrap}.proof-projects{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid color-mix(in srgb,var(--studio-line) 30%,transparent)}.proof-projects a{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;border-right:1px solid color-mix(in srgb,var(--studio-line) 30%,transparent);font:800 14px/1.05 var(--studio-display);text-transform:uppercase}.proof-projects a:hover{background:var(--studio-yellow);color:#111820}.proof-projects span{font-size:18px}
@media(max-width:1080px){.studio-nav{grid-template-columns:190px 1fr auto}.studio-brand{width:180px}.studio-nav-links{gap:24px}.discovery-link{display:none}.service-card-inner{grid-template-columns:.85fr 1.15fr;padding-left:34px;padding-right:34px}.service-copy h1,.service-copy h2{font-size:75px}.service-copy p{font-size:15px}.service-visual{transform:scale(.9);transform-origin:center}.studio-proof-strip>.home-wrap{grid-template-columns:1fr;gap:0;padding-top:20px}.proof-projects{width:100%;border-top:1px solid color-mix(in srgb,var(--studio-line) 30%,transparent)}}
@media(max-width:820px){.studio-header+main{padding-top:0}.studio-nav{height:72px;display:flex;justify-content:space-between;gap:12px}.studio-brand{width:min(185px,48vw)}.studio-nav-links{display:none;position:fixed;left:0;right:0;top:72px;padding:24px;background:var(--studio-page);border-bottom:2px solid var(--studio-line);box-shadow:0 16px 32px rgba(0,0,0,.18);flex-direction:column;align-items:stretch;gap:0}.studio-nav-links.open{display:flex}.studio-nav-links a{padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--studio-line) 30%,transparent);font-size:18px}.studio-mobile-link{display:block}.studio-nav-tools{margin-left:auto;gap:7px}.studio-nav-tools>.vibe-switcher,.discovery-link{display:none}.project-trigger{min-height:40px;padding:0 14px;font-size:0;border-radius:99px;background:var(--studio-cream);color:#111820;border:1px solid #17233a;box-shadow:2px 3px 0 rgba(17,24,32,.2)}.project-trigger:before{content:"Project";font-size:11px}.project-trigger span{display:none}.project-trigger b{position:static;display:inline;margin-left:5px;background:transparent;border:0;font-size:11px}.studio-menu{display:block}.studio-showcase{padding-top:24px}.showcase-topline{display:block;margin-bottom:18px}.showcase-topline>p{max-width:530px;font-size:22px;line-height:1.02}.mobile-vibe-switcher{display:block;margin-top:20px}.mobile-vibe-switcher>span{display:block;margin-bottom:10px}.service-stack{height:1050px}.service-card{top:0;left:0!important;width:100%;height:900px;border-radius:20px;transition:top .55s cubic-bezier(.22,.8,.24,1),transform .55s cubic-bezier(.22,.8,.24,1)}.service-card[data-order="0"]{top:0}.service-card[data-order="1"]{top:852px}.service-card[data-order="2"]{top:895px}.service-card[data-order="3"]{top:938px}.service-card[data-order="4"]{top:981px}.service-card[data-order]:not([data-order="0"]):hover{transform:translateY(-5px)}.service-rail-label{left:0;top:0;width:100%;height:41px;padding:5px 16px;writing-mode:horizontal-tb;transform:none;font-size:21px;line-height:1;text-align:center}.service-card-inner{padding:28px 24px 22px;display:flex;flex-direction:column;gap:15px}.service-copy h1,.service-copy h2{font-size:clamp(64px,19vw,96px);line-height:.76}.service-copy p{margin-top:14px;font-size:16px;line-height:1.3}.service-visual{width:100%;min-height:400px;transform:none;margin-top:2px}.service-actions{display:grid;grid-template-columns:1fr;gap:12px}.add-service{width:100%;min-height:60px}.included-trigger{justify-self:center}.carousel-controls{width:100%;margin-top:auto;grid-template-columns:auto 1fr auto;gap:14px}.carousel-progress{gap:5px}.carousel-arrows{grid-column:1/-1;grid-row:1;justify-content:space-between}.carousel-count{grid-row:2}.carousel-progress{grid-row:2}.carousel-arrows button{width:58px;height:58px}.website-visual{min-height:390px}.visual-window{left:8px;right:34px;height:285px}.visual-phone{width:119px;height:202px}.design-chips{left:8px}.marketing-visual{min-height:405px}.social-calendar{left:42px;right:0;height:260px}.seo-card{width:190px}.listing-card{width:195px}.automation-visual{flex-direction:column;gap:7px}.automation-visual>i{transform:rotate(90deg)}.flow-card{width:75%;min-height:82px}.studio-proof-strip>.home-wrap{display:block;padding:24px 0 18px}.studio-proof-strip h2{font-size:38px;margin-bottom:18px}.proof-projects{display:flex;overflow-x:auto;border-left:0;scroll-snap-type:x mandatory;padding-bottom:8px}.proof-projects a{flex:0 0 210px;min-height:68px;border:1px solid color-mix(in srgb,var(--studio-line) 34%,transparent);border-radius:9px;margin-right:10px;padding:0 15px;scroll-snap-align:start;background:color-mix(in srgb,var(--studio-page) 88%,white)}}
@media(max-width:520px){.home-wrap{width:min(100% - 28px,1180px)}.studio-brand{width:166px}.showcase-topline>p{font-size:20px;max-width:355px}.vibe-swatch{width:31px;height:31px}.service-stack{height:995px}.service-card{height:850px}.service-card[data-order="1"]{top:802px}.service-card[data-order="2"]{top:843px}.service-card[data-order="3"]{top:884px}.service-card[data-order="4"]{top:925px}.service-card-inner{padding:25px 19px 18px}.service-copy h1,.service-copy h2{font-size:clamp(57px,18vw,76px)}.service-copy p{font-size:14px}.service-visual{min-height:360px}.social-calendar{left:24px;height:230px}.social-calendar i{height:65px}.seo-card,.listing-card{width:55%;height:166px}.listing-card{width:54%}.website-ui{padding:18px}.website-ui b{font-size:31px}.visual-window{height:255px}.visual-phone{height:180px}.software-shell{grid-template-columns:55px 1fr}.software-shell main{padding:17px}.brand-sheet{padding:20px}.brand-sheet>b{font-size:38px}.carousel-controls{gap:8px}.carousel-arrows button{width:52px;height:52px}.studio-proof-strip h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.service-card,.service-card-inner,.project-trigger,.vibe-swatch,.carousel-arrows button{transition:none!important}}

/* The concise homepage below the service stack */
.studio-section{padding:96px 0;border-bottom:2px solid var(--studio-line);background:var(--studio-page);color:var(--studio-ink)}
.studio-section.alt{background:var(--studio-cream);color:#111820}
html[data-vibe="blueprint"] .studio-section.alt{background:#edf4f7}
html[data-vibe="night"] .studio-section.alt{background:#182337;color:#f6f0e6}
.studio-kicker{margin:0 0 18px;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--studio-accent-text)}
.studio-section h2,.studio-final h2{margin:0;font:800 clamp(54px,7vw,94px)/.82 var(--studio-display);letter-spacing:-.025em;text-transform:uppercase;color:inherit}
.studio-section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;margin-bottom:50px}.studio-section-head>p{max-width:600px;margin:3px 0 0;font-size:18px;color:color-mix(in srgb,currentColor 72%,transparent)}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--studio-line);box-shadow:8px 8px 0 var(--studio-line)}.path-card{min-height:330px;padding:30px;border-right:2px solid var(--studio-line);color:#111820}.path-card:last-child{border:0}.path-card:nth-child(1){background:var(--studio-red);color:#fff}.path-card:nth-child(2){background:var(--studio-yellow)}.path-card:nth-child(3){background:var(--studio-mint)}.path-card small{font-weight:900;text-transform:uppercase}.path-card h3{margin:54px 0 16px;font:800 46px/.85 var(--studio-display);text-transform:uppercase}.path-card p{font-size:14px;max-width:300px}.path-card a{display:inline-block;margin-top:20px;padding-bottom:3px;border-bottom:2px solid currentColor;font-size:12px;font-weight:900;text-transform:uppercase}
.service-directory{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid currentColor;border-left:2px solid currentColor}.directory-card{min-height:350px;padding:24px 20px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;display:flex;flex-direction:column}.directory-card small{font-weight:900}.directory-card h3{margin:42px 0 16px;font:800 31px/.88 var(--studio-display);text-transform:uppercase}.directory-card p{margin:0;font-size:12px;color:color-mix(in srgb,currentColor 70%,transparent)}.directory-card button{align-self:flex-start;margin-top:auto;padding:7px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}
.work-reel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-reel article{position:relative;min-height:500px;border:2px solid #17233a;overflow:hidden;background:#17233a;box-shadow:7px 7px 0 var(--studio-line)}.work-reel article:first-child{grid-column:1/-1;min-height:620px}.work-reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.work-reel-copy{position:absolute;left:22px;right:22px;bottom:22px;padding:24px;background:rgba(248,243,233,.95);color:#111820;border:2px solid #17233a;backdrop-filter:blur(8px)}.work-reel-copy small{font-weight:900;text-transform:uppercase}.work-reel-copy h3{margin:9px 0 6px;font:800 35px/.9 var(--studio-display);text-transform:uppercase}.work-reel-copy p{margin:0;font-size:12px;max-width:650px}.proofgarage-visual{height:100%;padding:35px;background:var(--studio-blue);color:white}.proofgarage-visual>small{font-weight:900;text-transform:uppercase}.proofgarage-visual>h3{font:800 58px/.84 var(--studio-display);text-transform:uppercase;margin:18px 0 35px}.proofgarage-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proofgarage-board div{min-height:260px;padding:14px;background:#f8f3e9;color:#111820;border:2px solid #17233a}.proofgarage-board b{font-size:9px;text-transform:uppercase}.proofgarage-board span{display:block;margin-top:14px;padding:15px 10px;background:var(--studio-yellow);font-size:10px;font-weight:800}.proofgarage-board span:nth-child(3){background:var(--studio-mint)}
.process-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid currentColor}.process-step{padding:30px 40px 0 0}.process-step i{display:grid;place-items:center;width:42px;height:42px;margin-top:-22px;border:2px solid currentColor;border-radius:50%;background:var(--studio-page);font-style:normal;font-weight:900}.alt .process-step i{background:var(--studio-cream)}html[data-vibe="night"] .alt .process-step i{background:#182337}.process-step h3{margin:36px 0 12px;font:800 36px/.9 var(--studio-display);text-transform:uppercase}.process-step p{max-width:310px;font-size:14px;color:color-mix(in srgb,currentColor 70%,transparent)}
.answer-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.answer-intro{position:sticky;top:110px}.answer-intro p{font-size:15px;color:color-mix(in srgb,currentColor 70%,transparent)}.answer-list{border-top:2px solid currentColor}.answer-list details{border-bottom:2px solid currentColor}.answer-list summary{list-style:none;position:relative;padding:22px 48px 22px 0;font-size:16px;font-weight:850;cursor:pointer}.answer-list summary::-webkit-details-marker{display:none}.answer-list summary:after{content:"+";position:absolute;right:7px;top:12px;font:600 32px var(--studio-display)}.answer-list details[open] summary:after{content:"−"}.answer-list p{margin:0;padding:0 50px 24px 0;font-size:14px;color:color-mix(in srgb,currentColor 70%,transparent)}
html[data-vibe="night"] .studio-section-head>p,html[data-vibe="night"] .directory-card p,html[data-vibe="night"] .process-step p,html[data-vibe="night"] .answer-intro p,html[data-vibe="night"] .answer-list p{color:rgba(255,253,247,.78)}
.studio-final{padding:95px 0;background:var(--studio-red);color:#fff;border-bottom:2px solid #17233a}.studio-final-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.studio-final p{font-size:17px}.studio-final-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.studio-final-actions button,.studio-final-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:0 22px;border:2px solid #17233a;border-radius:8px;background:var(--studio-yellow);color:#111820;font-size:12px;font-weight:900;text-transform:uppercase;box-shadow:4px 4px 0 #17233a;cursor:pointer}.studio-final-actions a:last-child{background:#f8f3e9}
.studio-final .studio-kicker{color:#fff}
html[data-vibe="night"] .home-footer{background:#080d17}
.footer-brand .studio-brand{width:220px;padding:8px 10px;border-radius:8px;background:#f7f1e6}
.home-footer .home-button{background:var(--studio-yellow);color:#111820;border-color:#17233a}
html[data-vibe="night"] .footer-brand .studio-brand{padding:0;background:transparent}
html[data-vibe="night"] .project-trigger{background:transparent;color:#fffdf7;border:2px solid #fffdf7;box-shadow:none}
html[data-vibe="night"] .project-trigger:hover,html[data-vibe="night"] .project-trigger:focus-visible{background:#fffdf7;color:#0c1017;box-shadow:4px 5px 0 #566172}

/* Service explanation and project builder */
.service-dialog{width:min(650px,calc(100% - 28px));padding:0;border:2px solid #17233a;border-radius:18px;background:var(--studio-cream);color:#111820;box-shadow:10px 12px 0 #17233a}.service-dialog::backdrop{background:rgba(8,14,25,.68);backdrop-filter:blur(4px)}.dialog-close,.drawer-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:2px solid #17233a;border-radius:50%;background:#fff;font-size:25px;line-height:1;cursor:pointer}.service-dialog-inner{padding:50px}.service-dialog .studio-kicker{padding-right:50px}.service-dialog h2{margin:0;padding-right:40px;font:800 58px/.85 var(--studio-display);text-transform:uppercase}.service-dialog>div>p{font-size:15px;color:#4f5968}.service-dialog ul{list-style:none;padding:0;margin:26px 0;border-top:2px solid #17233a}.service-dialog li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid #8090a2;font-size:13px;font-weight:750}.service-dialog li:before{content:"✓";position:absolute;left:3px;color:var(--studio-red);font-weight:900}.dialog-add{min-height:52px;padding:0 20px;border:2px solid #17233a;border-radius:8px;background:var(--studio-yellow);font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 #17233a}
body.project-open{overflow:hidden}.project-scrim{position:fixed;inset:0;z-index:89;border:0;background:rgba(8,14,25,.65);opacity:0;visibility:hidden;transition:opacity .25s;cursor:pointer}.project-scrim.open{opacity:1;visibility:visible}.project-drawer{position:fixed;right:0;top:0;bottom:0;z-index:90;width:min(510px,100%);padding:38px;background:var(--studio-cream);color:#111820;border-left:2px solid #17233a;box-shadow:-12px 0 40px rgba(0,0,0,.24);transform:translateX(105%);transition:transform .35s cubic-bezier(.22,.8,.24,1);overflow-y:auto}.project-drawer.open{transform:translateX(0)}.project-drawer h2{margin:55px 0 8px;font:800 58px/.85 var(--studio-display);text-transform:uppercase}.project-drawer>p{margin:0;color:#566171;font-size:14px}.project-list{list-style:none;padding:0;margin:30px 0;border-top:2px solid #17233a}.project-list li{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;padding:17px 0;border-bottom:1px solid #8792a0}.project-list b{display:block;font-size:14px}.project-list small{display:block;margin-top:5px;color:#667083;font-size:10px}.project-list button{border:0;border-bottom:1px solid #17233a;background:transparent;padding:4px 0;font-size:10px;font-weight:850;cursor:pointer}.project-empty{margin:25px 0!important;padding:22px;background:var(--studio-mint);border:2px solid #17233a;color:#111820!important}.project-continue{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 18px;border:2px solid #17233a;border-radius:8px;background:var(--studio-red);color:white;font-size:12px;font-weight:900;text-transform:uppercase;box-shadow:4px 4px 0 #17233a}.project-continue.is-disabled{opacity:.45;cursor:not-allowed}.project-help{display:block;margin-top:22px;text-align:center;font-size:12px;font-weight:800;text-decoration:underline}
.sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-vibe="night"] .service-dialog,html[data-vibe="night"] .project-drawer{color:#fffdf7;border-color:#fffdf7;box-shadow:10px 12px 0 #566172}
html[data-vibe="night"] .service-dialog>div>p,html[data-vibe="night"] .project-drawer>p,html[data-vibe="night"] .project-list small{color:#c8ced8}
html[data-vibe="night"] .project-drawer h2,html[data-vibe="night"] .project-help,html[data-vibe="night"] .project-list button{color:#fffdf7}
@media(max-width:900px){.studio-section{padding:72px 0}.studio-section-head,.answer-layout,.studio-final-grid{grid-template-columns:1fr;gap:26px}.path-grid{grid-template-columns:1fr}.path-card{min-height:240px;border-right:0;border-bottom:2px solid var(--studio-line)}.service-directory{grid-template-columns:1fr 1fr}.work-reel{grid-template-columns:1fr}.work-reel article:first-child{grid-column:auto}.answer-intro{position:static}.process-line{grid-template-columns:1fr;border-top:0}.process-step{padding:24px 0;border-top:2px solid currentColor}.process-step i{margin-top:-45px}.studio-final-grid{align-items:start}}
@media(max-width:620px){.studio-section{padding:62px 0}.studio-section h2,.studio-final h2{font-size:54px}.studio-section-head>p{font-size:16px}.service-directory{grid-template-columns:1fr}.directory-card{min-height:240px}.directory-card h3{margin-top:30px}.work-reel article,.work-reel article:first-child{min-height:430px}.work-reel-copy{left:12px;right:12px;bottom:12px;padding:18px}.proofgarage-visual{padding:24px}.proofgarage-visual>h3{font-size:48px}.proofgarage-board{gap:5px}.proofgarage-board div{padding:8px}.proofgarage-board span{padding:10px 6px}.service-dialog-inner{padding:44px 24px 28px}.service-dialog h2{font-size:48px}.project-drawer{padding:26px 20px}.project-drawer h2{font-size:50px}}

/* On phones, preserve the desktop paper-stack metaphor instead of placing
   the inactive cards in a vertical list below the active card. */
@media(max-width:820px){
  .service-stack{height:915px}
  .service-card{top:0;width:calc(100% - 50px);height:850px;transition:left .55s cubic-bezier(.22,.8,.24,1),top .55s cubic-bezier(.22,.8,.24,1),transform .55s cubic-bezier(.22,.8,.24,1)}
  .service-card[data-order="0"]{left:0!important;top:0;transform:rotate(-.7deg);z-index:5}
  .service-card[data-order="1"]{left:12px!important;top:10px;transform:rotate(.8deg);z-index:4}
  .service-card[data-order="2"]{left:24px!important;top:20px;transform:rotate(-.35deg);z-index:3}
  .service-card[data-order="3"]{left:36px!important;top:30px;transform:rotate(.9deg);z-index:2}
  .service-card[data-order="4"]{left:48px!important;top:40px;transform:rotate(-.2deg);z-index:1}
  .service-card[data-order="1"]:hover{transform:translateY(-4px) rotate(.8deg)}
  .service-card[data-order="2"]:hover{transform:translateY(-4px) rotate(-.35deg)}
  .service-card[data-order="3"]:hover{transform:translateY(-4px) rotate(.9deg)}
  .service-card[data-order="4"]:hover{transform:translateY(-4px) rotate(-.2deg)}
  /* The whole inactive card remains a button beneath the cards in front of it.
     Its exposed paper edge is therefore a real tap target, not decoration. */
  .service-rail-label{display:block;inset:0;width:100%;height:100%;padding:0;border:0;font-size:0;writing-mode:horizontal-tb;transform:none;cursor:pointer}
  .service-card[data-order="0"] .service-rail-label{opacity:0;pointer-events:none}
}

/* Compact mobile service stage and app-style project control. */
.project-trigger{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:0;background:var(--studio-red);color:#fff}
.project-trigger b{right:-9px;top:-9px;min-width:23px;width:auto;height:23px;padding:0 5px;line-height:1}
html[data-vibe="night"] .project-trigger{background:var(--studio-red);color:#fff;border:2px solid #fffdf7;box-shadow:none}
@media(max-width:820px){
  .studio-nav{align-items:center}
  .project-trigger{min-width:112px;min-height:44px;padding:0 16px;border:2px solid #17233a;border-radius:8px;background:var(--studio-red);color:#fff;font-size:11px;box-shadow:2px 3px 0 rgba(17,24,32,.24)}
  .project-trigger:before{content:none}
  .project-trigger b{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;min-width:22px;width:auto;height:22px;margin:0;padding:0 5px;border:2px solid #17233a;border-radius:999px;background:var(--studio-yellow);color:#111820;font-size:10px}
  .service-stack{height:calc(clamp(590px,calc(100svh - 190px),670px) + 65px)}
  .service-card{height:clamp(590px,calc(100svh - 190px),670px)}
  .service-card-inner{padding:15px 16px 13px;gap:8px}
  .service-copy h1,.service-copy h2{font-size:clamp(48px,14vw,64px);line-height:.78}
  .service-copy p{margin-top:7px;font-size:13px;line-height:1.22}
  .service-visual,.website-visual,.marketing-visual{width:100%;min-height:0;max-height:245px;aspect-ratio:1.5;background-size:contain}
  .automation-visual{aspect-ratio:1000/532}
  .service-actions{gap:7px}
  .add-service{min-height:48px}
  .carousel-controls{gap:7px}
  .carousel-arrows button{width:44px;height:44px}
}

/* Mobile refinement: clean imagery, tighter cards, and compact interactive sections. */
.studio-nav-tools .project-trigger{background:var(--studio-red)!important;color:#fff!important}
.add-service.is-added{background:#39c86c;color:#0a2a17;box-shadow:3px 4px 0 #14552d}
.logo-mane{padding:2px 8px;background:#fff}.logo-mane img{object-fit:contain;transform:scale(1.1)}
.logo-frostbite{padding:5px 10px;background:#fff}.logo-frostbite img{object-fit:contain;transform:none}
.logo-more{background:var(--studio-yellow);color:#111820;font:900 28px/.9 var(--studio-display);text-align:center;text-transform:uppercase}
.path-card:nth-child(1){background:var(--studio-red);color:#fff}.path-card:nth-child(2){background:var(--studio-mint);color:#111820}.path-card:nth-child(3){background:var(--studio-blue);color:#fff}
.path-card a{color:inherit}.path-toggle{display:none}
.service-switchboard{border:2px solid var(--studio-line);border-radius:16px;overflow:hidden;box-shadow:7px 8px 0 color-mix(in srgb,var(--studio-line) 24%,transparent)}
.service-switchboard details{background:var(--studio-cream);color:#111820;border-bottom:2px solid #17233a}.service-switchboard details:last-child{border-bottom:0}
.service-switchboard details:nth-child(2){background:var(--studio-mint)}.service-switchboard details:nth-child(3){background:var(--studio-yellow)}.service-switchboard details:nth-child(4){background:#d7e1f0}.service-switchboard details:nth-child(5){background:var(--studio-blue);color:#fff}.service-switchboard details:nth-child(6){background:#087f73;color:#fff}
.service-switchboard summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;font:900 clamp(25px,3vw,38px)/.95 var(--studio-display);text-transform:uppercase}
.service-switchboard summary::-webkit-details-marker{display:none}.service-switchboard summary b{font:800 10px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.service-switchboard details[open] summary b{font-size:0}.service-switchboard details[open] summary b:after{content:"Close";font-size:10px}
.service-switchboard details>div{padding:0 24px 22px}.service-switchboard details p{max-width:680px;margin:0 0 15px;font-size:14px;line-height:1.5}.service-switchboard details a{color:inherit;font-size:11px;font-weight:900;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.compact-footer-social a{width:35px;height:35px;padding:0;border:1px solid #71839b;border-radius:50%;font-size:0!important;background-position:center;background-repeat:no-repeat;background-size:17px}
.compact-footer-social a[href*="instagram"]{background-image:url('https://cdn.simpleicons.org/instagram/ffffff')}.compact-footer-social a[href*="facebook"]{background-image:url('https://cdn.simpleicons.org/facebook/ffffff')}.compact-footer-social a[href*="linkedin"]{background-image:url('https://cdn.simpleicons.org/linkedin/ffffff')}
.proof-work-shot img{width:100%;height:auto;object-fit:contain}
@media(max-width:820px){
  .studio-showcase>.home-wrap{width:calc(100% - 20px);max-width:none;margin-inline:auto}.showcase-topline>p{padding-inline:4px}
  .mobile-vibe-switcher{border:1px solid color-mix(in srgb,var(--studio-line) 30%,transparent);border-radius:10px;margin-top:8px}
  .service-card{width:calc(100% - 42px);height:clamp(485px,calc(100svh - 185px),555px)}
  .service-stack{height:calc(clamp(485px,calc(100svh - 185px),555px) + 52px)}
  .service-card[data-order="1"]{left:10px!important}.service-card[data-order="2"]{left:20px!important}.service-card[data-order="3"]{left:30px!important}.service-card[data-order="4"]{left:40px!important}
  .service-card-inner{padding:12px 13px 10px;gap:5px}.service-copy h1,.service-copy h2{font-size:clamp(42px,12vw,52px)}.service-copy p{margin-top:5px;font-size:11px}
  .service-visual,.website-visual,.marketing-visual{max-height:185px;aspect-ratio:1.5}.service-actions{gap:3px}.add-service{min-height:42px}.included-trigger{font-size:10px}
  .carousel-controls{gap:5px}.carousel-arrows button{width:38px;height:38px;font-size:22px}.carousel-progress i{height:3px}
  .studio-section{padding:52px 0}.studio-section-head{margin-bottom:22px}.studio-section-head h2{font-size:48px}.studio-section-head>p{font-size:14px}
  .path-deck{display:grid;grid-template-columns:1fr;min-height:270px}.path-deck .path-card{grid-area:1/1;min-height:270px;padding:26px;opacity:0;pointer-events:none;transform:translateX(18px) rotate(1deg);transition:opacity .35s,transform .35s}.path-deck .path-card.is-active{opacity:1;pointer-events:auto;transform:rotate(-.6deg)}
  .path-card h3{margin-top:28px;font-size:44px}.path-card p{font-size:13px}.path-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}.path-toggle button{min-height:42px;border:2px solid var(--studio-line);border-radius:999px;background:var(--studio-cream);color:#111820;font-size:10px;font-weight:900;text-transform:uppercase}.path-toggle button.is-active{background:var(--studio-yellow)}
  .service-switchboard summary{padding:17px 16px;font-size:25px}.service-switchboard details>div{padding:0 16px 18px}
  .answer-layout{gap:18px}.answer-intro{position:static}.answer-list summary{padding-block:17px;font-size:14px}.answer-list p{padding-bottom:18px;font-size:12px}.compact-footer-social{gap:8px}
}
html[data-vibe="night"] .path-toggle button{background:#1b222d;color:#fffdf7;border-color:#fffdf7}
html[data-vibe="night"] .path-toggle button:hover,
html[data-vibe="night"] .path-toggle button:focus-visible{background:#fffdf7;color:#0c1017;outline:3px solid var(--studio-yellow);outline-offset:2px}
html[data-vibe="night"] .path-toggle button.is-active{background:var(--studio-yellow);color:#111820;border-color:#fffdf7}
.project-trigger b[hidden]{display:none}
html[data-vibe="night"] .project-trigger:hover,html[data-vibe="night"] .project-trigger:focus-visible{background:var(--studio-red);color:#fff;box-shadow:4px 5px 0 #566172}
@media(max-width:380px){
  .studio-brand{width:145px}
  .project-trigger{min-width:98px;padding:0 11px;font-size:10px}
  .service-copy h1,.service-copy h2{font-size:45px}
}
@media(max-width:520px){
  .service-stack{height:890px}
  .service-card{height:825px}
}

/* AI consulting joins the service system as a distinct sixth capability. */
.service-consulting{--card:#087f73;--card-ink:#fffdf7}
.consulting-visual{background-image:url('../images/service-ai-consulting-v1.png');aspect-ratio:4/3;background-position:center;background-size:cover}
.path-grid{grid-template-columns:repeat(4,1fr)}
.path-card:nth-child(4){background:#087f73;color:#fff}
.path-toggle{grid-template-columns:repeat(4,1fr)}
@media(min-width:821px){
  .service-card{width:calc(100% - 303px)}
  .service-card[data-order="0"]{z-index:6}
  .service-card[data-order="1"]{left:58px;z-index:5}
  .service-card[data-order="2"]{left:116px;z-index:4}
  .service-card[data-order="3"]{left:174px;z-index:3}
  .service-card[data-order="4"]{left:232px;z-index:2}
  .service-card[data-order="5"]{left:290px;z-index:1;transform:rotate(.55deg) translateY(9px)}
  .service-card[data-order="5"]:hover{transform:translateX(-8px) rotate(.55deg) translateY(9px)}
}
@media(max-width:900px){.path-grid{grid-template-columns:1fr}.path-card:nth-child(4){border-bottom:0}}
@media(max-width:820px){
  .service-card[data-order="0"]{z-index:6}
  .service-card[data-order="1"]{left:10px!important;z-index:5}
  .service-card[data-order="2"]{left:20px!important;z-index:4}
  .service-card[data-order="3"]{left:30px!important;z-index:3}
  .service-card[data-order="4"]{left:40px!important;z-index:2}
  .service-card[data-order="5"]{left:50px!important;top:50px;z-index:1;transform:rotate(.5deg)}
  .service-card[data-order="5"]:hover{transform:translateY(-4px) rotate(.5deg)}
  .consulting-visual{width:100%;height:auto;max-height:none;aspect-ratio:4/3;background-size:cover}
  .path-toggle{grid-template-columns:1fr 1fr}
}

/* Preserve every service composition instead of cropping it as the card changes shape. */
.service-visual{
  aspect-ratio:1.5;
  min-height:0;
  background-size:contain;
  transform:none;
  transition:transform .55s cubic-bezier(.22,.8,.24,1),box-shadow .3s ease;
}
.service-card[data-order="0"] .service-visual{transform:translateY(-2px)}

/* Continuous, accessible client logo rail. */
.studio-proof-strip{padding:28px 0 24px;overflow:hidden}
.studio-proof-strip>.proof-heading{min-height:0;display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}
.studio-proof-strip h2{font-size:clamp(34px,4vw,56px)}
.proof-heading p{max-width:390px;margin:0;text-align:right;font-size:13px;font-weight:750;color:color-mix(in srgb,currentColor 68%,transparent)}
.logo-marquee{position:relative;width:100%;overflow:hidden}
.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:min(8vw,110px);pointer-events:none}
.logo-marquee:before{left:0;background:linear-gradient(90deg,var(--studio-page),transparent)}
.logo-marquee:after{right:0;background:linear-gradient(270deg,var(--studio-page),transparent)}
.logo-marquee-track{display:flex;width:max-content;animation:studio-logo-loop 34s linear infinite;will-change:transform}
.logo-marquee:hover .logo-marquee-track,.logo-marquee:focus-within .logo-marquee-track{animation-play-state:paused}
.logo-marquee-group{display:flex;align-items:center;gap:34px;padding-right:34px}
.logo-tile{flex:0 0 224px;height:98px;display:flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid rgba(17,24,32,.18);border-radius:14px;background:#fffdf7;box-shadow:4px 5px 0 color-mix(in srgb,var(--studio-line) 18%,transparent);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
a.logo-tile:hover,a.logo-tile:focus-visible{transform:translateY(-4px);box-shadow:6px 8px 0 color-mix(in srgb,var(--studio-line) 28%,transparent)}
.logo-tile img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.logo-sutton{padding:0 8px;background:#101418}.logo-sutton img{padding:0;background:transparent;transform:scale(1.06)}
.logo-damn-cold{padding:3px;background:#05080c}.logo-damn-cold img{width:auto;height:96%;max-width:none}
.logo-frostbite{padding:0;background:#fff}.logo-frostbite img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.logo-mane{padding:0;background:#85847f}.logo-mane img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.logo-eaves{padding:7px 16px;background:#0a0a0a;color:#fff}.eaves-lockup{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;column-gap:10px;align-items:center;width:min(100%,190px);margin:auto;font-family:var(--studio-display);line-height:.88}.eaves-lockup b{grid-row:1/3;color:#eaa521;font-size:47px;letter-spacing:-.03em}.eaves-lockup span{align-self:end;font-size:19px;font-weight:800;letter-spacing:.025em}.eaves-lockup small{align-self:start;color:#eaa521;font-size:6px;font-weight:700;letter-spacing:.16em}
.logo-truegauge{padding:14px 12px;background:#f5f8f7}.logo-truegauge img{width:100%;height:100%;object-fit:contain}
@keyframes studio-logo-loop{to{transform:translateX(-50%)}}

@media(max-width:820px){
  .studio-proof-strip{padding:24px 0 20px}
  .studio-proof-strip>.proof-heading{display:block;padding:0;margin-bottom:18px}
  .studio-proof-strip h2{margin-bottom:7px}
  .proof-heading p{text-align:left}
  .logo-marquee-group{gap:16px;padding-right:16px}
  .logo-tile{flex-basis:184px;height:84px;padding:10px 16px}
}
@media(max-width:520px){
  .service-stack{height:800px}
  .service-card{height:735px}
  .service-visual,.website-visual,.marketing-visual{min-height:0;aspect-ratio:1.5}
  .service-card-inner{gap:12px}
  .logo-tile{flex-basis:164px;height:76px}
  .logo-marquee-track{animation-duration:27s}
}
@media(prefers-reduced-motion:reduce){
  .logo-marquee{overflow-x:auto}
  .logo-marquee-track{animation:none}
}

/* Mobile first-screen fit: full-width card tabs with the style picker first. */
@media(max-width:820px){
  .site-vibe-bar{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 14px;border-top:1px solid color-mix(in srgb,var(--studio-line) 18%,transparent);background:color-mix(in srgb,var(--studio-page) 95%,var(--studio-cream));color:var(--studio-ink)}
  .site-vibe-bar>span{font:900 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .site-vibe-bar>div{display:flex;gap:7px}
  .site-vibe-bar .vibe-swatch{width:31px;height:31px}
  .studio-showcase{padding-top:0}
  .studio-showcase>.home-wrap{width:100%;max-width:none}
  .showcase-topline{display:flex;flex-direction:column;gap:0;margin:0 0 8px}
  .showcase-topline>p{order:2;width:100%;max-width:none;padding:17px 14px 10px}
  .mobile-vibe-switcher{display:none}
  .mobile-vibe-switcher>span{margin:0;font-size:10px;letter-spacing:.12em}
  .mobile-vibe-switcher>div{display:flex;gap:6px}
  .service-carousel,.service-stack{width:100%}
  .service-card-inner{padding-left:18px;padding-right:18px}
}

/* Final phone sizing wins over the legacy carousel breakpoints above. */
@media(max-width:820px){
  .service-card{width:calc(100% - 52px);height:clamp(550px,calc(100svh - 215px),620px)}
  .service-stack{height:calc(clamp(550px,calc(100svh - 215px),620px) + 58px)}
  .service-card-inner{padding:15px 16px 13px;gap:8px;overflow:hidden}
  .service-copy h1,.service-copy h2{font-size:clamp(48px,14vw,64px);line-height:.78}
  .service-copy p{margin-top:7px;font-size:13px;line-height:1.22}
  .service-visual,.website-visual,.marketing-visual{min-height:0;max-height:245px;aspect-ratio:1.5;background-size:contain}
  .service-actions{gap:7px}
  .add-service{min-height:48px}
  .carousel-controls{grid-template-columns:1fr;gap:8px;margin-top:0}
  .carousel-arrows{grid-column:1;grid-row:1;justify-content:space-between}
  .carousel-progress{grid-column:1;grid-row:2;width:100%;max-width:none;padding:0 4px}
  .carousel-arrows button{width:44px;height:44px}
}

/* Final mobile polish: readable art, compact controls, and balanced page gutters. */
.logo-mane{padding:2px 8px;background:#fff}
.logo-mane img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.24)}
.logo-frostbite{padding:4px 8px;background:#fff}
.logo-frostbite img{width:100%;height:100%;object-fit:contain;transform:none}
.service-visual,
.website-visual,
.software-visual,
.marketing-visual,
.brand-visual,
.automation-visual{
  background-color:#fffdf7;
  background-blend-mode:normal;
  filter:none;
}

@media(max-width:820px){
  .studio-showcase>.home-wrap{width:calc(100% - 16px)}
  .mobile-vibe-switcher{border:1px solid color-mix(in srgb,var(--studio-line) 30%,transparent);border-radius:10px 10px 0 0}
  .showcase-topline>p{padding:11px 5px 8px;font-size:18px}
  .service-card{width:calc(100% - 46px);height:clamp(475px,calc(100svh - 320px),510px)}
  .service-stack{height:calc(clamp(475px,calc(100svh - 320px),510px) + 54px)}
  .service-card[data-order="0"]{left:4px!important}
  .service-card-inner{padding:12px 14px 10px;gap:6px}
  .service-copy h1,.service-copy h2{font-size:clamp(43px,12.5vw,56px)}
  .service-copy p{margin-top:5px;font-size:11px}
  .service-visual,.website-visual,.software-visual,.marketing-visual,.brand-visual,.automation-visual{max-height:205px}
  .add-service{min-height:43px}
  .included-trigger{padding:5px 0}
  .carousel-controls{gap:4px}
  .carousel-arrows button{width:39px;height:39px;font-size:21px}
  .studio-interior .work-list{padding:42px 0}
  .studio-interior .work-project{gap:22px;margin-bottom:42px;padding-bottom:42px}
  .studio-interior .work-shot{margin-inline:6px;padding:8px}
  .studio-interior .work-copy h2{margin-block:10px 13px}
  .studio-interior .work-detail{margin-top:17px}
  .studio-interior .work-tags{margin-top:15px}
}

/* Match each artwork frame to the actual image canvas at its edges. */
.website-visual{background-color:#f7f1e6}
.software-visual{background-color:#f1e7dc}
.marketing-visual{background-color:#f3e9df}
.brand-visual{background-color:#d5c8b8}
.automation-visual{background-color:#f6ebdd}

/* Site-wide Discovery Call popup. */
body.discovery-open{overflow:hidden}
.discovery-dialog{width:min(1100px,calc(100vw - 44px));max-height:calc(100svh - 36px);margin:auto;padding:0;border:2px solid #17233a;border-radius:20px;background:#f7f1e6;color:#111820;box-shadow:12px 14px 0 rgba(9,16,27,.42);overflow:auto}
.discovery-dialog::backdrop{background:rgba(6,12,22,.78);backdrop-filter:grayscale(.45) brightness(.62)}
.discovery-close{position:absolute;z-index:4;right:20px;top:16px;width:42px;height:42px;padding:0;border:0;background:transparent;color:#111820;font:400 40px/1 Inter,sans-serif;cursor:pointer}
.discovery-close:focus-visible{outline:3px solid var(--studio-blue);outline-offset:2px;border-radius:50%}
.discovery-view{min-height:500px;padding:46px;animation:discovery-in .28s ease both}
.discovery-view[hidden]{display:none!important}
.discovery-view[data-discovery-view="start"]{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}
.discovery-intro{padding:8px 38px 8px 4px;border-right:1px solid rgba(17,24,32,.28);text-align:center}
.discovery-intro .studio-kicker,.discovery-context-intro .studio-kicker{color:var(--studio-red)}
.discovery-intro h2,.discovery-context-intro h2{margin:9px 0 13px;font:900 clamp(54px,5.5vw,82px)/.82 var(--studio-display);letter-spacing:-.025em;text-transform:uppercase}
.discovery-intro>p:last-child,.discovery-context-intro>p:last-child{margin:0;font-size:17px;line-height:1.4}
.discovery-calendar{position:relative;width:138px;height:126px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto 22px;padding:42px 15px 14px;border:5px solid #17233a;border-radius:14px;background:#fffdf7;box-shadow:5px 6px 0 rgba(17,24,32,.18);transform:rotate(-4deg)}
.discovery-calendar:before{content:"";position:absolute;inset:0 0 auto;height:34px;border-bottom:5px solid #17233a;border-radius:9px 9px 0 0;background:var(--studio-red)}
.discovery-calendar:after{content:"";position:absolute;right:14px;top:48px;width:23px;height:23px;border:2px solid #17233a;background:var(--studio-blue)}
.discovery-calendar i{position:absolute;left:25px;top:-11px;width:16px;height:28px;border-radius:8px;background:#17233a;box-shadow:71px 0 0 #17233a}
.discovery-calendar b{display:block;border:2px solid #17233a;border-radius:3px}
.discovery-actions{display:grid;gap:14px}
.discovery-times{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 6px;padding:18px;border:0;border-radius:15px;background:#dce8f0}
.discovery-times legend{float:left;width:100%;margin:0 0 11px;padding:0;font:900 24px/1 var(--studio-display)}
.discovery-times button,.discovery-options button{min-height:58px;padding:9px 13px;border:2px solid #17233a;border-radius:10px;background:#fffdf7;color:#111820;font:800 15px/1.1 Inter,sans-serif;cursor:pointer;transition:transform .16s,background .16s,color .16s}
.discovery-times button:hover,.discovery-times button:focus-visible,.discovery-options button:hover,.discovery-options button:focus-visible{transform:translateY(-2px);outline:0;box-shadow:3px 4px 0 rgba(17,24,32,.2)}
.discovery-times button.is-selected{background:var(--studio-yellow)}
.discovery-primary,.discovery-secondary{min-height:66px;display:flex;align-items:center;justify-content:center;padding:12px 20px;border:2px solid #17233a;border-radius:10px;font:900 25px/1 var(--studio-display);text-align:center;text-transform:uppercase;cursor:pointer;box-shadow:4px 5px 0 rgba(17,24,32,.22);transition:transform .16s}
.discovery-primary{background:var(--studio-red);color:#fff}
.discovery-secondary{background:#fffdf7;color:#111820}
.discovery-primary:hover,.discovery-primary:focus-visible,.discovery-secondary:hover,.discovery-secondary:focus-visible{transform:translateY(-2px);outline:3px solid var(--studio-yellow);outline-offset:2px}
.discovery-explore{justify-self:center;padding:7px;border:0;background:transparent;color:#5e6672;font-size:12px;cursor:pointer}
.discovery-context-view{display:grid;grid-template-columns:.42fr 1fr;gap:34px;align-items:stretch}
.discovery-context-intro{padding:28px 34px 18px 4px;border-right:2px solid #17233a}
.discovery-context-intro h2{font-size:clamp(50px,5vw,72px)}
.discovery-context-form{display:grid;gap:17px;padding:4px 2px}
.discovery-context-form fieldset{margin:0;padding:0;border:0}
.discovery-context-form legend,.discovery-textarea>b{display:block;margin:0 0 9px;font:900 23px/.95 var(--studio-display);text-transform:uppercase}
.discovery-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.discovery-service-options button:nth-child(1).is-selected{background:var(--studio-blue);color:#fff}.discovery-service-options button:nth-child(2).is-selected{background:var(--studio-yellow)}.discovery-service-options button:nth-child(3).is-selected{background:var(--studio-mint)}.discovery-service-options button:nth-child(4).is-selected{background:#d7e1f0}.discovery-service-options button:nth-child(5).is-selected{background:var(--studio-red);color:#fff}.discovery-service-options button:nth-child(6).is-selected{background:#087f73;color:#fff}.discovery-service-options button:nth-child(7).is-selected{background:#17233a;color:#fff}
.discovery-timeline-options button.is-selected{background:var(--studio-yellow)}
.discovery-textarea textarea{width:100%;min-height:90px;resize:vertical;padding:15px;border:2px solid #17233a;border-radius:10px;background:#fffdf7;color:#111820;font:500 15px/1.4 Inter,sans-serif}
.discovery-textarea textarea:focus{outline:3px solid var(--studio-blue);outline-offset:2px}
.discovery-context-form .discovery-primary{width:100%;border:2px solid #17233a}
.discovery-back{width:100%;min-height:48px;font-size:20px}
@keyframes discovery-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .discovery-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px);border-radius:16px}
  .discovery-close{right:11px;top:9px;width:36px;height:36px;font-size:34px}
  .discovery-view{min-height:0;padding:42px 20px 20px}
  .discovery-view[data-discovery-view="start"],.discovery-context-view{grid-template-columns:1fr;gap:18px}
  .discovery-intro,.discovery-context-intro{padding:0;border:0;text-align:center}
  .discovery-calendar{width:94px;height:86px;gap:5px;margin-bottom:12px;padding:31px 10px 9px;border-width:4px}
  .discovery-calendar:before{height:24px;border-bottom-width:4px}.discovery-calendar:after{right:9px;top:35px;width:16px;height:16px}.discovery-calendar i{left:17px;top:-9px;width:12px;height:21px;box-shadow:48px 0 0 #17233a}
  .discovery-intro h2,.discovery-context-intro h2{font-size:clamp(45px,13vw,62px)}
  .discovery-intro>p:last-child,.discovery-context-intro>p:last-child{font-size:14px}
  .discovery-times{padding:13px;gap:7px}.discovery-times legend{font-size:21px}.discovery-times button{min-height:48px;padding:7px 4px;font-size:12px}
  .discovery-primary,.discovery-secondary{min-height:54px;font-size:21px}.discovery-explore{font-size:11px}
  .discovery-context-form{gap:14px}.discovery-context-form legend,.discovery-textarea>b{font-size:20px}.discovery-options{gap:7px}.discovery-options button{min-height:46px;padding:7px 5px;font-size:11px}.discovery-textarea textarea{min-height:75px}.discovery-context-form .discovery-primary{min-height:54px}.discovery-back{min-height:42px}
}
@media(max-width:420px){
  .discovery-context-intro .studio-kicker{margin-bottom:3px}.discovery-context-intro h2{margin:4px 0 7px;font-size:43px}.discovery-context-intro>p:last-child{font-size:12px}
  .discovery-context-form{gap:11px}.discovery-context-form legend,.discovery-textarea>b{margin-bottom:7px;font-size:18px}.discovery-options button{min-height:42px}.discovery-textarea textarea{min-height:66px;padding:11px}.discovery-context-form .discovery-primary{min-height:49px}.discovery-back{min-height:39px}
}
@media(prefers-reduced-motion:reduce){.discovery-view{animation:none}}

/* September polish: wider desktop stage, durable theme contrast, and a unified contact flow. */
@media(min-width:1280px){
  .studio-home .studio-showcase>.home-wrap{width:min(1480px,calc(100% - 64px));max-width:none}
  .studio-home .service-card-inner{grid-template-columns:minmax(370px,.82fr) minmax(520px,1.18fr)}
}
html[data-vibe="night"] .service-switchboard details:first-child{color:#fffdf7}
html[data-vibe="night"] .studio-interior .work-tags span{background:#fffdf7;color:#111820;border-color:#fffdf7}
html[data-vibe="night"] .studio-interior .work-detail-row b,
html[data-vibe="night"] .studio-interior .work-reference,
html[data-vibe="night"] .studio-interior .work-meta{color:#fffdf7}
.compact-footer-social a{color:#fff!important;background-color:transparent}
.compact-footer-legal a,.compact-footer-access a{color:#fff!important}

/* Night-theme contrast and durable social icons. */
html[data-vibe="night"] .service-switchboard details:first-child,
html[data-vibe="night"] .service-switchboard details:first-child summary,
html[data-vibe="night"] .service-switchboard details:first-child summary span,
html[data-vibe="night"] .service-switchboard details:first-child summary b,
html[data-vibe="night"] .service-switchboard details:first-child p,
html[data-vibe="night"] .service-switchboard details:first-child a{color:#fffdf7!important}
.compact-footer-social a[href*="linkedin"]{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.34V8.98h3.42v1.57h.05c.48-.9 1.64-1.85 3.37-1.85 3.61 0 4.27 2.37 4.27 5.46v6.29zM5.32 7.41a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zm1.78 13.04H3.54V8.98H7.1v11.47z'/%3E%3C/svg%3E")!important;background-position:50% 50%!important;background-size:18px 18px!important;background-repeat:no-repeat!important}
.compact-footer-social a[href*="linkedin"]:before{content:none!important}

/* Centered, heavier carousel arrows that do not depend on font glyph metrics. */
.carousel-arrows button{position:relative;display:block;font-size:0!important;line-height:0}
.carousel-arrows button:before{content:"";position:absolute;left:50%;top:50%;width:23px;height:3px;border-radius:99px;background:currentColor;transform:translate(-50%,-50%)}
.carousel-arrows button:after{content:"";position:absolute;left:calc(50% + 4px);top:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.carousel-arrows button[data-carousel-prev]:after{left:calc(50% - 4px);transform:translate(-50%,-50%) rotate(-135deg)}
@media(max-width:560px){
  .studio-compact-footer .compact-footer-social{padding-right:64px}
}

.discovery-action-copy{margin:0 0 4px;color:#5e6672;font-size:15px;line-height:1.45;text-align:center}
.discovery-day-options{grid-template-columns:repeat(5,1fr)}
.discovery-time-options{grid-template-columns:repeat(4,1fr)}
.discovery-day-options button.is-selected,.discovery-time-options button.is-selected{background:var(--studio-yellow);color:#111820}
.discovery-form-status{min-height:20px;margin:0;color:#9f281b;font-size:13px;font-weight:800;text-align:center}

.project-planner-page .book-hero{padding:78px 0 54px}
.project-planner-page .book-hero h1{max-width:1050px;font-size:clamp(70px,8.2vw,118px)}
.project-planner-page .book-hero>div>p{max-width:760px}
.planner-progress{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin-top:36px;border:2px solid var(--studio-line);border-radius:10px;overflow:hidden;background:var(--studio-cream);color:var(--studio-ink)}
.planner-progress span{min-height:64px;display:flex;align-items:center;gap:9px;padding:10px 16px;border-right:1px solid var(--studio-line);font-size:12px;font-weight:850;text-transform:uppercase}
.planner-progress span:last-child{border-right:0}.planner-progress b{font:900 23px/1 var(--studio-display);color:var(--studio-red)}
.project-planner-page .book-section{padding:64px 0 86px}
.project-planner-page .book-layout{grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:36px;align-items:start}
.project-planner-page .book-aside{position:sticky;top:102px;padding:30px!important}
.project-planner-page .book-aside h2{margin:5px 0 22px;font-size:44px;line-height:.9}
.project-planner-page .book-form{padding:34px!important}
.project-planner-page .form-section-label{display:flex;align-items:center;gap:12px;margin-bottom:20px!important;color:var(--studio-red);font:900 24px/1 var(--studio-display);letter-spacing:.04em;text-transform:uppercase}
.project-planner-page .form-section-label:after{content:"";height:2px;flex:1;background:color-mix(in srgb,var(--studio-line) 35%,transparent)}
.project-planner-page .book-form .home-button{width:100%;min-height:62px;margin-top:8px}
.project-planner-page .project-question-fields[hidden]{display:none!important}
.discovery-request-page .planner-progress{grid-template-columns:repeat(2,1fr);max-width:440px}

@media(max-width:760px){
  .discovery-action-copy{font-size:13px}
  .discovery-day-options{grid-template-columns:repeat(2,1fr)}
  .discovery-day-options button:last-child{grid-column:1/-1}
  .discovery-time-options{grid-template-columns:repeat(2,1fr)}
  .project-planner-page .book-hero{padding:54px 0 38px}
  .project-planner-page .book-hero h1{font-size:clamp(54px,16vw,76px)}
  .planner-progress{grid-template-columns:1fr 1fr;margin-top:25px}
  .planner-progress span{min-height:52px}.planner-progress span:nth-child(2){border-right:0}.planner-progress span:nth-child(-n+2){border-bottom:1px solid var(--studio-line)}
  .project-planner-page .book-layout{grid-template-columns:1fr;gap:24px}
  .project-planner-page .book-aside{position:static}.project-planner-page .book-form{padding:22px!important}
}

/* Keep every mobile service artwork at its native canvas ratio. This removes
   the side bands created when the frame was shorter than the contained art. */
@media(max-width:820px){
  .service-card{height:clamp(475px,calc(65vw + 222px),560px)}
  .service-stack{height:calc(clamp(475px,calc(65vw + 222px),560px) + 54px)}
  .service-visual,
  .website-visual,
  .software-visual,
  .marketing-visual,
  .brand-visual{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:1000/667;
    background-size:100% 100%;
  }
  .automation-visual{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:1000/532;
    background-size:100% 100%;
  }
}

/* Final mobile theme state. Keep unselected path labels visible in night mode. */
@media(max-width:820px){
  html[data-vibe="night"] .path-toggle>button:not(.is-active){
    background:#1b222d!important;
    color:#fffdf7!important;
    -webkit-text-fill-color:#fffdf7;
  }
  html[data-vibe="night"] .path-toggle>button.is-active{
    background:#f7cc4b!important;
    color:#111820!important;
    -webkit-text-fill-color:#111820;
  }
}

/* Six compact carousel markers stay on one line and clear the arrow controls. */
.carousel-progress{
  grid-template-columns:repeat(6,minmax(0,1fr));
}

@media(max-width:820px){
  .carousel-controls{row-gap:12px}
  .carousel-progress{
    width:min(66%,230px);
    margin:4px auto 0;
    padding:0;
    gap:5px;
    justify-self:center;
  }
  .carousel-progress i{height:2px}
}

/* Keep desktop service copy inside its own grid column at every wide-screen size. */
@media(min-width:821px){
  .studio-home .service-card-inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  }
  .studio-home .service-copy,
  .studio-home .service-visual,
  .studio-home .service-actions,
  .studio-home .carousel-controls{
    min-width:0;
  }
  .studio-home .service-copy{
    container-type:inline-size;
  }
  .studio-home .service-copy h1,
  .studio-home .service-copy h2{
    max-width:100%;
    font-size:clamp(52px,5vw,88px);
    font-size:clamp(48px,18cqi,92px);
  }
  .studio-home .service-software .service-copy h2{
    font-size:clamp(48px,17cqi,86px);
  }
  .studio-home .service-automation .service-copy h2{
    font-size:clamp(46px,16cqi,78px);
  }
}