/* Cardrona & Treble Cone — site-specific styles. Loaded after base.css. */

/* Fonts: self-declared, display optional (no layout shift) */
@font-face{font-family:"Bitter";font-style:italic;font-weight:800;font-display:optional;src:url(https://fonts.gstatic.com/s/bitter/v42/raxjHiqOu8IVPmn7epZnDMyKBvHf5D6cYPv-UXByjeU.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bitter";font-style:italic;font-weight:800;font-display:optional;src:url(https://fonts.gstatic.com/s/bitter/v42/raxjHiqOu8IVPmn7epZnDMyKBvHf5D6cYPv-X3By.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--container:1200px;--header-h:72px}
h1,h2,h3{font-style:italic;font-weight:800;color:var(--accent);letter-spacing:-.01em}
h3{font-size:var(--fs-lg)}
.btn{font-weight:600;border-radius:var(--radius)}
.btn-primary{box-shadow:none}
.btn-light{background:#fff;color:var(--accent);border-color:#fff}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-line:hover{background:rgba(255,255,255,.12)}

/* Header */
.site-header{background:#fff;backdrop-filter:none}
.brand img{height:52px;width:auto}
.nav a{color:var(--accent);font-weight:600}
.nav a:hover,.nav a[aria-current="page"]{color:var(--brand)}
.nav a.btn-primary{padding:.7em 1.1em}

/* Hero: one photo, headline in a slate block over its corner */
.hero-cover{position:relative;background:var(--accent)}
.hero-cover figure{margin:0;overflow:hidden}
.hero-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;animation:settle 1.6s var(--ease) both}
@keyframes settle{from{transform:scale(1.06)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.hero-cover img{animation:none}}
.hero-panel{background:var(--accent);color:#fff;padding:var(--s-6) var(--gutter) var(--s-7)}
.hero-panel h1{color:#fff;font-size:clamp(2.3rem,1.6rem + 3.6vw,4.4rem);line-height:1.02;margin-bottom:var(--s-4)}
.hero-panel p{color:#dce5ea;font-size:var(--fs-lg);max-width:40ch}
.hero-panel .cluster{margin-top:var(--s-5)}
@media(min-width:900px){
  .hero-cover img{aspect-ratio:auto;height:min(82vh,760px)}
  .hero-panel{position:absolute;left:max(var(--gutter),calc(50% - var(--container)/2));bottom:var(--s-7);max-width:34rem;padding:var(--s-6) var(--s-6) var(--s-6)}
}

/* Which mountain? ledger */
.ledger{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:880px){.ledger{grid-template-columns:1fr 1fr;gap:0}.ledger>article+article{border-left:1px solid var(--line);padding-left:var(--s-7)}.ledger>article:first-child{padding-right:var(--s-7)}}
.ledger img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:var(--s-5)}
.ledger h3{font-size:var(--fs-2xl);margin-bottom:var(--s-2)}
.ledger .lede{font-size:var(--fs-md);margin-bottom:var(--s-5)}
.facts{margin:0 0 var(--s-5);border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:9rem 1fr;gap:var(--s-4);padding:.8rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--ink-3);font-size:var(--fs-sm)}
.facts dd{margin:0;font-weight:600;color:var(--ink)}
@media(max-width:420px){.facts div{grid-template-columns:7rem 1fr}}
.more{font-weight:600;color:var(--accent)}

/* Summer */
.summer{background:var(--bg-alt)}
.summer-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr;align-items:start}
@media(min-width:900px){.summer-grid{grid-template-columns:1.1fr 1fr}}
.summer-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}
.opens{display:inline-block;font-weight:600;color:var(--tussock);margin-bottom:var(--s-3)}
.list-rows li>span:last-child{color:var(--ink);font-weight:600;font-size:var(--fs-md)}
.list-rows h3{color:var(--accent)}
.list-rows a{color:inherit;text-decoration:none}
.list-rows a:hover h3{color:var(--brand)}

/* Passes */
.price-note{font-size:var(--fs-sm);color:var(--ink-3);margin-top:var(--s-4)}
.was{color:var(--ink-3);font-weight:400;text-decoration:line-through;margin-right:.4em;font-size:var(--fs-sm)}
.pass-groups{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.pass-groups{grid-template-columns:1fr 1fr}}
.pass-groups h3.group{font-size:var(--fs-xl);margin-bottom:var(--s-4)}

/* Getting here + quote */
.here-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.here-grid{grid-template-columns:1.2fr 1fr;align-items:start}}
.here-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:var(--s-5)}
.quote-block{border-top:4px solid var(--brand);padding-top:var(--s-5)}
.pullquote{font-style:italic;font-weight:800;color:var(--accent);max-width:30ch}

/* Inner pages */
.page-hero img{width:100%;height:min(56vh,520px);object-fit:cover}
.page-hero .container{padding-block:var(--s-7) 0}
.page-hero h1{font-size:clamp(2.2rem,1.6rem + 3vw,3.8rem)}
.prose{max-width:68ch}
.two-col{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.two-col{grid-template-columns:1fr 1fr}}
.two-col img{width:100%;aspect-ratio:1/1;object-fit:cover}
.map-img{width:100%;height:auto;border:1px solid var(--line)}
.trio{display:grid;gap:var(--s-5);grid-template-columns:1fr}
@media(min-width:760px){.trio{grid-template-columns:repeat(3,1fr)}}
.trio img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:var(--s-4)}
.trio h3{margin-bottom:var(--s-2)}

/* Footer */
.site-footer{background:var(--ink)}
.site-footer h2{color:#fff;font-size:var(--fs-lg);margin-bottom:var(--s-3)}
.site-footer address{font-style:normal}
.site-footer p{color:#cfd3d8}