:root{--ink:#071a19;--ink2:#0d2523;--paper:#eee3c9;--paper2:#d9c9a8;--gold:#d8ab61;--red:#9b3228;--mist:#aab5aa;--white:#f6f0df;--sans:'DM Sans',sans-serif;--serif:'Libre Caslon Display',serif;--type:'Special Elite',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid rgba(216,171,97,.24);background:rgba(7,26,25,.94);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand img,.footer-brand img{border-radius:10px}.brand span,.footer-brand span{display:grid;line-height:1.05}.brand b,.footer-brand b{font-family:var(--serif);font-size:19px}.brand small,.footer-brand small{font-size:10px;letter-spacing:.21em;text-transform:uppercase;color:var(--gold);margin-top:5px}.topbar nav{display:flex;gap:34px;color:#d8d3c2;font-size:14px}.topbar nav a{transition:.2s}.topbar nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;padding:12px}.menu span{display:block;width:24px;height:1px;background:var(--gold);margin:6px}.hero{min-height:calc(100vh - 78px);position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center;padding:76px max(6vw,30px) 90px;background:radial-gradient(circle at 73% 40%,#173f3a 0,transparent 38%),linear-gradient(135deg,#061716,#0b2422)}.grain,.grain:after{position:absolute;inset:0;pointer-events:none}.grain{opacity:.24;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.25em;font-weight:700;font-size:12px;color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--serif);font-size:clamp(3.6rem,6.5vw,7.5rem);line-height:.9;letter-spacing:-.035em;margin:28px 0}.hero h1 em{font-style:normal;color:var(--gold)}.lede{max-width:650px;color:#b9c1b7;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.appstore{background:var(--gold);color:var(--ink);display:inline-flex;padding:14px 20px;font-weight:700;border:1px solid var(--gold)}.hero-actions a{border-bottom:1px solid var(--gold);font-size:14px}.case-stats{display:flex;gap:20px;align-items:center;margin-top:50px;color:#aeb9ae;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.case-stats b{color:var(--white);font-size:18px;margin-right:5px}.case-stats i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.hero-art{position:relative;max-width:560px;margin:auto}.photo-frame{padding:13px;background:var(--paper);transform:rotate(2.3deg);box-shadow:0 35px 80px #0009}.photo-frame img{aspect-ratio:4/5;object-fit:cover;object-position:center 36%;filter:sepia(.25) contrast(1.08)}.evidence-tag{position:absolute;left:-55px;bottom:35px;background:var(--paper);color:var(--ink);padding:18px 28px;box-shadow:8px 10px 0 #0005;transform:rotate(-3deg);display:grid}.evidence-tag span,.evidence-tag small{font-family:var(--type);font-size:11px;letter-spacing:.16em}.evidence-tag b{font-family:var(--serif);font-size:38px;line-height:1.1}.evidence-tag small{color:var(--red)}.stamp{position:absolute;right:-34px;top:70px;border:3px double var(--red);color:var(--red);padding:8px 13px;font-weight:800;letter-spacing:.13em;transform:rotate(12deg);background:#ebdfc6dc}.manifesto{background:var(--paper);color:var(--ink);padding:110px max(6vw,30px)}.section-label{color:var(--red);padding-bottom:24px;border-bottom:1px solid #bba985}.manifesto-head{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin:48px 0 70px}.manifesto h2,.cases h2,.board h2,.closing h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5.6rem);line-height:.98;letter-spacing:-.03em;margin:0}.manifesto-head p,.case-heading>p{color:#53605a;font-size:18px;max-width:520px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bba985;border-bottom:1px solid #bba985}.steps article{padding:34px 30px 38px;border-right:1px solid #bba985;position:relative}.steps article:last-child{border-right:0}.steps article>span{font-family:var(--type);font-size:12px;color:var(--red)}.line-icon{font-size:34px;color:var(--red);height:65px;padding-top:20px}.steps h3{font-family:var(--serif);font-size:27px;line-height:1.1;margin:20px 0 14px}.steps p{color:#58635e;font-size:14px}.cases{padding:115px max(6vw,30px);background:#091d1b}.case-heading{display:grid;grid-template-columns:1fr .6fr;gap:9vw;align-items:end;margin-bottom:65px}.case-heading>p{color:#a6b1a8}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case-card{background:#112b28;border:1px solid #395047;transition:transform .35s,border-color .35s}.case-card:hover{transform:translateY(-8px);border-color:var(--gold)}.case-card img{width:100%;aspect-ratio:2/2.35;object-fit:cover;object-position:center}.case-card div{padding:24px}.case-card span{font-family:var(--type);font-size:11px;color:var(--gold);letter-spacing:.11em}.case-card h3{font-family:var(--serif);font-size:30px;margin:9px 0}.case-card p{color:#aab5aa;font-size:14px;line-height:1.55;margin:0}.board{background:#d7c6a5;color:var(--ink);padding:110px max(6vw,30px);display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center}.board-copy>p:not(.eyebrow){color:#54605b;font-size:18px;margin-top:30px}.board-copy ul{list-style:none;padding:0;margin-top:35px}.board-copy li{border-top:1px solid #a79470;padding:12px 0}.board-copy li:before{content:'◆';color:var(--red);margin-right:12px;font-size:9px}.board-ui{min-height:510px;background:#0b2523;position:relative;box-shadow:17px 20px 0 #695d47;padding:30px;overflow:hidden}.board-ui:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#32524d 1px,transparent 1px);background-size:16px 16px;opacity:.25}.board-ui svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.board-ui path{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:7 6}.note{position:absolute;background:#efe4c8;color:#152623;padding:18px 20px;z-index:2;box-shadow:6px 8px 0 #0005;display:grid}.note b{font-family:var(--type);letter-spacing:.08em}.note small{color:#5e6860}.note span{font-family:var(--serif);font-size:20px;margin-top:12px}.note strong{font-size:11px;color:var(--red);border:1px solid var(--red);padding:5px 7px;width:max-content;margin-top:12px}.suspect{left:7%;top:10%;width:225px;transform:rotate(-2deg)}.evidence{right:7%;bottom:15%;width:220px;transform:rotate(2deg)}.location{left:8%;bottom:9%;background:#c79f5b;width:170px}.board-seal{position:absolute;right:6%;top:10%;z-index:3;border:3px double var(--gold);color:var(--gold);padding:12px;text-align:center;font-weight:800;line-height:1.2;transform:rotate(7deg)}.pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);z-index:4;box-shadow:0 2px 2px #000}.p1{left:22%;top:9%}.p2{right:22%;bottom:13%}.p3{left:20%;bottom:7%}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3f514c;border-top:1px solid #3f514c;border-bottom:1px solid #3f514c}.service{background:var(--ink);padding:70px max(5vw,35px)}.service span{color:var(--gold);font-size:30px}.service h3{font-family:var(--serif);font-size:30px;margin:20px 0 12px}.service p{color:#a6b0a7}.closing{text-align:center;padding:135px 25px;background:linear-gradient(#0a211fdd,#071a19f2),url('assets/case-01.png') center 42%/cover}.closing h2{font-size:clamp(4rem,8vw,8rem);margin:20px 0}.closing>p:not(.eyebrow){color:#bdc3b8;font-size:18px}.appstore.light{margin-top:20px}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:40px max(5vw,28px);border-top:1px solid #344944;color:#9aa59c;font-size:13px}footer p{margin:0}footer>div:last-child{justify-self:end;display:flex;gap:25px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{width:min(72vw,520px);margin-top:30px}.manifesto-head,.case-heading,.board{grid-template-columns:1fr}.steps,.case-grid{grid-template-columns:repeat(2,1fr)}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid #bba985}.board-copy{max-width:650px}.services{grid-template-columns:1fr}.service{padding:45px max(6vw,30px)}}@media(max-width:680px){.topbar{height:68px}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:#071a19;padding:22px 28px;flex-direction:column;border-bottom:1px solid #5e5037}.topbar nav.open{display:flex}.menu{display:block}.hero{min-height:auto;padding-top:55px}.hero h1{font-size:3.5rem}.hero-actions{align-items:flex-start;flex-direction:column}.case-stats{flex-wrap:wrap;gap:10px 14px}.hero-art{width:90%}.evidence-tag{left:-18px}.stamp{right:-17px}.manifesto,.cases,.board{padding-top:78px;padding-bottom:78px}.manifesto-head{margin:35px 0 50px}.steps,.case-grid{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #bba985}.steps article:last-child{border-bottom:0}.case-card{display:grid;grid-template-columns:41% 59%}.case-card img{height:100%;aspect-ratio:auto}.case-card div{padding:20px 16px}.case-card h3{font-size:24px}.board-ui{min-height:480px}.suspect{width:190px}.evidence{width:195px}.location{width:145px}.services{grid-template-columns:1fr}.closing{padding:100px 20px}footer{grid-template-columns:1fr;gap:25px;text-align:center}footer .footer-brand,footer>div:last-child{justify-self:center}footer p{grid-row:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.case-card{transition:none}}