:root{--ink:#101312;--paper:#f3f0e8;--cream:#e8e0d0;--gold:#c9a45c;--pine:#1f382f;--sage:#829287;--muted:#b8b4a9;--line:rgba(201,164,92,.24)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f3f0e8;font-family:Manrope,sans-serif;line-height:1.65}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.8rem 1rem;background:#fff;color:#111}
.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:2rem;padding:24px 4vw;border-bottom:1px solid rgba(255,255,255,.18)}
.site-logo{font:600 1.45rem/1 'Cormorant Garamond',serif;letter-spacing:.08em;color:#fff;text-decoration:none}
.site-logo span{color:var(--gold)}
.desktop-nav{display:flex;gap:1.3rem;margin:auto}
.desktop-nav a,.site-phone{color:#fff;text-decoration:none;font-size:.82rem}
.site-phone{font-weight:700}
.mobile-menu{display:none}
.hero{position:relative;min-height:690px;display:flex;align-items:flex-end;background:url('/images/about/safety/hero-safety-preparation-v1.jpg') center/cover no-repeat}
.hero-shade,.organized-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,10,.93) 0%,rgba(8,12,10,.64) 54%,rgba(8,12,10,.26) 100%)}
.hero-content{position:relative;z-index:1;padding:150px 0 78px}
.breadcrumbs{display:flex;gap:.65rem;list-style:none;padding:0;margin:0 0 2rem;font-size:.78rem;color:#d6d2c9}
.breadcrumbs li+li:before{content:'—';margin-right:.65rem;color:var(--gold)}
.breadcrumbs a{color:inherit}
.eyebrow{display:block;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;margin-bottom:1rem}
.hero h1{max-width:820px;margin:0 0 1.25rem;font:500 clamp(3.2rem,7vw,6.5rem)/.9 'Cormorant Garamond',serif;letter-spacing:-.025em}
.hero h1 em{display:block;color:var(--gold);font-weight:400}
.hero-copy{max-width:680px;font-size:1.08rem;color:#dfded8}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.25rem;border:1px solid var(--gold);text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.button-primary{background:var(--gold);color:#111}
.button-ghost{color:#fff;background:rgba(0,0,0,.15)}
.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#161b18}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.signal-grid p{margin:0;padding:1.55rem 2rem;border-right:1px solid var(--line)}
.signal-grid p:last-child{border-right:0}
.signal-grid strong,.signal-grid span{display:block}
.signal-grid strong{font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:#fff}
.signal-grid span{font-size:.78rem;color:var(--muted)}
section:not(.hero,.signal-strip,.organized){padding:96px 0}
.opening{background:var(--paper);color:#222}
.opening-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.opening h2,.section-heading h2,.checklist h2,.mountain h2,.emergency h2,.organized h2,.guides h2{font:500 clamp(2.4rem,5vw,4.4rem)/1 'Cormorant Garamond',serif;margin:0}
.opening .eyebrow,.checklist .eyebrow,.mountain .eyebrow,.guides .eyebrow{color:#8b6b2f}
.prose p{font-size:1.05rem;margin:0 0 1.2rem;color:#3f423f}
.section-heading{max-width:770px;margin-bottom:3rem}
.section-heading p{color:var(--muted)}
.responsibility{background:#111513}
.responsibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.responsibility-grid article{background:#18201c;padding:2.2rem}
.responsibility-grid article>span{display:block;color:var(--gold);font-size:.76rem;letter-spacing:.15em}
.responsibility h3,.conditions h3{font:500 1.8rem/1.1 'Cormorant Garamond',serif;margin:.7rem 0}
.responsibility-grid p{color:var(--muted);font-size:.91rem}
.checklist{background:var(--cream);color:#202522}
.checklist-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}
.checklist p{color:#545a56}
.text-link{color:#584414;font-weight:700;text-underline-offset:.3rem}
.checklist ul{list-style:none;padding:0;margin:0;counter-reset:item}
.checklist li{position:relative;padding:1.15rem 1rem 1.15rem 3.7rem;border-top:1px solid rgba(32,37,34,.2)}
.checklist li:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:.2rem;top:1.1rem;color:#8b6b2f;font-weight:700}
.checklist li strong,.checklist li span{display:block}
.checklist li span{font-size:.88rem;color:#5f655f;margin-top:.25rem}
.conditions{background:#101412}
.conditions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.conditions article{padding:2rem;border:1px solid var(--line);background:linear-gradient(145deg,#18201c,#111513)}
.conditions p{color:var(--muted)}
.conditions a{color:var(--gold);font-size:.82rem;font-weight:700}
.mountain{background:var(--paper);color:#202522}
.mountain-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}
.mountain p{color:#4e554f}
.mountain aside{padding:2rem;border-left:3px solid #8b6b2f;background:#e7dfcf}
.mountain aside strong{font:600 1.5rem 'Cormorant Garamond',serif}
.emergency{background:#1b251f}
.emergency-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}
.emergency p{color:#c4c5c0}
.emergency-number{min-height:300px;border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(201,164,92,.14),transparent 65%)}
.emergency-number small,.emergency-number span{color:var(--muted)}
.emergency-number strong{font:500 7rem/1 'Cormorant Garamond',serif;color:var(--gold)}
.organized{position:relative;padding:110px 0;background:radial-gradient(circle at 82% 18%,rgba(201,164,92,.16),transparent 38%),linear-gradient(135deg,#1a251f,#0d110f 72%)}
.organized-shade{background:linear-gradient(90deg,rgba(9,13,11,.18),rgba(9,13,11,.72))}
.organized-content{position:relative;z-index:1;max-width:800px;text-align:center}
.organized h2{font-size:clamp(2.8rem,6vw,5.2rem)}
.organized p{color:#d1d1cc}
.organized .hero-actions{justify-content:center}
.guides{background:var(--paper);color:#202522}
.guides-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}
.guides nav{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.guides nav a{display:block;padding:1.4rem;border:1px solid rgba(32,37,34,.18);color:#202522;text-decoration:none;background:#ebe5d9}
.guides nav strong,.guides nav span{display:block}
.guides nav strong{font:600 1.35rem 'Cormorant Garamond',serif}
.guides nav span{font-size:.8rem;color:#666d68;margin-top:.3rem}
.site-footer{padding:60px 0;background:#0b0e0c;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .7fr;gap:3rem}
.site-footer p{max-width:420px;color:var(--muted);font-size:.85rem}
.site-footer nav,.footer-contact{display:flex;flex-direction:column;gap:.55rem}
.site-footer a{color:#deddd7;text-decoration:none;font-size:.85rem}
.footer-contact span{color:var(--muted);font-size:.8rem}
.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}

@media(max-width:900px){.desktop-nav,.site-phone{display:none}
.mobile-menu{display:block;margin-left:auto}
.mobile-menu summary{list-style:none;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.mobile-menu nav{position:absolute;right:20px;top:70px;display:flex;flex-direction:column;min-width:220px;padding:1rem;background:#101512;border:1px solid var(--line)}
.mobile-menu nav a{padding:.55rem;color:#fff;text-decoration:none}
.opening-grid,.checklist-grid,.mountain-grid,.emergency-grid,.guides-grid{grid-template-columns:1fr}
.responsibility-grid{grid-template-columns:1fr}
.conditions-grid,.guides nav{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.hero{min-height:630px}
.hero h1{font-size:clamp(3rem,12vw,5rem)}
}

@media(max-width:600px){.wrap{width:min(100% - 32px,1160px)}
.site-header{padding:20px 16px}
.hero-content{padding:130px 0 58px}
.hero-copy{font-size:.96rem}
.signal-grid{grid-template-columns:1fr}
.signal-grid p{border-right:0;border-bottom:1px solid var(--line);padding:1rem 0}
.signal-grid p:last-child{border-bottom:0}
section:not(.hero,.signal-strip,.organized){padding:70px 0}
.hero-actions{flex-direction:column}
.button{width:100%}
.responsibility-grid article,.conditions article{padding:1.5rem}
.emergency-number{min-height:230px}
.emergency-number strong{font-size:5.5rem}
.footer-grid{grid-template-columns:1fr}
}