@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');
:root{--paper:#ffffff;--ink:#191b17;--muted:#5f6155;--line:#cfc8a9;--orange:#ec542f;--serif:'Newsreader',Georgia,serif;--sans:'Archivo',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;background:url('../grain.svg');opacity:.06;mix-blend-mode:multiply}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.case-nav{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:19px;font-weight:700;letter-spacing:-.7px}.back{font:italic 20px var(--serif);border-bottom:1px solid currentColor}.case-hero{padding:95px 0 64px}.case-meta,.eyebrow{font:11px var(--mono);letter-spacing:.11em;text-transform:uppercase}.case-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.case-hero h1{font-size:clamp(64px,8vw,116px);line-height:.86;letter-spacing:-.075em;font-weight:500;margin:68px 0 52px;max-width:1120px}.case-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--orange)}.case-deck{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px}.case-deck>p{grid-column:2;font-size:23px;line-height:1.55;margin:0}.case-deck dl{grid-column:3;margin:0}.case-deck dt{font:10px var(--mono);letter-spacing:.1em;margin-bottom:6px}.case-deck dd{margin:0 0 18px;font-size:14px}.hero-visual{height:620px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 120%,#ffd568 0,#f07843 23%,transparent 50%),linear-gradient(140deg,#405fdb,#101f68)}.hero-visual[data-tone="orange"]{background:radial-gradient(ellipse at 0 100%,#ffd76a,#ef9247 27%,transparent 52%),linear-gradient(145deg,#f46939,#c9342a)}.hero-visual[data-tone="green"]{background:radial-gradient(ellipse at 100% 100%,#8faa66,transparent 57%),linear-gradient(125deg,#e2eabc,#bdd294)}.hero-visual:after,.placeholder:after{content:"";position:absolute;inset:0;background:url('../grain.svg');opacity:.3;mix-blend-mode:soft-light;pointer-events:none}.visual-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:min(620px,70%);height:360px;background:#fffaf0;box-shadow:0 30px 80px #09134445;display:grid;place-items:center;text-align:center;padding:50px}.visual-card span{font:11px var(--mono);letter-spacing:.12em}.visual-card strong{font:500 64px/.9 var(--sans);letter-spacing:-.065em}.visual-card em{display:block;font:italic 60px/.9 var(--serif);color:var(--orange)}.case-body{padding:130px 0}.section-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;padding:60px 0;border-top:1px solid var(--line)}.section-row h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:0;font-weight:500}.section-row h2 em{font-family:var(--serif);font-weight:400}.section-copy{font-size:18px}.section-copy p:first-child{margin-top:0}.section-copy ul{padding-left:20px}.note{align-self:start;background:#eae4c9;padding:22px;font-size:13px}.placeholder{height:520px;position:relative;overflow:hidden;background:linear-gradient(135deg,#152a8e,#516dde);margin:35px 0;display:grid;place-items:center;color:#fff0cc}.placeholder span{position:relative;z-index:2;font:italic 30px var(--serif)}.next{background:#121b52;color:#fff1cc;padding:90px 0}.next a{display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:20px}.next span{font:11px var(--mono);letter-spacing:.1em}.next strong{font-size:58px;line-height:1;font-weight:500;letter-spacing:-.05em}.next b{font-size:60px;font-weight:400}.next a:hover b{transform:translate(8px,-8px)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.case-hero{padding-top:65px}.case-meta{gap:20px;flex-wrap:wrap}.case-hero h1{font-size:56px;margin:50px 0 38px}.case-deck{grid-template-columns:1fr}.case-deck>p,.case-deck dl{grid-column:auto}.case-deck dl{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.hero-visual{height:430px}.visual-card{width:82%;height:280px}.visual-card strong,.visual-card em{font-size:43px}.case-body{padding:80px 0}.section-row{grid-template-columns:1fr;padding:45px 0}.section-row h2{font-size:40px}.placeholder{height:330px}.next a{grid-template-columns:1fr auto}.next strong{grid-column:1;font-size:42px}.next b{grid-column:2;grid-row:1/3}.next{padding:65px 0}}
