.cases-page{background:#0b0b0c}
.cases-page .nav-links a[aria-current="page"]{color:#fff}
.cases-page a:focus-visible,.cases-page button:focus-visible,.case-rail:focus-visible{outline:2px solid var(--red);outline-offset:4px}

.cases-hero{padding:86px 24px 96px;background:#09090a;overflow:hidden}
.cases-hero-in{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:78px;align-items:center}
.cases-hero-copy{padding:26px 0}
.cases-hero h1{max-width:680px;margin:0;font-size:58px;font-weight:600;line-height:1.08;letter-spacing:-.028em}
.cases-hero-lead{max-width:610px;margin:26px 0 0;color:#aaaab0;font-size:19px;line-height:1.65}
.cases-actions{display:flex;align-items:center;gap:14px;margin-top:34px}
.cases-hero-media{position:relative;aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#121214;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.cases-hero-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.13);pointer-events:none}
.cases-hero-media img{width:100%;height:100%;padding:18px;object-fit:contain;object-position:center;filter:saturate(.82)}

.case-section{padding:118px 24px}
.case-section-in{width:min(var(--max),100%);margin:auto}
.case-section h2,.case-collection h2{margin:0;font-size:44px;font-weight:600;line-height:1.13;letter-spacing:-.02em}
.case-section-head{max-width:780px;margin-bottom:64px}
.case-section-head p:last-child{max-width:680px;margin:20px 0 0;color:#6e6e73;font-size:18px;line-height:1.68}

.fde-method{background:#f5f5f7;color:#1d1d1f}
.fde-method .kicker,.case-collection .kicker,.story-light .kicker{color:#d72019}
.method-list{border-bottom:1px solid rgba(0,0,0,.17)}
.method-row{display:grid;grid-template-columns:72px minmax(250px,.85fr) minmax(360px,1.15fr);gap:44px;align-items:start;padding:39px 0;border-top:1px solid rgba(0,0,0,.17)}
.method-no{padding-top:7px;color:#9a9a9f;font-size:12px;letter-spacing:.14em}
.method-row h3{margin:0;font-size:27px;font-weight:600;line-height:1.28;letter-spacing:-.016em}
.method-row p{max-width:620px;margin:0;color:#6e6e73;font-size:17px;line-height:1.68}

.fde-standard{background:#111113}
.standard-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:start}
.standard-copy{position:sticky;top:104px}
.standard-copy p:last-child{max-width:440px;margin:24px 0 0;color:#9b9ba0;font-size:17px;line-height:1.68}
.standard-list{margin:0;border-bottom:1px solid rgba(255,255,255,.16)}
.standard-item{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:32px 0;border-top:1px solid rgba(255,255,255,.16)}
.standard-item span{padding-top:4px;color:#6f6f74;font-size:12px;letter-spacing:.14em}
.standard-item h3{margin:0;font-size:24px;font-weight:600;line-height:1.3}
.standard-item p{margin:11px 0 0;color:#99999f;font-size:16px;line-height:1.66}

.case-collection{padding:118px 0 126px;background:#f5f5f7;color:#1d1d1f;overflow:hidden}
.collection-head{width:min(var(--max),calc(100% - 48px));margin:0 auto 56px;display:grid;grid-template-columns:1.18fr .82fr;gap:80px;align-items:end}
.collection-head>p{max-width:410px;margin:0 0 4px;color:#6e6e73;font-size:16px;line-height:1.6}
.case-rail-shell{position:relative}
.case-rail{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(24px,calc((100vw - 760px)/2));scrollbar-width:none;padding:4px max(24px,calc((100vw - 760px)/2)) 24px}
.case-rail::-webkit-scrollbar{display:none}
.case-track{display:flex;align-items:stretch;gap:24px;width:max-content}
.case-card{width:min(760px,78vw);flex:0 0 min(760px,78vw);scroll-snap-align:center;opacity:.45;transform:scale(.955);transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.case-card.is-active{opacity:1;transform:scale(1)}
.case-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(0,0,0,.11);border-radius:24px;background:#dedee1;box-shadow:0 18px 50px rgba(33,33,38,.08)}
.case-card-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.54);pointer-events:none}
.case-card-media img{width:100%;height:100%;padding:18px;object-fit:contain;object-position:center;background:#151517;filter:saturate(.84);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .3s ease}
.case-card:hover .case-card-media img{transform:scale(1.018);filter:saturate(1)}
.case-card-copy{padding:26px 8px 0}
.case-card-meta{display:flex;justify-content:space-between;gap:18px;color:#8a8a90;font-size:12px;line-height:1.4;letter-spacing:.09em}
.case-card h3{max-width:680px;margin:15px 0 0;font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-.018em}
.case-card p{max-width:660px;margin:15px 0 0;color:#6e6e73;font-size:16px;line-height:1.66}
.case-card .detail-link{margin-top:18px;color:#d72019}
.case-card-placeholder{cursor:default}
.placeholder-media{padding:18px;background:#151517;border-color:rgba(0,0,0,.13);box-shadow:0 18px 50px rgba(33,33,38,.08)}
.placeholder-device{width:100%;height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#e7e7e9;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.placeholder-device-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.09);background:#dadadd}
.placeholder-device-bar i{width:6px;height:6px;border-radius:50%;background:#aaaab0}
.placeholder-device-bar i:first-child{background:#d72019}
.placeholder-canvas{position:relative;height:calc(100% - 34px);overflow:hidden;background:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px),#ededee;background-size:34px 34px}
.placeholder-file{position:absolute;width:48%;height:59%;padding:20px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#f8f8f8;box-shadow:0 15px 35px rgba(38,38,43,.08)}
.placeholder-file span{display:block;height:7px;margin-top:12px;border-radius:10px;background:#d7d7da}
.placeholder-file span:nth-of-type(2){width:76%}
.placeholder-file span:nth-of-type(3){width:54%}
.file-back{left:17%;top:20%;transform:rotate(-7deg);opacity:.6}
.file-middle{left:28%;top:17%;transform:rotate(4deg);opacity:.78}
.file-front{left:25%;top:19%}
.file-front b{display:block;width:34px;height:5px;margin-bottom:22px;border-radius:10px;background:#d72019}
.placeholder-progress{position:absolute;left:25%;right:27%;bottom:15%;height:3px;overflow:hidden;border-radius:3px;background:#d1d1d4}
.placeholder-progress i{display:block;width:64%;height:100%;border-radius:inherit;background:#6f6f74}
.placeholder-copy p{max-width:520px}
.case-card-placeholder.is-active .file-front{transform:translateY(-3px);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.rail-controls{width:min(var(--max),calc(100% - 48px));margin:22px auto 0;display:flex;justify-content:flex-end;gap:10px}
.rail-button{width:44px;height:44px;border:0;border-radius:50%;background:#dedee2;color:#404044;font-size:25px;line-height:1;cursor:pointer;transition:background .15s ease,transform .12s ease}
.rail-button:hover{background:#d0d0d4}
.rail-button:active{transform:scale(.94)}

.case-detail-page{background:#0b0b0c}
.case-detail-page .nav-links a[aria-current="page"]{color:#fff}
.detail-hero{padding:72px 24px 84px;background:#09090a;overflow:hidden}
.detail-hero-in{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1.04fr .96fr;gap:76px;align-items:center}
.case-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 25px;color:#85858a;font-size:12px;letter-spacing:.05em}
.case-breadcrumb a{color:#d2d2d7}
.case-breadcrumb span{color:#5f5f64}
.detail-hero h1{max-width:700px;margin:0;font-size:48px;font-weight:600;line-height:1.17;letter-spacing:-.025em}
.detail-hero-lead{max-width:660px;margin:25px 0 0;color:#aaaab0;font-size:18px;line-height:1.65}
.detail-hero-media{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:#171719;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.detail-hero-media img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(.84)}
.detail-hero-media.contain img{object-fit:contain;padding:20px;background:#121214}

.case-facts{padding:0 24px;background:#09090a}
.case-facts-in{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15)}
.case-fact{padding:25px 26px 30px 0;border-right:1px solid rgba(255,255,255,.15)}
.case-fact+.case-fact{padding-left:26px}
.case-fact:last-child{border-right:0}
.case-fact dt{color:#717177;font-size:11px;letter-spacing:.12em}
.case-fact dd{margin:9px 0 0;color:#e8e8ed;font-size:15px;line-height:1.55}

.story-section{padding:118px 24px}
.story-light{background:#f5f5f7;color:#1d1d1f}
.story-dark{background:#111113;color:#f5f5f7}
.story-in{width:min(var(--max),100%);margin:auto}
.story-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}
.story-heading{position:sticky;top:104px}
.story-number{display:block;margin-bottom:17px;color:#99999f;font-size:12px;letter-spacing:.14em}
.story-heading h2{margin:0;font-size:37px;font-weight:600;line-height:1.2;letter-spacing:-.018em}
.story-body{max-width:720px}
.story-body .statement{margin:0;color:inherit;font-size:28px;font-weight:600;line-height:1.42;letter-spacing:-.012em}
.story-body>p{margin:22px 0 0;color:#6e6e73;font-size:17px;line-height:1.78}
.story-dark .story-body>p{color:#a1a1a7}
.story-body ul{margin:28px 0 0;padding:0;list-style:none;border-bottom:1px solid rgba(0,0,0,.16)}
.story-dark .story-body ul{border-color:rgba(255,255,255,.15)}
.story-body li{position:relative;padding:22px 0 22px 28px;border-top:1px solid rgba(0,0,0,.16);color:#4d4d52;font-size:16px;line-height:1.65}
.story-dark .story-body li{border-color:rgba(255,255,255,.15);color:#b1b1b6}
.story-body li::before{content:"";position:absolute;left:1px;top:31px;width:7px;height:7px;background:var(--red)}

.flow-strip{display:flex;align-items:stretch;margin-top:36px;border-top:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.16)}
.story-dark .flow-strip{border-color:rgba(255,255,255,.16)}
.flow-step{position:relative;flex:1;padding:24px 30px 24px 0;color:#45454a;font-size:15px;font-weight:600;line-height:1.45}
.story-dark .flow-step{color:#d5d5da}
.flow-step:not(:last-child)::after{content:"→";position:absolute;right:12px;color:#b3b3b8}

.build-section{padding:118px 24px;background:#050506}
.build-head{width:min(var(--max),100%);margin:0 auto 62px;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}
.build-head h2{margin:0;font-size:43px;font-weight:600;line-height:1.16;letter-spacing:-.02em}
.build-head>p{max-width:500px;margin:0;color:#929298;font-size:17px;line-height:1.68}
.build-gallery{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 20px}
.build-shot{margin:0}
.build-shot-media{aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#161617}
.build-shot-media img{width:100%;height:100%;object-fit:cover;object-position:left top;filter:saturate(.86)}
.build-shot-media.contain img{object-fit:contain;padding:14px}
.build-shot figcaption{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:17px 4px 0;color:#aaaab0;font-size:14px;line-height:1.58}
.build-shot figcaption span{color:#66666c;font-size:11px;letter-spacing:.1em}

.result-band{padding:106px 24px;background:#f5f5f7;color:#1d1d1f}
.result-in{width:min(var(--max),100%);margin:auto}
.result-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}
.result-head h2{margin:0;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-.018em}
.result-copy{max-width:730px}
.result-copy>p{margin:0;color:#56565b;font-size:20px;line-height:1.7}
.result-points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid rgba(0,0,0,.17);border-bottom:1px solid rgba(0,0,0,.17)}
.result-point{padding:30px 28px 34px 0;border-right:1px solid rgba(0,0,0,.17)}
.result-point+.result-point{padding-left:28px}
.result-point:last-child{border-right:0}
.result-value{display:block;color:#1d1d1f;font-size:31px;font-weight:600;line-height:1.2;letter-spacing:-.018em}
.result-label{display:block;margin-top:13px;color:#6e6e73;font-size:14px;line-height:1.58}
.metric-note{margin:22px 0 0;color:#86868b;font-size:13px;line-height:1.6}

.next-case{padding:74px 24px;background:#111113}
.next-case-in{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:160px 1fr auto;gap:38px;align-items:center}
.next-case-label{color:#77777d;font-size:12px;letter-spacing:.12em}
.next-case h2{margin:0;font-size:27px;font-weight:600;line-height:1.35;letter-spacing:-.014em}
.next-case-link{color:var(--red-soft);font-size:15px;white-space:nowrap}
.case-contact{min-height:590px;background:#09090a}

/* Product-led case detail */
.product-case-hero{padding:62px 24px 58px;background:#09090a;overflow:hidden}
.product-case-in{width:min(1320px,100%);margin:auto}
.product-case-title{width:min(980px,100%);margin:0 auto;text-align:center}
.product-case-title .case-breadcrumb{justify-content:center;margin-bottom:18px}
.product-case-title h1{margin:0;font-size:44px;font-weight:600;line-height:1.16;letter-spacing:-.024em}
.product-case-title .product-lead{max-width:760px;margin:18px auto 0;color:#99999f;font-size:17px;line-height:1.62}

.product-showcase{padding:92px 24px 100px;background:#09090a;overflow:hidden}
.product-showcase-in{width:min(1320px,100%);margin:auto}
.showcase-head{width:min(var(--max),100%);margin:0 auto 48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end}
.showcase-head h2{margin:0;font-size:40px;font-weight:600;line-height:1.18;letter-spacing:-.019em}
.showcase-head>p{max-width:620px;margin:0;color:#929298;font-size:16px;line-height:1.7}
.product-theater{display:grid;grid-template-columns:minmax(210px,260px) minmax(500px,700px) minmax(210px,260px);gap:22px;align-items:center;justify-content:center;min-height:600px}
.bubble-stack{display:grid;gap:38px;align-content:center}
.feature-bubble{position:relative;margin:0;padding:20px 20px 21px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#151517;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.feature-bubble::after{content:"";position:absolute;top:50%;width:25px;height:1px;background:rgba(255,255,255,.22)}
.bubble-left .feature-bubble::after{right:-25px}
.bubble-right .feature-bubble::after{left:-25px}
.feature-label{display:block;margin-bottom:9px;color:var(--red-soft);font-size:11px;font-weight:600;letter-spacing:.1em}
.feature-bubble h2{margin:0;font-size:18px;font-weight:600;line-height:1.42;letter-spacing:-.01em}
.feature-bubble p{margin:10px 0 0;color:#9b9ba1;font-size:14px;line-height:1.62}

.device-column{min-width:0;text-align:center}
.product-device{position:relative;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#151517;box-shadow:0 32px 90px rgba(0,0,0,.48)}
.product-device.desktop{aspect-ratio:16/10}
.product-device.mobile-pair{width:min(510px,100%);aspect-ratio:1600/1714;margin:auto;border-radius:32px}
.device-chrome{height:38px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.1);background:#202023}
.device-chrome i{width:8px;height:8px;border-radius:50%;background:#5e5e64}
.device-chrome i:first-child{background:#ff5f57}.device-chrome i:nth-child(2){background:#febc2e}.device-chrome i:nth-child(3){background:#28c840}
.screen-count{margin-left:auto;color:#77777d;font-size:10px;letter-spacing:.12em}
.device-viewport{position:absolute;inset:38px 0 0;overflow:hidden;background:#0d0d0f}
.mobile-pair .device-viewport{background:#f5f2e8}
.device-screen-rail{height:100%;display:flex;transition:transform .55s cubic-bezier(.16,1,.3,1);will-change:transform}
.device-screen{flex:0 0 100%;width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0d0d0f}
.mobile-pair .device-screen{background:#f5f2e8}
.device-screen img{width:100%;height:100%;padding:14px;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;filter:saturate(.9)}
.mobile-pair .device-screen img{padding:0}
.device-controls{display:grid;grid-template-columns:44px 1fr 44px;gap:14px;align-items:center;margin-top:20px}
.device-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#171719;color:#e3e3e8;font-size:23px;line-height:1;cursor:pointer;transition:background .15s ease,transform .12s ease}
.device-arrow:hover{background:#232326}.device-arrow:active{transform:scale(.94)}
.device-dots{display:flex;justify-content:center;align-items:center;gap:9px}
.device-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#55555b;cursor:pointer;transition:width .25s ease,background .25s ease}
.device-dot.is-active{width:24px;border-radius:99px;background:var(--red)}
.device-caption{min-height:24px;margin:13px 0 0;color:#85858b;font-size:12px;line-height:1.5}
.device-viewport[role="button"]{cursor:zoom-in}
.device-viewport[role="button"]:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.lightbox-open{overflow:hidden}
.case-lightbox[hidden]{display:none}
.case-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(9,9,10,.94);backdrop-filter:blur(14px)}
.case-lightbox-dialog{position:relative;width:min(1180px,94vw);height:min(830px,92dvh);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:58px 34px 24px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:#141416;box-shadow:0 36px 100px rgba(0,0,0,.52)}
.case-lightbox-close{position:absolute;top:16px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#202023;color:#f5f5f7;font-size:24px;line-height:1;cursor:pointer}
.case-lightbox-stage{min-height:0;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:18px;align-items:center}
.case-lightbox-image{width:100%;height:100%;min-height:0;object-fit:contain;filter:none;background:#f5f5f7;border-radius:16px;box-shadow:0 18px 54px rgba(0,0,0,.35)}
.case-lightbox-arrow{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#202023;color:#f5f5f7;font-size:28px;line-height:1;cursor:pointer;transition:transform .18s ease,background .18s ease}
.case-lightbox-arrow:hover,.case-lightbox-close:hover{background:#2b2b2f}
.case-lightbox-arrow:active,.case-lightbox-close:active{transform:scale(.96)}
.case-lightbox-arrow:focus-visible,.case-lightbox-close:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.case-lightbox-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:0 66px}
.case-lightbox-caption{position:relative;margin:0;padding-left:17px;color:#f5f5f7;font-size:15px;line-height:1.6}
.case-lightbox-caption::before{content:"";position:absolute;left:0;top:.18em;width:3px;height:1.25em;border-radius:3px;background:var(--red)}
.case-lightbox-count{flex:none;padding-top:3px;color:#85858b;font-size:11px;letter-spacing:.13em}

.case-record{padding:92px 24px 100px;background:#f5f5f7;color:#1d1d1f}
.case-record-in{width:min(var(--max),100%);margin:auto}
.record-head{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px;align-items:end;padding-bottom:45px;border-bottom:1px solid rgba(0,0,0,.17)}
.record-head h2{margin:0;font-size:38px;font-weight:600;line-height:1.2;letter-spacing:-.018em}
.record-head>p{max-width:650px;margin:0;color:#6e6e73;font-size:17px;line-height:1.72}
.record-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-bottom:1px solid rgba(0,0,0,.17)}
.record-fact{padding:27px 26px 30px 0;border-right:1px solid rgba(0,0,0,.17)}
.record-fact+.record-fact{padding-left:26px}.record-fact:last-child{border-right:0}
.record-fact dt{color:#8a8a90;font-size:11px;letter-spacing:.11em}.record-fact dd{margin:9px 0 0;color:#2b2b2e;font-size:15px;line-height:1.55}
.record-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:52px;border-top:1px solid rgba(0,0,0,.17);border-bottom:1px solid rgba(0,0,0,.17)}
.record-note{padding:28px 34px 31px 0;border-right:1px solid rgba(0,0,0,.17)}
.record-note+.record-note{padding-left:34px;border-right:0}
.record-note h3{margin:0;font-size:18px;font-weight:600;line-height:1.4}.record-note p{margin:12px 0 0;color:#6e6e73;font-size:15px;line-height:1.72}

@media(max-width:900px){
  .cases-hero-in,.detail-hero-in,.standard-layout,.story-grid,.build-head,.result-head{grid-template-columns:1fr;gap:52px}
  .cases-hero h1{font-size:50px}
  .cases-hero-media,.detail-hero-media{aspect-ratio:16/10}
  .method-row{grid-template-columns:52px minmax(220px,.85fr) minmax(280px,1.15fr);gap:26px}
  .standard-copy,.story-heading{position:static}
  .collection-head{grid-template-columns:1fr;gap:22px}
  .detail-hero h1{font-size:43px}
  .story-grid{gap:42px}
  .result-head{gap:34px}
  .next-case-in{grid-template-columns:120px 1fr}
  .next-case-link{grid-column:2}
  .product-theater{grid-template-columns:1fr;gap:28px}
  .bubble-stack{grid-template-columns:repeat(2,1fr);gap:14px;order:2}
  .device-column{order:1}
  .feature-bubble::after{display:none}
  .record-head{grid-template-columns:1fr;gap:24px}
  .showcase-head{grid-template-columns:1fr;gap:20px}
}

@media(max-width:680px){
  .cases-hero,.detail-hero{padding:62px 18px 68px}
  .cases-hero-in,.detail-hero-in{gap:45px}
  .cases-hero h1{font-size:41px;line-height:1.1}
  .cases-hero-lead,.detail-hero-lead{font-size:17px;line-height:1.58}
  .cases-actions{align-items:stretch;flex-direction:column;width:100%}
  .cases-actions .pill{width:100%}
  .cases-hero-media{aspect-ratio:16/9;border-radius:20px}
  .detail-hero-media{aspect-ratio:4/3;border-radius:20px}
  .case-section,.story-section,.build-section{padding:86px 18px}
  .case-section h2,.case-collection h2,.build-head h2,.result-head h2{font-size:34px}
  .method-row{grid-template-columns:38px 1fr;gap:11px 10px;padding:29px 0}
  .method-row h3{font-size:23px}
  .method-row p{grid-column:2;font-size:16px}
  .standard-layout{gap:44px}
  .standard-item{grid-template-columns:36px 1fr;gap:12px;padding:26px 0}
  .standard-item h3{font-size:21px}
  .case-collection{padding:86px 0 94px}
  .collection-head{width:calc(100% - 36px);margin-bottom:40px}
  .case-rail{padding-inline:18px;scroll-padding-inline:18px}
  .case-track{gap:14px}
  .case-card{width:86vw;flex-basis:86vw;opacity:1;transform:none}
  .case-card-media{border-radius:18px}
  .case-card-copy{padding:21px 2px 0}
  .case-card h3{font-size:24px;line-height:1.32}
  .placeholder-media{padding:12px}
  .placeholder-device{border-radius:12px}
  .placeholder-file{padding:14px}
  .rail-controls{width:calc(100% - 36px)}
  .detail-hero h1{font-size:36px;line-height:1.2}
  .case-facts{padding:0 18px}
  .case-facts-in{grid-template-columns:1fr}
  .case-fact,.case-fact+.case-fact{padding:21px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .case-fact:last-child{border-bottom:0}
  .story-heading h2{font-size:31px}
  .story-body .statement{font-size:23px}
  .story-body>p{font-size:16px}
  .flow-strip{display:block}
  .flow-step{padding:18px 22px 18px 0;border-bottom:1px solid rgba(0,0,0,.13)}
  .story-dark .flow-step{border-color:rgba(255,255,255,.12)}
  .flow-step:last-child{border-bottom:0}
  .flow-step:not(:last-child)::after{content:"↓";right:1px}
  .build-head{gap:28px;margin-bottom:42px}
  .build-gallery{grid-template-columns:1fr;gap:34px}
  .build-shot-media{border-radius:16px}
  .result-band{padding:84px 18px}
  .result-points{grid-template-columns:1fr;margin-top:42px}
  .result-point,.result-point+.result-point{padding:24px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.16)}
  .result-point:last-child{border-bottom:0}
  .next-case{padding:58px 18px}
  .next-case-in{grid-template-columns:1fr;gap:15px}
  .next-case-link{grid-column:1;margin-top:8px}
  .product-case-hero{padding:42px 18px 46px}
  .product-case-title{text-align:left}
  .product-case-title .case-breadcrumb{justify-content:flex-start}
  .product-case-title h1{font-size:34px;line-height:1.2}
  .product-case-title .product-lead{font-size:16px;line-height:1.58}
  .product-theater{min-height:0}
  .bubble-stack{grid-template-columns:1fr;gap:10px}
  .feature-bubble{padding:17px 18px;border-radius:16px}
  .product-device{border-radius:16px}
  .product-device.mobile-pair{width:100%;border-radius:22px}
  .device-chrome{height:32px}.device-viewport{inset:32px 0 0}
  .device-screen img{padding:8px}
  .case-lightbox{padding:10px}
  .case-lightbox-dialog{width:100%;height:min(780px,94dvh);padding:52px 12px 18px;border-radius:20px}
  .case-lightbox-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}
  .case-lightbox-arrow{width:38px;height:38px;font-size:24px}
  .case-lightbox-image{border-radius:11px}
  .case-lightbox-meta{gap:16px;padding:0 46px}
  .case-lightbox-caption{font-size:13px}
  .case-record{padding:78px 18px 84px}
  .product-showcase{padding:78px 18px 84px}
  .showcase-head{margin-bottom:36px}
  .showcase-head h2{font-size:31px}
  .record-head h2{font-size:31px}
  .record-facts,.record-notes{grid-template-columns:1fr}
  .record-fact,.record-fact+.record-fact{padding:21px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.15)}
  .record-fact:last-child{border-bottom:0}
  .record-note,.record-note+.record-note{padding:23px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.15)}
  .record-note:last-child{border-bottom:0}
}

@media(prefers-reduced-motion:reduce){
  .case-card,.case-card-media img{transition:none}
  .case-rail{scroll-behavior:auto}
}