:root{--cream:#F6F1E7;--paper:#FBF8F0;--ink:#2B2723;--ink-soft:#6B6259;--terracotta:#D97757;--stone:#EFE6D8;--lavender:#C3B8CF;--line:rgba(74,61,49,.15);--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Work Sans",Arial,Helvetica,sans-serif;--shadow:0 18px 45px rgba(66,48,35,.12),0 4px 12px rgba(66,48,35,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(217,119,87,.06),transparent 28%),radial-gradient(circle at 92% 23%,rgba(195,184,207,.08),transparent 22%),var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");mix-blend-mode:multiply}.shell{width:min(1320px,calc(100% - 8vw));margin-inline:auto}.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:120;background:transparent}.progress span{display:block;width:100%;height:100%;background:var(--terracotta);transform:scaleX(0);transform-origin:left center}.site-header{min-height:92px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:20px}.brand{display:inline-flex;align-items:baseline;text-decoration:none;font:500 31px/1 var(--serif);letter-spacing:-.055em;color:var(--ink);white-space:nowrap}.brand b{font:italic 500 34px/1 var(--serif);color:var(--terracotta);padding:0 3px}.brand-note{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#8C7F72}.back-link{justify-self:end;text-decoration:none;font-size:13px;font-weight:600;border-bottom:1px solid var(--terracotta);padding-bottom:4px}.eyebrow{margin:0 0 18px;color:var(--terracotta);text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.14em}.case-hero{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;padding:58px 0 88px}.case-hero h1{font:400 clamp(72px,8vw,128px)/.9 var(--serif);letter-spacing:-.055em;margin:0}.hero-deck{max-width:660px;margin:30px 0 0;color:var(--ink-soft);font-size:clamp(19px,1.7vw,25px);line-height:1.45}.scope-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.scope-row span{padding:9px 12px;border:1px solid rgba(217,119,87,.24);border-radius:999px;background:rgba(255,255,255,.42);font-size:11px;color:#705f54}.paper{position:relative;background:var(--paper);box-shadow:var(--shadow)}.hero-art{width:min(560px,100%);justify-self:end;padding:14px;transform:rotate(1.6deg)}.hero-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:white}.tape{position:absolute;top:-11px;left:44%;width:74px;height:23px;background:rgba(217,119,87,.44);transform:rotate(-2deg);z-index:3}.tape-soft{background:rgba(239,230,216,.82)}.pin{position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;z-index:3;box-shadow:0 2px 5px rgba(0,0,0,.2)}.pin-purple{background:#6C5A79}.pin-terra{background:var(--terracotta)}.rule{border-top:1px solid var(--line)}.snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.snapshot div{padding:25px 22px 27px;border-right:1px solid var(--line)}.snapshot div:first-child{padding-left:0}.snapshot div:last-child{border-right:0}.snapshot span{display:block;color:#9A8D80;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.snapshot strong{font-size:13px;font-weight:500;line-height:1.4}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding:110px 0}.intro h2,.gallery-heading h2,.approach-heading h2,.links h2,.next h2{font:400 clamp(44px,5vw,76px)/1 var(--serif);letter-spacing:-.045em;margin:0;max-width:760px}.intro-copy{max-width:600px;padding-top:4px}.intro-copy p{font-size:16px;line-height:1.7;color:var(--ink-soft);margin:0 0 20px}.gallery-section{padding:104px 0 114px}.gallery-heading{display:grid;grid-template-columns:.9fr 1.2fr .8fr;gap:40px;align-items:end;margin-bottom:46px}.gallery-heading .eyebrow{align-self:start}.gallery-heading p:last-child{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.piece{padding:12px;margin:0}.piece img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.piece figcaption{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:13px 4px 2px}.piece figcaption span{font:italic 400 15px var(--serif);color:var(--terracotta)}.piece figcaption p{margin:0;font-size:12px;font-weight:500}.piece figcaption small{font-size:10px;color:#8c7f72}.piece:nth-child(3){grid-column:span 1}.piece:nth-child(5){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.approach{padding:108px 0}.approach-heading{display:grid;grid-template-columns:.85fr 1.4fr;gap:7vw;align-items:start;margin-bottom:58px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-grid article{padding:30px 30px 34px;border-right:1px solid var(--line)}.approach-grid article:first-child{padding-left:0}.approach-grid article:last-child{border-right:0}.approach-grid article>span{font:italic 400 18px var(--serif);color:var(--terracotta)}.approach-grid h3{font:400 29px/1.1 var(--serif);margin:26px 0 12px}.approach-grid p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.6}.links{padding:105px 0;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.link-list{border-top:1px solid var(--line)}.link-list a{display:flex;justify-content:space-between;align-items:center;padding:22px 2px;text-decoration:none;border-bottom:1px solid var(--line);font-size:14px}.link-list a span{color:var(--terracotta)}.next{padding:112px 0 125px;text-align:center}.next h2{margin-inline:auto}.next-links{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:10px;background:var(--terracotta);color:#fff;text-decoration:none;border-radius:999px;padding:15px 24px;font-weight:600;font-size:14px;box-shadow:0 10px 24px rgba(217,119,87,.18)}.text-link{font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--terracotta);padding-bottom:4px}.site-footer{border-top:1px solid var(--line);min-height:92px;display:flex;justify-content:space-between;align-items:center;color:#8B7D70;font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.case-hero{grid-template-columns:1fr;gap:50px;min-height:0;padding-top:30px}.hero-art{justify-self:start;width:min(560px,100%)}.snapshot{grid-template-columns:1fr 1fr}.snapshot div:nth-child(2){border-right:0}.snapshot div:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro,.links{grid-template-columns:1fr;gap:36px}.gallery-heading{grid-template-columns:1fr;gap:18px}.approach-heading{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.shell{width:min(100% - 34px,1320px)}.site-header{min-height:78px;grid-template-columns:auto 1fr}.brand{font-size:27px}.brand b{font-size:30px}.brand-note{display:none}.back-link{font-size:11px}.case-hero{padding:34px 0 65px}.case-hero h1{font-size:62px}.hero-deck{font-size:18px;margin-top:22px}.scope-row{margin-top:26px}.hero-art{padding:9px}.snapshot{grid-template-columns:1fr}.snapshot div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.snapshot div:last-child{border-bottom:0}.intro,.gallery-section,.approach,.links{padding:72px 0}.intro h2,.gallery-heading h2,.approach-heading h2,.links h2,.next h2{font-size:44px}.gallery{grid-template-columns:1fr;gap:10px}.piece:nth-child(5){grid-column:auto;width:100%}.piece{padding:8px}.piece figcaption{grid-template-columns:auto 1fr;gap:10px}.piece figcaption small{grid-column:2}.approach-grid{grid-template-columns:1fr}.approach-grid article{border-right:0;border-bottom:1px solid var(--line);padding:26px 0}.approach-grid article:last-child{border-bottom:0}.links{gap:26px}.next{padding:78px 0 90px}.next-links{flex-direction:column;gap:20px}.site-footer{padding:24px 0;min-height:0;display:grid;gap:8px}.reveal{opacity:1;transform:none;transition:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
/* Mobile overflow fix: "Streamiverse" at 62px is wider than a 320px viewport */
@media(max-width:640px){
  .case-hero{grid-template-columns:minmax(0,1fr)}
  .case-hero h1{font-size:min(62px,calc((100vw - 34px)/5.4))}
  /* <figure> ships with a 40px UA side margin; it pushed the hero art past the viewport */
  .hero-art{margin-inline:0}
}