:root{--ocean:#082d49;--deep:#031c2d;--orange:#ff6b24;--orange-text:#963600;--foam:#a8d8c8;--cream:#f1ead7;--green:#18834c;--green-text:#0b6035;--ink:#0b2434}*{box-sizing:border-box}body{color:var(--ink);background:var(--cream);margin:0;font-family:Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:.2em}.field-header{background:var(--deep);color:#fff;border-bottom:5px solid var(--orange);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:1rem max(1rem,50vw - 630px);display:grid}.mark{align-items:center;gap:.8rem;text-decoration:none;display:flex}.mark>span{aspect-ratio:1;background:var(--orange);width:3rem;color:var(--deep);place-items:center;font:800 1.15rem Arial Narrow;display:grid}.mark b{text-transform:uppercase;letter-spacing:.04em;font:700 1.2rem Arial Narrow}.field-header nav{text-transform:uppercase;gap:1.5rem;font:600 .7rem Consolas;display:flex}.field-header>p{text-align:right;letter-spacing:.1em;margin:0;font:500 .62rem Consolas}.hero{background:linear-gradient(160deg, #f5a34f 0 9%, var(--orange) 9% 18%, #1d7890 18% 45%, var(--ocean) 45%);color:#fff;min-height:680px;padding:0 max(1rem,50vw - 630px);position:relative;overflow:hidden}.coordinates{background:var(--deep);letter-spacing:.12em;border-bottom:1px solid #ffffff80;padding:1rem;font:500 .65rem Consolas}.hero-grid{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;min-height:570px;display:grid;position:relative}.tag,.route header p,.outfitters header p{letter-spacing:.16em;font:600 .68rem Consolas}.hero h1,h2,h3{text-transform:uppercase;margin:.2em 0;font-family:Arial Narrow,sans-serif;line-height:.88}.hero h1{letter-spacing:-.055em;font-size:clamp(5rem,11vw,10.5rem)}.hero h1 em{color:var(--foam);font-style:normal}.lede{max-width:610px;font-size:1.08rem}.primary{background:var(--orange);color:var(--deep);text-transform:uppercase;margin-top:1.3rem;padding:1rem 1.3rem;font:800 .78rem Consolas;text-decoration:none;display:inline-block}.compass{aspect-ratio:1;background:#031c2d47;border:2px solid #ffffffbf;border-radius:50%;place-items:center;width:min(330px,70vw);margin:auto;display:grid;position:relative}.compass:before,.compass:after{content:"";background:#ffffff73;position:absolute}.compass:before{width:1px;height:120%}.compass:after{width:120%;height:1px}.compass>b{color:var(--orange);font:400 8rem Consolas;transform:rotate(-10deg)}.compass>span{font:600 .75rem Consolas;position:absolute;top:1rem}.compass>small{text-align:center;letter-spacing:.2em;font:600 .65rem Consolas;position:absolute;bottom:3rem}.tide-line{border:3px solid #a8d8c88c;border-radius:50%;width:110%;height:190px;position:absolute;bottom:-90px;left:-5%}.route{width:min(1260px,100% - 2rem);margin:0 auto;padding:6rem 0}.route header{border-bottom:5px solid var(--ocean);justify-content:space-between;align-items:end;display:flex}h2{letter-spacing:-.04em;font-size:clamp(3rem,6vw,6rem)}.route ol{margin:0;padding:0;list-style:none}.route li{border-bottom:1px solid #082d494d;grid-template-columns:120px 1fr 90px;align-items:center;gap:2rem;padding:2rem 0;display:grid}.route time{color:var(--orange-text);font:600 .85rem Consolas}.route li div>span{letter-spacing:.1em;font:600 .66rem Consolas}.route h3{letter-spacing:-.025em;font-size:clamp(2rem,4vw,3.8rem)}.route li p{max-width:700px}.weather{aspect-ratio:1;border:2px solid var(--ocean);border-radius:50%;place-items:center;width:76px;font:700 1.4rem Arial Narrow;display:grid}.weather small{text-transform:uppercase;font:500 .5rem Consolas;display:block}.pack{background:var(--green);color:#fff;grid-template-columns:.8fr 1.2fr;gap:5rem;padding:4rem max(1rem,50vw - 630px);display:grid}.pack h2{font-size:clamp(3rem,6vw,6rem)}.check-grid{grid-template-columns:1fr 1fr;align-content:center;gap:.8rem;display:grid}.check-grid label{color:var(--ink);text-transform:uppercase;background:#fffffff0;padding:1rem;font:600 .78rem Consolas}.check-grid input{accent-color:var(--orange);vertical-align:middle;width:1.1rem;height:1.1rem;margin-right:.5rem}.outfitters{width:min(1260px,100% - 2rem);margin:auto;padding:6rem 0}.outfitters header{border-bottom:5px solid var(--ocean)}.brand-grid{grid-template-columns:repeat(3,1fr);display:grid}.brand-grid article{border-right:2px solid var(--ocean);flex-direction:column;min-width:0;min-height:390px;padding:2rem;display:flex}.brand-grid article:last-child{border:0}.brand-grid article>span{letter-spacing:.12em;color:var(--green-text);font:600 .65rem Consolas}.brand-grid h3{font-size:3rem}.brand-grid a,.brand-grid button{background:var(--orange);text-transform:uppercase;text-align:left;border:0;margin-top:auto;padding:1rem;font:700 .72rem Consolas;text-decoration:none}.brand-grid small{margin-top:.8rem}.brand-grid .night{background:var(--ocean);color:#fff}.brand-grid .night>span{color:var(--foam)}.brand-grid button:disabled{background:var(--foam);color:var(--ocean);opacity:1;cursor:not-allowed}footer{background:var(--deep);color:#fff;grid-template-columns:1fr 1fr;gap:4rem;padding:3rem max(1rem,50vw - 630px);font-size:.78rem;display:grid}footer p{max-width:600px}footer nav{flex-wrap:wrap;gap:.6rem 1rem;display:flex}@media (width<=800px){.field-header{grid-template-columns:1fr auto}.field-header nav{flex-wrap:wrap;grid-column:1/-1;gap:.6rem 1rem;display:flex}.hero-grid,.pack{grid-template-columns:1fr}.hero-grid{padding:3rem 0}.compass{display:none}.route header{display:block}.route li{grid-template-columns:70px 1fr}.weather{display:none}.pack{gap:1rem}.check-grid,.brand-grid{grid-template-columns:1fr}.brand-grid article{border-right:0;border-bottom:2px solid var(--ocean);overflow-wrap:anywhere}.brand-grid h3{font-size:clamp(2rem,12vw,3rem)}footer{grid-template-columns:1fr}}