/* Peak Pune interface. Brand kit v1: Chai Ink, Peth Paper, Wada Brick, Haldi, Mutha Sage, Misal Clay.
   Flat colour blocks, 4 px Ink outlines, pill navigation with a Brick current tab, Ink pill buttons.
   Light ground only: no dark mode, no blends, no glass effects.
   Spacing sits on a 4 px grid. Type scale follows the kit: 88/56/40/23/18/14/12. */
@font-face{font-family:Fraunces;src:url('fonts/fraunces.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}

:root{
  --ink:#1C1410;--paper:#F6EFE2;--brick:#B8381F;--haldi:#E8A317;--sage:#C9D6B5;--clay:#D9B99B;--white:#fff;
  --ink-soft:#50453E;--rule:#1c141026;--brick-dark:#98290F;
  --display:'Fraunces',Georgia,serif;--body:'Inter',system-ui,Arial,sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s24:96px;
  --r-input:10px;--r-card:14px;--r-pill:999px;
  --gutter:var(--s6);--section:var(--s24);
  --lift:6px 6px 0 var(--ink);--rim:#1C1410;color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;scrollbar-color:var(--brick) var(--paper)}
::selection{background:var(--brick);color:#fff}
body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/26px var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a,button{touch-action:manipulation}
:focus-visible{outline:4px solid var(--rim);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--s3);top:var(--s3);background:var(--ink);color:var(--paper);padding:var(--s3) var(--s4);border-radius:var(--r-input);z-index:20}

/* Type */
h1,h2,h3,.wordmark{font-family:var(--display);margin:0;text-wrap:balance}
h1{font-weight:800;font-size:clamp(44px,7vw,88px);line-height:1;letter-spacing:-.03em}
h2{font-weight:800;font-size:clamp(30px,3.6vw,40px);line-height:1.1;letter-spacing:-.015em}
h3{font-weight:600;font-size:23px;line-height:29px}
p{margin:0;max-width:62ch;text-wrap:pretty}
.lede{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:54ch}
.eyebrow{color:var(--brick);font:800 12px/16px var(--body);letter-spacing:.14em;text-transform:uppercase}
.note{font-size:14px;line-height:20px;color:var(--ink-soft)}
main p a,.sources a,.crumbs a{color:var(--brick)}

/* Layout */
.wrap{width:100%;max-width:1248px;margin-inline:auto;padding-inline:var(--gutter)}
main.wrap{padding-bottom:var(--section)}
.section{padding-top:var(--section)}
.section>.note{margin-top:var(--s6)}
.section-head{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s6);align-items:end;margin-bottom:var(--s8)}
.section-head p{grid-column:1;color:var(--ink-soft)}
.section-head .more{grid-column:2;grid-row:1/span 2;font-weight:600;font-size:16px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--s6)}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:2px solid var(--rim)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);min-height:72px}
.wordmark{font-weight:800;font-size:26px;line-height:1;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--s3);min-height:44px}
.wordmark span{color:var(--brick)}
.mark{width:30px;height:34px;flex-shrink:0}
.site-header nav{display:flex;gap:var(--s1)}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s4);border-radius:var(--r-pill);font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}
.site-header nav a:hover{background:var(--clay)}
.site-header nav a[aria-current=page]{background:var(--brick);color:#fff}

/* Buttons and chips */
.primary,.chip{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s6);border-radius:var(--r-pill);font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap;border:2px solid var(--rim)}
.primary{background:var(--rim);color:#fff}
.primary:hover{background:var(--paper);color:var(--rim)}
.chip{background:var(--paper);color:var(--ink)}
.chip:hover{background:var(--haldi)}
.chip[aria-pressed=true]{background:var(--rim);color:#fff}
.primary:active,.chip:active{transform:translateY(1px)}
.actions{display:flex;flex-wrap:wrap;gap:var(--s3);max-width:none}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s8)}
.chips .chip{min-height:44px;padding:0 var(--s4)}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);padding:0;margin:0}
.tags li{background:var(--sage);border-radius:var(--r-pill);padding:var(--s1) var(--s3);font-size:14px;line-height:20px;font-weight:500}

