@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Special+Elite&display=swap");

:root { --ink:#090908; --panel:#151512; --panel-deep:#0e0e0c; --paper:#c9b98f; --cream:#eee8dc; --muted:#aaa59b; --red:#a62f2a; --rust:#c65a52; --brass:#b79d6b; --line:rgba(231,224,208,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:"DM Sans",sans-serif; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; }
.site-header { height:76px; padding:0 clamp(22px,4vw,70px); position:absolute; inset:0 0 auto; z-index:20; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { display:flex; align-items:center; text-decoration:none; text-transform:uppercase; letter-spacing:.16em; font-size:13px; font-weight:600; }
.nav { display:flex; align-items:center; gap:28px; font-size:12px; }
.nav a { text-decoration:none; opacity:.72; transition:.2s; }
.nav a:hover { opacity:1; }
.nav-tip { border:1px solid rgba(231,224,208,.55); padding:10px 15px; opacity:1!important; }
.menu-button { display:none; background:none; border:0; color:inherit; text-transform:uppercase; font-size:11px; letter-spacing:.1em; }
.hero { min-height:850px; height:100svh; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 48%; transform:scale(1.02); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,8,7,.96) 0%,rgba(8,8,7,.72) 39%,rgba(8,8,7,.14) 75%),linear-gradient(0deg,rgba(8,8,7,.75),transparent 42%); }
.hero-copy { position:relative; z-index:2; width:min(760px,90vw); margin-left:clamp(24px,8vw,145px); padding-top:46px; }
.eyebrow { color:var(--brass); font-size:11px; text-transform:uppercase; letter-spacing:.19em; display:flex; gap:12px; align-items:center; }
.eyebrow span { width:40px; height:1px; background:currentColor; }
h1,h2,h3,p { margin-top:0; }
h1 { font:clamp(68px,8.2vw,126px)/.83 "Special Elite",serif; letter-spacing:-.045em; text-transform:uppercase; margin:30px 0 28px; max-width:870px; }
h1 em { color:var(--red); font-style:normal; }
.hero-copy>p { max-width:545px; color:rgba(242,236,223,.72); font-size:18px; line-height:1.7; }
.hero-actions { display:flex; gap:12px; margin-top:40px; flex-wrap:wrap; }
.button { min-height:50px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:24px; border:1px solid rgba(242,236,223,.35); color:var(--cream); text-decoration:none; background:none; cursor:pointer; text-transform:uppercase; letter-spacing:.09em; font-size:11px; font-weight:600; transition:.2s; }
.button:hover { transform:translateY(-2px); border-color:var(--cream); }
.button.primary { background:var(--red); border-color:var(--red); color:white; }
.button.primary:hover { background:#bd3b35; }
.button.quiet { border-color:transparent; }
.case-meta { position:absolute; z-index:3; bottom:25px; left:clamp(24px,8vw,145px); right:clamp(24px,4vw,70px); display:flex; gap:25px; padding-top:17px; border-top:1px solid var(--line); text-transform:uppercase; color:rgba(242,236,223,.5); letter-spacing:.14em; font-size:9px; }
.case-meta span:last-child { margin-left:auto; }
.evidence-strip { height:40px; background:var(--red); display:flex; align-items:center; justify-content:space-around; overflow:hidden; color:#fff; text-transform:uppercase; letter-spacing:.35em; font:10px "Special Elite"; }
.section { padding:130px clamp(24px,8vw,145px); background:var(--panel); color:var(--cream); }
.section-label { text-transform:uppercase; letter-spacing:.2em; font-size:10px; color:rgba(238,232,220,.48); padding-bottom:18px; border-bottom:1px solid var(--line); margin-bottom:70px; }
.section-label.light { color:rgba(242,236,223,.55); border-color:var(--line); }
.intro-grid { display:grid; grid-template-columns:1.25fr .7fr; gap:9vw; }
.kicker,.overline { color:var(--red); text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:600; }
.intro-grid h2,.bio h2,.locker h2,.tip-intro h2,.origin h2 { font:clamp(42px,5vw,76px)/.99 "Special Elite"; letter-spacing:-.035em; margin:18px 0 0; }
.intro-copy { color:var(--muted); font-size:17px; line-height:1.75; padding-top:26px; }
.featured-file { display:block; width:100%; margin-top:100px; padding:0; border:0; text-align:left; text-decoration:none; background:#c9b98f; color:var(--ink); cursor:pointer; box-shadow:0 20px 60px rgba(35,25,10,.16); transition:.25s; transform:rotate(-.35deg); }
.featured-file:hover { transform:rotate(0) translateY(-5px); }
.folder-tab { display:inline-block; background:#a99768; padding:12px 22px 9px; margin-top:-30px; text-transform:uppercase; letter-spacing:.15em; font:10px "Special Elite"; }
.featured-inner { min-height:255px; padding:50px; display:grid; grid-template-columns:130px 1fr 80px; align-items:center; gap:40px; background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(50,45,35,.08) 32px); border:1px solid rgba(68,57,31,.25); }
.case-stamp { color:var(--red); border:4px double var(--red); transform:rotate(-8deg); border-radius:50%; aspect-ratio:1; display:grid; place-items:center; text-align:center; text-transform:uppercase; font:11px/1.4 "Special Elite"; }
.mono { text-transform:uppercase; letter-spacing:.18em; font:10px "Special Elite"; opacity:.55; }
.featured-inner h3 { font:clamp(31px,4vw,55px)/1 "Special Elite"; margin:12px 0; }
.featured-inner p:last-child { max-width:590px; color:#5a5344; margin:0; }
.featured-title { display:block; font:clamp(31px,4vw,55px)/1 "Special Elite"; margin:12px 0; }
.featured-description { display:block; max-width:590px; color:#5a5344; }
.play { width:66px; height:66px; border:1px solid rgba(17,17,15,.5); border-radius:50%; display:grid; place-items:center; padding-left:4px; }
.origin { min-height:760px; padding:90px clamp(24px,8vw,145px); display:flex; align-items:center; background:linear-gradient(90deg,rgba(10,10,9,.96),rgba(10,10,9,.58)),url("/casefiles.png") center/cover fixed; }
.origin-card { max-width:830px; }
.origin h2 { margin:20px 0 32px; }
.origin-card>p:not(.overline) { max-width:660px; color:rgba(242,236,223,.68); font-size:17px; line-height:1.8; }
.text-link { display:inline-block; margin-top:24px; color:var(--brass); text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:6px; }
.profile-grid { display:grid; grid-template-columns:minmax(280px,430px) 1fr; gap:10vw; align-items:center; }
.portrait-wrap { position:relative; padding:15px; background:#c9b98f; transform:rotate(-1.2deg); box-shadow:0 24px 60px rgba(17,17,15,.18); }
.portrait-wrap img { width:100%; display:block; filter:grayscale(20%) sepia(12%); }
.photo-note { display:block; padding:14px 5px 2px; text-transform:uppercase; letter-spacing:.16em; font:9px "Special Elite"; }
.bio>p:not(.kicker) { max-width:700px; color:var(--muted); font-size:17px; line-height:1.8; }
.bio h2 { margin:20px 0 34px; max-width:800px; }
.credentials { display:flex; gap:8px; flex-wrap:wrap; margin-top:34px; }
.credentials span { border:1px solid rgba(238,232,220,.24); color:rgba(238,232,220,.72); padding:9px 12px; text-transform:uppercase; letter-spacing:.1em; font-size:9px; }
.locker { padding:120px clamp(24px,8vw,145px); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; background:var(--panel-deep); }
.locker-copy>p:not(.kicker) { color:rgba(242,236,223,.65); line-height:1.8; max-width:520px; margin:28px 0; }
.merch-card { background:#24231e; border:1px solid var(--line); padding:25px; }
.merch-card img { width:100%; display:block; background:#131310; }
.merch-card div { display:flex; justify-content:space-between; gap:20px; margin-top:20px; text-transform:uppercase; letter-spacing:.11em; font-size:9px; color:rgba(242,236,223,.5); }
.merch-card strong { color:var(--cream); font-size:10px; }
.tip-section { padding:130px clamp(24px,8vw,145px); background:#121210; color:var(--cream); display:grid; grid-template-columns:.8fr 1fr; gap:10vw; border-top:1px solid var(--line); }
.tip-intro>p:not(.kicker,.privacy-note) { color:var(--muted); line-height:1.75; max-width:560px; }
.tip-intro h2 { margin:20px 0 32px; }
.privacy-note { margin-top:36px; border-left:2px solid var(--red); padding-left:15px; font-size:12px; }
.tip-form { display:grid; grid-template-columns:1fr 1fr; gap:24px 18px; align-self:start; }
.tip-form label { text-transform:uppercase; letter-spacing:.13em; font-size:9px; font-weight:600; }
.tip-form label span { opacity:.45; float:right; }
.tip-form label:nth-of-type(3),.tip-form label:nth-of-type(4),.submit,.form-message { grid-column:1/-1; }
.tip-form input,.tip-form select,.tip-form textarea { width:100%; border:0; border-bottom:1px solid rgba(238,232,220,.24); border-radius:0; background:transparent; padding:13px 0; outline:none; color:var(--cream); text-transform:none; letter-spacing:0; }
.tip-form select option { color:#11110f; background:var(--cream); }
.tip-form textarea::placeholder { color:rgba(238,232,220,.36); }
.tip-form input:focus,.tip-form select:focus,.tip-form textarea:focus { border-color:var(--red); }
.tip-form textarea { resize:vertical; }
.submit { width:max-content; margin-top:10px; }
.honeypot { display:none; }
.form-message { min-height:22px; color:var(--rust); font-size:12px; }
footer { padding:45px clamp(24px,4vw,70px); border-top:1px solid var(--line); display:grid; grid-template-columns:1.5fr 1fr auto auto; gap:35px; align-items:center; color:rgba(242,236,223,.5); font-size:11px; }
.footer-brand { display:flex; align-items:center; color:var(--cream); text-transform:uppercase; letter-spacing:.16em; }
footer p { margin:0; }
footer a { color:var(--cream); }
@media (max-width:850px) {
  .menu-button { display:block; }
  .nav { display:none; position:absolute; top:76px; left:0; right:0; background:#11110f; padding:24px; flex-direction:column; align-items:flex-start; border-bottom:1px solid var(--line); }
  .nav.open { display:flex; }
  .hero { min-height:720px; }
  .hero-art { object-position:62% 50%; }
  .hero-shade { background:linear-gradient(90deg,rgba(8,8,7,.92),rgba(8,8,7,.3)),linear-gradient(0deg,rgba(8,8,7,.8),transparent); }
  .intro-grid,.profile-grid,.locker,.tip-section { grid-template-columns:1fr; }
  .featured-inner { grid-template-columns:85px 1fr; padding:34px 25px; gap:25px; }
  .featured-inner .play { display:none; }
  .locker { gap:55px; }
  footer { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
  h1 { font-size:58px; }
  .hero-copy { margin-left:24px; }
  .case-meta span:nth-child(2) { display:none; }
  .evidence-strip { justify-content:flex-start; gap:70px; padding-left:24px; }
  .section,.tip-section { padding-top:90px; padding-bottom:90px; }
  .section-label { margin-bottom:45px; }
  .featured-file { margin-top:70px; }
  .featured-inner { grid-template-columns:1fr; }
  .case-stamp { width:78px; }
  .tip-form { grid-template-columns:1fr; }
  .tip-form label { grid-column:1/-1; }
  footer { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }