/* Editorial refinements: preserve each case's palette and original compositions. */
.case-passport{padding-block:32px 38px;border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line);margin-block:0 38px;scroll-margin-top:0}
.case-passport-top{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:22px}
.case-passport .st-kicker{margin:0}
.case-passport-meta{font-size:12px;color:var(--s-muted)}
.case-passport-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;margin:0}
.case-passport-grid>div{min-width:0}
.case-passport dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);margin-bottom:10px}
.case-passport dd{font-size:clamp(15px,1.2vw,18px);line-height:1.5;margin:0;text-wrap:pretty}
.case-passport-team{font-size:12px;color:var(--s-muted);margin-top:20px}
.case-making{padding-block:clamp(48px,7vw,100px);border-block:1px solid var(--s-line);scroll-margin-top:0}
.case-making-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,76px);align-items:start}
.case-making h2{font:500 clamp(28px,3.8vw,56px)/1.1 var(--s-display);letter-spacing:-.035em;margin:15px 0 28px;text-wrap:balance}
.case-making dl{margin:0}
.case-making dl>div{margin:0 0 22px}
.case-making dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--s-muted);margin-bottom:7px}
.case-making dd{font-size:16px;line-height:1.6;margin:0;max-width:52ch}
.case-making figure{margin:0}
.case-making figure>a{display:block;max-height:640px;background:var(--s-alt);border:1px solid var(--s-line);overflow:hidden}
.case-making [data-image-viewer]{cursor:zoom-in}
.case-image-action{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:14px;background:#17212b;border-bottom:1px solid var(--s-line);padding:10px 14px;font:500 12px/1.4 var(--font);color:#fff}
.case-making img{width:100%;max-width:100%;height:auto;margin-inline:auto}
.case-making figcaption{font-size:13px;line-height:1.6;color:var(--s-muted);margin-top:14px}
.case-making-verify{padding-top:16px;border-top:1px solid var(--s-line);font-size:13px;line-height:1.6;color:var(--s-muted)}
.studio-team{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:clamp(28px,4vw,58px);background:var(--blue);color:var(--paper);min-height:490px}
.studio-team>.brand-mark{--mark:var(--paper);width:52px;height:52px;margin-bottom:36px}
.studio-team h2{font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-.05em}
.studio-team p{font-size:16px;line-height:1.6;margin-top:22px;max-width:28ch}
.studio-team .eyebrow{margin-bottom:22px}

.contact-next{margin-top:28px}
.service-detail-visual{background:#eae9e2}
#product .service-detail-visual{background:#0c0c10;padding:24px 24px 0}
#product .service-detail-visual img{width:min(100%,280px);height:auto;aspect-ratio:auto;object-fit:contain;margin:auto;border-radius:24px}
#product .service-detail-visual figcaption{color:#fff;padding:18px 0}
#commerce .service-detail-visual{padding:24px 24px 0}
#commerce .service-detail-visual img{width:min(100%,340px);height:auto;aspect-ratio:auto;object-fit:contain;margin:auto}
#automation .service-detail-visual img{height:auto;aspect-ratio:1.25;object-fit:cover;object-position:center}
.service-detail-visual a:focus-visible{outline-offset:7px}
.image-viewer-actions{display:flex;align-items:center;gap:10px;flex:none}
.image-viewer-zoom{min-height:44px;padding:10px 18px;border:1px solid #fff8;border-radius:99px;background:transparent;color:#fff;font:500 14px/1.2 var(--font);cursor:pointer}
.image-viewer-zoom:focus-visible{outline:3px solid #b2baff;outline-offset:3px}
.image-viewer.is-zoomed .image-viewer-image{width:auto;max-width:none;margin-inline:12px}
.image-viewer.is-zoomed .image-viewer-toolbar{position:sticky;left:0;width:100vw}
@media(max-width:800px){
 .case-passport-grid{grid-template-columns:1fr;gap:16px}
 .case-passport dt{margin-bottom:5px}
 .case-passport dd{font-size:15px;max-width:58ch}
 .case-making-grid{grid-template-columns:1fr;gap:28px}
 .case-making figure{max-width:600px}
 .case-making figure>a{max-height:560px}
 .case-making dd{font-size:15px}
 .case-making h2{font-size:36px}
 .studio-team{min-height:400px}
}
@media(max-width:540px){
 .case-passport{padding-block:24px 28px;margin-bottom:22px}
 .case-passport-top{align-items:start;gap:14px;margin-bottom:18px}
 .case-passport-top .st-kicker{font-size:9px;letter-spacing:.07em}
 .case-passport-meta{font-size:11px;white-space:nowrap}
 .case-passport-grid{gap:15px}
 .case-passport-team{margin-top:16px;font-size:11px}
 .case-making{padding-block:44px}
 .case-making h2{font-size:32px}
 .case-making figure>a{max-height:520px}
 .studio-team{min-height:0;padding:30px 26px}
 .studio-team>.brand-mark{width:38px;height:38px;margin-bottom:24px}
 .studio-team h2{font-size:48px}
 
 .contact-layout .form-grid{grid-template-columns:1fr;gap:0}
 
 .contact-next{margin-top:30px}
 .service-detail-visual{margin-top:14px}
 .image-viewer-toolbar{flex-wrap:wrap}
 .image-viewer-caption{flex-basis:100%}
 .image-viewer-actions{margin-left:auto}
 .image-viewer-zoom,.image-viewer-close{font-size:13px;padding-inline:14px}
 .page-hero:has(+.service-details){padding-bottom:38px}
}

/* Named participation linked to the actual portfolio, without invented biographies. */
.studio-team p{max-width:40ch}
.studio-team .studio-team-period{font-size:12px;margin-top:18px}
.team-case-links{width:100%;margin-top:30px}
.team-case-links .eyebrow{margin-bottom:12px;font-size:10px}
.team-case-links a{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #ffffff4d;font-size:12px;line-height:1.4;min-height:44px}
.team-case-links strong{font-weight:600}
.team-case-links a:focus-visible{outline-color:#fff;outline-offset:4px}
.team-case-links a:hover>strong{text-decoration:underline}
@media(max-width:540px){.team-case-links a{grid-template-columns:78px 1fr auto;gap:10px}.studio-team h2{font-size:44px}}

/* The system preference already stops motion; a disabled fixed badge obscures reading. */