/* Hero and the Sign */
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s16);align-items:center;padding:var(--s24) 0 var(--s8)}
.hero>div:first-child{display:grid;gap:var(--s6);justify-items:start}
.hero-single{grid-template-columns:1fr;padding-bottom:0}
.sign{padding:var(--s10) var(--s6);background:var(--haldi);border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:var(--r-card);transform:rotate(-2deg);font-family:var(--display);font-size:clamp(26px,2.6vw,34px);line-height:1.3;font-weight:700;text-align:center;justify-self:center;width:min(100%,400px)}
.sign small{display:block;font:600 12px/16px var(--body);letter-spacing:.1em;margin-top:var(--s5)}
.sign-alt{transform:rotate(2deg)}
.sign[lang=mr]{font-family:var(--body)}

/* Cards */
.card{border-radius:var(--r-card);background:var(--white);outline:4px solid var(--rim);outline-offset:-4px;overflow:hidden;display:flex;flex-direction:column}
.card .inner{padding:var(--s6);display:grid;gap:var(--s2);align-content:start;flex:1}
.card p{font-size:16px;line-height:24px;color:var(--ink-soft)}
.card h3{margin-bottom:var(--s1)}
a.card,a.category{text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
a.card:hover{transform:translate(-3px,-3px);box-shadow:var(--lift)}
a.card:focus-visible{outline-offset:2px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:14px!important;line-height:20px!important;font-weight:500;color:var(--ink)!important;margin-top:var(--s2);max-width:none}
.level{border-radius:var(--r-pill);padding:2px var(--s3);font-weight:600;border:1px solid var(--ink)}
.lv-easy{background:var(--sage)}.lv-mod{background:var(--haldi)}.lv-hard{background:var(--brick);color:var(--white);border-color:var(--brick)}
.go{font-size:14px;line-height:20px;font-weight:600;margin-top:var(--s3);text-decoration:underline;text-underline-offset:3px}
.go::after{content:" \2197"}

.placeholder{height:176px;display:grid;place-items:center;background:var(--sage);font:600 12px/16px var(--body);letter-spacing:.14em;text-transform:uppercase;border-bottom:4px solid var(--rim)}
.card:nth-child(3n+2) .placeholder{background:var(--clay)}.card:nth-child(3n) .placeholder{background:var(--haldi)}

/* Home tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--s4);padding-top:var(--s8)}
.category{display:grid;gap:var(--s1);align-content:end;min-height:128px;padding:var(--s5);border-radius:var(--r-card);color:#fff}
.category h3{font-size:21px;line-height:26px}
.category span{font-size:14px;line-height:20px;font-weight:600}
.category:nth-child(4n+1){background:var(--brick)}
.category:nth-child(4n+2){background:var(--haldi);color:var(--ink)}
.category:nth-child(4n+3){background:var(--sage);color:var(--ink)}
.category:nth-child(4n){background:var(--clay);color:var(--ink)}
a.category:nth-child(4n+1){color:#fff}a.category:hover{outline:4px solid var(--rim)}

/* Flat Sage band: full-bleed without overflow */
.band{background:var(--sage);box-shadow:0 0 0 100vmax var(--sage);clip-path:inset(0 -100vmax);margin-top:var(--section);padding-block:var(--section)}
.band .section-head p{color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s6);margin-bottom:var(--s10);padding-bottom:var(--s10);border-bottom:2px solid var(--rim)}
.stats strong{display:block;font:800 clamp(44px,5vw,64px)/1 var(--display);color:var(--brick);letter-spacing:-.02em}
.stats span{font-size:16px;line-height:24px;font-weight:600}

.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s16);align-items:center}
.split>div:first-child{display:grid;gap:var(--s5);justify-items:start}

