/* Summit QK AC Services */
:root{--plum:#2A1740;--plum2:#3D2260;--coral:#FF6B4A;--gold:#FFB84D;--sand:#F6E9D8;--cream:#FFF8EE;--ink:#24132F;--muted:#6B5A75;
  --disp:"Rozha One",Georgia,serif;--sans:"Karla",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;padding-bottom:58px;font:400 17px/1.65 var(--sans);color:var(--ink);background:var(--cream)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0 0 1em}
h1,h2,h3{margin:0 0 .5em;font-family:var(--disp);font-weight:400;line-height:1.05}
h1{font-size:clamp(2.6rem,9.5vw,5.4rem)}
h2{font-size:clamp(2rem,5.5vw,3.2rem)}
h3{font-size:1.35rem}
section{padding:64px 20px}

.rail{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--plum);color:var(--sand)}
.brand b{display:block;font:400 1.4rem/1 var(--disp)}
.brand small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.rail-nav{display:none}
.rail-phone{font-weight:700;color:var(--gold)}

.chip{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:7px 14px;border:1px solid currentColor;border-radius:99px;font-size:.88rem;font-weight:700}
.chip i{width:9px;height:9px;border-radius:50%;background:#999}
.chip:has(.is-open) i{background:#35C46A;box-shadow:0 0 0 4px rgba(53,196,106,.25)}
.chip-dark{color:var(--plum)}
.cta{display:inline-block;padding:15px 28px;border:0;border-radius:0 26px 0 26px;background:var(--coral);color:var(--plum);font:700 1.1rem var(--sans);cursor:pointer;box-shadow:5px 5px 0 var(--plum);transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--plum)}

.hero{display:grid;gap:28px;padding-top:44px;background:var(--sand) repeating-radial-gradient(ellipse at 85% 15%,transparent 0 26px,rgba(42,23,64,.09) 26px 27px);overflow:hidden}
.lead{max-width:34rem;font-size:1.12rem;color:var(--muted)}
.addr{margin:18px 0 0;font-size:.9rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.peaks{position:relative;margin:0 -20px -64px;background:var(--plum);clip-path:polygon(0 100%,0 40%,22% 22%,34% 40%,60% 0,82% 34%,100% 18%,100% 100%)}
.peaks img{width:100%;height:300px;object-fit:cover;mix-blend-mode:luminosity;opacity:.85}
.peaks::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,107,74,.55),rgba(42,23,64,.5))}

.ascent{background:var(--plum);color:var(--sand);padding-top:120px}
.ascent h2{margin-bottom:36px;color:var(--gold)}
.ascent ol{display:grid;gap:16px}
.ascent li{display:grid;gap:8px;padding:20px 22px;background:var(--plum2);border-left:6px solid var(--coral);box-shadow:6px 6px 0 rgba(255,184,77,.35)}
.ascent p{margin:0;color:#D9CBE6}
.camp{font:700 .75rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

.guide{display:grid;gap:32px;background:var(--cream)}
.guide img{width:100%;border-radius:0 80px 0 80px;box-shadow:10px 10px 0 var(--gold)}
.guide p{color:var(--muted)}
.readings{margin-top:20px;border-top:2px solid var(--plum)}
.readings li{padding:11px 0 11px 26px;border-bottom:1px solid rgba(42,23,64,.25);position:relative;font-weight:700}
.readings li::before{content:"";position:absolute;left:2px;top:1.05em;border:6px solid transparent;border-bottom:10px solid var(--coral);border-top:0}

.faq{background:var(--sand)}
.faq h2{margin-bottom:24px}
details{border-top:2px solid var(--plum);padding:6px 0}
details:last-child{border-bottom:2px solid var(--plum)}
summary{padding:14px 34px 14px 0;font:700 1.1rem var(--sans);cursor:pointer;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:8px;font:400 1.8rem var(--disp);color:var(--coral)}
details[open] summary::after{content:"\2212"}
details p{max-width:42rem;margin:0 0 14px;color:var(--muted)}

.hours{display:grid;gap:24px;background:var(--gold);color:var(--plum)}
table{width:100%;border-collapse:collapse;font-size:1.05rem}
tr{border-bottom:1px solid rgba(42,23,64,.3)}
th,td{padding:12px 8px;text-align:left}
th{font-weight:700}
td{text-align:right}
tr.today{background:var(--plum);color:var(--gold)}
tr.today th::after{content:" \00B7 today";font-weight:400}

.contact{display:grid;gap:36px;background:var(--cream)}
.phone-xl{display:block;margin:4px 0 20px;font:400 clamp(2.2rem,10vw,3.8rem)/1 var(--disp);color:var(--coral)}
.contact-info p{overflow-wrap:anywhere}
.map{width:100%;height:280px;border:3px solid var(--plum);filter:sepia(.35) saturate(.9)}
.footer{padding:24px 20px;background:var(--plum);color:#BDA9D2;font-size:.85rem}
.footer p{margin:0}

.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:var(--plum);border-top:3px solid var(--coral)}
.tabbar a{padding:15px 4px;text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sand)}
.tabbar a:first-child{background:var(--coral);color:var(--plum)}

@media(min-width:700px){
  .ascent ol{gap:20px}
  .hours{grid-template-columns:1fr 1fr;align-items:center;gap:56px}
}
@media(min-width:1000px){
  body{padding:0 0 0 96px}
  .tabbar{display:none}
  .rail{position:fixed;left:0;top:0;bottom:0;z-index:50;width:96px;flex-direction:column;justify-content:space-between;padding:30px 0}
  .brand,.rail-nav a,.rail-phone{writing-mode:vertical-rl;transform:rotate(180deg)}
  .rail-nav{display:flex;flex-direction:column-reverse;gap:26px}
  .rail-nav a{font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
  .rail-nav a:hover{color:var(--coral)}
  .brand b{font-size:1.5rem}
  section{padding:104px 64px}
  .hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:100vh;padding-top:80px}
  .peaks{margin:0 -64px -104px 0;align-self:end}
  .peaks img{height:560px}
  .ascent{padding-top:120px}
  .ascent li{grid-template-columns:110px 1fr;align-items:baseline}
  .ascent li:nth-child(2){margin-left:5%}
  .ascent li:nth-child(3){margin-left:10%}
  .ascent li:nth-child(4){margin-left:15%}
  .ascent li:nth-child(5){margin-left:20%}
  .guide{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px}
  .faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px}
  .contact{grid-template-columns:1fr 1fr;gap:72px;align-items:stretch}
  .map{height:100%;min-height:360px}
  .footer{padding:26px 64px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
