/* Topic length: 300. Zero-based selection: Liquid Glass / Bento Grid.
   Outdoor Light Scout overrides applied: slate, neutral surfaces, lime, square panels. */
:root{--bg-canvas:#1e2530;--bg-surface:#303640;--bg-surface-hover:#3b424c;--text-primary:#fff;--text-muted:#d0d2d3;--accent-primary:#a3e635;--accent-secondary:#d4f7a0;--border-subtle:rgba(255,255,255,.12);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 16px 32px -4px #0006,0 3px 8px #0003;--glow-accent:0 0 28px -4px #a3e63535;--glass-backdrop:blur(20px) saturate(190%)}
*{box-sizing:border-box;overflow-wrap:anywhere;hyphens:auto}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.75 system-ui,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent-secondary);text-underline-offset:4px}
a:hover{color:#fff}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;margin:0 0 1rem}
h1{font-size:clamp(2.5rem,5.3vw,3.5rem)}
h2{font-size:2rem}
h3{font-size:1.5rem}
p{margin:0 0 1.15rem}
ul,ol{padding-left:1.4rem}
button,input,textarea,select{font:inherit}
button,a,input,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.6}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:16px;top:-100px;z-index:20;background:var(--accent-primary);color:var(--bg-canvas);padding:10px 16px}
.skip:focus{top:12px}
.site-header{position:relative;z-index:10;background:var(--bg-canvas);transition:background .3s}
.home .site-header{background:transparent}
.home .site-header.is-scrolled{background:var(--bg-canvas)}
.header-row{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.05rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap;flex-shrink:0}
.brand-mark{width:28px;height:28px;border:3px solid var(--accent-primary);display:grid;place-items:center;transform:rotate(-8deg)}
.brand-mark::after{content:"";width:8px;height:8px;background:var(--accent-primary);border-radius:50%}
.site-nav{display:flex;align-items:center;gap:20px}
.site-nav a{font-size:.82rem;color:#fff;text-decoration:none;font-weight:650;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--accent-primary)}
.menu-toggle{display:none;border:1px solid var(--border-subtle);color:#fff;background:var(--bg-surface);font-size:2rem;line-height:1;width:44px;height:44px}
.hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:end;margin-top:-96px;padding:160px 0 64px}
.hero-image{position:absolute;inset:0;z-index:-3}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#1e2530eF 0%,#1e2530a8 48%,#1e253038),linear-gradient(0deg,#1e2530 0%,transparent 50%)}
.hero::after{content:"";position:absolute;right:7%;top:28%;width:230px;height:230px;background:var(--accent-primary);filter:blur(100px);opacity:.13;z-index:-1;animation:floatOrb 15s ease-in-out infinite alternate;pointer-events:none}
@keyframes floatOrb{to{transform:translate(-45px,50px) scale(1.2)}}
.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:end}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800;color:var(--accent-primary);margin-bottom:18px}
.hero-copy p{max-width:52ch;color:#f1f1ef}
.button,button.primary{display:inline-block;border:0;background:var(--accent-primary);color:#1e2530;padding:12px 20px;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 #11151b;transition:transform .25s var(--ease-kinetic),box-shadow .25s}
.button:hover,button.primary:hover{color:#1e2530;transform:translate(3px,3px);box-shadow:1px 1px 0 #11151b}
.button.secondary{background:var(--bg-surface);color:#fff;box-shadow:4px 4px 0 #11151b}
.glass{background:#303640d9;backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation);border:1px solid var(--border-subtle)}
.hero-facts{padding:26px}
.hero-facts h2{font-size:1.25rem;letter-spacing:-.02em}
.fact{padding:12px 0;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:.92rem}
.fact strong{color:var(--accent-primary)}
.small,.caption{font-size:.83rem;color:var(--text-muted)}
.caption{margin:12px 0 0}
.section{padding:70px 0}
.section-head{display:flex;align-items:start;justify-content:space-between;gap:32px;margin-bottom:28px}
.section-head p{max-width:46ch;color:var(--text-muted)}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"light access weather";gap:20px}
.bento .light{grid-area:light}.bento .access{grid-area:access}.bento .weather{grid-area:weather}
.panel{background:var(--bg-surface);padding:28px;box-shadow:0 8px 22px #0002}
.lift{transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}
.lift:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-elevation),var(--glow-accent)}
.number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-primary);color:var(--bg-canvas);font-size:.8rem;font-weight:800;margin-bottom:20px}
.split-card{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);box-shadow:var(--shadow-elevation)}
.split-card .copy{padding:38px}
.photo{aspect-ratio:4/3;overflow:clip}
.photo.wide{aspect-ratio:16/9}
.photo.square{aspect-ratio:1}
.split-card>.photo{height:100%;min-height:300px;aspect-ratio:auto}
.lime-band{background:var(--accent-primary);color:var(--bg-canvas);padding:45px 0}
.lime-band a{color:var(--bg-canvas);font-weight:800}
.lime-band p{max-width:72ch}
.lime-band .eyebrow{color:var(--bg-canvas)}
.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}
.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.media-card{background:var(--bg-surface);box-shadow:0 8px 22px #0002}
.media-card .copy{padding:24px}
.media-card h3{font-size:1.3rem}
details{background:var(--bg-surface);margin-bottom:12px;padding:0 22px}
summary{cursor:pointer;font-weight:750;padding:19px 0;line-height:1.5}
details[open] summary{color:var(--accent-primary)}
details p{padding-bottom:18px;max-width:72ch}
.detail-list{margin:22px 0}
table{width:100%;border-collapse:collapse;font-size:.94rem}
th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid var(--border-subtle)}
th{color:var(--accent-primary);background:#ffffff05}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.tabs button{background:var(--bg-surface);border:1px solid var(--border-subtle);color:#fff;padding:10px 18px;font-weight:750}
.tabs button[aria-selected="true"]{background:var(--accent-primary);color:var(--bg-canvas)}
.season-panel{background:var(--bg-surface);padding:28px;margin-bottom:18px}
[hidden]{display:none!important}
.page-intro{padding:55px 0 40px}
.intro-grid{display:grid;grid-template-areas:"title photo" "facts photo";grid-template-columns:1.2fr 1fr;gap:25px}
.intro-copy{grid-area:title;align-self:end}
.intro-photo{grid-area:photo;min-height:320px}
.fact-strip{grid-area:facts;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.fact-strip span{background:var(--bg-surface);padding:9px 13px;font-size:.83rem}
.reading{max-width:72ch;margin:0 auto}
.reading h2{margin-top:2.5rem}
.reading h3{margin-top:1.75rem}
.reading p,.reading li{color:#e1e3e5}
.reading a{color:var(--accent-secondary)}
.article-body{padding:12px 0 65px}
.note{border-left:4px solid var(--accent-primary);padding:18px 22px;background:var(--bg-surface);margin:28px 0}
.note p:last-child{margin-bottom:0}
.related{padding:28px;background:var(--bg-surface);margin-top:36px}
.related a{display:inline-block;margin-right:18px}
.prose-page{padding:55px 0 75px}
.prose-page .lead{font-size:1.15rem;color:var(--text-muted)}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:32px}
label{display:block;font-weight:700;margin-bottom:6px}
input,textarea{width:100%;background:var(--bg-canvas);border:1px solid #ffffff4d;color:#fff;padding:12px;margin-bottom:19px;border-radius:0}
textarea{min-height:160px;resize:vertical}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 20px}
.status{min-height:1.8em;color:var(--accent-secondary)}
.site-footer{border-top:1px solid var(--border-subtle);padding:38px 0 26px;background:#191f28}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:32px}
.footer-top strong{display:block}
.footer-links{display:flex;gap:12px 22px;flex-wrap:wrap;max-width:500px}
.footer-links a{font-size:.9rem}
.footer-bottom{margin-top:26px;color:var(--text-muted);font-size:.83rem}
.reveal-pending{opacity:0;transform:translateY(22px)}
.reveal-visible{transform:translateY(0);opacity:1;transition:opacity .8s var(--ease-kinetic),transform .8s var(--ease-kinetic)}
@media(min-width:1025px){.hero h1{max-width:14ch}.site-nav{gap:22px}}
@media(min-width:769px) and (max-width:1024px){.header-row{gap:16px;padding-inline:20px}.site-nav{gap:12px}.site-nav a{font-size:.73rem}.brand{font-size:.91rem}.hero-grid{gap:30px}.split-card .copy{padding:28px}}
@media(max-width:768px){.header-row{min-height:80px;padding:16px 20px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:75px;background:#303640f5;backdrop-filter:var(--glass-backdrop);padding:16px;box-shadow:var(--shadow-elevation);border:1px solid var(--border-subtle)}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{font-size:1rem;padding:12px}.hero{margin-top:-80px;padding-top:135px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:650px}.hero-facts{max-width:560px}.section{padding:48px 0}.section-head{display:block}.bento{grid-template-columns:1fr;grid-template-areas:"light" "access" "weather"}.split-card,.intro-grid,.contact-grid{grid-template-columns:1fr}.intro-grid{grid-template-areas:"title" "facts" "photo"}.intro-photo{min-height:0;aspect-ratio:16/9}.split-card>.photo{aspect-ratio:16/9;min-height:0}.mini-grid{grid-template-columns:1fr}.media-card{display:grid;grid-template-columns:140px 1fr}.media-card .photo{height:100%;aspect-ratio:1}.footer-top{flex-direction:column}.page-intro{padding-top:34px}}
@media(min-width:481px) and (max-width:768px){.hero-facts{width:100%}.fact{grid-template-columns:100px 1fr}.wrap{width:calc(100% - 40px)}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{font-size:.95rem}.header-row{padding-inline:16px}.hero{padding-bottom:40px}.hero-facts,.panel,.season-panel{padding:22px}.split-card .copy{padding:24px}.section-head h2{font-size:1.85rem}.media-card{display:block}.media-card .photo{aspect-ratio:16/9}.fact{grid-template-columns:70px 1fr}.contact-grid>.panel{padding:20px}.actions{flex-direction:column;align-items:stretch}.tabs button{flex:1 1 40%}.footer-links{gap:14px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}