.service-detail-studio{--detail-ink: #252b2e;--detail-muted: #626969;--detail-line: #d9d7d1;--detail-card: #faf9f5;--detail-accent: #87522f}.dark .service-detail-studio{--detail-ink: #f1eee7;--detail-muted: #aab0b0;--detail-line: #353a3b;--detail-card: #202425;--detail-accent: #d9aa7b}.site-shell .service-detail-studio h2{font:400 clamp(1.7rem,2.5vw,2.25rem)/1.25 Georgia,serif;letter-spacing:-.025em;text-transform:none;color:var(--detail-ink)}.site-shell .service-detail-studio h3{font:400 1.25rem/1.4 Georgia,serif;text-transform:none;letter-spacing:-.02em}.site-shell .service-detail-studio p{line-height:1.85;font-size:.85rem}.site-shell .service-detail-studio .detail-studio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:clamp(1.5rem,4vw,4rem);margin:0 0 2rem;border:1px solid #46473f;border-radius:1.8rem;background:radial-gradient(ellipse at 86% 40%,#41453a,#252d29 37%,#141c1c 76%)!important}.site-shell .service-detail-studio .detail-studio-hero h1{color:#f2ede3!important;font:400 clamp(2.3rem,4vw,3.7rem)/1.1 Georgia,serif;letter-spacing:-.035em;margin:1.3rem 0;overflow-wrap:anywhere}.site-shell .service-detail-studio .detail-eyebrow{color:#d9b28a;font:500 .65rem/1.6 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.16em}.site-shell .service-detail-studio .detail-hero-description{color:#bec5bd;font-size:.9rem}.detail-studio-hero>*{min-width:0}.detail-studio-hero .service-artwork{height:auto;aspect-ratio:1.3;margin-bottom:1rem;background:transparent;border:0}.detail-studio-hero figcaption{padding-top:1rem;border-top:1px solid #657063;color:#c4c7b9;font-size:.65rem;line-height:1.7}.detail-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.detail-hero-actions a{display:inline-flex;align-items:center;gap:.7rem;font-size:.7rem;color:#f2ede3}.detail-hero-actions .detail-primary{background:#eee6d7;color:#1d2926;border-radius:999px;padding:1rem 1.25rem;font-weight:600}.detail-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2rem 0 3rem;margin-bottom:3rem;border-bottom:1px solid var(--detail-line)}.site-shell .service-detail-studio .detail-outcomes>p{font:400 1.5rem/1.5 Georgia,serif;color:var(--detail-ink)}.detail-outcomes ul{display:grid;gap:1rem}.detail-outcomes li{display:flex;gap:.8rem;font-size:.8rem;line-height:1.7;color:var(--detail-muted)}.detail-outcomes svg{flex-shrink:0;margin-top:.2rem;color:var(--detail-accent)}.service-detail-studio .detail-main{min-width:0}.service-detail-studio .detail-main section>p{color:var(--detail-muted)}.service-detail-studio .detail-main [class*=shadow-],.service-detail-studio aside>*{box-shadow:none;border-radius:1.2rem}.service-detail-studio .detail-main [class*=bg-white],.service-detail-studio aside>.glass-card{background:var(--detail-card);border-color:var(--detail-line)}.service-detail-studio .detail-main .service-artwork{height:120px}.service-detail-studio .detail-main [class*=uppercase]{text-transform:none;letter-spacing:0;font-weight:500}.service-detail-studio .detail-main [class*=text-4xl]{font-size:.8rem;color:var(--detail-accent);font-family:JetBrains Mono,monospace}.service-detail-studio a:focus-visible{outline:2px solid var(--detail-accent);outline-offset:5px}.detail-related{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--detail-line)}.detail-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.detail-related a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border:1px solid var(--detail-line);border-radius:1rem;color:var(--detail-ink);font-size:.8rem;line-height:1.6}.detail-related svg{flex-shrink:0}.detail-related a:hover{border-color:var(--detail-accent);background:var(--detail-card)}@media(max-width:1000px){.site-shell .service-detail-studio .detail-studio-hero{grid-template-columns:1fr;gap:1.5rem}.detail-studio-hero figure{max-width:34rem;width:100%;margin:auto}}@media(max-width:640px){.detail-outcomes,.detail-related>div{grid-template-columns:1fr;gap:1.5rem}.site-shell .service-detail-studio .detail-studio-hero{border-radius:1.2rem}.detail-studio-hero .service-artwork{aspect-ratio:1.7}}
