
/* Approved November 8 desktop mockup composition; mobile is a purpose-built responsive arrangement. */
body{background:#f7f5f0;color:#26332b;font-family:Arial,Helvetica,sans-serif}main{max-width:none;padding:14px 14px 0}.site-head{height:56px;background:#172e27;padding:0 5%;gap:22px}.brand{font-size:23px;letter-spacing:.22em}.brand small{font-size:8px;letter-spacing:.4em}.mountain-logo{font-size:54px;transform:none;color:#fff}.site-head nav{gap:25px}.site-head nav a{text-transform:none;font-size:13px;letter-spacing:0}.site-head nav a:first-child{border-bottom:2px solid #afc77b;padding:19px 0}.admin-link{border-radius:8px}.hero{min-height:300px;max-height:none;background:linear-gradient(90deg,rgba(10,25,32,.8) 0%,rgba(15,31,42,.48) 39%,rgba(16,32,31,.08) 75%),var(--hero-image) center 38%/cover;align-items:center;overflow:hidden}.hero-shade{background:none}.hero-copy{width:100%;max-width:none;padding:25px 0 25px 5.5%;margin:0;text-shadow:0 2px 14px #0019}.hero h1{font-size:clamp(40px,4vw,70px);letter-spacing:-.025em;line-height:.98;margin:12px 0}.hero h1 [data-edit]{display:inline-block}.hero p{font:italic 17px/1.35 Arial,Helvetica,sans-serif;max-width:540px;margin:15px 0}.hero .overline{font-size:12px;letter-spacing:.3em}.hero-actions{gap:15px}.button{border-radius:9px;text-transform:none;font-size:13px;letter-spacing:0;padding:12px 22px}.button.primary{background:linear-gradient(#91a64a,#60792a);border:1px solid #e0e9c1;color:white}.button.ghost{background:#102f3677}.hero-quick{position:absolute;right:4%;top:23%;display:grid;gap:15px;z-index:2;background:#102c2799;padding:15px 18px;border-radius:12px}.hero-quick a{text-decoration:none;color:white;font-size:13px}.atlas-section{display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:0;min-height:375px;border:1px solid #e1dfd8;border-radius:17px;overflow:hidden;background:#f5f6f1;box-shadow:0 4px 17px #1b2a2115}.atlas-nav{background:linear-gradient(145deg,#354438,#172a25);color:white;padding:18px 14px}.atlas-nav-heading{margin:0 6px 16px}.atlas-nav-heading span{display:block;font-size:15px;letter-spacing:.19em}.atlas-nav-heading strong{font-size:15px;font-weight:400}.atlas-nav button,.atlas-nav a{display:block;width:100%;text-align:left;background:none;color:#fff;border:0;border-bottom:1px solid #ffffff25;padding:9px 12px;font-size:13px;text-decoration:none}.atlas-nav button:first-of-type{background:#7d9135;border:1px solid #cad39e;border-radius:9px}.atlas-nav button:hover,.atlas-nav a:hover{background:#506c39}.atlas-map{position:relative;min-width:0;background:#d5dfc7;overflow:hidden}.atlas-map-image{width:100%;height:100%;min-height:375px;object-fit:cover;object-position:center}.atlas-hotspots{position:absolute;inset:0}.map-pin{width:23px;height:23px;border-radius:50%;padding:0;background:#fff;border:3px solid #5a7833;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0008}.map-pin .pin-dot{display:none}.map-pin.active,.map-pin:hover{background:#f47b22;border-color:#fff;transform:translate(-50%,-50%) scale(1.25)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.atlas-warning{position:absolute;bottom:5px;left:10px;font-size:10px;color:#32492c;background:#f9f8e8cf;padding:3px 8px;border-radius:3px}.map-detail{padding:0;background:#fff;border:0;display:flex;flex-direction:column}.detail-photo{height:108px;position:relative;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo span{position:absolute;bottom:7px;left:10px;color:white;font-size:10px;letter-spacing:.12em;text-shadow:0 1px 5px #000}.detail-body{padding:12px 16px}.map-detail h3{font-size:28px;margin:0 0 6px;color:#182c21}.difficulty-tag{background:#f3e7c7;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:5px}.map-detail dl{grid-template-columns:70px 1fr;gap:7px;margin:12px 0;font-size:11px}.map-detail p{font-size:11px;margin:8px 0;line-height:1.35}.map-detail label{margin:10px 0 4px}.map-detail select{padding:7px}.map-detail .button{padding:10px;margin-top:7px}.feature-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 20px}.feature-tile{background:white;border-radius:12px;border:1px solid #deddd6;overflow:hidden;text-decoration:none;min-width:0;padding-bottom:12px;box-shadow:0 4px 15px #0000000c}.feature-tile img{width:100%;height:95px;object-fit:cover}.feature-tile strong,.feature-tile small{display:block;margin:5px 13px}.feature-tile strong{font:700 15px Georgia,serif}.feature-tile small{font-size:11px;line-height:1.4}.training,.trails,.resources{margin:60px auto;max-width:1450px}.section-title h2{font-size:clamp(30px,3vw,44px)}.timeline{grid-template-columns:repeat(6,minmax(0,1fr))}.timeline article{background:white;border-radius:9px;border-top:3px solid #7d9135}.hike-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.hike-card{background:#fff;border:1px solid #e1e3dc;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 3px 12px #14251c0e;transition:transform .2s}.hike-card:hover{transform:translateY(-4px)}.hike-card img{width:100%;height:125px;object-fit:cover;display:block}.hike-card-body{display:grid;padding:14px;gap:6px}.hike-card strong{font:700 18px Georgia,serif}.hike-card small{font-size:12px;color:#5d6a5e;line-height:1.4}.hike-card em{font-size:10px;font-style:normal;letter-spacing:.1em;color:#52713b;margin-top:8px;font-weight:700}.adventures{max-width:1450px;margin:60px auto;border-radius:14px;overflow:hidden}.adventure-photo{transform:none}.resource-grid a{background:white;border-radius:8px}footer{background:#173129}
@media(max-width:1150px){.site-head nav{gap:10px}.site-head nav a{font-size:11px}.atlas-section{grid-template-columns:195px minmax(0,1fr) 245px}.hero-quick{right:2%}.feature-row{gap:8px}.feature-tile strong{font-size:13px}.hike-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.site-head{height:68px;padding:0 15px}.site-head nav{top:68px;background:#173129}.site-head nav a:first-child{padding:0;border:0}.hero{min-height:510px;align-items:flex-end;background-position:56% center}.hero-copy{padding:50px 22px 34px}.hero h1{font-size:clamp(39px,8vw,65px)}.hero p{font-size:16px}.hero-quick{display:none}.atlas-section{display:flex;flex-direction:column}.atlas-nav{display:flex;overflow:auto;gap:5px;align-items:center;padding:12px}.atlas-nav-heading{min-width:180px;margin:0}.atlas-nav button,.atlas-nav a{width:auto;flex:none;white-space:nowrap;border:1px solid #ffffff30;border-radius:7px;padding:8px 12px}.atlas-map-image{height:350px;min-height:350px}.map-detail{display:block}.detail-photo{height:135px}.detail-body{padding:18px}.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-tile:last-child{grid-column:span 2}.feature-tile img{height:130px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.hike-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adventures{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.brand{font-size:15px}.brand small{font-size:7px}.mountain-logo{font-size:38px}.hero{min-height:520px}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:stretch}.atlas-map-image{height:300px;min-height:300px}.feature-tile img{height:90px}.feature-tile strong{font-size:13px}.hike-grid{gap:9px}.hike-card img{height:90px}.hike-card-body{padding:10px}.hike-card strong{font-size:15px}.hike-card small{font-size:10px}.timeline{gap:8px}.resource-grid{grid-template-columns:1fr}}
