: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}

a{color:#FF6B00}a:hover{color:#ffffff}
.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:#FFBB00;margin:0}
.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 ease,background .25s,color .25s,border-color .25s}
.btn:hover{transform:translateY(-2px)}
.btn-fire{background:linear-gradient(100deg,#FFD700 0%,#FFBB00 28%,#FF6B00 64%,#FF0000 100%);border-color:transparent;color:#000000}
.gr{background:linear-gradient(100deg,#FFD700 0%,#FFBB00 28%,#FF6B00 64%,#FF0000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-fire:hover{background:#ffffff;border-color:#ffffff;color:#000000}
.btn-ghost{background:transparent;border-color:#ffffff;color:#ffffff}
.btn-ghost:hover{background:#ffffff;color:#000000}
.btn-ink{background:#000000;border-color:#000000;color:#ffffff}
.btn-ink:hover{background:#FF6B00;border-color:#FF6B00;color:#000000}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
a:focus-visible,button:focus-visible{outline:2px solid #FF6B00;outline-offset:3px}
.card{transition:background .3s,border-color .3s,transform .3s}
.card:hover{background:#141414;border-color:#FF6B00;transform:translateY(-4px)}
.card:hover .num{color:#FF6B00}
.case{transition:transform .35s}
.case:hover{transform:translateY(-6px)}
.case:hover .case-img{background:#1d1d1d}
.post{color:inherit;text-decoration:none;transition:border-color .3s}
.post:hover{border-color:#000000}
.post:hover h3{text-decoration:underline;text-underline-offset:4px}
@keyframes rise{from{opacity:0;transform:translateY(28px)}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}
.in3{animation:rise .9s .24s cubic-bezier(.2,.7,.2,1) both}
.in4{animation:rise .9s .36s cubic-bezier(.2,.7,.2,1) both}
@supports (animation-timeline: view()){.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
@keyframes marq{to{transform:translateX(-50%)}}
.marq{animation:marq 38s linear infinite}
@media (prefers-reduced-motion: reduce){.in1,.in2,.in3,.in4,.rv,.marq{animation:none}.btn:hover,.card:hover,.case:hover{transform:none}}
@media (max-width: 900px){.hero-grid{grid-template-columns:1fr !important}.hero-photo{min-height:420px !important}.split{grid-template-columns:1fr !important}}

.btn-ghost{background:transparent}