.progress-top{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:0;z-index:200}.measure{max-width:1000px;margin:0 auto;padding:0 var(--s7)}.case-stage{position:relative;height:180svh;--p: 0;margin-bottom:calc(var(--slant) * -1)}.case-stage-sticky{position:sticky;top:0;height:100svh;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--slant)),0 100%);filter:drop-shadow(0 14px 20px rgba(8,8,10,.1))}.case-stage-bg{--bgp: clamp(0, calc(var(--p) / .5), 1);position:absolute;inset:0;z-index:1;aspect-ratio:auto;width:100%;height:100%;background-color:var(--bg-inverse);transform:scale(calc(1 + var(--bgp) * .04));transform-origin:center center;will-change:transform}.case-stage-bg .image-frame__img{object-fit:cover;object-position:center}.case-stage-bg:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#08080a0d,#08080a4d 70%,#08080a80);pointer-events:none}.case-stage-bg--video{width:100%;height:100%;object-fit:cover}.case-stage-glass{--bgp: clamp(0, calc(var(--p) / .5), 1);position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#00000073,#000000eb);opacity:var(--bgp);pointer-events:none}.case-stage-back-wrap{position:absolute;top:var(--s5);left:0;right:0;margin:0 auto;max-width:1320px;padding:0 var(--s7);box-sizing:border-box;z-index:5;pointer-events:none}.case-stage-back{display:inline-flex;align-items:center;gap:var(--s2);pointer-events:auto;color:#ffffffbf;text-decoration:none;font-family:var(--font-data);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;transition:color var(--t-med) var(--fluid)}.case-stage-back:hover{color:var(--accent-ink)}.case-stage-back i{transition:transform var(--t-med) var(--snap)}.case-stage-back:hover i{transform:translate(-4px)}.case-stage-foreground{--fp: clamp(0, calc(var(--p) / .25), 1);position:absolute;z-index:3;left:0;right:0;margin:0 auto;max-width:1320px;padding:0 var(--s7);box-sizing:border-box;top:clamp(55svh,calc(100svh - 280px),70svh);bottom:auto;transform:translateY(calc(var(--fp) * -28vh));pointer-events:none;will-change:transform}.case-stage-name{margin:0;max-width:none;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:700;letter-spacing:-.015em;line-height:.98;color:rgb(255,calc(255 - (clamp(0,calc(var(--p) / .25),1)*165)),calc(255 - (clamp(0,calc(var(--p) / .25),1)*224)))}.case-stage-name .slash{color:#ffffff80}.case-stage-standfirst{--sfp: clamp(0, calc((var(--p) - .2) / .25), 1);margin:var(--s5) 0 0;color:var(--accent-ink);font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:300;line-height:1.5;max-width:65ch;opacity:var(--sfp);transform:translateY(calc((1 - var(--sfp)) * 16px))}.case-stage-scroll-hint{--sfp: clamp(0, calc((var(--p) - .2) / .25), 1);--fadeout: clamp(0, calc((.92 - var(--p)) / .12), 1);position:absolute;z-index:4;left:50%;bottom:calc(var(--slant) + var(--s5));color:#ffffffc7;font-size:1.5rem;opacity:calc(var(--sfp) * var(--fadeout));pointer-events:none;animation:case-scroll-hint 1.8s ease-in-out infinite}@keyframes case-scroll-hint{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.case-meta{padding:var(--s9) 0;position:relative;z-index:1}.meta-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--bg-elevated);border:1px solid var(--ink-12);border-radius:var(--r-surface);overflow:hidden;box-shadow:var(--shadow-md)}.meta-cell{padding:var(--s5);border-right:1px solid var(--ink-12)}.meta-strip .meta-cell:last-child{border-right:none}.meta-cell .k{font-family:var(--font-data);font-size:var(--size-micro);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--accent)}.meta-cell .v{font-size:1rem;font-weight:500;margin-top:var(--s2);color:var(--ink)}@media(hover:hover){.meta-cell .k{display:inline-block;transform-origin:left center;transition:transform var(--t-med) var(--snap)}.meta-cell .v{transition:font-weight var(--t-med) var(--fluid)}.meta-cell:hover .k{transform:scale(1.12)}.meta-cell:hover .v{font-weight:650}}.case-figure{margin:0}.case-figure .image-frame,.case-figure img{width:100%;height:clamp(360px,56vh,640px)}.case-figure .image-frame{border-radius:var(--r-surface)}.case-figure img{object-fit:cover;display:block;border-radius:var(--r-surface)}.case-figure .placeholder-img{width:100%;height:clamp(360px,56vh,640px);display:block;border-radius:var(--r-surface)}.chapter{overflow:visible}.chapter-grid{display:grid;grid-template-columns:220px 1fr;gap:var(--s8);align-items:start;min-width:0}.chapter-body,.chapter-body>.site-block,.site-block--parented{min-width:0;max-width:100%}.chapter-marker{position:sticky;top:120px}.chapter-marker .num{font-family:var(--font-data);font-size:2.4rem;font-weight:300;color:var(--block-accent, var(--accent));line-height:1;letter-spacing:-.03em}.chapter-marker .lbl{font-family:var(--font-data);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--block-subtle, var(--ink-25));margin-top:var(--s3)}.chapter h2{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:600;letter-spacing:-.005em;line-height:1.15;margin-bottom:var(--s6);max-width:22ch}.chapter p{color:var(--block-muted, var(--ink-60));line-height:var(--lh-reading);max-width:62ch;margin-bottom:var(--s4)}.chapter-body>.site-block--inline{margin:var(--s6) 0}.chapter p strong{color:var(--block-fg, var(--ink));font-weight:500}.img-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin:0}.img-row .image-frame,.img-row img,.img-row .placeholder-img{width:100%;height:300px;border-radius:var(--r-surface)}.img-row img{object-fit:cover}.img-row--single{grid-template-columns:1fr}.img-row--single>.image-frame,.img-row--single>img{height:clamp(360px,56vh,640px)}.site-block--parented .case-figure .image-frame{height:auto;max-height:none;aspect-ratio:var(--image-aspect, 16 / 9)}.site-block--parented .case-figure .image-frame__img{height:100%}.site-block--parented .case-figure img:not(.image-frame__img){height:auto}.site-block--parented .case-figure .placeholder-img{height:auto;min-height:0;aspect-ratio:16 / 9}.site-block--parented .img-row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.site-block--parented .img-row .image-frame,.site-block--parented .img-row .placeholder-img{height:auto;max-height:none;aspect-ratio:var(--image-aspect, 4 / 3)}.site-block--parented .img-row .image-frame__img{height:100%}.site-block--parented .img-row img:not(.image-frame__img){height:auto}.pullquote{border-left:3px solid var(--block-accent, var(--accent));padding:var(--s3) 0 var(--s3) var(--s6)}.pullquote p{font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:600;letter-spacing:0;line-height:1.25;color:var(--block-fg, var(--ink));max-width:30ch}.pullquote .by{font-family:var(--font-data);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--block-accent, var(--accent));margin-top:var(--s5)}.steps-list{list-style:none;display:flex;flex-direction:column;gap:var(--s6);margin:0}.steps-list li{display:grid;grid-template-columns:36px 1fr;gap:var(--s4);align-items:start}.steps-list .si{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--block-accent, var(--accent));padding-top:0}.steps-list h4{font-weight:600;font-size:1.05rem;margin-bottom:var(--s2);color:var(--block-fg, var(--ink))}.steps-list p{margin-bottom:0;color:var(--block-muted, var(--ink-60))}.artifact{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;background:var(--block-card-bg, var(--bg-elevated));color:var(--block-fg, var(--ink));border:1px solid var(--block-border-soft, var(--ink-06));border-radius:var(--r-surface);padding:var(--s7);position:relative;overflow:hidden}.artifact:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 90% 30%,color-mix(in srgb,var(--block-accent, var(--accent)) 14%,transparent),transparent 70%);pointer-events:none}.artifact .txt{position:relative;max-width:52ch}.artifact h3{color:var(--block-fg, var(--ink));font-weight:500;font-size:1.2rem;margin-bottom:var(--s2)}.artifact p{color:var(--block-muted, var(--ink-60));line-height:var(--lh-compact);margin:0}.artifact .btn--fill{position:relative;background:var(--block-accent, var(--accent));border-color:var(--block-accent, var(--accent));color:var(--block-accent-ink, var(--accent-ink));max-width:100%;white-space:normal;text-align:center;justify-content:center}.block-tags{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0}.table-wrap{margin:0}.chapter-body>*:first-child{margin-top:0}.next a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;gap:var(--s5);flex-wrap:wrap}.next .lbl{font-family:var(--font-data);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--block-subtle, var(--ink-25))}.next h2{font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0;transition:color var(--t-med)}.next a:hover h2{color:var(--block-accent, var(--accent))}.next .arrow{font-size:1.5rem;color:var(--block-subtle, var(--ink-25));transition:all var(--t-med) var(--snap)}.next a:hover .arrow{color:var(--block-accent, var(--accent));transform:translate(8px)}@media(max-width:860px){.chapter-grid{grid-template-columns:1fr;gap:var(--s5)}.chapter-marker{position:static;display:flex;align-items:baseline;gap:var(--s4)}.chapter-marker .num{font-size:1.6rem}.chapter-marker .lbl{margin-top:0}.meta-strip{grid-template-columns:repeat(2,1fr)}.meta-cell{border-bottom:1px solid var(--ink-12)}.meta-cell:nth-child(2n){border-right:none}.meta-strip .meta-cell:nth-last-child(-n+2){border-bottom:none}.site-block--parented .img-row{grid-template-columns:1fr}}@media(max-width:768px){.measure{padding:0 var(--s5)}}@media(max-width:760px){.case-stage-sticky{filter:none}}@media(max-width:700px){.img-row{grid-template-columns:1fr}.artifact{align-items:stretch}.artifact .txt,.artifact .btn--fill{width:100%}.case-stage-foreground{left:0;right:0;padding:0 var(--s5);top:clamp(50svh,calc(100svh - 240px),65svh);bottom:auto;transform:translateY(calc(var(--fp) * -24vh))}.case-stage-name{font-size:clamp(2rem,9vw,2.8rem)}.case-stage-standfirst{font-size:1rem;margin-top:var(--s4)}.case-stage-back-wrap{top:var(--s3);padding:0 var(--s5)}.case-stage-scroll-hint{bottom:calc(var(--slant) + var(--s3));font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.case-stage{height:auto}.case-stage-sticky{position:relative;height:auto;min-height:60svh;padding:var(--s7) 0}.case-stage-bg{transform:none;position:relative;height:60svh}.case-stage-glass{opacity:.55}.case-stage-foreground{position:relative;left:0;right:0;bottom:0;padding:0 var(--s7);transform:none;margin-top:var(--s6)}.case-stage-name{color:var(--accent-ink)}.case-stage-standfirst{opacity:1;transform:none}.case-stage-scroll-hint{display:none}}.case-figure img,.img-row img{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:var(--s7);background:#08080ce0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity var(--t-med) var(--fluid)}.lightbox[data-open]{display:flex;opacity:1}.lightbox-stage{margin:0;max-width:min(95vw,1600px);max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.lightbox-image{display:block;max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--r-surface)}.lightbox-cap{font-family:var(--font-data);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:#e4e4e8b3;text-align:center}.lightbox-cap:empty{display:none}.lightbox-close{position:absolute;top:var(--s5);right:var(--s5);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-round);color:#fff;cursor:pointer;font-size:1.4rem;transition:background var(--t-fast),transform var(--t-fast)}.lightbox-close:hover{background:#ffffff2e;transform:scale(1.05)}.lightbox-controls{position:absolute;bottom:var(--s7);left:50%;transform:translate(-50%);display:flex;gap:var(--s4)}.lightbox-controls[hidden]{display:none}.lightbox-nav{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-round);color:#fff;cursor:pointer;font-size:1.4rem;transition:background var(--t-fast)}.lightbox-nav:hover{background:#ffffff2e}.lightbox-nav:disabled{opacity:.3;cursor:default}@media(max-width:760px){.lightbox{padding:var(--s5)}.lightbox-close{top:var(--s3);right:var(--s3)}.lightbox-controls{bottom:var(--s5)}}