/* Cockpit dossier: studio typography, original ink plate and editorial grid. */
.cockpit-page .case-hero{grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);padding-block:64px 72px;align-items:center}
.cockpit-page .case-heading>.mono{font-size:10px;margin-bottom:24px}
.cockpit-page .case-heading h1{font-size:clamp(80px,10vw,136px);margin:0 0 28px;letter-spacing:-.035em}
.cockpit-page .case-intro>p{font-family:'Work Sans',sans-serif;font-size:17px;line-height:1.6;margin:0}
.cockpit-page .case-intro strong{display:block;font-size:clamp(22px,2.4vw,31px);font-weight:500;line-height:1.28;letter-spacing:-.035em;color:var(--paper)}
.cockpit-page .case-intro p>span{display:block;max-width:330px;color:#bcb9ab;margin-top:15px}
.cockpit-page .case-intro .text-link{font:12px var(--mono);letter-spacing:.025em;margin-top:28px;padding-bottom:9px;border-bottom:1px solid var(--orange);text-decoration:none}
.cockpit-page .cta-iso{height:22px}
.cockpit-meta{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px dashed #85d7dc55;margin-top:42px;padding-top:16px;font:9px/1.6 var(--mono);letter-spacing:.04em;color:#a7aca3}
.concept-status{color:var(--cyan)}.concept-status::before{content:'●';font-size:7px;margin-right:7px}
.cockpit-page .case-art:has(.screens){height:auto;max-height:none;padding:48px 22px 28px;transform:rotate(1deg);background:linear-gradient(#e4dcc8ed,#e4dcc8ed),url('assets/ink-wear-plate.jpg');background-size:auto,350px;clip-path:polygon(0 0,30% 0,33% 2.5%,99% 2.5%,100% 99%,78% 98.7%,54% 100%,25% 99%,0 99.5%)}
.cockpit-page .case-art::before{font:11px var(--mono);top:19px;left:23px;letter-spacing:.06em}
.cockpit-page .case-art>.screens{height:auto;gap:16px;overflow:visible}
.cockpit-page .case-art figure.shot{height:auto;max-width:none;gap:10px}
.cockpit-page .case-art figure.shot .frame{display:block;flex:none;aspect-ratio:430/920;width:100%;background:none;border:1px solid #252c28;box-shadow:0 3px 6px #171a1720;transition:transform .2s}
.cockpit-page .frame img{width:100%;height:auto;display:block;filter:none}
.cockpit-page .frame:hover{transform:translateY(-3px)}
.cockpit-page .frame:focus-visible{outline:3px solid #a2481e;outline-offset:4px}
.cockpit-page .case-art figure.shot span{font-size:9px;color:#363b34}
.cockpit-page .case-art>figcaption{position:static;display:flex;justify-content:space-between;padding:14px 0 0;margin-top:14px;border-top:1px dashed #555b5066;font-size:8px;letter-spacing:.05em}
.cockpit-page .story-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin:30px 0 44px;align-items:start}
.cockpit-page .chapter-label{font:10px/1.7 var(--mono);letter-spacing:.06em;margin:10px 0 0}
.cockpit-page .story-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:0}
.cockpit-page .case-evidence{grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}
.cockpit-page .mark-plate{width:100%;max-width:330px;background:#101815;padding:25px;border:1px solid #85d7dc44;position:relative}
.cockpit-page .mark-plate::after{content:'+';position:absolute;right:-5px;top:-10px;color:var(--cyan);font:17px var(--mono);background:#0a0d0b}
.brand-note{font:9px var(--mono);color:var(--cyan);letter-spacing:.07em;margin:0 0 26px}
.cockpit-page .mark-lockup{padding:15px 0 34px}.cockpit-page .mark-lockup img{width:100%;height:auto;max-width:240px}
.cockpit-page .tokens .row{padding:8px 0}.cockpit-page .tokens .sw{width:22px;height:22px}
.cockpit-page .evidence-copy .lead{font:500 20px/1.5 'Work Sans',sans-serif;color:var(--paper);letter-spacing:-.02em}
.cockpit-page .evidence-copy>p{max-width:580px;font-size:15px;line-height:1.8}
.cockpit-page .facts{padding-block:8px;margin-block:24px 32px}
.cockpit-page .case-evidence .stages details{padding:22px 0}.cockpit-page .stages summary{font-size:27px}.cockpit-page .stages summary .mono{font-size:11px}
.cockpit-page .case-end{margin-top:36px;padding-block:22px 46px}.cockpit-page .case-end>a{font-size:clamp(32px,4vw,48px)}
@media(max-width:760px){
 .cockpit-page .case-hero{grid-template-columns:1fr;padding-block:32px 44px;gap:30px}
 .cockpit-page .case-heading h1{font-size:clamp(76px,20vw,120px);margin-bottom:20px}
 .cockpit-page .case-intro strong{font-size:26px}.cockpit-page .case-intro p>span{max-width:none;font-size:15px}
 .cockpit-meta{margin-top:25px;gap:8px 14px;font-size:8px}
 .cockpit-page .case-art:has(.screens){margin:0;padding:42px 14px 22px;transform:none}
 .cockpit-page .case-art>.screens{gap:12px}.cockpit-page .case-art::before{left:15px;font-size:10px}
 .cockpit-page .case-art figure.shot span{font-size:8px}.cockpit-page .case-art>figcaption span{display:block}
 .cockpit-page .story-grid,.cockpit-page .case-evidence{grid-template-columns:1fr;gap:22px}
 .cockpit-page .story-grid{margin-block:24px 28px}.cockpit-page .story-grid h2{font-size:38px}
 .cockpit-page .mark-plate{max-width:none;padding:22px}.cockpit-page .mark-lockup img{max-width:230px}
 .cockpit-page .tokens{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .cockpit-page .tokens .row{font-size:8px;gap:7px}.cockpit-page .tokens .sw{width:15px;height:15px}
 .cockpit-page .evidence-copy .lead{font-size:19px}.cockpit-page .case-evidence .stages p{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.cockpit-page .frame{transition:none}.cockpit-page .frame:hover{transform:none}}