:root{--bg:#f4f0e8;--ink:#0a1518;--muted:#667074;--line:rgba(10,21,24,.22);--acid:#c8ff2e;--violet:#7259ff;--panel:#101d21;--paper:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;left:-999px;top:8px}.skip:focus{left:8px;z-index:20;background:var(--paper);padding:12px}
.case-header{min-height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.case-brand{text-decoration:none;font:800 12px/1 Manrope;letter-spacing:.12em}.case-brand span{display:block;font-size:8px;margin-top:4px}.case-tools{display:flex;align-items:center;gap:10px}.case-tools a,.case-tools button{min-height:44px;border:1px solid var(--line);background:transparent;color:inherit;padding:0 16px;font:700 10px Manrope;letter-spacing:.08em;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.case-hero{padding:8vw 5vw 5vw}.case-hero-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:6vw;align-items:end}.eyebrow{margin:0 0 24px;font:800 10px/1.4 Manrope;letter-spacing:.16em;text-transform:uppercase}.case-hero h1{margin:0;font:500 clamp(58px,10vw,158px)/.82 "DM Sans",sans-serif;letter-spacing:-.085em}.case-hero h1 em{font-family:"Playfair Display",serif;font-weight:500}.case-intro{margin:0 0 8px;font:600 clamp(17px,1.7vw,24px)/1.5 Manrope;max-width:520px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:6vw 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-facts div{padding:20px 20px 20px 0}.case-facts div+div{padding-left:20px;border-left:1px solid var(--line)}.case-facts span{display:block;margin-bottom:8px;font:800 9px Manrope;letter-spacing:.14em;color:var(--muted)}.case-facts b{font:700 13px/1.4 Manrope}
.case-cover{margin:0 5vw;min-height:min(68vw,820px);position:relative;overflow:hidden;background:var(--panel);color:var(--paper)}.case-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.case-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.56))}.cover-caption{position:absolute;z-index:2;left:4vw;bottom:4vw;max-width:650px}.cover-caption span{font:800 10px Manrope;letter-spacing:.15em;color:var(--acid)}.cover-caption p{margin:12px 0 0;font:600 clamp(24px,3.2vw,48px)/1.08 "DM Sans"}
.case-section{padding:10vw 7vw}.case-section.dark{background:var(--ink);color:var(--paper)}.section-grid{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);gap:8vw}.section-label{font:800 10px Manrope;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.dark .section-label{color:var(--acid)}.section-copy h2{margin:0 0 32px;font:500 clamp(40px,6vw,88px)/.95 "DM Sans";letter-spacing:-.065em}.section-copy h2 em{font-family:"Playfair Display";font-weight:500}.section-copy>p{max-width:780px;margin:0;font:500 clamp(17px,1.45vw,21px)/1.65 Manrope;color:var(--muted)}.dark .section-copy>p{color:rgba(255,253,248,.7)}
.before-after{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;border-top:1px solid currentColor}.before-after article{padding:28px 34px 20px 0}.before-after article+article{border-left:1px solid currentColor;padding-left:34px}.before-after span{font:800 9px Manrope;letter-spacing:.14em;color:var(--acid)}.before-after h3{font:600 clamp(24px,2.5vw,38px)/1.1 "DM Sans"}.before-after p{color:rgba(255,253,248,.68);line-height:1.65}
.system-flow{list-style:none;padding:0;margin:70px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.system-flow li{padding:26px 24px 12px 0;position:relative}.system-flow li+li{padding-left:24px;border-left:1px solid var(--line)}.system-flow li:not(:last-child):after{content:"→";position:absolute;right:14px;top:25px;color:var(--violet)}.system-flow b{display:block;font:800 10px Manrope;letter-spacing:.13em;color:var(--violet)}.system-flow h3{margin:36px 0 10px;font:600 23px "DM Sans"}.system-flow p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.showcase{padding:0 5vw 10vw}.showcase-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:2vw}.showcase figure{margin:0;background:var(--paper);overflow:hidden;min-height:420px;position:relative}.showcase figure:first-child{grid-row:span 2;min-height:860px}.showcase img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.showcase figcaption{position:absolute;left:18px;bottom:18px;background:var(--paper);padding:10px 12px;font:800 9px Manrope;letter-spacing:.12em}
.concept-stage{height:100%;min-height:420px;display:grid;place-items:center;padding:7%;position:relative;overflow:hidden}.nor-stage{background:#d8d1c2}.nor-board{width:min(86%,720px);aspect-ratio:1.25;background:#f6f2e9;padding:8%;box-shadow:18px 20px 0 rgba(10,21,24,.14)}.nor-board small,.marea-board small{font:800 9px Manrope;letter-spacing:.16em}.nor-board h3{font:500 clamp(44px,7vw,100px)/.83 "DM Sans";letter-spacing:-.08em;margin:12% 0 15%;}.nor-board p{border-top:1px solid;padding-top:18px;max-width:380px}.marea-stage{background:#ff673d}.marea-board{width:min(88%,760px);background:#fff5dc;padding:7%;transform:rotate(-2deg);box-shadow:18px 22px 0 rgba(10,21,24,.18)}.marea-board h3{font:800 clamp(46px,7vw,105px)/.83 "DM Sans";letter-spacing:-.07em;margin:10% 0}.marea-order{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:2px solid;padding-top:18px;font-weight:700}
.outcome{background:var(--acid);padding:9vw 7vw}.outcome p{margin:0;font:600 clamp(40px,6.5vw,96px)/.97 "DM Sans";letter-spacing:-.065em;max-width:1200px}.outcome span{display:block;margin-bottom:28px;font:800 10px Manrope;letter-spacing:.16em}
.case-next{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;padding:7vw 5vw;background:var(--paper)}.case-next span{font:800 10px Manrope;letter-spacing:.15em;color:var(--muted)}.case-next h2{margin:14px 0 0;font:500 clamp(42px,6vw,86px)/.95 "DM Sans";letter-spacing:-.06em}.case-next a{display:inline-flex;align-items:center;min-height:54px;padding:0 24px;background:var(--ink);color:var(--paper);text-decoration:none;font:800 11px Manrope;letter-spacing:.08em}.case-footer{padding:28px 5vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:700 10px Manrope;letter-spacing:.08em}
@media(max-width:800px){.case-hero{padding-top:16vw}.case-hero-top,.section-grid{grid-template-columns:1fr}.case-intro{margin-top:34px}.case-facts{grid-template-columns:1fr 1fr}.case-facts div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.case-facts div:nth-child(4){border-top:1px solid var(--line)}.case-cover{min-height:110vw}.system-flow{grid-template-columns:1fr 1fr}.system-flow li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.system-flow li:nth-child(4){border-top:1px solid var(--line)}.showcase-grid{grid-template-columns:1fr}.showcase figure:first-child{grid-row:auto;min-height:125vw}.showcase figure{min-height:92vw}.case-next{grid-template-columns:1fr}.before-after{grid-template-columns:1fr}.before-after article+article{border-left:0;border-top:1px solid currentColor;padding-left:0}.case-footer{display:grid;gap:10px}}
@media(max-width:520px){.case-tools a{display:none}.case-header{padding:0 6vw}.case-hero{padding-left:6vw;padding-right:6vw}.case-hero h1{font-size:19vw}.case-facts{grid-template-columns:1fr}.case-facts div,.case-facts div+div{border-left:0;border-top:1px solid var(--line);padding:16px 0}.case-cover{margin:0}.case-section{padding:20vw 7vw}.system-flow{grid-template-columns:1fr}.system-flow li,.system-flow li+li{border-left:0;border-top:1px solid var(--line);padding:22px 36px 22px 0}.system-flow li:not(:last-child):after{transform:rotate(90deg)}.showcase{padding:0 0 20vw}.showcase-grid{gap:10px}.outcome{padding:18vw 7vw}.case-next{padding:16vw 7vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}