:root { --paper:#d5c8b4; --ink:#15120e; --faded-ink:rgba(63,45,29,.18); }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; overflow:hidden; color:var(--ink); font-family:Georgia,serif; background:var(--paper); }
.site-shell { min-height:100svh; }
.hero { position:relative; display:grid; place-items:center; min-height:100svh; overflow:hidden; padding:5vw; text-align:center; isolation:isolate; background:radial-gradient(ellipse at 50% 38%,rgba(255,250,238,.96) 0 20%,rgba(242,232,214,.8) 47%,rgba(156,122,91,.32) 118%),repeating-linear-gradient(17deg,rgba(83,60,40,.035) 0 1px,transparent 1px 5px),repeating-linear-gradient(101deg,rgba(255,255,255,.12) 0 2px,transparent 2px 8px),var(--paper); }
.hero::before,.hero::after { content:""; position:absolute; z-index:-1; pointer-events:none; }
.hero::before { inset:-12%; opacity:.75; background:radial-gradient(ellipse at -5% 16%,rgba(79,58,39,.52),transparent 20%),radial-gradient(ellipse at 104% 87%,rgba(79,58,39,.44),transparent 21%),radial-gradient(ellipse at 96% 0%,rgba(72,52,34,.2),transparent 17%),radial-gradient(ellipse at 4% 96%,rgba(72,52,34,.18),transparent 19%); filter:blur(4px); }
.hero::after { inset:0; opacity:.28; background:linear-gradient(105deg,transparent 0 22%,rgba(78,56,37,.16) 23%,transparent 24% 75%,rgba(78,56,37,.12) 76%,transparent 77%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 9px,rgba(76,56,38,.06) 10px 11px); mix-blend-mode:multiply; }
.truth-texture { position:absolute; z-index:-1; inset:-5vh -17vw; display:grid; align-content:center; gap:clamp(1.5rem,3.3vw,3.3rem); color:var(--faded-ink); font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive; font-size:clamp(1.65rem,3.5vw,4.1rem); font-weight:400; line-height:.86; white-space:nowrap; transform:rotate(-7deg); user-select:none; }
.truth-texture span:nth-child(odd) { transform:translateX(-5%); }.truth-texture span:nth-child(even){transform:translateX(9%);opacity:.72}
h1 { position:relative; margin:0; font-family:Optima,"Bodoni MT",Didot,Georgia,serif; font-size:clamp(4.2rem,13.5vw,13.4rem); font-weight:500; line-height:.72; letter-spacing:-.075em; text-transform:uppercase; color:#0d0c09; text-shadow:1px 1px 0 rgba(255,255,255,.22),-1px -1px 0 rgba(53,38,24,.18); }
h1::after { content:""; display:block; width:61%; height:clamp(4px,.55vw,8px); margin:clamp(25px,4vw,52px) auto 0; background:linear-gradient(90deg,transparent,rgba(21,18,14,.8) 8% 92%,transparent); clip-path:polygon(0 48%,15% 0,42% 55%,68% 15%,100% 53%,70% 100%,39% 40%,13% 85%); opacity:.72; }
.primary-action { position:absolute; bottom:clamp(46px,8vh,110px); left:50%; color:var(--ink); font-family:Optima,"Bodoni MT",Georgia,serif; font-size:clamp(1.15rem,2.3vw,2.15rem); letter-spacing:.005em; text-decoration:none; transform:translateX(-50%); white-space:nowrap; }
.primary-action::after { content:""; position:absolute; left:3%; right:3%; bottom:-10px; height:2px; background:var(--ink); transform:rotate(-.7deg); transform-origin:left; transition:transform .18s ease,background .18s ease; }
.primary-action:hover::after { background:#8b5536; transform:rotate(.7deg) scaleX(1.07); }.primary-action span { display:inline-block; margin-left:.2em; transition:transform .18s ease; }.primary-action:hover span{transform:translate(4px,-3px)}.primary-action:focus-visible{outline:3px solid #8b5536;outline-offset:8px}
@media(max-width:640px){.hero{padding:6vw 6vw 18vh}.truth-texture{inset:-9vh -55vw;font-size:1.55rem;gap:2rem;transform:rotate(-8deg)}h1{font-size:clamp(4rem,19.5vw,6.6rem);line-height:.78;letter-spacing:-.07em}.primary-action{bottom:8vh;font-size:1.2rem}.primary-action::after{bottom:-8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}