:root{--f-display:'Space Grotesk',system-ui,sans-serif;--f-body:Inter,system-ui,sans-serif;--t-hero:clamp(40px,1.6rem + 5.4vw,96px);--t-h1:clamp(36px,1.5rem + 3.2vw,64px);--t-h2:clamp(30px,1.25rem + 2.1vw,48px);--t-h3:clamp(24px,1.1rem + 0.9vw,32px);--t-h4:clamp(20px,1.05rem + 0.35vw,24px);--t-statement:clamp(32px,1.4rem + 3vw,64px);--t-stat:clamp(40px,1.8rem + 1.6vw,56px);--t-stat-xl:clamp(56px,2.4rem + 3.6vw,104px);--t-intro:clamp(18px,1rem + 0.25vw,20px);--t-body:clamp(16px,0.95rem + 0.1vw,17px);--t-nav:15px;--t-btn:clamp(15px,0.9rem + 0.1vw,16px);--t-label:13px}
body{background:#FFF7EF}
a{color:#090909}a:hover{color:#FF6B00}
.oc *{box-sizing:border-box}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.eyebrow{font:500 var(--t-label)/1.5 var(--f-body);letter-spacing:0.12em;text-transform:uppercase;color:#090909;margin:0}
.prose p{margin:0 0 24px;max-width:68ch;font-size:clamp(17px,1rem + 0.2vw,19px);line-height:1.75;color:#222222}
.prose h2{margin:56px 0 20px;font:600 var(--t-h3)/1.2 var(--f-display);letter-spacing:-0.02em;color:#090909}
.prose ul{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.prose li{position:relative;padding-left:28px;font-size:17px;line-height:1.7;color:#222222}
.prose li::before{content:"";position:absolute;left:0;top:13px;width:12px;height:3px;background:linear-gradient(90deg,#FFD700,#FF6B00,#FF0000)}
.src{display:inline-block;font-size:12px;line-height:16px;padding:2px 6px;border:1px dashed #9a6d00;color:#6b4c00;vertical-align:middle}
.share{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #090909;font:500 14px/1.4 var(--f-body);letter-spacing:0;text-decoration:none;color:#090909;transition:all .2s}
.share:hover{background:#090909;color:#ffffff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;font:600 var(--t-btn)/1.4 var(--f-body);letter-spacing:0;text-decoration:none;border:1px solid;transition:transform .25s,background .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.rel{display:flex;flex-direction:column;gap:12px;padding:28px;background:#ffffff;border:1px solid #e2e2e2;text-decoration:none;color:#090909;transition:border-color .3s}
.rel:hover{border-color:#090909}
a:focus-visible,button:focus-visible{outline:2px solid #FF6B00;outline-offset:3px}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.in1{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.in2{animation:rise .9s .12s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion: reduce){.in1,.in2{animation:none}.btn:hover{transform:none}}

.oc-nav{background:#000000 !important}
.prose a{color:#090909;text-decoration:underline}