:root{--amber:#f0a23a;--line:rgba(255,255,255,.24)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#0d1713}
body{font-family:Inter,Arial,sans-serif;color:#fff}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#11241b}
.hero::before{content:"";position:absolute;inset:0;z-index:-3;background:url('hero-adventerra.png') center/cover no-repeat;filter:saturate(.82)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,17,13,.91) 0%,rgba(8,17,13,.58) 50%,rgba(8,17,13,.2) 100%),linear-gradient(0deg,rgba(8,17,13,.38),transparent 55%)}
.hero-grid{position:absolute;inset:112px 0 0;z-index:-1;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.1) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.055) 25%,transparent calc(25% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.055) 75%,transparent calc(75% + .5px))}
.hero-header{position:absolute;inset:0 0 auto;height:112px;display:flex;align-items:center;padding:0 clamp(1.5rem,6vw,7rem);border-bottom:1px solid var(--line)}
.brand{display:grid;grid-template-columns:54px auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;line-height:1}
.brand-mark{grid-row:1/3;width:54px}.mark-ring{fill:none;stroke:currentColor;stroke-width:2}.mark-a{fill:currentColor}.mark-trail{fill:var(--amber)}
.brand-name{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:.08em}.brand-sub{font-size:.68rem;font-weight:600;letter-spacing:.48em;margin-top:5px;opacity:.74}
.hero-content{width:min(1000px,86vw);margin-left:clamp(1.5rem,11vw,12rem);padding:10rem 0 5rem}
.eyebrow{margin:0 0 1.5rem;display:flex;align-items:center;gap:.85rem;font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:.85rem}.eyebrow span{display:inline-block;width:42px;height:2px;background:var(--amber)}
h1{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(4rem,10.5vw,9.5rem);font-weight:800;line-height:.88;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}
h1 em{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9);font-style:normal}
@media(max-width:760px){.hero-header{height:90px;padding:0 1.3rem}.brand{grid-template-columns:44px auto;column-gap:10px}.brand-mark{width:44px}.brand-name{font-size:1.35rem}.brand-sub{font-size:.55rem}.hero-grid{inset:90px 0 0}.hero-content{width:calc(100% - 3rem);margin-left:1.5rem;padding-top:8rem}.eyebrow{font-size:.72rem;letter-spacing:.12em}.eyebrow span{width:30px}h1{font-size:clamp(3.8rem,20vw,6rem)}}