@font-face{font-family:Figtree;src:url('assets/figma-shared/Figtree-Variable.ttf') format('truetype');font-weight:300 900;font-display:swap}
:root{font-family:Figtree,Arial,sans-serif;color:#0f1115;background:#fff;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.case-tracker{position:sticky;top:0;z-index:30;height:92px;padding-top:20px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.case-tracker-inner{width:min(1160px,calc(100% - 80px));margin:0 auto}
.case-tracker-scroll{overflow-x:auto;scrollbar-width:none}
.case-tracker-scroll::-webkit-scrollbar{display:none}
.case-tracker-row{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:920px;height:48px}
.case-tracker-link{flex:none;height:48px;padding:2px;border:0;border-radius:40px;background:#f9fafb;color:#a8aebd;font:700 16px/22px Figtree,Arial,sans-serif;letter-spacing:-.18px;cursor:pointer}
.case-tracker-link>span{display:flex;align-items:center;justify-content:center;height:44px;padding:11px 16px;border-radius:32px;background:#f9fafb;box-shadow:0 2px 6px -4px rgba(44,45,48,.08),0 13px 7px -9px rgba(44,45,48,.08);white-space:nowrap}
.case-tracker-link.is-complete{color:#0f1115}
.case-tracker-link.is-complete>span{background:#fff}
.case-tracker-link.is-active{color:#fff}
.case-tracker-link.is-active>span{background:#151619}
.case-tracker-rail{position:relative;height:4px;margin-top:20px;background:#f3f5f6}
.case-tracker-progress{position:absolute;inset:0 auto auto 0;width:var(--tracker-progress,68px);height:4px;background:#151619;transition:width .2s ease}
.case-page{width:min(768px,calc(100% - 40px));margin:0 auto;padding:40px 0 120px}
.case-page>*+*{margin-top:44px}
.case-page [id],.case-section,.case-chapter,.case-hero{scroll-margin-top:132px}
.case-breadcrumb{display:flex;align-items:center;gap:12px;height:40px;color:#50576b;font-size:14px;line-height:20px}
.case-back{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d2dae4;background:#f9fafb;border-radius:50%;box-shadow:0 5px 5px #604c480d;font-size:24px;line-height:1}
.case-back:hover{background:#edf0f3}
.case-hero{margin-top:16px!important}
.case-hero h1{margin:0 0 32px;font-size:48px;line-height:58px;font-weight:800;letter-spacing:-1.5px}
.hero-art{height:512px;border-radius:20px;overflow:hidden;position:relative}
.hero-art.pitch{background:#84ffd8;display:flex;justify-content:center;gap:32px;padding-top:54px}
.hero-art.pitch img{width:286px;height:auto;align-self:flex-start;filter:drop-shadow(0 5px 7px #0004)}
.hero-art.ink{background:#f8a1ed}
.hero-art.ink img{width:100%;height:100%;object-fit:cover}
.case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px;color:#50576b;font-size:16px;line-height:24px}
.case-meta dt{font-weight:600;margin:0 0 4px}
.case-meta dd{margin:0}
.case-panel,.case-chapter{background:#fff;border:8px solid #f9fafb;border-radius:40px;box-shadow:0 7px 8px -6px #2c2d3020;overflow:hidden}
.case-panel{padding:28px}
.case-section{display:grid;gap:12px}
.case-section .eyebrow,.case-chapter .eyebrow{display:block;margin-bottom:12px;font-size:16px;line-height:22px;font-weight:600}
.case-section h2,.case-chapter h2{margin:0 0 14px;font-size:32px;line-height:38px;font-weight:700;letter-spacing:-1px}
.case-section h3,.case-chapter h3{margin:28px 0 12px;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.7px}
.case-section p,.case-chapter p{margin:0 0 12px;color:#50576b;font-size:16px;line-height:22px;letter-spacing:-.18px}
.case-section p:last-child,.case-chapter p:last-child{margin-bottom:0}
.case-section strong,.case-chapter strong{color:#0f1115}
.case-chapter{padding:28px}
.case-chapter>figure{margin:32px 0;border-radius:20px;overflow:hidden;background:#f9fafb}
.case-chapter>figure img{width:100%;height:auto}
.case-chapter .mint-figure{height:464px;background:#a7ffe2;display:flex;justify-content:center;overflow:hidden;padding-top:54px}
.case-chapter .mint-figure img{height:602px;width:auto;max-width:none}
.case-chapter .neutral-figure{border:1px solid #d2dae4;background:#f9fafb;padding:28px;display:flex;justify-content:center}
.case-chapter .neutral-figure img{max-height:500px;width:auto}
.case-chapter .figure-screen{border:1px solid #d2dae4;background:#f9fafb;padding:12px}
.case-chapter .figure-screen img{width:100%;border-radius:12px}
.annotation-stack{display:grid;gap:28px;margin:32px 0}
.annotation-stack figure{margin:0;border:1px solid #d2dae4;border-radius:20px;overflow:hidden;background:#f9fafb}
.annotation-stack img{width:100%;max-width:none;border-radius:0}
.asset-crop{position:relative;overflow:hidden;background:#f9fafb}
.asset-crop img{position:absolute;inset:0 auto auto 0;width:100%;transform:translateY(var(--crop-shift,0));}
.annotation-copy{margin:0!important;padding:18px 20px 20px;color:#50576b!important;font-size:18px!important;line-height:26px!important}
.scope-decision{margin-top:28px}
.scope-decision>span{display:block;margin-bottom:18px;font-size:16px;line-height:22px;font-weight:600}
.scope-decision blockquote{margin:0;padding:4px 0 4px 20px;border-left:2px solid #e2e6eb;font-size:20px;line-height:25px;font-weight:700}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.metric{padding:20px;background:#f9fafb;border-radius:24px;min-height:116px}
.metric strong{display:block;font-size:22px;line-height:28px;margin-bottom:8px}
.metric p{margin:0;color:#50576b;font-size:14px;line-height:20px}
.metric-copy{gap:20px}
.metric-copy .metric{min-height:128px;padding:24px 22px;border-radius:32px;display:flex;flex-direction:column;justify-content:space-between}
.metric-copy .metric strong{font-size:18px;line-height:24px;margin-bottom:20px}
.metric-copy .metric p{color:#0f1115;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.55px}
.metric-copy .metric p span{color:#a8aebd}
.media-only{padding:0;background:#fff}
.media-only img{width:100%;height:auto}
.chapter-mobile{display:none}
.case-section:has(#scope) .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-section:has(#scope) .metric{min-height:158px;border-radius:32px}
.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}
.flow span{padding:10px 14px;background:#f9fafb;border-radius:8px;color:#323745;font-size:14px}
.flow b{font-weight:400;color:#a8aebd}
.case-callout{font-size:24px!important;line-height:32px!important;font-weight:700!important;color:#0f1115!important}
.case-end{padding:32px 0;font-size:24px;line-height:32px;font-weight:700}
.case-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d2dae4;padding-top:24px;font-weight:600}
.case-nav a{padding:12px 0}
.case-nav a:hover{text-decoration:underline}
@media(max-width:743px){.case-tracker{height:84px;padding-top:16px}.case-tracker-inner{width:calc(100% - 40px)}.case-tracker-row{justify-content:flex-start;gap:14px;min-width:max-content}.case-tracker-link{font-size:14px;line-height:20px}.case-tracker-link>span{padding-inline:14px}.case-tracker-rail{margin-top:16px}.case-page{width:calc(100% - 40px);padding-top:28px}.case-page>*+*{margin-top:36px}.case-page [id],.case-section,.case-chapter,.case-hero{scroll-margin-top:112px}.case-hero h1{font-size:34px;line-height:41px;letter-spacing:-.3px;margin-bottom:24px}.hero-art{height:290px}.hero-art.pitch{gap:10px;padding-top:32px}.hero-art.pitch img{width:43%}.case-meta{grid-template-columns:1fr;gap:16px;margin-top:24px;font-size:14px;line-height:20px}.case-panel,.case-chapter{border-width:6px;border-radius:30px;padding:18px}.case-section h2,.case-chapter h2{font-size:24px;line-height:29px;letter-spacing:-.15px}.case-section h3,.case-chapter h3{font-size:20px;line-height:24px}.case-section p,.case-chapter p{font-size:15px;line-height:21px}.case-chapter .mint-figure{height:290px;padding-top:24px}.case-chapter .mint-figure img{height:400px}.case-chapter .neutral-figure{padding:14px}.metrics,.case-section:has(#scope) .metrics{grid-template-columns:1fr;gap:8px}.metric,.case-section:has(#scope) .metric{min-height:0;padding:16px;border-radius:16px}.metric-copy{gap:10px}.metric-copy .metric{min-height:0;padding:18px;border-radius:18px}.metric-copy .metric strong{font-size:16px;line-height:22px;margin-bottom:12px}.metric-copy .metric p{font-size:22px;line-height:27px;letter-spacing:-.25px}.media-only{padding:0}.case-callout{font-size:20px!important;line-height:26px!important}.annotation-copy{padding:14px 16px 16px;font-size:15px!important;line-height:21px!important}.scope-decision blockquote{font-size:18px;line-height:24px}.case-nav{font-size:14px}}
@media(max-width:743px){
  .case-page{width:calc(100vw - 40px);margin-inline:20px}
  .case-page>.case-chapter.mobile-reflow{display:block;width:100%;min-width:0;max-width:100%;padding:18px}
  .mobile-reflow>.chapter-desktop{display:none}
  .mobile-reflow .chapter-mobile{display:block;width:100%;min-width:0}
  .chapter-mobile .eyebrow{text-transform:uppercase}
  .chapter-mobile figure{margin:24px 0;border:1px solid #d2dae4;border-radius:16px;overflow:hidden;background:#f9fafb}
  .chapter-mobile figure img{width:100%;height:auto}
  .chapter-mobile .chapter-phone{display:flex;justify-content:center;background:#a7ffe2;padding:24px 14px 0;max-height:440px}
  .chapter-mobile .chapter-phone img{width:auto;max-width:100%;height:480px;object-fit:contain;object-position:top}
  .chapter-mobile h3{margin-top:28px}
  .chapter-mobile blockquote{margin:24px 0;padding-left:14px;border-left:2px solid #d2dae4;font-size:18px;line-height:24px;font-weight:700}
  .chapter-points{display:grid;gap:8px;margin:24px 0}
  .chapter-points>div{padding:16px;border-radius:16px;background:#f9fafb}
  .chapter-points h3{margin:0 0 10px;font-size:18px;line-height:24px}
  .chapter-points p{margin:0}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}