/* Steps, CTA, dialog */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s8);border-top:2px solid var(--rim);padding-top:var(--s8)}
.steps>div{display:grid;gap:var(--s2);align-content:start}
.steps p{font-size:16px;line-height:24px;color:var(--ink-soft)}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4) var(--s6);background:var(--haldi);outline:4px solid var(--rim);outline-offset:-4px;padding:var(--s8);margin-top:var(--section);border-radius:var(--r-card)}
.cta div{display:grid;gap:var(--s1)}
.cta strong{font:800 26px/30px var(--display)}
.cta span{font-size:16px;line-height:24px}
.dialog{display:grid;gap:var(--s3);justify-items:start;padding:var(--s6);outline:4px solid var(--rim);outline-offset:-4px;background:var(--white);border-radius:var(--r-card);margin-top:var(--s4)}
.dialog p{font-size:16px;line-height:24px}

/* Breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:14px;line-height:20px;padding-top:var(--s6);color:var(--ink-soft)}
.crumbs a::after{content:"/";margin-left:var(--s2);display:inline-block}
.crumbs+.hero{padding-top:var(--s12)}

/* Place and route pages */
.place{padding-top:var(--s10);max-width:840px}
.place-head{display:grid;gap:var(--s5);justify-items:start}
.place h1{font-size:clamp(38px,5.4vw,64px);line-height:1.04;letter-spacing:-.02em}
.place .meta{margin:0;font-size:16px!important}
.flag{background:var(--clay);border-radius:var(--r-input);padding:var(--s3) var(--s4);font-size:16px;line-height:24px;max-width:none;margin-top:var(--s8)}
.facts{display:grid;gap:var(--s2);margin:0;font-size:14px;line-height:20px}
.facts div{display:grid;grid-template-columns:96px 1fr;gap:var(--s3)}
.facts dt{font-weight:600}.facts dd{margin:0}
.place-facts{margin:var(--s10) 0 var(--s8);border-top:2px solid var(--rim);font-size:17px;line-height:26px;gap:0}
.place-facts div{grid-template-columns:152px 1fr;gap:var(--s6);padding:var(--s4) 0;border-bottom:1px solid var(--rule)}
.place-facts dt{font-size:14px;color:var(--ink-soft);font-weight:600;letter-spacing:.02em;padding-top:2px}
.place-facts a{overflow-wrap:anywhere}
.provenance{display:grid;gap:var(--s3);margin-top:var(--s12);padding:var(--s6);background:var(--clay);border-radius:var(--r-card)}
.provenance h2{font-size:23px;line-height:29px;font-weight:600;letter-spacing:0}
.provenance p,.sources{font-size:15px;line-height:23px}
.provenance .sources a{color:var(--ink)}
.sources{padding-left:var(--s5);margin:0}.sources a{overflow-wrap:anywhere}

/* Powered by */
.partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--s6);align-items:start;padding-top:var(--s8)}
.partner{border:4px solid var(--rim);border-radius:var(--r-card);overflow:hidden;background:var(--white);display:flex;flex-direction:column}
.partner-face{padding:var(--s6);min-height:232px;display:flex;flex-direction:column;gap:var(--s4);background:var(--p-bg);color:var(--p-ink)}
.partner-eyebrow,.partner-powers{font:600 12px/16px var(--body);letter-spacing:.125em;text-transform:uppercase}
.partner-eyebrow{color:var(--p-label)}
.partner-tag{font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,38px);line-height:1.05;margin:0;text-wrap:balance}
.partner-tag em{font-style:normal;color:var(--p-em);background:var(--p-em-bg);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.partner-powers{margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--p-rule)}
.p-runners{--p-bg:#FBF4E6;--p-ink:#7A1F2B;--p-label:#1E1A17;--p-em:#7A1F2B;--p-em-bg:#F28C28;--p-rule:#7a1f2b40}
.p-trekkers{--p-bg:#17594C;--p-ink:#FFFEFA;--p-label:#F6DCC8;--p-em:inherit;--p-em-bg:transparent;--p-rule:#fffefa40}
.p-karawaan{--p-bg:#0B120E;--p-ink:#FAF6F0;--p-label:#C9AE7C;--p-em:#C9AE7C;--p-em-bg:transparent;--p-rule:#faf6f040}
.p-trekkers .partner-tag,.p-karawaan .partner-tag{text-transform:uppercase;font-size:clamp(24px,2.6vw,32px)}
.partner .inner{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4);flex:1}
.partner .inner>*{margin:0}
.partner .inner p{font-size:16px;line-height:24px}
.partner h4{font:600 12px/16px var(--body);letter-spacing:.125em;text-transform:uppercase;color:var(--brick);padding-top:var(--s4);border-top:1px solid var(--rule)}
.swatches,.design-notes{list-style:none;padding:0;font-size:14px;line-height:20px}
.swatches{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3)}
.swatches li{display:flex;align-items:center;gap:var(--s2);min-width:0}
.swatches strong{display:block;font-weight:600}
.swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--ink);flex-shrink:0}
.design-notes{display:grid;gap:var(--s2)}
.design-notes li{padding-left:var(--s4);position:relative}
.design-notes li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:2px;background:var(--brick)}
.partner .primary{align-self:flex-start;margin-top:auto}

