/* Shared family: midnight ink, warm cream, turquoise signals, and rocket orange.
   System-local fonts and unmodified user artwork keep assets self-contained. */
:root{color-scheme:dark;--night:#091f2c;--cream:#fff0ce;--cyan:#5dd4d5;--orange:#f77845;--red:#ff3547;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;height:auto;display:block}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--cyan);color:var(--night)}.skip{position:fixed;left:20px;top:-100px;z-index:20;padding:15px;background:var(--cream);color:var(--night)}.skip:focus{top:15px}
/* Each standalone domain owns its own stylesheet. */
/* Related navigation, type scale, section rhythm, and keyboard focus. */
.site-header,.content-section,.site-footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:26px;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-1px;text-decoration:none}.brand span{color:var(--cyan);margin-left:-8px}.site-header nav{display:flex;gap:30px;font:12px var(--mono)}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.eyebrow{font:11px/1.7 var(--mono);text-transform:uppercase;letter-spacing:1.7px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--cyan);border-radius:50%}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(55px,6vw,90px);letter-spacing:-4px;line-height:1.02;font-weight:900}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;line-height:1.1}h3{font-size:26px;line-height:1.1;letter-spacing:-1px}.hero-description{font-size:18px;line-height:1.7;margin-top:25px;color:#c8d4d6}.button{display:inline-flex;align-items:center;gap:38px;min-height:53px;padding:17px 22px;margin-top:30px;font-size:13px;font-weight:700;text-decoration:none;border-radius:3px}.button:hover{transform:translateY(-2px)}.cream{background:var(--cream);color:var(--night)}.dark{background:var(--night);color:var(--cream)}.outline{border:1px solid var(--cyan);color:var(--cream)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:38px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:28px;padding-bottom:28px;border-top:1px solid #ffffff25;font-size:12px}.site-footer strong{font-size:18px;letter-spacing:-.6px}.site-footer a{text-decoration:none}.content-section{padding-top:85px;padding-bottom:85px}
/* .CA: northern-adventure poster, warm editorial inset, and trail cards. */
.site-ca{background:radial-gradient(ellipse at 75% 15%,#143b4a 0,transparent 44%),var(--night)}.ca-hero{max-width:1600px;margin:auto;padding:65px 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.hero-text .eyebrow{color:var(--cyan);margin-bottom:28px}.ca-hero h1 em{color:var(--cyan);font-size:.94em}.handwritten{font:italic 16px Georgia,serif;color:#d7bc8f;margin-top:28px}.ca-art{position:relative;transform:rotate(3deg)}.ca-art img{border-radius:0;clip-path:url(#rocket-frame);filter:drop-shadow(0 18px 35px #0005)}.ca-art figcaption{text-align:center;font:9px var(--mono);letter-spacing:2px;margin-top:20px;color:#b3ced3}.sticker{position:absolute;z-index:2;font:900 11px/1.4 Arial,sans-serif;letter-spacing:1px;text-align:center;padding:21px 12px;width:107px;height:107px;display:grid;place-content:center;border-radius:50%;transform:rotate(-14deg);border:2px dashed var(--cream);outline:5px solid var(--red)}.sticker-red{background:var(--red);top:0;right:2%;color:var(--cream)}.tiny-star{position:absolute;left:-20px;bottom:30px;font-size:65px;color:var(--orange)}.ribbon{background:#b9192d;padding:22px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font:900 14px var(--mono);letter-spacing:2px}.ribbon span:nth-child(even){font-size:24px}.ca-story{background:var(--cream);color:var(--night);display:grid;grid-template-columns:1fr 1fr;gap:60px}.ca-story h2{margin-top:24px}.ca-story em{color:#a53725}.story-copy{padding-top:10px}.story-copy p{font-size:17px;line-height:1.8;margin-bottom:20px;max-width:580px}.signoff{display:block;font:italic 25px Georgia,serif;margin-top:25px}.adventure{background:#102b37}.trail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trail-grid>a{border:1px solid #53707b;padding:32px;text-decoration:none;position:relative}.trail-grid>a:hover{background:#173d49;border-color:var(--cyan)}.trail-icon{display:block;font-size:40px;color:var(--cyan);margin-bottom:28px}.trail-grid .eyebrow{color:#adced4}.trail-grid h3{margin-top:12px}.trail-grid p{color:#bacdd0;line-height:1.8;font-size:15px;max-width:430px;margin-top:18px}
/* Narrow viewports retain reading order, reachable controls, and flexible widths. */
@media(max-width:1000px){h1{font-size:62px}.ca-hero{gap:20px}.sticker{width:85px;height:85px;font-size:9px}}
@media(max-width:760px){.site-header{padding:22px 6%;gap:18px;flex-wrap:wrap}.brand{font-size:20px}.site-header nav{font-size:10px;gap:20px}.ca-hero{grid-template-columns:1fr;padding:40px 6% 50px;gap:55px}.ca-hero h1{font-size:clamp(49px,9.2vw,70px);letter-spacing:-2.5px}.hero-description{font-size:16px}.ca-art{max-width:480px;margin:auto;width:95%}.sticker{right:0}.tiny-star{left:-10px;font-size:45px}.ribbon{font-size:10px;letter-spacing:.6px;gap:10px;padding:18px 6%}.ribbon span:last-child{display:none}.ribbon span:nth-child(even){font-size:16px}.content-section{padding:50px 6%}.ca-story{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading h2{margin-top:20px}.trail-grid{grid-template-columns:1fr;gap:20px}.trail-grid>a{padding:25px}.trail-icon{font-size:32px;margin-bottom:20px}.site-footer{padding:25px 6%;flex-wrap:wrap;gap:20px}.site-footer>span{width:100%;order:3;line-height:1.7}.site-footer>a{margin-left:auto;font-size:10px}}
@media(max-width:380px){.site-header nav{gap:14px}.ribbon{font-size:8px}.button{gap:20px}.site-header{gap:14px}}
/* No flashing or looping animations. Reduced motion also disables hover movement. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,}

/* This directory is independent; only its own page is present. */
.site{display:block}

/* A circular silhouette with room for the rocket preserves the original tilted
   badge composition. The SVG mask is proportional, so it scales on mobile. */
.art-masks{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
/* Keep the sticker away from the rocket without changing the badge tilt. */
.sticker-red{right:auto;left:0;top:-18px}