@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--gold:#f2b84b;--gold2:#ff8b18;--ember:#b73315;--ink:#050709;--panel:#0b1014;--muted:#aeb6ba}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;color:#f6f2ea;background:radial-gradient(circle at 50% -8%,#36444b 0,#11181c 25%,#070b0e 48%,#020405 82%);font-family:'Barlow Condensed',Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px),radial-gradient(circle at 12% 8%,rgba(255,117,16,.1),transparent 18%),radial-gradient(circle at 84% 18%,rgba(255,177,35,.07),transparent 20%)}
.home-wrap{position:relative;width:min(1180px,calc(100% - 28px));margin:auto;padding:34px 0 30px}.brand-shell{text-align:center;margin:5px auto 15px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}.brand-kicker{font:800 12px/1 Oswald,sans-serif;letter-spacing:.52em;color:#aeb5b7;text-transform:uppercase;margin-bottom:9px}.brand-name{position:relative;display:inline-block;padding:0 18px;font:italic 900 clamp(64px,10vw,124px)/.82 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.015em;color:transparent;background:linear-gradient(180deg,#fff3b4 0,#ffc44b 18%,#d66d18 47%,#7a2410 73%,#ffb326 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,216,105,.35);text-shadow:0 3px 0 #3c0c05,0 9px 0 rgba(0,0,0,.44),0 0 28px rgba(255,117,12,.25);transform:skewX(-5deg)}
.brand-rule{width:min(690px,88%);height:2px;margin:18px auto 12px;background:linear-gradient(90deg,transparent,#7e4316 11%,var(--gold) 50%,#7e4316 89%,transparent);box-shadow:0 0 14px rgba(242,184,75,.28)}.brand-sub{font:700 clamp(15px,2vw,24px) Oswald,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#e5ddd0}.home-intro{text-align:center;color:#c6cccf;font-size:22px;margin:12px auto 29px;max-width:760px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{--accent:var(--gold);position:relative;min-height:315px;padding:27px 28px 28px;border:1px solid #3a454a;border-radius:14px;background:linear-gradient(180deg,rgba(23,31,36,.96),rgba(7,11,13,.99));text-decoration:none;color:#fff;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);transition:.2s transform,.2s border-color,.2s box-shadow}.guide-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--accent),rgba(0,0,0,.1));box-shadow:0 0 15px color-mix(in srgb,var(--accent) 42%,transparent)}.guide-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-92px;top:-105px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%);pointer-events:none}.guide-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 19px 48px rgba(0,0,0,.43),0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}.guide-card.helicopter{--accent:#eeb33f}.guide-card.canyon{--accent:#e24e35}.guide-card.vs{--accent:#b56be8}.guide-card.research{--accent:#55bfe7}.card-topline{font:800 12px Oswald,sans-serif;letter-spacing:.27em;color:var(--accent);margin-bottom:16px}.card-icon{width:73px;height:73px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 55%,#30383c);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,#0a0f12),#070a0c);font:700 42px/1 Oswald,sans-serif;color:var(--accent);filter:drop-shadow(0 4px 5px #000);margin-bottom:20px}.guide-card h2{margin:0 0 11px;font:700 34px/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 3px 8px #000}.guide-card p{max-width:480px;margin:0 0 42px;color:#c6cdd0;font-size:21px;line-height:1.23}.card-action{position:absolute;left:28px;bottom:24px;font:700 18px Oswald,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.card-action b{font-size:22px;margin-left:6px}footer{text-align:center;color:#92999c;margin-top:29px;font-size:16px;letter-spacing:.07em}@media(max-width:800px){.guide-grid{grid-template-columns:1fr}.guide-card{min-height:250px}.brand-sub{letter-spacing:.19em}.brand-kicker{letter-spacing:.3em}.home-wrap{padding-top:25px}}@media(max-width:480px){.guide-card{padding:23px 22px}.card-action{left:22px}.brand-name{font-size:58px}}