/* Preview note and community links (from the live theme) */
.review{font-size:13px;line-height:20px;padding:var(--s2) 0;border-bottom:2px solid var(--rim);font-weight:600}
.community-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s5);padding:var(--s4) 0;border-bottom:2px solid var(--rim)}
.community-links>div{display:flex;gap:var(--s3);flex-wrap:wrap}
.community-links .chip{min-height:44px;padding:0 var(--s4)}

/* Plans feed (cards are built by plans.js) */
.feed-status{display:grid;gap:var(--s3);border-top:2px solid var(--rim);padding:var(--s6) 0;margin-top:var(--s8)}
.feed-status .chips{padding-top:0}
.plan-card h3{font-size:23px}.plan-card p{font-size:15px;line-height:22px}.plan-card .note{font-size:13px}
.plan-actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin:var(--s2) 0 0;max-width:none}
.plan-actions .chip{min-height:44px;padding:0 var(--s4);font-size:15px}
.plan-actions a.chip:first-child{background:var(--rim);color:#fff}
.plan-actions a.chip:first-child:hover{background:var(--paper);color:var(--rim)}
.grid>.note{grid-column:1/-1}

/* Footer */
.site-footer{border-top:2px solid var(--rim);margin-top:0}
.site-footer .wrap{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--s10) var(--s12);padding-block:var(--s12) var(--s8)}
.foot-brand{display:grid;gap:var(--s3);justify-items:start;align-content:start}
.foot-brand p{font-size:16px;line-height:24px;max-width:38ch}
.hash{font-weight:700}
.site-footer nav{display:grid;align-content:start}
.site-footer h2{font:800 12px/16px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--brick);margin-bottom:var(--s2)}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;text-decoration:none}
.site-footer nav a:hover{text-decoration:underline}
.fine{grid-column:1/-1;max-width:none;font-size:14px;line-height:20px;font-weight:600;padding-top:var(--s6);border-top:2px solid var(--rim)}

@media(max-width:860px){
  :root{--gutter:var(--s4);--section:var(--s16)}
  body{font-size:17px;line-height:26px}
  .bar{flex-direction:column;align-items:stretch;gap:0;padding-top:var(--s2)}
  .site-header nav{overflow-x:auto;margin-inline:calc(var(--gutter)*-1);padding:0 var(--gutter) var(--s2);scrollbar-width:none}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{font-size:15px;padding:0 var(--s3)}
  .hero,.split{grid-template-columns:1fr;gap:var(--s10)}
  .hero{padding:var(--s12) 0 var(--s4)}
  .sign{margin-inline:var(--s2);width:auto;max-width:360px;justify-self:start}
  .section-head{grid-template-columns:1fr}
  .section-head .more{grid-column:1;grid-row:auto}
  .place-facts div{grid-template-columns:1fr;gap:var(--s1)}
  .site-footer .wrap{grid-template-columns:1fr 1fr;padding-top:var(--s10)}
  .foot-brand{grid-column:1/-1}
  html{scroll-padding-top:120px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}