.case-overlay{z-index:210;position:fixed;inset:0}.case-close{z-index:220;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:filter .2s;display:flex;position:fixed;top:16px;right:16px}.case-close:hover{filter:brightness(.75)}.case-root{z-index:210;background:var(--bg);color:var(--ink);--stage:#1a1a1a0a;position:fixed;inset:0;overflow:hidden auto}html:not(.dark-mode) .case-root{background:#f6f6f4}html.dark-mode .case-root{--stage:#ffffff0b}.case-hero{background:#14110e;align-items:flex-end;min-height:70svh;display:flex;position:relative;overflow:hidden}.case-hero-mediawrap{will-change:transform;position:absolute;inset:0}.case-hero-media{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.case-hero-media.is-video{object-fit:contain;object-position:center}.case-hero-backfill{filter:blur(28px)brightness(.5);background-color:#14110e;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.12)}.case-hero-scrim{background:linear-gradient(#0000 0%,#0a080640 55%,#0a0806d9 100%);position:absolute;inset:0}.case-hero-text{z-index:2;padding:clamp(24px,4vw,64px);position:relative}.case-title{text-transform:uppercase;letter-spacing:-.01em;color:#0000;-webkit-text-stroke:2px var(--orange);margin:12px 0 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(48px,8vw,140px);font-weight:800;line-height:.95}.case-back{z-index:3;color:#fff;letter-spacing:.3em;text-transform:uppercase;font-size:11px;font-weight:700;text-decoration:none;position:absolute;top:24px;left:clamp(24px,4vw,64px)}.case-body{padding:0 clamp(20px,4vw,48px)}.case-meta{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:24px 40px;padding:clamp(20px,2.6vw,34px) clamp(20px,4vw,64px);display:flex}.case-meta-label{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px;font-size:9px;font-weight:700;display:block}.case-meta-value{font-size:14px;font-weight:500}.case-meta-link{color:var(--orange);font-size:14px;font-weight:700;text-decoration:none}.case-description{grid-template-columns:minmax(180px,1fr) minmax(0,760px);align-items:start;gap:clamp(28px,5vw,80px);max-width:1240px;margin:clamp(48px,6vw,88px) auto clamp(32px,5vw,64px);display:grid}.case-description-label{width:fit-content;position:sticky;top:76px}.case-description-label span{letter-spacing:.02em;text-transform:uppercase;color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:clamp(34px,3.6vw,56px);font-weight:800;line-height:1}.case-description-label hr{border:none;border-top:1px solid var(--rule);width:100%;margin:14px 0 0}.case-description.kar-ready .case-description-label hr{transform-origin:0;transform:scaleX(0)}.case-description-prose.kar-ready .kar-word{opacity:0;will-change:opacity,transform;transition:opacity .55s,transform .7s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(10px)}.case-description-prose.kar-ready .kar-word.lit{opacity:1;transform:none}.case-description p{margin:0 0 1em;font-size:clamp(17px,1.6vw,23px);font-weight:300;line-height:1.6}.case-description p:first-child{letter-spacing:-.01em;font-size:clamp(24px,2.6vw,36px);line-height:1.35}.case-description a{color:var(--orange)}.case-description img{width:100%;height:auto;margin:clamp(28px,4vw,48px) 0;display:block;box-shadow:0 18px 48px #0000002e}.case-description hr{border:none;border-top:1px solid var(--rule);margin:clamp(24px,3vw,40px) 0}.case-gallery{flex-direction:column;gap:clamp(32px,5vw,72px);margin-top:clamp(40px,6vw,80px);display:flex}.case-gallery-grid{grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.5vw,32px);width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px);display:grid}.case-gallery-grid .grid-closing{text-align:center;max-width:640px;color:var(--ink-mid);grid-column:1/-1;margin:clamp(20px,2.6vw,34px) auto 0;font-size:clamp(15px,1.5vw,18.5px);font-style:italic;font-weight:300;line-height:1.65}.case-gallery-grid .grid-closing:before{content:"";background:var(--orange);width:34px;height:1px;margin:0 auto clamp(16px,2vw,22px);display:block}.case-gallery-grid .grid-closing p{margin:0}.case-gallery-item{margin:0;overflow-x:clip}.media-move{will-change:transform,opacity}.case-gallery-item.is-full{background:var(--stage);padding:clamp(32px,4vw,64px) 0}.case-gallery-item.is-full .media-move,.case-gallery-item.is-full .device-frame{max-width:1240px;margin:0 auto}.case-gallery-item.is-full figcaption{max-width:1240px;margin:8px auto 0;padding:0 clamp(20px,4vw,48px)}.case-gallery-item.is-split{background:var(--stage);padding:clamp(32px,4vw,64px) 0}.case-gallery-item.is-split .split-inner{grid-template-columns:42fr 58fr;align-items:center;gap:clamp(24px,4vw,64px);padding-left:clamp(20px,4vw,64px);padding-right:clamp(8px,1.5vw,24px);display:grid}.case-gallery-item.is-split.is-reverse .split-inner{grid-template-columns:58fr 42fr;padding-left:clamp(8px,1.5vw,24px);padding-right:clamp(20px,4vw,64px)}.case-gallery-item.is-split.is-reverse .split-media{order:-1}.case-gallery-item.is-split .split-media{min-width:0}.case-gallery-item.is-split .split-prose{min-width:0;max-width:520px;color:var(--ink-mid);justify-self:end;font-size:clamp(15px,1.4vw,17.5px);font-weight:300;line-height:1.65}.case-gallery-item.is-split.is-reverse .split-prose{justify-self:start}.case-gallery-item.is-split .split-index{color:#0000;-webkit-text-stroke:1.5px var(--orange);margin-bottom:clamp(12px,1.6vw,22px);font-family:Barlow Condensed,sans-serif;font-size:clamp(52px,6vw,96px);font-weight:800;line-height:1;display:block}.case-gallery-item.is-split .split-prose h3{text-transform:uppercase;color:var(--ink);margin:0 0 .6em;font-family:Barlow Condensed,sans-serif;font-size:clamp(22px,2.2vw,34px);font-weight:700;line-height:1.1}.case-gallery-item.is-split .split-prose p{margin:0 0 1em}.case-gallery-item.is-split .split-prose a{color:var(--orange)}.case-gallery-item.is-pinned{padding-top:0;padding-bottom:0}.case-gallery-item.is-pinned .split-inner{align-content:center;height:100svh;padding-top:clamp(32px,4vw,64px);padding-bottom:clamp(32px,4vw,64px);position:sticky;top:0}.case-gallery-item.is-pinned .device-frame{max-height:78svh}.case-gallery-item.is-pinned .split-media{flex-direction:column;justify-content:center;align-items:center;display:flex}.case-gallery-item.is-pinned .split-media .media-move{width:100%}.case-gallery-item.is-grounded{padding-bottom:0}.case-gallery-item.is-grounded.is-split .split-media{align-self:end}.case-gallery-item.is-grounded.is-pinned .split-inner{align-content:end;padding-bottom:0}.case-gallery-item img{width:100%;display:block}.case-gallery-item img.media-plain{border:1px solid var(--rule);border-radius:20px;box-shadow:0 22px 30px #0003}html.dark-mode .case-gallery-item img.media-plain{box-shadow:0 24px 38px #0000008c}.case-gallery-item figcaption{color:var(--ink-dim);margin-top:8px;font-size:12px;line-height:1.5}.device-frame{--device-shadow:drop-shadow(0 22px 30px #0003);width:100%;filter:var(--device-shadow);border-radius:20px;position:relative;overflow:hidden}html.dark-mode .device-frame{--device-shadow:drop-shadow(0 24px 38px #0000008c)}.device-frame .device-png{object-fit:contain;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.device-frame .device-screen{z-index:2;background:#fff;position:absolute;overflow:hidden;transform:translateZ(0)}.device-frame .device-screen img{object-fit:fill;transform-origin:50% 0;width:100%;height:100%;display:block}.device-screen .screen-scroll{will-change:transform;width:100%;height:auto;position:absolute;top:0;left:0}.device-screen .screen-scroll img{object-fit:fill;width:100%;height:auto;display:block;transform:none}.device-screen .screen-scroll.is-fill,.device-screen .screen-scroll.is-fill img{height:100%}.device-frame.is-phone .device-png,.device-frame.is-under .device-png{z-index:3}.case-gallery-item .device-frame.is-phone{max-width:300px;margin-left:auto;margin-right:auto}.case-gallery-item.is-split .device-frame[data-frame=macbook]{max-width:840px;margin-left:auto;margin-right:auto}.case-gallery-item.is-split .device-frame[data-frame=imac]{max-width:880px;margin-left:auto;margin-right:auto}.device-frame.is-phone .device-screen{background:#000}.device-frame.is-phone .device-screen img{object-fit:fill}.device-frame.is-phone .device-island{z-index:4;pointer-events:none;background:#000;border-radius:999px;width:30%;height:4.2%;position:absolute;top:2.3%;left:50%;transform:translate(-50%)}.device-quad .device-warp{object-fit:cover;z-index:2;transform-origin:0 0;backface-visibility:hidden;opacity:0;border-radius:2.2%;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.case-chapter{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--stage);text-align:center;margin:clamp(56px,8vw,120px) 0 0;padding:clamp(48px,7vw,110px) clamp(20px,4vw,64px);overflow:hidden}.case-chapter-label{letter-spacing:.45em;text-transform:uppercase;color:var(--orange);margin-bottom:22px;font-size:10px;font-weight:700;display:block}.case-chapter h2{text-transform:uppercase;letter-spacing:-.01em;max-width:14ch;color:var(--ink);margin:0 auto;font-family:Barlow Condensed,sans-serif;font-size:clamp(40px,6.5vw,104px);font-weight:800;line-height:.95}.case-chapter h2 em{color:#0000;-webkit-text-stroke:2px var(--orange);font-style:normal}.case-chapter-prose{max-width:620px;color:var(--ink-mid);margin:clamp(22px,3vw,34px) auto 0;font-size:clamp(15px,1.5vw,18px);line-height:1.7}.case-chapter-prose p{margin:0 0 .8em}.case-chapter-prose p:last-child{margin-bottom:0}.case-chapter-rule{background:var(--orange);transform-origin:top;width:1px;height:clamp(32px,5vw,64px);margin:clamp(26px,3.4vw,40px) auto 0;display:block}.case-chapter.kar-ready .kar-word{opacity:0;will-change:opacity,transform;transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(12px)}.case-chapter.kar-ready .kar-word.lit{opacity:1;transform:none}.case-quote{text-align:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:660px;margin:clamp(48px,7vw,96px) auto 0;padding:clamp(32px,4vw,48px) clamp(20px,3vw,32px)}.case-quote-label{letter-spacing:.45em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;font-size:9px;font-weight:700;display:block}.case-quote blockquote{margin:0;font-size:clamp(17px,1.7vw,22px);font-style:italic;font-weight:300;line-height:1.7}.case-quote blockquote:before{content:"« ";color:var(--orange)}.case-quote blockquote:after{content:" »";color:var(--orange)}.case-quote cite{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-mid);justify-content:center;align-items:center;gap:10px;margin-top:22px;font-size:10px;font-style:normal;font-weight:700;display:flex}.case-quote-initial{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);color:#fff;letter-spacing:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;display:inline-flex}.case-nav{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;margin-top:clamp(56px,8vw,120px);display:grid}.case-nav-cell{flex-direction:column;gap:14px;padding:clamp(32px,5vw,72px) clamp(20px,4vw,48px);text-decoration:none;display:flex}.case-nav-cell.is-prev{text-align:left;border-right:1px solid var(--rule);align-items:flex-start}.case-nav-cell.is-next{text-align:right;align-items:flex-end}.case-nav-label{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:700}.case-nav-title{text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px var(--ink-dim);font-family:Barlow Condensed,sans-serif;font-size:clamp(30px,4.5vw,72px);font-weight:800;line-height:.95;transition:color .25s,-webkit-text-stroke-color .25s}.case-nav-cell:hover .case-nav-title,.case-nav-cell:focus-visible .case-nav-title{color:var(--orange);-webkit-text-stroke-color:transparent}@media (max-width:767px){.case-description{grid-template-columns:1fr;gap:20px}.case-description-label{position:static}.case-gallery-grid{grid-template-columns:1fr}.case-chapter h2{max-width:none}.case-gallery-item.is-split .split-inner,.case-gallery-item.is-split.is-reverse .split-inner{grid-template-columns:1fr;gap:20px;padding-left:20px;padding-right:20px}.case-gallery-item.is-split .split-media{order:-1}.case-gallery-item.is-split .split-prose,.case-gallery-item.is-split.is-reverse .split-prose{justify-self:stretch;max-width:none}.case-gallery-item.is-split .split-index{font-size:44px}.case-nav{grid-template-columns:1fr}.case-nav-cell.is-prev{border-right:none;border-bottom:1px solid var(--rule)}}