/* Shared editorial pages and home links. Existing hero motion stays in its own layers. */
html.motion-off{scroll-behavior:auto}
.service-links{display:grid;gap:.25rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.service-links a,.studio-link{color:#b5dcff;text-decoration:none;font-size:1rem;line-height:1.6}
.service-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.4rem 0}
.service-links a:hover,.studio-link:hover{color:#fff;text-decoration:underline;text-underline-offset:.3em}
.studio-link{display:inline-block;margin-top:1rem;padding:.5rem 0}
.footer-services{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 2rem;border-top:1px solid var(--line);padding-top:1.5rem}
.footer-services a{padding:.5rem 0;font-size:.9375rem;line-height:1.5}
.detail-page{padding:12rem clamp(1.5rem,6vw,6rem) 0;max-width:100rem;margin:auto}
.breadcrumbs{margin-bottom:2.5rem;font-size:.875rem;color:#9baac1}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;margin:0}
.breadcrumbs li+li::before{content:"/";color:#62738d;margin-right:1rem}
.breadcrumbs a{color:#b5c9e4;text-decoration:none;padding:.5rem 0}
.breadcrumbs a:hover{text-decoration:underline}
.detail-hero{position:relative;padding:1rem 0 5rem}
.detail-hero h1{max-width:65rem;font:600 clamp(2.5rem,5vw,4.75rem)/1.15 var(--display);letter-spacing:-.045em;margin:1.5rem 0 2rem;text-wrap:balance}
.detail-hero h1>span{display:block;color:#91b3df;font-size:.72em;line-height:1.25;margin-top:.35em}
.detail-lead{max-width:48rem;font-size:clamp(1.125rem,1.7vw,1.375rem);line-height:1.8;color:#b4c0d3;margin-bottom:2rem}
.detail-page .button{min-width:0;gap:1.5rem}
.detail-section{padding:4.5rem 0;border-top:1px solid var(--line)}
.detail-page h2{font:600 clamp(1.875rem,3vw,3rem)/1.2 var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.5rem}
.detail-page h3{font:600 1.375rem/1.35 var(--display);letter-spacing:-.02em;margin:0 0 1rem}
.detail-section p,.detail-panel li,.detail-cta>p:not(.section-label){color:#aebcd0;line-height:1.8}
.detail-section .section-label,.detail-cta .section-label{color:#94b5df}
.detail-intro{max-width:56rem;margin-bottom:2.5rem}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.detail-card,.detail-panel{border:1px solid #8db5ed33;border-radius:1.25rem;padding:2rem;background:linear-gradient(150deg,#10203a70,#090f1e);min-width:0}
.detail-number{display:block;color:#70d8ff;font-size:.875rem;letter-spacing:.1em;margin-bottom:2rem}
.detail-card p:last-child{margin-bottom:0}
.detail-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.detail-panel ul{padding-left:1.25rem;margin:0}
.detail-panel li{padding-left:.25rem;margin-bottom:1rem}
.detail-panel li::marker{color:#70d8ff}
.detail-panel .detail-note{font-size:.875rem;margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line)}
.detail-faq details{border-bottom:1px solid var(--line);padding:1.25rem 0}
.detail-faq summary{cursor:pointer;font-weight:600;color:#e1eafa;line-height:1.6;padding:.5rem .25rem}
.detail-faq summary::marker{color:#70d8ff}
.detail-faq details p{max-width:52rem;margin:1rem 0 .5rem;padding-left:.25rem}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin-top:2rem}
.related-link{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;color:#d1e5ff;text-decoration:none;padding:1.25rem;border:1px solid var(--line);border-radius:.75rem;background:#0b1425;font-size:1rem;line-height:1.5;transition:border-color .2s,background .2s}
.related-link:hover{border-color:#79baff88;background:#10213b}
.related-link>span:last-child{color:#70d8ff;flex-shrink:0}
.detail-panel .related-link+.related-link{margin-top:.75rem}
.detail-cta{text-align:center;padding:4.5rem 1.5rem;margin:1rem 0 5rem;border:1px solid #8db5ed33;border-radius:1.5rem;background:radial-gradient(ellipse at 50% 100%,#17498650,transparent 75%),#090f1e}
.detail-cta p{max-width:42rem;margin-left:auto;margin-right:auto}
.detail-cta .button{margin-top:1rem;text-align:left}
.case-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center}
.case-art{border:1px solid #8db5ed33;border-radius:1.25rem;min-height:26rem;padding:2rem}
.case-art .cover-body strong{font-size:clamp(2rem,3.2vw,3.25rem);text-wrap:balance}
.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.75rem 0;margin:0;border-top:1px solid var(--line)}
.project-facts dt{font-size:.875rem;color:#92a5c1;margin-bottom:.5rem}
.project-facts dd{margin:0;color:#e1eafa;overflow-wrap:anywhere}
.project-facts a{color:#b5dcff;text-decoration:none}
.project-facts a:hover{text-decoration:underline}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.case-hero{grid-template-columns:1fr}.case-art{min-height:20rem}.detail-hero h1{max-width:55rem}}
@media(max-width:760px){.detail-page{padding:9.5rem 1.5rem 0}.breadcrumbs{margin-bottom:1.5rem}.detail-hero{padding-bottom:3rem}.detail-hero h1{font-size:clamp(2.125rem,8vw,3.25rem)}.detail-split{grid-template-columns:1fr;gap:2rem}.detail-section{padding:3rem 0}.detail-card,.detail-panel{padding:1.5rem}.detail-cta{padding:3rem 1.25rem;margin-bottom:3rem}.project-facts{grid-template-columns:1fr;gap:1.25rem}.case-art{padding:1.5rem}.footer-services{justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){.related-link{transition:none}}
@media(max-width:380px){.case-copy h3{font-size:2rem}}