.sp-hero-body{width:100%}.sp-hero-copy{max-width:44em}.sp-hero-copy+.sp-hero-copy{margin-top:1.125rem}.sp-hero-ctas{flex-wrap:wrap;align-items:center;gap:.875rem;margin-top:1.75rem;display:flex}.sp-hero-ctas .studio-cta{font-size:var(--type-body);padding:.9375rem 1.375rem}.sp-hero-ctas svg{width:1rem;height:1rem;transition:transform var(--dur-fast) var(--ease-out);flex:none}.sp-hero-ctas .studio-cta:hover svg{transform:translate(.1875rem)}.sp-hero-ctas .studio-cta--quiet:hover{border-color:var(--studio-accent);color:var(--studio-accent)}@media (width<=519px){.sp-hero-ctas .studio-cta{width:100%}}.sp-grid{border-top:1px solid var(--studio-border);grid-template-columns:minmax(0,1fr);gap:clamp(2rem,3.5vw,4rem);padding-top:2rem;padding-bottom:clamp(3rem,5vw,5.5rem);display:grid}.sp-nav,.sp-content{min-width:0}@media (width>=1100px){.sp-grid{grid-template-columns:minmax(10rem,.16fr) minmax(0,1fr);padding-top:3rem}}.sp-nav{align-self:stretch}@media (width<=1099px){.sp-nav{top:var(--mobile-bar-height);z-index:20;position:sticky}}.sp-content{--sp-bleed:clamp(1rem, 2vw, 2.5rem);--sp-copy:color-mix(in srgb, var(--studio-text) 84%, transparent)}.sp-section{margin-inline:calc(var(--sp-bleed) * -1);padding-inline:var(--sp-bleed)}.sp-section+.sp-section{border-top:1px solid var(--studio-border);margin-top:clamp(3rem,5vw,5.5rem);padding-top:clamp(2rem,3vw,3rem)}.sp-section--tint{background:var(--studio-bg-warm);padding-bottom:clamp(2rem,3vw,3rem)}.sp-section-tag{margin-bottom:1.25rem}.sp-lede{max-width:42em;margin-top:1.5rem}.sp-symptoms{background:var(--studio-border);gap:1px;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}@media (width>=720px){.sp-symptoms{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-symptom{background:var(--studio-bg);align-items:baseline;gap:.875rem;padding:1.125rem 1.25rem 1.125rem 0;display:flex}@media (width>=720px){.sp-symptom:nth-child(2n){padding-left:1.5rem}}.sp-symptom-marker{background:var(--studio-accent);flex:none;width:.75rem;height:1px}.sp-symptom-text{font-size:var(--type-body);color:var(--studio-text);line-height:1.5}.sp-split{gap:1.5rem;margin-top:2.25rem;display:grid}@media (width>=880px){.sp-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}}.sp-column{border:1px solid var(--studio-border);padding:clamp(1.25rem,2.5vw,1.75rem)}.sp-column--accent{background:#facc150a;border-color:#facc153d}.sp-column--plain{background:var(--studio-surface)}.sp-column-tag{margin-bottom:.875rem}.sp-column--accent .sp-column-tag{color:var(--studio-accent)}.sp-column-title{margin-bottom:1.25rem}.sp-scope{gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.sp-scope li{font-size:var(--type-body);color:var(--studio-text);align-items:baseline;gap:.875rem;line-height:1.5;display:flex}.sp-scope li:before{content:"";background:var(--studio-accent);border:none;flex:none;width:.75rem;height:1px}.sp-scope--plain li:before{background:var(--studio-accent);border:none}.sp-deliver{gap:2rem;margin-top:2.25rem;display:grid}@media (width>=960px){.sp-deliver{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,3vw,3rem)}}.sp-deliver-group{border-top:1px solid #facc1559;padding-top:1rem}.sp-deliver-label{text-transform:uppercase;letter-spacing:.1em;color:var(--studio-text);margin:0;font-size:.875rem;font-weight:600;line-height:1.35}.sp-deliver-list{gap:.875rem;margin:1.375rem 0 0;padding:0;list-style:none;display:grid}.sp-deliver-list li{border-top:1px solid var(--studio-border);font-size:var(--type-body);color:var(--sp-copy);padding-top:.875rem;line-height:1.6}.sp-deliver-list li:first-child{border-top:0;padding-top:0}.sp-steps{gap:0;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}.sp-step{border-top:1px solid var(--studio-border);grid-template-columns:2.75rem minmax(0,1fr);gap:0 1rem;padding:1.75rem 0;display:grid}.sp-step:last-child{border-bottom:1px solid var(--studio-border)}@media (width>=880px){.sp-step{grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:0 clamp(1.5rem,3vw,2.5rem);padding:2.125rem 0}.sp-step-body{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}}.sp-step-index{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--studio-accent);padding-top:.3125rem;font-size:.875rem;font-weight:600}.sp-step-title{font-size:var(--type-panel);letter-spacing:-.01em;color:var(--studio-text);margin:0;font-weight:600;line-height:1.3}.sp-step-copy{max-width:40em;color:var(--sp-copy);margin-top:.75rem;line-height:1.7}@media (width>=880px){.sp-step-copy{margin-top:0}}.sp-model{margin-top:clamp(2.5rem,4vw,3.5rem)}.sp-model-label{margin-bottom:1rem}.sp-work{border:1px solid var(--studio-border);background:var(--studio-surface);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);gap:1.5rem;margin-top:2.25rem;padding:clamp(1.25rem,2.5vw,1.75rem);display:grid;position:relative}.sp-work:hover,.sp-work:focus-within{border-color:var(--studio-border-strong);background:var(--studio-surface-elevated)}@media (width>=1000px){.sp-work{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.75rem,3vw,2.75rem)}}.sp-work-frame{border:1px solid var(--studio-border);background:var(--studio-bg);margin:0}.sp-work-chrome{border-bottom:1px solid var(--studio-border);align-items:center;gap:.375rem;padding:.5rem .625rem;display:flex}.sp-work-dot{background:var(--studio-text-faint);opacity:.5;border-radius:50%;width:.375rem;height:.375rem}.sp-work-bar{background:#ffffff0f;flex:auto;height:.375rem;margin-left:.375rem}.sp-work-shot{display:block;overflow:hidden}.sp-work-shot :is(img,picture){width:100%;height:auto;display:block}.sp-work-shot img{filter:saturate(.95)contrast(1.03)brightness(.94);transition:transform var(--dur-base) var(--ease-out), filter var(--dur-base) var(--ease-out)}.sp-work:hover .sp-work-shot img,.sp-work:focus-within .sp-work-shot img{filter:saturate()contrast(1.05)brightness(1.04);transform:scale(1.015)}.sp-work-client{color:var(--studio-accent);margin-bottom:.75rem}.sp-work-title{letter-spacing:-.015em;color:var(--studio-text);transition:color var(--dur-fast) var(--ease-out);margin:0;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:600;line-height:1.25}.sp-work:hover .sp-work-title,.sp-work:focus-within .sp-work-title{color:var(--studio-accent)}.sp-work-copy{max-width:42em;color:var(--sp-copy);margin-top:1rem;line-height:1.7}.sp-work-tags{gap:.875rem 1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (width>=620px){.sp-work-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-work-tags li{font-size:var(--type-body);color:var(--studio-text);align-items:baseline;gap:.875rem;line-height:1.5;display:flex}.sp-work-tags li:before{content:"";background:var(--studio-accent);flex:none;width:.75rem;height:1px}.sp-work-action{margin:1.75rem 0 0}.sp-work-link{font-size:var(--type-body);color:var(--studio-accent);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.sp-work:hover .sp-work-link,.sp-work:focus-within .sp-work-link{text-underline-offset:.25rem;text-decoration:underline}.sp-work-link svg{width:1.0625rem;height:1.0625rem;transition:transform var(--dur-fast) var(--ease-out)}.sp-work:hover .sp-work-link svg,.sp-work:focus-within .sp-work-link svg{transform:translate(.25rem)}.sp-work-link:after{content:"";position:absolute;inset:0}.sp-secondary{border:1px solid var(--studio-border);border-left:2px solid var(--studio-border-strong);transition:border-left-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);gap:1.125rem;margin-top:1.25rem;padding:1.5rem clamp(1.25rem,2.5vw,1.75rem);display:grid;position:relative}.sp-secondary:hover,.sp-secondary:focus-within{border-left-color:var(--studio-accent);background:var(--studio-surface)}@media (width>=720px){.sp-secondary{grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;gap:1.75rem}}.sp-secondary-thumb{border:1px solid var(--studio-border);background:var(--studio-bg);display:block;overflow:hidden}.sp-secondary-thumb :is(img,picture){width:100%;height:auto;display:block}.sp-secondary-thumb img{filter:saturate(.9)brightness(.92);transition:filter var(--dur-base) var(--ease-out)}.sp-secondary:hover .sp-secondary-thumb img,.sp-secondary:focus-within .sp-secondary-thumb img{filter:saturate()brightness(1.05)}.sp-secondary-copy{min-width:0}.sp-secondary-client{letter-spacing:.01em;color:var(--studio-text);transition:color var(--dur-fast) var(--ease-out);margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.sp-secondary:hover .sp-secondary-client,.sp-secondary:focus-within .sp-secondary-client{color:var(--studio-accent)}.sp-secondary-text{max-width:46em;color:var(--sp-copy)}.sp-secondary-action{margin:0}.sp-secondary-link{font-size:var(--type-support);color:var(--studio-text-secondary);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.sp-secondary-link svg{width:1rem;height:1rem;transition:transform var(--dur-fast) var(--ease-out)}.sp-secondary:hover .sp-secondary-link,.sp-secondary:focus-within .sp-secondary-link{color:var(--studio-accent)}.sp-secondary:hover .sp-secondary-link svg,.sp-secondary:focus-within .sp-secondary-link svg{transform:translate(.25rem)}.sp-secondary-link:after{content:"";position:absolute;inset:0}.sp-fit{gap:2rem;margin-top:2.25rem;display:grid}@media (width>=880px){.sp-fit{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,3.5vw,3.5rem)}}.sp-fit-title{border-top:2px solid var(--studio-accent);letter-spacing:-.01em;color:var(--studio-text);margin:0 0 1.5rem;padding-top:.875rem;font-size:clamp(1.125rem,1.5vw,1.3125rem);font-weight:600;line-height:1.3}.sp-fit-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sp-fit-list li{font-size:var(--type-body);color:var(--studio-text);align-items:baseline;gap:.875rem;line-height:1.5;display:flex}.sp-fit-list li:before{content:"";background:var(--studio-accent);flex:none;width:.75rem;height:1px}.sp-fit-list--signals li:before{background:var(--studio-accent)}@media (prefers-reduced-motion:reduce){.sp-hero-ctas .studio-cta:hover svg,.sp-work-shot img,.sp-work:hover .sp-work-shot img,.sp-work:focus-within .sp-work-shot img,.sp-work:hover .sp-work-link svg,.sp-work:focus-within .sp-work-link svg,.sp-secondary:hover .sp-secondary-link svg,.sp-secondary:focus-within .sp-secondary-link svg{transform:none}}
