/* Explicit component boundaries prevent older generic grids from leaking into Studio. */
html{scroll-padding-top:128px}
#studio.studio-compact{position:relative;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:48px}
#studio>#process{position:absolute;top:0;left:0;width:0;height:0}
#studio>.studio-mark{grid-column:1;grid-row:1;min-width:0;align-self:start;padding:32px}
#studio>.studio-copy{grid-column:2;grid-row:1;min-width:0;max-width:none}
#studio .studio-copy>p{max-width:60ch;font-size:18px;line-height:1.7}
#studio .steps{display:flex;flex-direction:column;gap:0;width:100%;margin:24px 0;padding:0}
#studio .steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 16px;padding:20px 0}
#studio .steps strong{font-size:18px;line-height:1.4}
#studio .steps span{font-size:16px;line-height:1.6;color:var(--muted);max-width:54ch}
#studio .studio-symbol{margin:0 0 24px;min-height:190px;letter-spacing:normal}
#studio .studio-symbol .m-card{width:140px}
#studio .studio-symbol .m-bubble{width:120px;left:calc(100% + 8px);font-size:14px}
#studio .studio-mark h2{font-size:clamp(28px,3vw,40px);line-height:1.18}
.campaign-journey{background:#171e1a;border-top:1px solid #364b3d}
.campaign-journey h2{max-width:26ch}.journey-intro{max-width:65ch;color:var(--muted);margin:16px 0 32px}
.journey-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.journey-card{position:relative;min-width:0}.journey-card:not(:last-child):after{content:'→';position:absolute;right:-24px;top:42%;font-size:24px;color:var(--blue)}
.journey-card .image-open{width:100%;border-radius:12px;overflow:hidden;display:block}.journey-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#101411}
.journey-card h3{font-size:20px;margin:20px 0 12px;line-height:1.3}.journey-card>p:last-child{font-size:15px;line-height:1.6;color:var(--muted)}
.brief-visual{aspect-ratio:4/5;background:#c9e6d0;color:#16251b;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.brief-visual span{font-size:12px}.brief-visual strong{font:italic 32px/1.15 Georgia,serif}
.studio-visitor{position:relative;height:100px;margin-top:16px;overflow:hidden}.studio-visitor .mascot{width:64px;left:auto;right:8px;bottom:0}.studio-visitor .m-bubble{font-size:12px;top:24px}.mascot-stage--footer{height:110px;margin:0;flex-basis:100%;width:100%}.mascot-stage--footer .mascot{width:80px;right:8px}
footer#contact{flex-wrap:wrap}.motion-card{transition:translate 160ms ease-out,box-shadow 160ms ease-out}.motion-card:hover{translate:0 -4px}.motion-card:focus-within{outline-offset:5px}
.motion-toggle{font:inherit;font-size:12px;border:1px solid #67736a;background:#171e1a;color:var(--blue);padding:8px 12px;border-radius:24px;min-height:44px;cursor:pointer}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .mascot{visibility:visible!important;opacity:1!important;transform:none!important}.motion-paused .m-bubble{opacity:1;transform:none}.motion-paused .motion-card:hover{translate:none}
@media(max-width:1000px){.journey-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.journey-card:nth-child(2):after{display:none}#studio.studio-compact{gap:32px}#studio .studio-symbol .m-bubble{left:0;top:150px;width:auto}#studio .studio-symbol{min-height:220px}}
@media(max-width:700px){html{scroll-padding-top:160px}#studio.studio-compact{display:flex;flex-direction:column;gap:24px}#studio>.studio-mark,#studio>.studio-copy{width:100%}#studio>.studio-mark{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 16px;padding:24px}#studio .studio-symbol{min-height:150px;margin:0;grid-row:1/3;width:100px}#studio .studio-symbol .m-card{width:100px}#studio .studio-symbol .m-bubble{display:none}#studio .studio-mark h2{font-size:28px}#studio .studio-copy>p{font-size:16px}.journey-flow{grid-template-columns:1fr;gap:40px}.journey-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px 16px;align-items:start}.journey-card>.eyebrow{grid-column:1/-1;margin:0}.journey-card>.image-open,.journey-card>.brief-visual{grid-column:1;grid-row:2/4}.journey-card>h3{grid-column:2;margin:0;font-size:19px}.journey-card>p:last-child{grid-column:2;font-size:14px;margin:0}.journey-card:not(:last-child):after{display:block;content:'↓';top:auto;bottom:-34px;left:18%;right:auto}.brief-visual{padding:16px}.brief-visual strong{font-size:24px}.brief-visual span{font-size:10px}.studio-visitor{height:88px}.motion-toggle{font-size:12px;padding:8px}.mascot-stage--footer{height:100px}header{position:relative}html{scroll-padding-top:24px}}
@media(prefers-reduced-motion:reduce){.motion-card:hover{translate:none}.mascot{visibility:visible!important;opacity:1!important;transform:none!important}}