body{margin:0}
.pg{--night:#0E1F18;--moss:#1B3A2B;--fern:#2C5A41;--gold:#E8C267;--paper:#F2EEE2;--mist:#B9C7BB;background:var(--night);color:var(--paper);font-family:"Nunito Sans",system-ui,sans-serif;font-size:17px;line-height:1.6;overflow:hidden;overflow:clip}
.pg{container-type:inline-size}
.pg *{box-sizing:border-box}
.pg a{color:inherit;text-decoration:none}
.pg h1,.pg h2,.pg h3,.pg p{margin:0}
.serif{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-0.012em;font-optical-sizing:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.btn{display:inline-block;padding:16px 26px;border-radius:999px;font-weight:600;font-size:15px}
.btn.gold{background:var(--gold);color:var(--night)}
.btn.line{border:1px solid rgba(242,238,226,.65)}
.btn.dark{background:var(--night);color:var(--paper)}

/* hero */
.hero{position:relative;height:900px;overflow:hidden;overflow:clip}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,.55) 0%,rgba(14,31,24,0) 24%,rgba(14,31,24,.1) 48%,rgba(14,31,24,.86) 100%)}
.nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:28px 40px}
.nav .mark{font-family:Newsreader,Georgia,serif;font-size:24px}
.nav .links{display:flex;gap:34px;font-size:15px;font-weight:500}
.nav .menu{display:none;width:48px;height:48px;border-radius:24px;border:1px solid rgba(242,238,226,.6);background:rgba(14,31,24,.4);align-items:center;justify-content:center}
.hero .in{position:absolute;left:0;right:0;bottom:150px}
.hero h1{font-size:clamp(50px,7.6cqw,114px);line-height:.92}
.hero .lede{max-width:520px;margin-top:26px;font-size:19px}
.hero .row{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.award{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(14,31,24,.6);backdrop-filter:blur(8px);font-size:13.5px;font-weight:500}
.award i{display:block;width:30px;height:30px;border:4px solid #F5C400}
.credit{position:absolute;right:40px;bottom:150px;font-size:12.5px;color:var(--mist);text-align:right}

/* departures bar */
.dep{position:relative;z-index:2;margin-top:-92px}
.dep .bar{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;background:var(--paper);color:var(--night);border-radius:32px;box-shadow:0 40px 80px rgba(0,0,0,.45);overflow:hidden}
.dep .cell{padding:26px 28px;border-right:1px solid rgba(14,31,24,.12)}
.dep .cell small{display:block;font-size:13px;color:#4C5E52}
.dep .cell b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:23px;line-height:1.2;margin:2px 0 4px}
.dep .cell.lead{background:var(--moss);color:var(--paper);border:0}
.dep .cell.lead small{color:var(--mist)}
.dep .go{display:flex;align-items:center;padding:0 26px}
.left{font-size:13px;font-weight:600;color:#8A4B14}

/* intro */
.intro{padding:150px 0 90px}
.intro .g{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.intro h2{font-size:clamp(30px,3.4cqw,50px);line-height:1.08}
.intro p{margin-top:28px;max-width:520px;color:var(--mist)}
.stack{position:relative;height:620px}
.stack .a{position:absolute;right:0;top:0;width:74%;height:520px;border-radius:220px 220px 28px 28px;overflow:hidden}
.stack .b{position:absolute;left:0;bottom:0;width:48%;height:300px;border-radius:28px;overflow:hidden;border:8px solid var(--night);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.stack img{width:100%;height:100%;object-fit:cover;display:block}
.stack .tag{position:absolute;right:24px;bottom:56px;background:var(--gold);color:var(--night);padding:14px 20px;border-radius:20px;font-size:14px;font-weight:600;line-height:1.3;max-width:210px;box-shadow:0 20px 40px rgba(0,0,0,.4)}

/* trails */
.trails{padding:60px 0 130px}
.trails .head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px}
.trails h2{font-size:clamp(32px,3.8cqw,56px);line-height:1.02}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{position:relative;display:block;height:560px;border-radius:30px;overflow:hidden}
.card:nth-child(even){transform:translateY(46px)}
.card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,0) 38%,rgba(14,31,24,.92) 100%)}
.card .t{position:absolute;left:24px;right:24px;bottom:24px}
.card .len{position:absolute;left:18px;top:18px;background:rgba(242,238,226,.94);color:var(--night);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600}
.card h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:29px;line-height:1.08;letter-spacing:-0.01em}
.card p{font-size:14.5px;line-height:1.45;color:#DCE4DA;margin-top:8px}
.card .when{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid rgba(242,238,226,.3);font-size:14px;font-weight:600}
.card .when span:last-child{color:var(--gold)}

/* impact */
.impact{position:relative;padding:130px 0 0}
.impact .bg{position:absolute;left:0;right:0;top:0;height:760px;overflow:hidden}
.impact .bg .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,31,24,.9) 0%,rgba(14,31,24,.6) 46%,rgba(14,31,24,.1) 100%)}
.impact .g{position:relative;display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:start}
.impact h2{font-size:clamp(34px,4cqw,60px);line-height:1}
.impact .say{margin-top:26px;max-width:500px}
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px;max-width:640px}
.num{background:rgba(14,31,24,.62);backdrop-filter:blur(10px);border:1px solid rgba(242,238,226,.2);border-radius:24px;padding:20px}
.num b{display:block;white-space:nowrap;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:34px;line-height:1;color:var(--gold)}
.num span{display:block;font-size:13.5px;line-height:1.4;margin-top:10px}
.slip{background:var(--paper);color:var(--night);border-radius:6px;padding:34px 32px 30px;transform:rotate(1.6deg);box-shadow:0 50px 90px rgba(0,0,0,.5);margin-top:40px}
.slip h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px;line-height:1.15}
.slip .sub{font-size:13.5px;color:#4C5E52;margin:6px 0 18px}
.rl{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:11px 0;border-top:1px dashed rgba(14,31,24,.3);font-size:15px}
.rl i{grid-column:1/-1;display:block;height:6px;border-radius:3px;background:var(--fern);font-style:normal}
.rl b{font-weight:600}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--night);margin-top:6px;padding-top:14px;font-weight:600}
.total b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:46px;line-height:1}
.src{position:relative;margin-top:26px;font-size:13px;color:var(--mist)}

/* voices */
.voices{padding:150px 0 120px}
.voices .g{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center}
.voices blockquote{margin:0;font-family:Newsreader,Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(30px,3.7cqw,54px);line-height:1.16;letter-spacing:-0.015em}
.voices .who{margin-top:24px;color:var(--mist);font-size:15px}
.voices .more{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.orb{position:relative;width:440px;height:440px}
.orb .ph{width:100%;height:100%;border-radius:50%;overflow:hidden}
.orb img{width:100%;height:100%;object-fit:cover;display:block}
.orb .score{position:absolute;left:-36px;bottom:30px;background:var(--paper);color:var(--night);border-radius:26px;padding:18px 22px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.orb .score b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:50px;line-height:1}
.orb .score span{font-size:13.5px}

/* movement */
.move{padding:40px 0 130px}
.move h2{font-size:clamp(32px,3.8cqw,56px);line-height:1.02;max-width:900px}
.move .say{margin-top:22px;max-width:560px;color:var(--mist)}
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:330px 330px;gap:18px;margin-top:54px}
.tile{position:relative;border-radius:30px;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.tile.tall{grid-row:1/3}
.tile.wide{grid-column:2/4}
.tile .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,0) 30%,rgba(14,31,24,.9) 100%)}
.tile h3{position:relative;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.1}
.tile p{position:relative;font-size:15px;line-height:1.5;margin-top:8px;max-width:420px}
.tile.moss{background:var(--moss);justify-content:space-between}
.tile.gold{background:var(--gold);color:var(--night);justify-content:space-between}
.tile .big{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:64px;line-height:1}

/* guide */
.guide{position:relative;height:620px}
.guide .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,31,24,.88) 0%,rgba(14,31,24,.35) 55%,rgba(14,31,24,0) 100%)}
.guide{overflow:hidden}
.guide .cover{transform:scale(1.32);transform-origin:0% 28%}
.guide .in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}
.guide .in .wrap{width:100%}
.guide h2{font-size:clamp(32px,3.6cqw,54px);line-height:1.04;max-width:620px}
.guide p{margin-top:22px;max-width:460px}
.guide .cap{margin-top:48px;font-size:14px;color:var(--gold);font-weight:600}

/* doors */
.doors{padding:120px 0 110px}
.doors .g{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:18px;align-items:stretch}
.doors h2{font-size:clamp(30px,3.2cqw,46px);line-height:1.06;padding-right:20px}
.door{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;border-radius:30px;overflow:hidden;padding:28px}
.door .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,.05) 20%,rgba(14,31,24,.92) 100%)}
.door h3{position:relative;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px}
.door p{position:relative;font-size:15px;margin-top:6px}

/* foot */
.foot{border-top:1px solid rgba(242,238,226,.16);padding:60px 0 70px}
.foot .g{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}
.press{font-family:Newsreader,Georgia,serif;font-size:24px;line-height:1.5;color:var(--mist)}
.foot .end{text-align:right;font-size:14.5px;color:var(--mist)}
.foot .end .btn{margin-bottom:22px}

@container (max-width:820px){
.pg{font-size:16px}
.wrap{padding:0 20px}
.nav{padding:20px}
.nav .links,.nav .btn{display:none}
.nav .menu{display:flex}
.hero{height:760px}
.hero .shade{background:linear-gradient(180deg,rgba(14,31,24,.5) 0%,rgba(14,31,24,.15) 22%,rgba(14,31,24,.6) 52%,rgba(14,31,24,.92) 100%)}
.slip{transform:rotate(1deg)}
.hero .in{bottom:120px}
.hero .lede{font-size:16.5px}
.credit{display:none}
.dep{margin-top:-84px}
.dep .bar{grid-template-columns:1fr;border-radius:28px}
.dep .cell{padding:16px 22px;border-right:0;border-bottom:1px solid rgba(14,31,24,.12)}
.dep .cell b{font-size:20px}
.dep .go{padding:16px 22px}
.dep .go .btn{width:100%;text-align:center}
.intro{padding:80px 0 50px}
.intro .g{grid-template-columns:1fr;gap:44px}
.stack{height:470px}
.stack .a{height:400px;width:80%}
.stack .b{height:220px;width:52%}
.stack .tag{right:10px;bottom:30px;max-width:170px;font-size:13px}
.trails{padding:40px 0 70px}
.trails .head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px}
.cards{display:flex;overflow-x:auto;gap:14px;margin:0 -20px;padding:0 20px 10px}
.card{flex:0 0 78%;height:460px}
.card:nth-child(even){transform:none}
.impact{padding:80px 0 0}
.impact .bg{height:900px}
.impact .bg .shade{background:linear-gradient(180deg,rgba(14,31,24,.82) 0%,rgba(14,31,24,.7) 100%)}
.impact .g{grid-template-columns:1fr;gap:10px}
.nums{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}
.nums .num:first-child{grid-column:1/-1}
.num b{font-size:30px}
.slip{padding:26px 22px;margin-top:30px}
.voices{padding:90px 0 70px}
.voices .g{grid-template-columns:1fr;gap:50px}
.orb{width:300px;height:300px;margin-left:36px}
.move{padding:20px 0 80px}
.bento{grid-template-columns:1fr;grid-template-rows:none;gap:14px;margin-top:34px}
.tile{min-height:300px}
.tile.tall{grid-row:auto;min-height:420px}
.tile.wide{grid-column:auto}
.guide{height:560px}
.guide .cover{transform:none;object-position:50% 20%}
.guide .shade{background:linear-gradient(180deg,rgba(14,31,24,.2) 0%,rgba(14,31,24,.9) 70%)}
.guide .in{justify-content:flex-end;padding-bottom:40px}
.doors{padding:70px 0}
.doors .g{grid-template-columns:1fr}
.door{min-height:280px}
.foot .g{grid-template-columns:1fr;gap:34px}
.foot .end{text-align:left}
.press{font-size:20px}
}

/* ---------- shared inner-page pieces ---------- */
.top{position:relative;height:660px}
.top .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,.6) 0%,rgba(14,31,24,.05) 30%,rgba(14,31,24,.25) 55%,rgba(14,31,24,.94) 100%)}
.top .in{position:absolute;left:0;right:0;bottom:64px}
.top h1{font-size:clamp(46px,7.4cqw,112px);line-height:.94;max-width:980px}
.top .lede{max-width:600px;margin-top:22px;font-size:19px}
.top .row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.crumb{font-size:14px;color:var(--mist);margin-bottom:18px}
.crumb a{text-decoration:underline}
.pg .nav .on{color:var(--gold)}
.sec{padding:120px 0}
.sec.snug{padding:70px 0}
.sec.paper{background:var(--paper);color:var(--night)}
.sec.moss{background:var(--moss)}
.h2{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-0.012em;font-optical-sizing:auto;font-size:clamp(32px,3.8cqw,56px);line-height:1.02}
.h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:29px;line-height:1.1;letter-spacing:-0.01em}
.muted{color:var(--mist)}
.sec.paper .muted{color:#4C5E52}
.lead2{font-size:19px;max-width:620px;margin-top:22px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.cols2.topal{align-items:start}
.shot{position:relative;border-radius:32px;overflow:hidden;height:560px}
.shot.arch{border-radius:260px 260px 32px 32px}
.shot.low{height:420px}
.shot .cap2{position:absolute;left:20px;bottom:20px;background:rgba(14,31,24,.72);backdrop-filter:blur(8px);padding:9px 14px;border-radius:999px;font-size:13.5px;color:var(--paper)}
.pair{position:relative;height:640px}
.pair .p1{position:absolute;right:0;top:0;width:76%;height:520px;border-radius:32px;overflow:hidden}
.pair .p2{position:absolute;left:0;bottom:0;width:50%;height:310px;border-radius:28px;overflow:hidden;border:8px solid var(--night);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.sec.paper .pair .p2{border-color:var(--paper);box-shadow:0 30px 60px rgba(14,31,24,.25)}
.sec.moss .pair .p2{border-color:var(--moss)}
.chip{display:inline-block;background:var(--gold);color:var(--night);font-size:13px;font-weight:600;padding:6px 13px;border-radius:999px}
.chip.soft{background:rgba(242,238,226,.14);color:var(--paper)}
.sec.paper .chip.soft{background:rgba(14,31,24,.08);color:var(--night)}

/* a day on the trail */
.day{padding:40px 0 120px}
.day .hd{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.st .sp{position:relative;height:400px;border-radius:30px;overflow:hidden}
.st:nth-child(even) .sp{height:320px;margin-top:80px}
.st .when2{display:block;margin-top:18px;font-size:14px;font-weight:600;color:var(--gold)}
.st h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:26px;line-height:1.12;margin-top:4px}
.st p{font-size:15.5px;line-height:1.5;color:var(--mist);margin-top:8px}

/* carbon + water comparison */
.cmp{background:var(--moss);border-radius:36px;padding:46px 46px 36px}
.cmp .hd2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:36px}
.cmp .tb{display:grid;grid-template-columns:230px 1fr 1fr;gap:0 40px;align-items:center}
.cmp .th{font-size:14px;color:var(--mist);padding-bottom:14px;border-bottom:1px solid rgba(242,238,226,.2)}
.cmp .rn{padding:22px 0;border-bottom:1px solid rgba(242,238,226,.12);font-family:Newsreader,Georgia,serif;font-size:22px;line-height:1.15}
.cmp .rc{padding:22px 0;border-bottom:1px solid rgba(242,238,226,.12);display:flex;align-items:center;gap:14px}
.cmp .rc i{display:block;height:22px;border-radius:11px;background:rgba(242,238,226,.42);min-width:8px;font-style:normal}
.cmp .rc b{font-weight:600;font-size:16px;white-space:nowrap}
.cmp .us{color:var(--gold)}
.cmp .rc.us i{background:var(--gold)}
.cmp .nb{border-bottom:0}
.cmp .ft{margin-top:22px;font-size:13px;color:var(--mist);max-width:860px}

/* spending split */
.split{display:flex;height:70px;border-radius:20px;overflow:hidden;gap:3px;margin-top:50px}
.split div{display:flex;align-items:center;justify-content:center;font-family:Newsreader,Georgia,serif;font-size:26px;color:var(--night)}
.lg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:20px;font-size:14px;line-height:1.4;color:var(--mist)}
.lg i{display:block;width:28px;height:6px;border-radius:3px;margin-bottom:10px}
.lg b{display:block;color:var(--paper);font-weight:600}

/* big number tiles */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tiles.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tl{background:var(--moss);border-radius:28px;padding:26px}
.sec.moss .tl{background:rgba(14,31,24,.5)}
.sec.paper .tl{background:#E6E0CF}
.tl b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:52px;line-height:1;color:var(--gold);white-space:nowrap}
.sec.paper .tl b{color:var(--fern)}
.tl strong{display:block;margin-top:14px;font-size:16px;font-weight:600}
.tl span{display:block;font-size:14.5px;line-height:1.45;margin-top:4px;color:var(--mist)}
.sec.paper .tl span{color:#4C5E52}

/* trail rows on the Trails page */
.trow{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:60px 0}
.trow.flip .shot{order:2}
.trow .meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.trow p{margin-top:18px;color:var(--mist);max-width:500px}
.trow .buy{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.trow .price{font-family:Newsreader,Georgia,serif;font-size:26px}
.trow .price small{display:block;font-family:"Nunito Sans",sans-serif;font-size:13.5px;color:var(--mist)}
.minis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:50px}
.mini{position:relative;display:block;height:400px;border-radius:26px;overflow:hidden}
.mini .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,0) 35%,rgba(14,31,24,.93) 100%)}
.mini .t2{position:absolute;left:18px;right:18px;bottom:18px}
.mini h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:23px;line-height:1.1}
.mini p{font-size:13.5px;line-height:1.4;margin-top:6px;color:#DCE4DA}
.mini .len{position:absolute;left:14px;top:14px;background:rgba(242,238,226,.94);color:var(--night);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600}
.expect{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:56px}
.expect h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px}
.expect p{margin-top:10px;font-size:16px;color:#3B4C41}

/* trail detail */
.factbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--paper);color:var(--night);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.factbar div{padding:22px 24px;border-right:1px solid rgba(14,31,24,.12)}
.factbar small{display:block;font-size:13px;color:#4C5E52}
.factbar b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;margin-top:2px}
.lift{position:relative;z-index:2;margin-top:-50px}
.detail{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:start;padding:100px 0 120px}
.detail .blk{margin-top:64px}
.detail .blk:first-child{margin-top:0}
.detail .blk p{margin-top:16px;color:var(--mist)}
.detail .blk .h2{font-size:clamp(30px,3.6cqw,54px);line-height:1.04}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.trio .tl b{font-size:24px;font-weight:400;color:var(--paper);white-space:normal;line-height:1.15}
.ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}
.ticks li{padding-left:30px;position:relative;font-size:15.5px;line-height:1.5;color:var(--mist)}
.ticks li b{display:block;color:var(--paper);font-weight:600}
.ticks li:before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.after{counter-reset:s;list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.after li{counter-increment:s;position:relative;padding-left:58px;color:var(--mist);min-height:40px}
.after li:before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:20px;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:Newsreader,Georgia,serif;font-size:19px}
.book{background:var(--paper);color:var(--night);border-radius:32px;padding:30px;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.book .pr{font-family:Newsreader,Georgia,serif;font-size:38px;line-height:1}
.book .pr small{font-family:"Nunito Sans",sans-serif;font-size:14px;color:#4C5E52}
.book .lbl{margin-top:24px;font-size:14px;font-weight:600}
.dt{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid rgba(14,31,24,.2);border-radius:14px;margin-top:8px;font-size:15px}
.dt.sel{border:2px solid var(--night);background:#fff}
.dt em{font-style:normal;font-size:13px;font-weight:600;color:#8A4B14}
.dt em.ok{color:var(--fern)}
.book .btn{display:block;text-align:center;margin-top:18px}
.book .fine{font-size:13px;color:#4C5E52;margin-top:14px;line-height:1.5}
.gal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;height:460px}
.gal div{position:relative;border-radius:24px;overflow:hidden}

/* farm experiences */
.xps{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.xp{background:var(--moss);border-radius:36px;overflow:hidden;display:flex;flex-direction:column}
.xp .xph{position:relative;height:340px}
.xp .xb{padding:32px;display:flex;flex-direction:column;gap:16px;flex:1}
.xp p{color:var(--mist)}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:15px;border-top:1px solid rgba(242,238,226,.18);padding-top:18px}
.kv small{display:block;color:var(--mist);font-size:13px}
.xp .buy2{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.xp .buy2 b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px}
.xp .buy2 b small{font-family:"Nunito Sans",sans-serif;font-size:13.5px;color:var(--mist);font-weight:400}
.aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:50px}
.aud div{border-top:2px solid var(--night);padding-top:18px}
.aud h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px;line-height:1.12}
.aud p{font-size:15.5px;margin-top:8px;color:#3B4C41}
.progs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}
.prog{border:1px solid rgba(242,238,226,.22);border-radius:30px;padding:30px;display:flex;flex-direction:column;gap:14px}
.prog .stp{border-top:1px solid rgba(242,238,226,.16);padding-top:12px;font-size:15.5px;color:var(--mist)}
.prog .stp b{display:block;color:var(--gold);font-weight:600;font-size:14px}
.prog .nt{font-size:14px;color:var(--mist);margin-top:auto}

/* regenerative farming */
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:56px;border-top:1px solid rgba(14,31,24,.25)}
.roles div{padding:28px 28px 28px 0;border-bottom:1px solid rgba(14,31,24,.25)}
.roles h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px}
.roles p{font-size:16px;margin-top:6px;color:#3B4C41}
.res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:50px}
.dbk{background:var(--paper);color:var(--night);border-radius:32px;padding:34px;box-shadow:0 40px 80px rgba(0,0,0,.4)}
.dbk h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px}
.dbk .bars{display:flex;align-items:flex-end;gap:14px;height:220px;margin-top:26px;border-bottom:1px solid rgba(14,31,24,.3)}
.dbk .bars div{flex:1;display:flex;gap:4px;align-items:flex-end;height:100%}
.dbk .bars i{flex:1;border-radius:6px 6px 0 0;background:#C9CFC2;font-style:normal}
.dbk .bars i.r{background:var(--fern)}
.dbk .key{display:flex;gap:20px;font-size:13.5px;margin-top:14px}
.dbk .key span:before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;background:#C9CFC2;margin-right:7px;vertical-align:-1px}
.dbk .key span.r:before{background:var(--fern)}
.dbk .ph2{margin-top:14px;font-size:13px;color:#7A3B12;line-height:1.5}
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}
.path{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:460px;border-radius:32px;overflow:hidden;padding:30px}
.path .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,.05) 15%,rgba(14,31,24,.95) 78%)}
.path h3,.path p,.path span{position:relative}
.path p{font-size:15.5px;margin-top:8px;color:#DCE4DA}
.path span{margin-top:16px;font-weight:600;color:var(--gold);font-size:15px}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:50px}
.svc h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:26px;line-height:1.12}
.svc p{font-size:16px;margin-top:10px;color:#3B4C41}
.qt{font-family:Newsreader,Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(26px,3.2cqw,44px);line-height:1.2;letter-spacing:-0.015em;max-width:980px}
.qt + .who{margin-top:22px;color:var(--mist)}

/* closing band */
.band{position:relative;padding:130px 0;text-align:left;overflow:hidden}
.band .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,31,24,.92) 0%,rgba(14,31,24,.55) 60%,rgba(14,31,24,.2) 100%)}
.band .wrap{position:relative}
.band .row{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}

@container (max-width:820px){
.top{height:600px}
.top .in{bottom:40px}
.top .lede{font-size:16.5px}
.sec{padding:74px 0}
.sec.snug{padding:50px 0}
.lead2{font-size:17px}
.cols2{grid-template-columns:1fr;gap:40px}
.shot{height:400px}
.shot.low{height:300px}
.pair{height:460px}
.pair .p1{height:370px;width:84%}
.pair .p2{height:220px;width:54%}
.day{padding:10px 0 74px}
.day .hd{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
.steps4{grid-template-columns:1fr 1fr;gap:14px 12px}
.st .sp{height:230px;border-radius:22px}
.st:nth-child(even) .sp{height:190px;margin-top:40px}
.st h3{font-size:21px}
.st p{font-size:14.5px}
.cmp{padding:26px 20px;border-radius:28px}
.cmp .hd2{grid-template-columns:1fr;gap:14px;margin-bottom:22px}
.cmp .tb{grid-template-columns:1fr 1fr;gap:0 16px}
.cmp .th.c0{display:none}
.cmp .rn{grid-column:1/-1;border-bottom:0;padding:18px 0 0;font-size:20px}
.cmp .rc{padding:10px 0 18px;gap:8px;flex-wrap:wrap}
.cmp .rc i{height:16px}
.cmp .rc b{font-size:14px}
.split{height:54px;margin-top:30px}
.split div{font-size:17px}
.lg{grid-template-columns:1fr 1fr 1fr;gap:16px 12px;font-size:13px}
.tiles,.tiles.three{grid-template-columns:1fr 1fr;gap:10px}
.tl{padding:18px;border-radius:22px}
.tl b{font-size:36px}
.trow{grid-template-columns:1fr;gap:26px;padding:34px 0}
.trow.flip .shot{order:0}
.minis{display:flex;overflow-x:auto;margin:30px -20px 0;padding:0 20px 8px}
.mini{flex:0 0 66%;height:360px}
.expect{grid-template-columns:1fr;gap:26px;margin-top:34px}
.factbar{grid-template-columns:1fr 1fr}
.factbar div{padding:14px 18px;border-bottom:1px solid rgba(14,31,24,.12)}
.factbar div:last-child{grid-column:1/-1}
.factbar b{font-size:19px}
.detail{grid-template-columns:1fr;gap:50px;padding:60px 0 80px}
.detail .blk{margin-top:46px}
.trio{grid-template-columns:1fr}
.ticks{grid-template-columns:1fr}
.gal{grid-template-columns:1fr 1fr;height:420px}
.gal div:first-child{grid-column:1/-1}
.xps{grid-template-columns:1fr;margin-top:34px}
.xp .xph{height:240px}
.xp .xb{padding:24px}
.aud{grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:34px}
.progs{grid-template-columns:1fr;margin-top:34px}
.roles{grid-template-columns:1fr;margin-top:34px}
.roles div{padding:20px 0}
.res{grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}
.paths{grid-template-columns:1fr;margin-top:34px}
.path{min-height:380px}
.svc{grid-template-columns:1fr;gap:26px;margin-top:34px}
.band{padding:84px 0}
.band .shade{background:linear-gradient(180deg,rgba(14,31,24,.7) 0%,rgba(14,31,24,.88) 100%)}
}

.nums{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}
@container (max-width:820px){.nums .num:first-child{grid-column:auto}}

.cmp .hd2 .h2{font-size:clamp(30px,3.6cqw,50px);line-height:1.04}
@container (max-width:820px){.cmp .rc{flex-wrap:nowrap}.cmp .rc b{font-size:13px}}

.tiles.three .tl b{font-size:38px}
.band .cover.push{transform:scale(1.34);transform-origin:0% 30%}
@container (max-width:820px){.band .cover.push{transform:none}.tiles.three .tl b{font-size:30px}}
.top .shade{background:linear-gradient(180deg,rgba(14,31,24,.62) 0%,rgba(14,31,24,.12) 26%,rgba(14,31,24,.5) 52%,rgba(14,31,24,.96) 100%)}
.top h1,.top .lede{text-shadow:0 2px 28px rgba(8,20,15,.55)}
.h2 + .lead2{margin-top:28px}
.top .cover.dim{filter:brightness(.72) saturate(.95)}
@container (max-width:820px){
.lift{margin-top:20px}
.tiles.three .tl:last-child{grid-column:1 / -1}
.top .shade{background:linear-gradient(180deg,rgba(14,31,24,.62) 0%,rgba(14,31,24,.2) 22%,rgba(14,31,24,.72) 50%,rgba(14,31,24,.98) 100%)}
}
.top .cover.dim + .shade{background:linear-gradient(90deg,rgba(14,31,24,.78) 0%,rgba(14,31,24,.45) 45%,rgba(14,31,24,0) 75%),linear-gradient(180deg,rgba(14,31,24,.62) 0%,rgba(14,31,24,.12) 26%,rgba(14,31,24,.5) 52%,rgba(14,31,24,.96) 100%)}
@container (max-width:820px){
.res{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
.res .tl b{font-size:26px;white-space:nowrap}
.top .cover.dim + .shade{background:linear-gradient(180deg,rgba(14,31,24,.62) 0%,rgba(14,31,24,.3) 20%,rgba(14,31,24,.8) 50%,rgba(14,31,24,.98) 100%)}
}

/* round 3: logo, sideways cards, tall band */
.nav .mark{display:flex;align-items:center;gap:12px}
.nav .mark img{width:44px;height:44px;display:block}
.nav .links{gap:26px}
.trails .cards{display:flex;grid-template-columns:none;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 max(40px,calc((100cqw - 1160px)/2)) 26px;scrollbar-width:thin;scrollbar-color:rgba(242,238,226,.35) transparent}
.trails .card{flex:0 0 430px;height:600px;scroll-snap-align:start;transform:none}
.trails .card:nth-child(even){transform:none}
.trails .card h3{font-size:34px}
.trails .card p{font-size:15.5px}
.trails .head{margin-bottom:36px}
.trails .hint{margin-top:14px;font-size:13.5px;color:var(--mist)}
.band.tallb{padding:230px 0 110px}
.band.tallb .shade{background:linear-gradient(180deg,rgba(14,31,24,.25) 0%,rgba(14,31,24,.15) 40%,rgba(14,31,24,.9) 100%)}
.band .qt{max-width:900px}
@container (max-width:820px){
.nav .mark img{width:36px;height:36px}
.trails .cards{padding:0 20px 18px;gap:12px}
.trails .card{flex:0 0 80%;height:480px}
.trails .card h3{font-size:28px}
.band.tallb{padding:200px 0 60px}
}

/* immersive full-bleed sections and data charts */
.top.xl{height:800px}
.factbar.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.full{position:relative;padding:170px 0 150px;overflow:hidden}
.full.short{padding:150px 0 120px}
.full .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,.96) 0%,rgba(14,31,24,.62) 22%,rgba(14,31,24,.7) 70%,rgba(14,31,24,.97) 100%)}
.full .wrap{position:relative}
.full .h2{margin-top:18px}
.full .lead2{max-width:720px}
.els{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:60px}
.els div{background:rgba(14,31,24,.62);backdrop-filter:blur(10px);border:1px solid rgba(242,238,226,.16);border-radius:26px;padding:24px}
.els b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:26px;color:var(--gold)}
.els span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:#DCE4DA}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:56px;max-width:1040px}
.tri div{border-top:1px solid rgba(242,238,226,.4);padding-top:20px}
.tri b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px}
.tri span{display:block;margin-top:8px;font-size:16px;color:#DCE4DA}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}
.dbk .sub2{font-size:14.5px;color:#4C5E52;margin-top:6px}
.ybars{display:flex;align-items:flex-end;gap:12px;height:290px;margin-top:22px}
.ybars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}
.ybars b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;margin-bottom:6px}
.ybars i{display:block;flex-shrink:0;width:100%;border-radius:12px 12px 0 0;background:#9DB89F}
.ybars .c0 i{background:#C9CFC2}
.ybars .hi i{background:var(--fern)}
.ybars span{display:block;height:44px;padding-top:10px;font-size:13px;font-weight:500;text-align:center;line-height:1.2;border-top:1px solid rgba(14,31,24,.3);width:calc(100% + 12px)}
.dbk .note2{margin-top:18px;font-size:15.5px;line-height:1.5}
.dbk .src2{margin-top:12px;font-size:12.5px;color:#5C6E62}
.rng{margin-top:34px}
.rr{display:grid;grid-template-columns:150px 1fr 96px;gap:14px;align-items:center;padding:13px 0}
.rr span{font-size:14.5px;font-weight:500;line-height:1.2}
.rr .trk{position:relative;height:26px;border-radius:13px;background:rgba(14,31,24,.08)}
.rr .trk i{position:absolute;top:0;bottom:0;border-radius:13px;background:#9DB89F}
.rr.hi .trk i{background:var(--fern)}
.rr b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:19px;text-align:right;white-space:nowrap}
.rng .ax{display:flex;justify-content:space-between;margin:6px 110px 0 164px;font-size:12px;color:#5C6E62}
.rng .ax em{font-style:normal}
.pay{margin-top:34px;display:grid;gap:12px}
.pay div{display:grid;grid-template-columns:190px 1fr 100px;gap:12px;align-items:center;font-size:14.5px}
.pay span{font-weight:500}
.pay i{display:block;height:16px;border-radius:8px;background:var(--fern);min-width:6px}
.pay b{font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@container (max-width:820px){
.top.xl{height:640px}
.factbar.four{grid-template-columns:1fr 1fr}
.full{padding:90px 0 80px}.full.short{padding:90px 0 70px}
.full .shade{background:linear-gradient(180deg,rgba(14,31,24,.96) 0%,rgba(14,31,24,.78) 20%,rgba(14,31,24,.82) 75%,rgba(14,31,24,.97) 100%)}
.els{grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}
.els div{padding:18px;border-radius:20px}.els b{font-size:22px}.els span{font-size:14px}
.tri{grid-template-columns:1fr;gap:22px;margin-top:34px}
.charts{grid-template-columns:1fr;gap:16px;margin-top:34px}
.dbk{padding:22px}
.ybars{gap:6px;height:230px}.ybars b{font-size:19px}.ybars span{font-size:11px;height:48px}
.rr{grid-template-columns:1fr 84px;gap:6px 10px}.rr span{grid-column:1/-1}
.rng .ax{margin:6px 94px 0 0}
.pay div{grid-template-columns:1fr 92px;gap:4px 10px}.pay span{grid-column:1/-1}
}
.shot.wide{height:340px}
.full .shade{background:linear-gradient(180deg,rgba(14,31,24,.96) 0%,rgba(14,31,24,.5) 22%,rgba(14,31,24,.5) 60%,rgba(14,31,24,.95) 100%),linear-gradient(90deg,rgba(14,31,24,.6),rgba(14,31,24,0) 70%)}
@container (max-width:820px){.shot.wide{height:230px}}
.hero.low{height:1000px}
.hero.low .cover{object-position:50% 30%}
.hero.low .shade{background:linear-gradient(180deg,rgba(14,31,24,.6) 0%,rgba(14,31,24,0) 20%,rgba(14,31,24,0) 55%,rgba(14,31,24,.82) 76%,rgba(14,31,24,.97) 100%)}
.hero.low .in{bottom:120px}
.hero.low h1{font-size:clamp(48px,6.4cqw,96px);line-height:1}
.hero.low .lede{max-width:640px;margin-top:16px}
.hero.low .row{margin-top:22px}
.hero.low .award{position:absolute;left:40px;top:-560px;margin:0}
.hero .mb{display:none}
@container (max-width:820px){
.hero.low{height:780px}
.hero.low .cover{object-position:62% 50%}
.hero.low .shade{background:linear-gradient(180deg,rgba(14,31,24,.55) 0%,rgba(14,31,24,.05) 20%,rgba(14,31,24,.15) 42%,rgba(14,31,24,.9) 62%,rgba(14,31,24,.98) 100%)}
.hero.low .award{position:static;margin-bottom:18px}
.hero .mb{display:inline}
}
.full.short .shade{background:linear-gradient(90deg,rgba(14,31,24,.94) 0%,rgba(14,31,24,.7) 38%,rgba(14,31,24,.1) 72%),linear-gradient(180deg,rgba(14,31,24,.5) 0%,rgba(14,31,24,0) 25%,rgba(14,31,24,0) 75%,rgba(14,31,24,.7) 100%)}
@container (max-width:820px){
.full.short .shade{background:linear-gradient(180deg,rgba(14,31,24,.9) 0%,rgba(14,31,24,.72) 100%)}
.hero.low .cover{height:60%}
.hero.low .shade{background:linear-gradient(180deg,rgba(14,31,24,.55) 0%,rgba(14,31,24,.05) 18%,rgba(14,31,24,.1) 40%,rgba(14,31,24,1) 60%)}
.hero.low .in{bottom:100px}
}
.trails .card .t{left:24px;right:24px}
@container (max-width:820px){
.factbar.four div:last-child{grid-column:auto}
.ybars span{font-size:10.5px;width:100%}
.trails .card .t{left:20px;right:20px}
}
.hero.low .award{left:auto;right:40px;top:auto;bottom:4px}
.hero.low .credit{display:none}
@container (max-width:820px){.trails .cards{margin:0}}

/* subnav, dashboard preview, steps */
.subnav{background:var(--moss);border-bottom:1px solid rgba(242,238,226,.12)}
.subnav .wrap{display:flex;gap:34px;overflow-x:auto;scrollbar-width:none}
.pg .subnav a{padding:18px 0;font-size:15px;font-weight:500;color:var(--mist);white-space:nowrap;border-bottom:2px solid transparent}
.pg .subnav a.on{color:var(--paper);border-bottom-color:var(--gold)}
.lift.nolift{margin-top:40px}
.dash{margin-top:56px;border-radius:28px;overflow:hidden;background:#FBF8EF;color:var(--night);box-shadow:0 50px 100px rgba(0,0,0,.45);transform:perspective(2200px) rotateX(1.2deg)}
.dtop{background:var(--night);color:var(--paper);padding:22px 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.dtop small{display:block;font-size:10.5px;letter-spacing:.16em;color:var(--mist)}
.dtop b{display:block;font-family:"Nunito Sans",system-ui,sans-serif;font-weight:700;font-size:25px;letter-spacing:.01em;text-transform:uppercase;margin-top:6px}
.dtop b em{font-style:normal;color:var(--gold)}
.dtop .seg{display:flex;gap:6px;margin-top:8px}
.dtop .seg i{display:block;width:44px;height:5px;border-radius:3px;background:rgba(242,238,226,.2)}
.dtop .seg i.f{background:var(--gold)}.dtop .seg i.n{background:var(--paper)}
.dbody{padding:26px 28px 30px}
.dk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dk .k{background:#fff;border:1px solid rgba(14,31,24,.12);border-radius:14px;padding:16px 18px}
.dk .k.lead{background:var(--moss);color:var(--paper);border-color:var(--moss)}
.dk b{display:block;font-weight:700;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.dk b small{font-size:15px;font-weight:500;opacity:.7}
.dk .k.lead b{color:var(--gold)}
.dk span{display:block;margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.dgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:28px}
.dash h4{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cm{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px dashed rgba(14,31,24,.2)}
.cm > div{flex:1;min-width:0}
.cm b{display:block;font-size:15px;font-weight:600}
.cm span{display:block;font-size:13px;color:#4C5E52;margin-top:2px}
.cm i{display:block;height:4px;border-radius:2px;background:var(--fern);margin-top:9px;min-width:0}
.cm em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:rgba(14,31,24,.07);color:#4C5E52;white-space:nowrap}
.cm em.ok{background:#DCEBDD;color:#1F5A38}.cm em.go{background:#F6E7C4;color:#7A4E08}
.dm svg{display:block;width:100%;height:auto;background:#fff;border:1px solid rgba(14,31,24,.12);border-radius:14px}
.dm .lgd{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:12.5px;color:#4C5E52}
.dm .lgd i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.steps5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin-top:56px}
.steps5.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps5 div{border-top:1px solid rgba(242,238,226,.3);padding-top:20px}
.steps5 em{display:flex;width:38px;height:38px;border-radius:19px;border:1px solid var(--gold);color:var(--gold);align-items:center;justify-content:center;font-style:normal;font-family:Newsreader,Georgia,serif;font-size:18px}
.steps5 b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px;margin-top:16px}
.steps5 span{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--mist)}
@container (max-width:820px){
.subnav .wrap{gap:22px}.pg .subnav a{padding:14px 0;font-size:14px}
.dash{margin-top:34px;transform:none;border-radius:22px}
.dtop{flex-direction:column;align-items:flex-start;padding:18px}.dtop b{font-size:19px}
.dbody{padding:16px}
.dk{grid-template-columns:1fr 1fr;gap:8px}.dk b{font-size:24px}.dk span{font-size:10px}
.dgrid{grid-template-columns:1fr;gap:22px}
.cm{flex-direction:column;gap:8px}
.steps5,.steps5.four{grid-template-columns:1fr;gap:18px;margin-top:34px}
.steps5 b{font-size:23px;margin-top:10px}
}

/* round 5: reviews, difference table, loop, timeline, tables, film */
.stars{color:var(--gold);letter-spacing:2px;font-size:15px}
.rvh{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.rvs{display:flex;gap:14px}
.pg .rsrc{display:block;background:var(--moss);border-radius:22px;padding:20px 24px;min-width:200px}
.rsrc b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:46px;line-height:1;display:block}
.rsrc small{display:block;font-size:13.5px;color:var(--mist);margin-top:4px}
.rvg{display:grid;grid-template-columns:400px 1fr;gap:24px;margin-top:50px}
.themes{background:var(--moss);border-radius:28px;padding:30px}
.themes h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px;margin:0 0 18px}
.tb2{display:grid;grid-template-columns:1fr 44px;gap:4px 10px;align-items:center;padding:9px 0;font-size:14.5px}
.tb2 span{grid-column:1/-1}
.tb2 i{display:block;height:8px;border-radius:4px;background:var(--gold)}
.tb2 b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.themes .nt2{margin-top:16px;font-size:13px;line-height:1.5;color:var(--mist)}
.rcards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rc2{margin:0;background:var(--paper);color:var(--night);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:14px}
.rc2 .stars{color:#B8862B}
.rc2 blockquote{margin:0;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:23px;line-height:1.25;letter-spacing:-0.01em;flex:1}
.rc2 figcaption{font-size:13.5px;color:#4C5E52;font-weight:500}
.rvf{margin-top:22px;font-size:14px;color:var(--mist)}
.pg .rvf a{text-decoration:underline;color:var(--paper)}
.dtab{margin-top:56px;border-top:2px solid var(--night)}
.dtab .dh,.dtab .dr{display:grid;grid-template-columns:240px 1fr 1.25fr;gap:30px;padding:18px 0;border-bottom:1px solid rgba(14,31,24,.2);align-items:baseline}
.dtab .dh{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4C5E52}
.dtab .dr b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:23px;line-height:1.15}
.dtab .dr span{font-size:16px;color:#4C5E52}
.dtab .dr span.us{color:var(--night);font-weight:500}
.payers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.payers div{background:#E6E0CF;border-radius:26px;padding:26px}
.payers em{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fern)}
.payers h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px;margin-top:8px}
.payers p{font-size:15.5px;line-height:1.5;color:#3B4C41;margin-top:8px}
.flow{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:26px;padding:22px 26px;border-radius:22px;background:var(--night);color:var(--paper)}
.flow span{font-size:13.5px;color:var(--mist)}
.flow b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:21px;color:var(--gold)}
.tline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:60px;border-top:1px solid rgba(242,238,226,.3)}
.tline div{padding-top:22px;position:relative}
.tline div:before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:6px;background:var(--gold)}
.tline em{font-style:normal;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:44px;line-height:1;color:var(--gold)}
.tline b{display:block;font-size:17px;font-weight:600;margin-top:12px}
.tline span{display:block;font-size:14.5px;line-height:1.5;color:var(--mist);margin-top:8px}
.lg.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.per{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;margin-top:44px}
.per div{background:var(--moss);border-radius:26px;padding:24px}
.per .pw{background:var(--gold);color:var(--night)}
.per small{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.per b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:36px;line-height:1;white-space:nowrap}
.per .pw b{font-size:48px}
.per span{display:block;font-size:14.5px;line-height:1.45;margin-top:10px;color:var(--mist)}
.per .pw span{color:var(--night)}
.ftab,.wtab{border-top:1px solid rgba(242,238,226,.4)}
.ftab > div{display:grid;grid-template-columns:1fr 100px 90px;gap:16px;padding:15px 0;border-bottom:1px solid rgba(242,238,226,.14);font-variant-numeric:tabular-nums}
.ftab .fh,.wtab .wh{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.ftab b{font-weight:500}.ftab span{text-align:right}
.ftab p{font-size:13px;color:var(--mist);margin-top:14px}
.wtab{margin-top:44px}
.wtab > div{display:grid;grid-template-columns:1.3fr .6fr .9fr 1.5fr .9fr;gap:20px;padding:17px 0;border-bottom:1px solid rgba(242,238,226,.14);align-items:baseline;font-size:15.5px}
.wtab b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px}
.wtab span{color:var(--mist)}
.wtab span:last-child{color:var(--paper);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.faq details{border-bottom:1px solid rgba(242,238,226,.2);padding:20px 0}
.faq summary{cursor:pointer;list-style:none;font-family:Newsreader,Georgia,serif;font-size:24px;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--gold);font-family:"Nunito Sans",sans-serif}
.faq details[open] summary:after{content:"–"}
.faq p{margin-top:12px;color:var(--mist);font-size:16px;max-width:560px}
.pg .vid{position:relative;display:block;height:560px;border-radius:36px;overflow:hidden}
.vid .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,.1) 30%,rgba(14,31,24,.9) 100%)}
.vid .play{position:absolute;left:50%;top:44%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:48px;background:var(--gold);display:flex;align-items:center;justify-content:center;padding-left:6px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.vid .vt{position:absolute;left:40px;right:40px;bottom:36px}
.vid small{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.vid .h2{margin-top:8px}
.vid p{margin-top:10px;color:#DCE4DA;max-width:560px}
.recog{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.recog span{font-family:"Nunito Sans",system-ui,sans-serif;font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid rgba(242,238,226,.3);color:var(--mist)}
@container (max-width:820px){
.rvh{grid-template-columns:1fr;gap:24px}
.rvs{gap:10px}.pg .rsrc{min-width:0;flex:1;padding:16px}.rsrc b{font-size:36px}
.rvg{grid-template-columns:1fr;margin-top:30px}
.rcards{grid-template-columns:1fr;gap:12px}
.rc2{padding:22px;border-radius:22px}.rc2 blockquote{font-size:20px}
.dtab{margin-top:34px}
.dtab .dh{display:none}
.dtab .dr{grid-template-columns:1fr;gap:6px;padding:18px 0}
.dtab .dr span:not(.us):before{content:"Typical: ";font-weight:600}
.dtab .dr span.us:before{content:"On the trail: ";font-weight:700;color:var(--fern)}
.payers{grid-template-columns:1fr;margin-top:34px;gap:10px}
.flow{padding:18px}
.tline{grid-template-columns:1fr;gap:26px;margin-top:40px;border-top:0;border-left:1px solid rgba(242,238,226,.3);padding-left:22px}
.tline div{padding-top:0}.tline div:before{top:14px;left:-28px}
.tline em{font-size:36px}
.lg.four{grid-template-columns:1fr 1fr}
.per{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}
.per .pw{grid-column:1/-1}.per b{font-size:26px}.per .pw b{font-size:40px}.per div{padding:18px;border-radius:20px}
.wtab > div{grid-template-columns:1fr auto;gap:2px 14px;padding:14px 0}
.wtab .wh{display:none}
.wtab b{grid-column:1/-1;font-size:21px}
.wtab span:nth-child(3),.wtab span:nth-child(4){display:none}
.faq summary{font-size:20px}
.pg .vid{height:440px;border-radius:26px}.vid .vt{left:22px;right:22px;bottom:24px}.vid .play{width:74px;height:74px;margin:-37px 0 0 -37px}
}
.whole{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px;margin-top:50px;border-top:2px solid var(--night)}
.whole div{padding:22px 0;border-bottom:1px solid rgba(14,31,24,.2)}
.whole b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px}
.whole span{display:block;margin-top:6px;font-size:15.5px;line-height:1.5;color:#3B4C41}
@container (max-width:820px){.whole{grid-template-columns:1fr;margin-top:30px}.whole div{padding:16px 0}}
.full.hope{text-align:center;padding:190px 0 170px}
.full.hope .shade{background:linear-gradient(180deg,rgba(14,31,24,1) 0%,rgba(14,31,24,.55) 30%,rgba(14,31,24,.6) 70%,rgba(14,31,24,1) 100%)}
.full.hope .h2{max-width:900px;margin:0 auto}
.full.hope .lead2{max-width:680px;margin-left:auto;margin-right:auto}
.full.hope .ast{font-style:italic;font-size:clamp(34px,4cqw,60px);color:var(--gold);margin-top:34px}
.full.hope .row{justify-content:center}
@container (max-width:820px){.full.hope{padding:110px 0 100px}}

/* round 6: shop, about, news journal, contact, rice */
.top.short{height:440px}
.shd{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.shd p{font-size:14.5px}
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
.pg .prod{display:flex;flex-direction:column}
.ph3{position:relative;height:300px;border-radius:26px;overflow:hidden;background:var(--moss)}
.ph3 .len{position:absolute;left:14px;top:14px;background:rgba(242,238,226,.94);color:var(--night);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600}
.ph3.mer{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1B3A2B,#2C5A41)}
.ph3.mer em{font-style:italic;font-family:Newsreader,Georgia,serif;font-size:26px;color:rgba(242,238,226,.5);text-align:center;padding:0 30px}
.prod h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:26px;margin-top:16px}
.prod p{font-size:15px;color:var(--mist);margin-top:4px;flex:1}
.prod .pb{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px solid rgba(242,238,226,.18);font-size:15px}
.prod .pb b{font-weight:600;font-variant-numeric:tabular-nums}
.prod .pb span{color:var(--gold);font-weight:600}
.pg .prod.note{background:var(--moss);border-radius:26px;padding:28px;justify-content:center}
.prod.note h3{margin-top:0}
.pay2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid rgba(242,238,226,.25);padding-top:30px}
.pay2 b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px}
.pay2 span{display:block;font-size:14.5px;color:var(--mist);margin-top:4px}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px}
.tm{background:rgba(14,31,24,.5);border-radius:22px;padding:20px;display:grid;grid-template-columns:54px 1fr;gap:2px 14px;align-items:center}
.tm i{grid-row:1/3;width:54px;height:54px;border-radius:27px;background:var(--fern);display:flex;align-items:center;justify-content:center;font-style:normal;font-family:Newsreader,Georgia,serif;font-size:24px;color:var(--gold)}
.tm b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;line-height:1.1;align-self:end}
.tm span{font-size:13px;line-height:1.35;color:var(--mist);align-self:start}
.eco{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:50px}
.eco div{border-top:1px solid rgba(242,238,226,.4);padding-top:18px}
.eco b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px}
.eco span{display:block;margin-top:8px;font-size:15px;color:#DCE4DA}
.who4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pg .who4 a{display:flex;flex-direction:column;background:var(--moss);border-radius:28px;padding:28px}
.who4 small{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.who4 b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:44px;line-height:1.1;margin-top:10px}
.who4 span{font-size:15px;color:var(--mist);margin-top:6px;flex:1}
.who4 em{font-style:normal;font-weight:600;font-size:15px;margin-top:22px;color:var(--paper);border-top:1px solid rgba(242,238,226,.2);padding-top:14px}
.cinfo{margin-top:34px;display:grid;gap:18px}
.cinfo small{display:block;font-size:13px;color:#4C5E52}
.cinfo b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;user-select:all}
.cform{display:grid;gap:16px;background:#E6E0CF;border-radius:30px;padding:32px}
.cform label{display:grid;gap:6px;font-size:14px;font-weight:600}
.cform input,.cform select,.cform textarea{font:inherit;font-weight:400;font-size:16px;padding:13px 14px;border-radius:12px;border:1px solid rgba(14,31,24,.25);background:#FBF8EF;color:var(--night);width:100%}
.cform .btn{justify-self:start;margin-top:6px}
/* journal */
.pg.jr{background:#EFE9DA;color:var(--night)}
.jhead{background:var(--night);color:var(--paper);padding-bottom:0}
.jt{padding:50px 0 44px;max-width:760px}
.jt small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.jt h1{font-size:clamp(54px,8cqw,120px);line-height:.95;margin-top:10px;font-style:italic}
.jt p{margin-top:16px;font-size:18px;color:var(--mist)}
.jcats{display:flex;gap:10px;overflow-x:auto;padding-bottom:26px}
.pg .jcats a{padding:9px 16px;border-radius:999px;border:1px solid rgba(242,238,226,.3);font-size:14px;font-weight:500;white-space:nowrap}
.pg .jcats a.on{background:var(--paper);color:var(--night);border-color:var(--paper)}
.jsec{padding:70px 0 110px}
.pg .jlead{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;padding-bottom:60px;border-bottom:2px solid var(--night)}
.jph{position:relative;height:300px;border-radius:6px;overflow:hidden;box-shadow:0 18px 40px rgba(14,31,24,.22)}
.jlead .jph{height:470px;transform:rotate(-1.2deg);border:10px solid #FBF8EF;border-bottom-width:34px}
.stamp{position:absolute;right:16px;bottom:14px;background:var(--gold);color:var(--night);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;transform:rotate(3deg)}
.jr small{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7A4E08}
.jr .jpin{display:inline-block;background:var(--gold);color:var(--night);padding:3px 9px 2px;border-radius:3px;font-weight:700}
.jlead h2{font-size:clamp(30px,3.6cqw,52px);line-height:1.06;margin-top:12px;letter-spacing:-0.02em}
.jlead p{margin-top:16px;font-size:18px;color:#3B4C41}
.more2{display:inline-block;margin-top:22px;font-weight:600;border-bottom:2px solid var(--night);padding-bottom:2px}
.jgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 34px;margin-top:60px}
.pg .jc{display:block}
.jc .jph{margin-bottom:18px}
.jc:nth-child(3n+2) .jph{transform:rotate(.8deg)}
.jc h3{font-size:27px;line-height:1.12;margin-top:8px;letter-spacing:-0.01em;font-weight:400}
.jc p{margin-top:10px;font-size:15.5px;color:#3B4C41}
.pg .jc.note{background:#FBF8EF;padding:30px;border-radius:4px;box-shadow:0 14px 34px rgba(14,31,24,.16);transform:rotate(-.8deg);align-self:start}
.hand{display:block;margin-top:18px;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:17px;color:var(--fern)}
.jold{margin-top:80px;border-top:2px solid var(--night);padding-top:26px}
.jold h3{font-size:30px;font-weight:400;margin-bottom:10px}
.pg .jold a{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid rgba(14,31,24,.2);font-size:16px}
.jold span{color:#4C5E52;font-variant-numeric:tabular-nums}.jold b{font-weight:500}
.pg.jr .foot{background:var(--night);color:var(--paper)}
@container (max-width:820px){
.top.short{height:380px}
.shd{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}
.prods{grid-template-columns:1fr 1fr;gap:22px 12px}
.ph3{height:190px;border-radius:20px}.prod h3{font-size:20px}.prod p{font-size:13.5px}
.prod .pb{flex-direction:column;gap:4px;font-size:14px}
.pay2{grid-template-columns:1fr;gap:18px}
.team{grid-template-columns:1fr;gap:8px;margin-top:30px}
.eco{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.who4{grid-template-columns:1fr;gap:10px}.who4 b{font-size:34px}
.cform{padding:20px;border-radius:22px}
.jt{padding:30px 0 28px}
.jsec{padding:40px 0 70px}
.pg .jlead{grid-template-columns:1fr;gap:26px;padding-bottom:40px}
.jlead .jph{height:300px}
.jgrid{grid-template-columns:1fr;gap:40px;margin-top:40px}
.jph{height:230px}
.pg .jold a{grid-template-columns:1fr;gap:2px}
}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform button.btn{border:0;cursor:pointer;font-family:inherit;justify-self:start;margin-top:6px}
.cform .sent{font-size:14.5px;font-weight:500;color:var(--fern)}
.formsec .cform{box-shadow:0 30px 60px rgba(14,31,24,.12)}
.igrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pg .igrid a{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden}
@container (max-width:820px){.cform .two{grid-template-columns:1fr}.igrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pg .igrid a{border-radius:12px}}

/* journal, notebook version (from theme B) */
.pg.jr{background:#E4EADF;color:#18271F;--ink:#18271F}
.pg.jr .serif{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-0.022em}
.pg.jr .hand,.jr .cap{font-family:Caveat,cursive;font-weight:600;line-height:1.1}
.jt h1{font-style:normal}
.jhead.slim{padding-bottom:6px}
.jr .tape{position:absolute;z-index:2;width:104px;height:28px;background:rgba(224,162,31,.6);top:-12px;left:50%;margin-left:-52px;transform:rotate(-3deg)}
.jr .jph{background:#fff;padding:10px 10px 46px;border-radius:0;overflow:visible;box-shadow:0 22px 44px rgba(24,39,31,.2),0 3px 8px rgba(24,39,31,.1);height:330px}
.jr .jph img.cover{position:static;display:block;width:100%;height:100%;object-fit:cover}
.jr .jph .cap{position:absolute;left:14px;right:10px;bottom:10px;font-size:23px;color:#18271F}
.jlead .jph{height:500px;border:0;transform:rotate(-1.6deg)}
.jc:nth-child(3n+1) .jph{transform:rotate(-1.2deg)}
.jc:nth-child(3n) .jph{transform:rotate(1.4deg)}
.pg .jc.note{background:#F6E2A9;border-radius:2px;transform:rotate(-1.6deg);box-shadow:0 16px 30px rgba(24,39,31,.18)}
.jr .hand{font-size:24px;color:#2F6B45}
.jsub{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:90px;background:#FBFBF6;padding:44px;box-shadow:0 22px 44px rgba(24,39,31,.14);background-image:repeating-linear-gradient(180deg,transparent 0 33px,rgba(47,107,69,.14) 33px 34px)}
.jsub h3{font-size:38px;line-height:1.05;margin-top:4px}
.jsub p{margin-top:12px;color:#3B4C41}
.jform{display:grid;gap:14px}
.jform label{display:grid;gap:6px;font-size:14px;font-weight:600}
.jform input,.jform select{font:inherit;font-weight:400;font-size:16px;padding:13px 14px;border-radius:10px;border:1.5px solid #18271F;background:#fff;color:#18271F;width:100%}
.jform button{border:0;cursor:pointer;font-family:inherit;justify-self:start}
.jform .sent{font-size:14.5px;color:#2F6B45;font-weight:500}
/* article */
.jart{padding:40px 0 110px}
.pg .back{font-weight:600;font-size:15px}
.ahead{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-top:34px}
.ahead h1{font-size:clamp(40px,5.6cqw,84px);line-height:.98;margin-top:14px}
.ahead .stand{font-size:20px;line-height:1.5;margin-top:22px;color:#2E3F35;max-width:560px}
.aprint{position:relative;background:#fff;padding:12px 12px 56px;height:520px;transform:rotate(2deg);box-shadow:0 30px 60px rgba(24,39,31,.22)}
.aprint img.cover{position:static;display:block;width:100%;height:100%;object-fit:cover}
.aprint .cap{position:absolute;left:16px;bottom:13px;font-size:25px}
.abody{display:grid;grid-template-columns:270px minmax(0,680px);gap:70px;margin-top:90px;justify-content:center}
.postit{background:#F6E2A9;padding:22px;transform:rotate(-2deg);box-shadow:0 14px 26px rgba(24,39,31,.16);display:grid;gap:7px;font-size:15px}
.postit b{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:21px}
.pg .postit a{font-weight:700;text-decoration:underline;margin-top:6px}
.postit.green{background:#CFE3CC;transform:rotate(3deg);margin-top:26px;text-align:center}
.atext{background:#FBFBF6;padding:54px 56px 60px;box-shadow:0 22px 44px rgba(24,39,31,.12);border-left:2px solid rgba(190,70,60,.35);font-size:18.5px;line-height:1.7}
.atext h2{font-size:34px;line-height:1.1;margin:44px 0 14px}
.atext h2:first-child{margin-top:0}
.atext p{margin-top:16px}
.inprint{margin:36px auto;background:#fff;padding:10px 10px 44px;width:78%;position:relative;transform:rotate(-1.4deg);box-shadow:0 22px 44px rgba(24,39,31,.2)}
.inprint img{display:block;width:100%;height:300px;object-fit:cover}
.inprint figcaption{position:absolute;left:14px;bottom:8px;font-size:23px;color:#18271F}
.pull{margin:40px 0;padding-left:22px;border-left:4px solid #E0A21F;font-size:30px;line-height:1.2;font-style:italic}
.aend{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.pg .btn.linek{border:1.5px solid #18271F}
.anext{margin-top:110px;border-top:2px solid #18271F;padding-top:30px}
.anext > h3{font-size:34px}
@container (max-width:820px){
.jr .jph{height:270px}.jlead .jph{height:340px}
.jsub{grid-template-columns:1fr;gap:24px;padding:24px;margin-top:50px}.jsub h3{font-size:30px}
.ahead{grid-template-columns:1fr;gap:34px}.aprint{height:340px}
.abody{grid-template-columns:1fr;gap:30px;margin-top:50px}
.amargin{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.postit.green{margin-top:0}
.atext{padding:26px 22px 34px;font-size:17px}.atext h2{font-size:27px}
.inprint{width:92%}.inprint img{height:220px}
.pull{font-size:24px}
.anext{margin-top:60px}
}
.aud.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sec:not(.paper) .aud h3{color:var(--paper)}.sec:not(.paper) .aud p{color:var(--mist)}
.dbar{background:#fff;border:1px solid rgba(14,31,24,.12);border-radius:14px;padding:16px 18px;margin-top:12px}
.dbar small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4C5E52;margin-bottom:10px}
.dbar div{display:grid;grid-template-columns:1fr;gap:3px;margin-top:10px;font-size:13px;position:relative}
.dbar span{color:#3B4C41}.dbar i{display:block;height:12px;border-radius:6px}
.dbar b{position:absolute;right:0;top:0;font-size:13px;font-weight:600}
.grains .tri{margin-top:44px}
.top .in .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@container (max-width:820px){.aud.three{grid-template-columns:1fr}.svc[style]{grid-template-columns:1fr!important}}
.sec:not(.paper) .aud div{border-top-color:rgba(242,238,226,.4)}
@container (min-width:821px){.minis.six{grid-template-columns:repeat(3,minmax(0,1fr))}.minis.six .mini{height:340px}}
.nav .mark,.nav .links a,.nav .btn{white-space:nowrap}
.nav .mark{flex:none}
@container (min-width:821px) and (max-width:1180px){.nav{padding:22px 28px;gap:14px}.nav .links{display:none}.nav .btn{margin-left:auto}.nav .menu{display:flex;flex:none}}
.top h1 small{display:block;font-family:"Nunito Sans",system-ui,sans-serif;font-size:max(15px,.17em);font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;color:var(--gold);margin-top:16px}
.eyebrow{font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.ticks.one{grid-template-columns:1fr;gap:16px}
.days{margin-top:26px;border-top:1px solid rgba(242,238,226,.3)}
.days > div{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(242,238,226,.14)}
.days em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.days em b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;letter-spacing:0;text-transform:none;color:var(--paper);margin-top:4px;white-space:nowrap}
.days h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:21px;line-height:1.2}
.detail .blk .days p{margin-top:6px;font-size:15.5px;line-height:1.5}
.days small{display:block;margin-top:6px;font-size:13px;color:var(--mist);opacity:.85}
.elevw{margin-top:24px;background:var(--moss);border-radius:24px;padding:22px 22px 16px}
.elevw svg{display:block;width:100%;height:auto;font-family:"Nunito Sans",system-ui,sans-serif}
.detail .blk .elevw p{margin-top:8px;font-size:13px}
@container (max-width:820px){.days > div{grid-template-columns:72px 1fr;gap:14px}.days em b{font-size:20px}}
.impact{min-height:760px}
@container (max-width:820px){.impact{min-height:900px}}

.nav{z-index:6}
.dd{position:relative;display:inline-flex;align-items:center}
.dd>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:9px;opacity:.75}
.ddm{position:absolute;left:-22px;top:100%;padding-top:14px;display:none;z-index:70}
.ddm>span{display:flex;flex-direction:column;min-width:250px;background:#0E1F18;border:1px solid rgba(242,238,226,.18);border-radius:16px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.ddm a,.pg .nav .ddm a{padding:9px 12px;border-radius:9px;font-size:14.5px;font-weight:500;color:#F2EEE2;white-space:nowrap;text-decoration:none}
.ddm a:hover,.pg .nav .ddm a:hover{background:rgba(242,238,226,.1);color:#E8C267}
.dd:hover .ddm,.dd:focus-within .ddm{display:block}

@container (min-width:821px){
.top{height:780px}.top.xl{height:900px}.top.short{height:440px}
.top h1{font-size:clamp(46px,6cqw,90px)}
.top:not(.short) .cover:not(.dim) + .shade{background:linear-gradient(180deg,rgba(14,31,24,.55) 0%,rgba(14,31,24,.06) 22%,rgba(14,31,24,.16) 46%,rgba(14,31,24,.78) 78%,rgba(14,31,24,.96) 100%)}
}
.dt{cursor:pointer}

/* team portraits */
.team.ph{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 16px}
.tp{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.tp .tpi{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:16px;overflow:hidden;background:var(--fern)}
.tp .tpi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tp .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Newsreader,Georgia,serif;font-size:56px;color:var(--gold)}
.tp b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:21px;line-height:1.1}
.tp span{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--mist)}
@container (max-width:1100px){.team.ph{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (max-width:820px){.team.ph{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.tp b{font-size:19px}}

/* review stats and linked quotes */
.themes .big{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(242,238,226,.16)}
.themes .big b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(46px,5cqw,64px);line-height:1;color:var(--gold)}
.themes .big span{display:block;margin-top:8px;font-size:14.5px;line-height:1.4}
a.rc2{text-decoration:none;transition:transform .2s}
a.rc2:hover{transform:translateY(-2px)}
a.rc2:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pg a.rc2,.pg a.rc2 blockquote{color:var(--night)}
.rc2 .cap{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:#4C5E52;font-weight:500}
.rc2 .cap b{font-weight:700;color:var(--night)}
.rc2 .cap em{font-style:normal;margin-top:6px;font-weight:600;color:#8A6420;text-decoration:underline;text-underline-offset:3px}

.chiprow{display:flex;flex-wrap:wrap;gap:10px 8px}
.chiprow .chip{margin:0}
.tri.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
@container (max-width:820px){.tri.two{grid-template-columns:1fr}}

.book{position:sticky;top:92px}
.book .lbl small{font-weight:500;color:#4C5E52;margin-left:6px}
.dsel{position:relative;margin-top:8px}
.dbtn{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border:2px solid var(--night);border-radius:14px;background:#fff;color:var(--night);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.dbtn span{flex:1}
.dbtn em{font-style:normal;font-size:13px;font-weight:600;color:#8A4B14}
.dbtn em.ok{color:var(--fern)}
.dbtn svg{flex:none;transition:transform .2s}
.dbtn[aria-expanded="true"] svg{transform:rotate(180deg)}
.dbtn:focus-visible,.dlist .dt:focus-visible{outline:2px solid var(--fern);outline-offset:2px}
.dlist{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;background:#fff;border-radius:16px;box-shadow:0 24px 50px rgba(14,31,24,.28);padding:8px;max-height:380px;overflow:auto}
.dlist .dt{margin-top:0;border:0;border-radius:10px;padding:11px 12px}
.dlist .dt+.dt{margin-top:2px}
.dlist .dt:hover,.dlist .dt:focus{background:#EEF2EC}
.dlist .dt.sel{border:0;background:#E2EBE3;font-weight:600}
.dlist .dt.req{color:var(--night);border-top:1px solid rgba(14,31,24,.12);border-radius:0 0 10px 10px;margin-top:6px;padding-top:13px}
@container (max-width:820px){.book{position:static}}

.guides .gvrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:40px}
.gv{position:relative;display:block;aspect-ratio:9/16;border:0;padding:0;border-radius:22px;overflow:hidden;background:var(--moss);cursor:pointer;color:var(--paper);text-align:left;font:inherit}
.gv img{transition:transform .5s ease}
.gv:hover img{transform:scale(1.04)}
.gv:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,24,0) 45%,rgba(14,31,24,.88) 100%)}
.gv .pl{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;width:56px;height:56px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.gv .nm{position:absolute;left:16px;right:14px;bottom:16px;z-index:2}
.gv .nm b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;line-height:1.1}
.gv .nm small{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:#DCE4DA}
.gv:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@container (max-width:1100px){.guides .gvrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:620px){.guides .gvrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-16px;padding-right:16px}.gv{flex:0 0 62%;scroll-snap-align:start}}
.guides{scroll-margin-top:70px}

/* Grains of Change */
.sec.paper .btn.line.ink{border-color:rgba(14,31,24,.45);color:var(--night)}
.steps5.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.goc #how .pair{height:520px}.goc #how .pair .p1{height:420px}
.gbar{position:relative;height:22px;border-radius:999px;background:rgba(242,238,226,.12);margin-top:56px;overflow:hidden}
.gbar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.gbar .fund{background:rgba(232,194,103,.35)}
.gbar .done{background:var(--gold)}
.gbarl{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:15px;color:var(--mist)}
.gbarl b{color:var(--paper);font-weight:600}
.gbarl span:nth-child(2):before{content:"";display:inline-block;width:10px;height:10px;border-radius:5px;background:rgba(232,194,103,.45);margin-right:8px}
.gbarl span:first-child:before{content:"";display:inline-block;width:10px;height:10px;border-radius:5px;background:var(--gold);margin-right:8px}
.gstamp{margin-top:22px;font-size:14px}
.gcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:50px}
.gc{background:#E6E0CF;border-radius:26px;padding:24px 24px 22px;display:flex;flex-direction:column;min-height:170px}
.gc b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px;line-height:1.12}
.gc .kpm{margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:600;color:var(--fern)}
.gc .dl{font-size:14px;color:#4C5E52;margin-top:2px}
.gc .ph{position:relative;height:170px;margin:-24px -24px 18px;border-radius:26px 26px 0 0;overflow:hidden;background:#D9D2BE}
.gc .ds{font-size:14.5px;line-height:1.45;color:#3B4C41;margin-top:8px}
a.tl{display:block;transition:transform .2s,box-shadow .2s}a.tl:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,31,24,.18)}
.tl .go{display:inline-block;margin-top:14px;font-style:normal;font-size:14px;font-weight:600;color:var(--fern);border-bottom:1px solid currentColor}
.gc .ph img{width:100%;height:100%;object-fit:cover}
.gfield{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:50px}
.gfield .gempty{grid-column:1/-1;border:1px dashed rgba(242,238,226,.3);border-radius:26px;padding:44px;text-align:center}
.gph{position:relative;height:300px;border-radius:26px;overflow:hidden;background:var(--moss)}
.gph img{width:100%;height:100%;object-fit:cover}
.gph span{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;font-size:14px;background:linear-gradient(180deg,rgba(14,31,24,0),rgba(14,31,24,.9))}
.gst{grid-column:span 3;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:var(--moss);border-radius:30px;overflow:hidden}
.gst iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.gst .tx{padding:30px 34px 30px 0}
.gst small{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.gst h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px;line-height:1.12;margin-top:8px}
.gst p{margin-top:10px;color:#DCE4DA;font-size:15.5px}
.gimp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:56px}
.gimp div{border-top:1px solid rgba(242,238,226,.4);padding-top:20px}
.gimp h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px}
.gimp p{margin-top:12px;font-size:16px;color:#DCE4DA}
.gimp b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:38px;line-height:1.05;color:var(--gold)}
.gwall{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.gwall span{background:#E6E0CF;border-radius:999px;padding:10px 18px;font-size:15.5px;font-weight:600}
.gwall span.m:after{content:"";display:inline-block;width:8px;height:8px;border-radius:4px;background:#C9A13F;margin-left:9px;vertical-align:2px}
.gwall .gempty{color:#4C5E52}
@container (max-width:1100px){.gcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:820px){.steps5.three{grid-template-columns:1fr}.gcards{grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.gc{padding:18px;min-height:140px;border-radius:22px}.gc b{font-size:20px}.gfield{grid-template-columns:1fr 1fr;gap:10px}.gph{height:200px}.gst{grid-column:1/-1;grid-template-columns:1fr;gap:0}.gst .tx{padding:22px}.gimp{grid-template-columns:1fr;gap:26px;margin-top:34px}.gimp b{font-size:32px}.gbar{margin-top:36px;height:16px}.goc #how .pair{height:420px}.goc #how .pair .p1{height:330px}}
@container (max-width:820px){.gcards{grid-template-columns:1fr}.gc .ph{margin:-18px -18px 14px;height:150px;border-radius:22px 22px 0 0}}

/* Bookings: approximate USD under rupiah prices */
.prod .pb b small{display:block;font-size:12.5px;font-weight:500;color:var(--mist);margin-top:2px}
@container (max-width:820px){
/* Page headers grow with their title so long titles never run into the logo */
.top,.top.xl,.top.short{height:auto;display:flex;flex-direction:column}
.top{min-height:600px}.top.xl{min-height:640px}.top.short{min-height:380px}
.top .in{position:relative;bottom:auto;margin-top:auto;padding:28px 0 40px}
/* Film cards: play button above the text */
.pg .vid{height:auto;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:132px 22px 24px}
.vid .vt{position:relative;left:auto;right:auto;bottom:auto}
.vid .play{top:30px;margin:0 0 0 -37px}
.vid .shade{background:linear-gradient(180deg,rgba(14,31,24,.15) 0%,rgba(14,31,24,.55) 35%,rgba(14,31,24,.92) 100%)}
}

.xb .lfl{display:inline-block;margin-top:14px;font-size:14.5px;font-weight:600;color:var(--mist);text-decoration:underline;text-underline-offset:3px}
.xb .lfl:hover{color:var(--gold)}

/* Funders of the Regenerative Academy and data bank */
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:56px}
.proof div{border-top:1px solid rgba(242,238,226,.3);padding-top:20px}
.proof em{display:flex;width:38px;height:38px;border-radius:19px;border:1px solid var(--gold);color:var(--gold);align-items:center;justify-content:center;font-style:normal;font-family:Newsreader,Georgia,serif;font-size:18px}
.proof b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:26px;line-height:1.15;margin-top:16px}
.proof span{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--mist)}
.fund{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.fd{display:flex;flex-direction:column;background:var(--moss);border-radius:28px;padding:28px;transition:transform .2s}
a.fd:hover{transform:translateY(-3px)}
.flg{height:84px;display:flex;align-items:center;margin-bottom:22px}
.flg img{height:84px;width:auto}
.flg.wm{font-family:Newsreader,Georgia,serif;font-size:30px;line-height:1.05;color:var(--paper);letter-spacing:-.01em;max-width:200px}
.fd small{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.fd b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;margin-top:6px}
.fd span{font-size:15px;line-height:1.5;color:var(--mist);margin-top:8px}
.fstrip{display:flex;align-items:center;gap:20px 34px;flex-wrap:wrap;margin-top:44px;padding-top:26px;border-top:1px solid rgba(242,238,226,.25)}
.fstrip>span{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);max-width:320px}
.fstrip .zf{display:flex;align-items:center;gap:12px}
.fstrip .fl{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.fstrip img{height:52px;width:auto;display:block}
.fstrip em{font-style:normal;font-family:Newsreader,Georgia,serif;font-size:21px;color:var(--paper)}
.fstrip>a{font-size:14.5px;font-weight:600;color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.clients{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.clients span{border:1px solid rgba(242,238,226,.35);border-radius:999px;padding:10px 18px;font-family:Newsreader,Georgia,serif;font-size:19px}
.clients span small{font-family:"Nunito Sans",system-ui,sans-serif;font-size:13px;color:var(--mist);margin-left:6px}
@container (max-width:820px){.proof,.fund{grid-template-columns:1fr;gap:22px;margin-top:34px}.flg,.flg img{height:64px}.fstrip img{height:42px}}
/* Research results (Regenerative farming, #research) */
.rf-hero .lead2{max-width:680px}
.rf-sec{padding-top:90px}
.rf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rf-c{background:var(--moss);border-radius:28px;padding:34px 34px 28px;display:flex;flex-direction:column}
.rf-k{font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.rf-c h3{margin:16px 0 0;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:32px;line-height:1.15;color:var(--paper)}
.rf-c p{margin:14px 0 0;font-size:16px;line-height:1.6;color:rgba(242,238,226,.88)}
.rf-c small{display:block;margin-top:auto;padding-top:22px;font-size:12.5px;line-height:1.55;color:var(--mist);opacity:.85}
.rf-c small::before{content:"";display:block;border-top:1px solid rgba(242,238,226,.14);margin-bottom:12px}
@media (max-width:760px){
.rf-sec{padding-top:56px}
.rf{grid-template-columns:1fr;gap:14px}
.rf-c{padding:26px 22px 22px;border-radius:22px}
.rf-c h3{font-size:26px}
}

/* single dark look by design */
:root{color-scheme:dark;--night:#0E1F18}
body{background:var(--night);margin:0}
.pg :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pg h1,.pg h2{text-wrap:balance}
@media (prefers-reduced-motion:no-preference){
.motion .rv{opacity:0;translate:0 34px;transition:opacity .9s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.motion .rv.shown{opacity:1;translate:0 0}
.motion .plx{will-change:translate}
.motion .hero .cover{scale:1.12}
.motion .hero .in > .wrap > *{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.motion .hero .in > .wrap > *:nth-child(2){animation-delay:.12s}
.motion .hero .in > .wrap > *:nth-child(3){animation-delay:.24s}
.motion .hero .in > .wrap > *:nth-child(4){animation-delay:.36s}
@keyframes rise{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
}

.stick{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(10px + env(safe-area-inset-top,0px)) 40px 10px;background:rgba(14,31,24,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,238,226,.12);color:#F2EEE2;font-family:"Nunito Sans",system-ui,sans-serif;transform:translateY(-110%);transition:transform .35s ease;box-sizing:border-box}
.stick.on{transform:none}
.stick a{color:inherit;text-decoration:none}
.stick .mark{display:flex;align-items:center;gap:10px;font-family:Newsreader,Georgia,serif;font-size:20px;white-space:nowrap}
.stick .mark img{width:34px;height:34px;display:block}
.stick .links{display:flex;gap:26px;font-size:14.5px;font-weight:500}
.stick .links a:hover{color:#E8C267}
.stick .btn{display:inline-block;padding:11px 20px;border-radius:999px;font-weight:600;font-size:14px;background:#E8C267;color:#0E1F18;white-space:nowrap}
.stick :focus-visible{outline:2px solid #E8C267;outline-offset:3px}
@media (max-width:900px){.stick{padding-left:16px;padding-right:16px}.stick .links{display:none}}
@media (prefers-reduced-motion:reduce){.stick{transition:none}}
.stick .burger{display:none;width:42px;height:42px;border-radius:21px;border:1px solid rgba(242,238,226,.5);background:transparent;align-items:center;justify-content:center;cursor:pointer;padding:0}
.stick .right{display:flex;align-items:center;gap:10px}
.stick .links a.on{color:#E8C267}
@media (max-width:900px){.stick .burger{display:flex}.stick .mark{font-size:17px}.stick .btn{padding:10px 14px;font-size:13px}}
.mmenu{position:fixed;inset:0;z-index:60;background:#0E1F18;color:#F2EEE2;font-family:"Nunito Sans",system-ui,sans-serif;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top,0px)) 20px 30px;overflow-y:auto;box-sizing:border-box}
.mmenu[hidden]{display:none}
.mmenu .mtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.mmenu .mtop span{font-family:Newsreader,Georgia,serif;font-size:22px}
.mmenu button{width:46px;height:46px;border-radius:23px;border:1px solid rgba(242,238,226,.5);background:transparent;color:#F2EEE2;font-size:22px;cursor:pointer}
.mmenu a{display:block;color:inherit;text-decoration:none;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:34px;line-height:1.1;padding:12px 0;border-bottom:1px solid rgba(242,238,226,.14)}
.mmenu a.sub{font-family:"Nunito Sans",system-ui,sans-serif;font-size:17px;font-weight:500;color:#B9C7BB;padding:11px 0 11px 18px}
.mmenu a.cta{margin-top:24px;border:0;background:#E8C267;color:#0E1F18;border-radius:999px;text-align:center;font-family:"Nunito Sans",system-ui,sans-serif;font-size:16px;font-weight:600;padding:16px}
.mmenu :focus-visible,.stick :focus-visible{outline:2px solid #E8C267;outline-offset:3px}
.page[hidden]{display:none!important}
.stick .links a{white-space:nowrap}
@media (max-width:1180px){.stick .links{display:none}.stick .burger{display:flex}}

.lb{position:fixed;inset:0;z-index:90;background:rgba(8,16,12,.92);display:flex;align-items:center;justify-content:center;padding:20px}
.lbi{width:min(1100px,100%);position:relative;font-family:"Nunito Sans",system-ui,sans-serif}
.lbf{position:relative;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden}
.lbf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lbi button{position:absolute;right:0;top:-52px;width:42px;height:42px;border-radius:21px;border:1px solid rgba(242,238,226,.5);background:transparent;color:#F2EEE2;font-size:22px;cursor:pointer}
.lbi>a{display:block;margin-top:12px;color:#B9C7BB;font-size:13.5px;text-decoration:underline;text-align:center}

@media (min-width:821px){.top:not(.short){height:max(780px,min(94vh,1040px))}.top.xl{height:max(900px,min(100vh,1100px))}}
.lbf .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px;background:#12261c;color:#F2EEE2}
.lbf .ph b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px}
.lbf .ph span{max-width:440px;color:#B9C7BB;font-size:15px;line-height:1.5}
.lbf .ph a{display:inline-block;background:#E8C267;color:#0E1F18;border-radius:999px;padding:13px 22px;font-weight:600;font-size:15px;text-decoration:none}

.lbi.v{width:auto;height:min(86vh,calc((100vw - 40px) * 16 / 9));aspect-ratio:9/16;max-width:100%}
.lbi.v video{display:block;width:100%;height:100%;border-radius:18px;background:#000;object-fit:contain}
@media (max-width:420px){.stick .right .btn{display:none}}

/* Home hero (21 Oct 2026): award under the title, darker behind the text */
.hero.low .award{position:static;margin:18px 0 0}
.hero.low .lede{margin-top:20px}
.hero.low .shade{background:
  linear-gradient(90deg,rgba(14,31,24,.62) 0%,rgba(14,31,24,.38) 38%,rgba(14,31,24,0) 66%),
  linear-gradient(180deg,rgba(14,31,24,.6) 0%,rgba(14,31,24,0) 16%,rgba(14,31,24,.12) 32%,rgba(14,31,24,.62) 48%,rgba(14,31,24,.88) 66%,rgba(14,31,24,.98) 100%)}
.hero.low h1,.hero.low .lede{text-shadow:0 2px 24px rgba(8,20,15,.6)}
@container (max-width:820px){
  .hero.low .shade{background:linear-gradient(180deg,rgba(14,31,24,.55) 0%,rgba(14,31,24,.05) 18%,rgba(14,31,24,.1) 40%,rgba(14,31,24,1) 60%)}
  .hero.low .award{margin-top:14px}
}
/* Live booking box, booking dialog, cart and journal from Wix */

/* the dialog and the cart sit outside .pg, so they need the colours too */
.bk-dlg,.bk-cart{--night:#0E1F18;--moss:#1B3A2B;--fern:#2C5A41;--gold:#E8C267;--paper:#F2EEE2;--mist:#B9C7BB}

/* the date list: a full date cannot be picked */
.dlist .dt.full{opacity:.5;cursor:not-allowed}
.dlist .dt small,.dbtn small{font-size:12.5px;color:#4C5E52;font-weight:500}

/* number of pilgrims */
.bk-party{margin-top:16px;display:grid;gap:10px}
.bk-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(14,31,24,.2);border-radius:14px;background:#fff}
.bk-step b{display:block;font-size:15px;font-weight:600}
.bk-step small{display:block;font-size:12.5px;color:#4C5E52;margin-top:2px}
.bk-ctl{display:flex;align-items:center;gap:6px;flex:none}
.bk-ctl button{width:36px;height:36px;border-radius:18px;border:1.5px solid var(--night);background:transparent;color:var(--night);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.bk-ctl button:disabled{opacity:.3;cursor:default}
.bk-ctl button:focus-visible{outline:2px solid var(--fern);outline-offset:2px}
.bk-ctl output{min-width:26px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.bk-note{font-size:14px;color:#4C5E52;margin-top:8px}

/* the food note and other questions the shop asks */
.bk-texts:empty{display:none}
.bk-texts{margin-top:14px;display:grid;gap:10px}
.bk-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}
.bk-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--fern);flex:none}
.bk-text{display:grid;gap:6px;font-size:14px;font-weight:600;margin-top:12px}
.bk-text input,.bk-text select{font:inherit;font-weight:400;font-size:15px;padding:12px 13px;border-radius:12px;border:1px solid rgba(14,31,24,.25);background:#fff;color:var(--night);width:100%;box-sizing:border-box}

.bk-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:14px;border-top:1px solid rgba(14,31,24,.15);font-size:14px}
.bk-total:empty{display:none}
.bk-total b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:24px;font-variant-numeric:tabular-nums}
.bk-err{margin-top:12px;font-size:14px;color:#9A3412;font-weight:600}
.book .btn[aria-busy="true"]{opacity:.75;pointer-events:none}
.book button.btn{width:100%;border:0;cursor:pointer;font-family:inherit}

/* the dialog */
.bk-dlg{position:fixed;inset:0;z-index:80;background:rgba(8,16,12,.72);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:"Nunito Sans",system-ui,sans-serif;overflow-y:auto}
.bk-dlg .bk-box{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-sizing:border-box}
.bk-dlg .bk-h{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px;line-height:1.15;margin:0 40px 14px 0}
.bk-x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:19px;border:1px solid rgba(14,31,24,.3);background:transparent;color:var(--night);font-size:20px;cursor:pointer;line-height:1}
.bk-x:focus-visible{outline:2px solid var(--fern);outline-offset:2px}
.bk-dlg .pr{font-size:30px}

/* the cart: a button at the bottom right, and a panel on the side */
.bk-cart{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:999px;background:var(--gold);color:var(--night);font:600 15px "Nunito Sans",system-ui,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.35);cursor:pointer}
.bk-cart[hidden]{display:none}
.bk-cart b{min-width:22px;height:22px;border-radius:11px;background:var(--night);color:var(--paper);font-size:12.5px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-sizing:border-box}
.bk-cart:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.bk-side{justify-content:flex-end;align-items:stretch;padding:0}
.bk-side .bk-box{width:min(440px,100%);max-height:none;height:100%;border-radius:0;display:flex;flex-direction:column}
.bk-lines{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bk-lines li{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(14,31,24,.15);border-radius:14px;background:#fff}
.bk-lines b{display:block;font-size:15px}
.bk-lines small{display:block;font-size:13px;color:#4C5E52;margin-top:3px}
.bk-lines button{align-self:flex-start;border:0;background:transparent;color:#8A4B14;font:600 13px "Nunito Sans",system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:2px}

/* Bookings: merchandise photos from the shop */
.ph3 img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Journal from the Wix Blog */
.jgrid .jc .jph img.cover,.jlead .jph img.cover{background:#2A3B2F}
.jart .atext img{max-width:100%;height:auto;border-radius:14px;display:block}
.jart .atext figure{margin:28px 0}
.jart .atext figcaption{font-size:14px;color:#4C5E52;margin-top:8px}
.jart .atext ul,.jart .atext ol{padding-left:22px;margin:16px 0}
.jart .atext li{margin:6px 0;line-height:1.6}
.jart .atext a{text-decoration:underline}
.jart .atext .vframe{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin:28px 0}
.jart .atext .vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.jart .atext hr{border:0;border-top:1px solid rgba(14,31,24,.2);margin:32px 0}
.jempty{font-size:15px;color:#4C5E52}

@media (max-width:600px){
  .bk-dlg{align-items:flex-end;padding:0}
  .bk-dlg .bk-box{width:100%;border-radius:26px 26px 0 0;max-height:92vh}
  .bk-side .bk-box{border-radius:0;max-height:none}
  .bk-cart{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:no-preference){
  .bk-dlg{animation:bkfade .2s ease}
}
@keyframes bkfade{from{opacity:0}to{opacity:1}}

/* form messages */
.cform .sent.bad,.jform .sent.bad{color:#9A3412}
.cform button.btn:disabled,.jform button.btn:disabled{opacity:.7;cursor:default}
.bk-dlg a.btn{text-decoration:none;font-family:"Nunito Sans",system-ui,sans-serif}
.bk-dlg .book{font-size:16px;line-height:1.5}
.bk-dlg .fine a{color:inherit}

/* Instagram grids: a small play mark on videos */
.igrid a.ig-video::after{content:"";position:absolute;right:10px;top:10px;width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}

/* Home: one labelled row per Instagram account */
.iglab{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;font-size:14px}
.iglab a{font-weight:700;text-decoration:none}
.iglab a:hover,.iglab a:focus-visible{text-decoration:underline}
.iglab span{opacity:.75}
.igrow{margin-top:28px}
.igrow[hidden]{display:none}

/* Bookings: the next date, small, under "View and book" */
.prod .pb span small.nx{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--mist);text-align:right}
.prod .pb > b{white-space:nowrap}
@media (max-width:600px){.prod .pb span small.nx{text-align:left}}

/* Bookings: the calendar */
.cal-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px}
.cal-nav{display:flex;align-items:center;gap:10px}
.cal-nav h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px;margin:0;min-width:9.5em;text-align:center}
.cal-nav button{width:40px;height:40px;border-radius:20px;border:1px solid rgba(242,238,226,.3);background:transparent;color:var(--paper);font-size:22px;line-height:1;cursor:pointer}
.cal-nav button:disabled{opacity:.3;cursor:default}
.cal-nav button:focus-visible,.cal-f input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cal-f{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-end}
.cal-f label{display:grid;gap:6px;font-size:13px;color:var(--mist)}
.cal-f input{font:inherit;font-size:15px;padding:9px 12px;border-radius:12px;border:1px solid rgba(242,238,226,.25);background:rgba(242,238,226,.06);color:var(--paper);color-scheme:dark;min-width:0}
.cal-sum{min-height:1.4em;margin-top:12px;font-size:14.5px;color:var(--paper)}
.cal-f .btn[hidden]{display:none}
.cal{margin-top:6px}
.cal-empty{color:var(--mist);font-size:15px;padding:18px 0}

/* month grid (tablet and computer) */
.cg{border:1px solid rgba(242,238,226,.14);border-radius:16px;overflow:hidden}
.cg-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:rgba(242,238,226,.05)}
.cg-head span{padding:9px 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.cg-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:104px;border-top:1px solid rgba(242,238,226,.12)}
.cg-day{grid-row:1/-1;border-left:1px solid rgba(242,238,226,.08);padding:6px 9px}
.cg-day:first-child{border-left:0}
.cg-day span{font-size:13px;color:var(--paper);font-variant-numeric:tabular-nums}
.cg-day.out span,.cg-day.past span{opacity:.35}
.cg-day.today span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:var(--gold);color:#14231a;font-weight:700;opacity:1}
.cg-day.trip{background:rgba(232,194,103,.10)}
.pg .cg-bar{position:relative;z-index:1;align-self:center;margin:0 4px;height:22px;border-radius:7px;padding:0 8px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;font-size:12.5px;line-height:1;color:#14231a;text-decoration:none}
.pg .cg-bar b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.pg .cg-bar i{font-style:normal;font-weight:700;opacity:.8;flex:none}
.pg .cg-bar.trail{background:var(--gold)}
.pg .cg-bar.farm{background:#9fd3b0}
.pg .cg-bar.from-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}
.pg .cg-bar.to-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}
.pg .cg-bar.faded{opacity:.28}
.pg .cg-bar:hover{filter:brightness(1.08)}
.pg .cg-bar:focus-visible{outline:2px solid var(--paper);outline-offset:1px}

/* month list (phone) */
.pg .cal-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 4px;border-top:1px solid rgba(242,238,226,.14);color:inherit;text-decoration:none}
.pg .cal-row:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cal-d b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}
.cal-d small,.cal-n small{display:block;margin-top:3px;font-size:12.5px;color:var(--mist)}
.cal-n{min-width:0;border-left:3px solid var(--gold);padding-left:10px}
.cal-row.farm .cal-n{border-left-color:#9fd3b0}
.cal-n b{font-size:16px;font-weight:600}
.cal-go{color:var(--gold);font-weight:600;font-size:14.5px}

.cal-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;color:var(--mist)}
.cal-key span::before{content:"";display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.cal-key .trail::before{background:var(--gold)}
.cal-key .farm::before{background:#9fd3b0}
.cal-key .tripk::before{background:rgba(232,194,103,.25)}
@media (max-width:759px){
  .cal-nav h3{font-size:24px;min-width:0;flex:1}
  .cal-nav{width:100%;justify-content:space-between}
}
/* ---------- Films (/films): the screening room ---------- */

@property --sweep { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

.cin{background:#0A1611}
.cin .jhead{background:transparent}
.cin .jt{padding-bottom:0}
.cin .jt h1{font-size:clamp(54px,6.4cqw,96px)}

/* the stage: a cone of light falls on the screen */
.cin .stage{position:relative;padding:34px 0 26px}
.cin .stage::before{content:"";position:absolute;left:50%;top:-140px;width:min(1500px,140%);height:900px;transform:translateX(-50%);
  background:radial-gradient(ellipse 50% 55% at 50% 30%,rgba(232,194,103,.13),rgba(232,194,103,.04) 45%,transparent 70%);pointer-events:none;transition:opacity .8s}

.cin .marq{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:22px;color:var(--gold)}
.cin .marq b{font-size:12.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap}
.cin .marq i{flex:0 1 220px;height:8px;background:radial-gradient(circle,#F6D98E 0 2px,transparent 2.6px) 0 50%/16px 8px repeat-x;
  filter:drop-shadow(0 0 4px rgba(232,194,103,.8));animation:cinBulbs 2.4s steps(2) infinite}
.cin .marq i:last-child{animation-delay:-1.2s}
@keyframes cinBulbs{50%{opacity:.55}}

.cin .screen{position:relative;aspect-ratio:16/9;margin:0 auto;max-width:min(100%,calc((100vh - 150px) * 16 / 9));border-radius:6px;overflow:hidden;background:#000;
  box-shadow:0 0 0 1px rgba(242,238,226,.08),0 40px 120px -20px rgba(232,194,103,.22),0 30px 80px rgba(0,0,0,.6)}
.cin .poster{position:absolute;inset:0}
.cin .poster img{transform:scale(1.02);transition:transform 6s ease}
.cin .screen:hover .poster img{transform:scale(1.06)}
.cin .poster .shade{background:linear-gradient(90deg,rgba(6,12,9,.88) 0%,rgba(6,12,9,.55) 42%,rgba(6,12,9,0) 72%),linear-gradient(0deg,rgba(6,12,9,.6),transparent 40%)}
.cin .ninfo{position:absolute;left:clamp(22px,5%,64px);bottom:clamp(22px,8%,70px);max-width:min(520px,62%)}
.cin .ninfo small{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.cin .ninfo h2{font-size:clamp(30px,4.6cqw,64px);line-height:1;margin-top:10px;letter-spacing:-0.02em}
.cin .ninfo p{margin-top:14px;color:#D9D4C4;font-size:17px;line-height:1.5}
.cin .pbig{margin-top:24px;display:inline-flex;align-items:center;gap:12px;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:16px;
  background:var(--gold);color:var(--night);padding:15px 26px 15px 22px;border-radius:40px;box-shadow:0 10px 30px rgba(232,194,103,.35);transition:transform .2s,box-shadow .2s}
.cin .pbig:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(232,194,103,.5)}
.cin .pbig:focus-visible,.cin .fc:focus-visible,.cin .lights:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

.cin .player{position:absolute;inset:0;display:none;background:#000}
.cin .screen.on .player{display:block}
.cin .screen.on .poster{visibility:hidden}
.cin .player iframe,.cin .player video{width:100%;height:100%;border:0;display:block;background:#000}

/* the film leader: 3, 2, 1 */
.cin .leader{position:absolute;inset:0;display:grid;place-items:center;z-index:2;background:#24211C;overflow:hidden}
.cin .leader[hidden]{display:none}
.cin .leader::before,.cin .leader::after{content:"";position:absolute;background:rgba(242,238,226,.55)}
.cin .leader::before{left:0;right:0;top:50%;height:2px}
.cin .leader::after{top:0;bottom:0;left:50%;width:2px}
.cin .ring{position:relative;width:min(52%,380px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(242,238,226,.9);display:grid;place-items:center;z-index:1}
.cin .ring::before{content:"";position:absolute;inset:9%;border-radius:50%;border:2px solid rgba(242,238,226,.7)}
.cin .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(242,238,226,.32) var(--sweep),transparent 0)}
.cin .leader.go .sweep{animation:cinSweep .9s linear infinite}
.cin .cnum{position:relative;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(90px,15cqw,210px);line-height:1;color:#F2EEE2;text-shadow:0 0 18px rgba(0,0,0,.4)}
.cin .leader.go{animation:cinFlicker .18s steps(2) infinite}
.cin .leader.go .ring{animation:cinJitter .27s steps(3) infinite}
.cin .leader .ring::after{content:"";position:absolute;inset:-60vmax;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:cinGrain .4s steps(4) infinite}
@keyframes cinSweep{to{--sweep:360deg}}
@keyframes cinFlicker{50%{filter:brightness(.9)}}
@keyframes cinJitter{33%{transform:translate(1px,-1px)}66%{transform:translate(-1px,1px)}}
@keyframes cinGrain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}

.cin .under{max-width:min(100%,calc((100vh - 150px) * 16 / 9));margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;margin-top:18px;min-height:40px}
.cin .nnow{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mist)}
.cin .lights{border:1px solid rgba(242,238,226,.35);background:transparent;color:var(--paper);font:inherit;font-size:14px;font-weight:600;padding:9px 18px;border-radius:30px;cursor:pointer}
.cin .lights:hover{border-color:var(--gold);color:var(--gold)}

/* house lights down while a film plays */
.cin .creels,.cin .cyt,.cin .jhead,.cin footer{transition:opacity .9s ease}
.cin.dark .creels,.cin.dark .cyt,.cin.dark .jhead,.cin.dark footer{opacity:.18}
.cin.dark .stage::before{opacity:.35}

/* feature presentation */
.cin .feat{padding:64px 0 10px;transition:opacity .9s ease}
.cin.dark .feat{opacity:.18}
.cin .feat .wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:center;padding-top:46px;padding-bottom:46px;
  border-top:1px solid rgba(232,194,103,.35);border-bottom:1px solid rgba(232,194,103,.35);position:relative}
.cin .feat .wrap::before,.cin .feat .wrap::after{content:"";position:absolute;left:40px;right:40px;height:1px;background:rgba(232,194,103,.15)}
.cin .feat .wrap::before{top:5px}
.cin .feat .wrap::after{bottom:5px}
.cin .fimg{position:relative;display:block;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;border-radius:4px;overflow:hidden;background:#000;
  box-shadow:0 0 0 1px rgba(242,238,226,.1),0 30px 70px rgba(0,0,0,.55)}
.cin .fimg img{transition:transform 1.2s ease,filter .6s}
.cin .fimg:hover img{transform:scale(1.04);filter:brightness(1.08)}
.cin .fplay{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;display:grid;place-items:center;padding-left:5px;
  background:var(--gold);color:var(--night);box-shadow:0 0 0 10px rgba(232,194,103,.22),0 16px 40px rgba(0,0,0,.4);transition:transform .3s}
.cin .fimg:hover .fplay{transform:scale(1.08)}
.cin .fimg:focus-visible,.cin .fgo:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.cin .ftext small{font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.cin .ftext h2{font-size:clamp(34px,3.8cqw,54px);line-height:1.02;margin-top:12px;letter-spacing:-0.02em;font-style:italic}
.cin .ftext .fby{margin-top:10px;color:var(--gold);font-family:Newsreader,Georgia,serif;font-size:19px}
.cin .ftext p{margin-top:14px;color:#D9D4C4}

/* the programme: reels of films */
.cin .creels{padding:40px 0 30px}
.cin .reel{margin-top:58px}
.cin .rhead{display:flex;gap:22px;align-items:baseline}
.cin .rno{font-family:Newsreader,Georgia,serif;font-size:20px;color:var(--gold);font-style:italic;min-width:30px}
.cin .rhead h2{font-size:clamp(28px,3cqw,40px);line-height:1.05}
.cin .rhead p{color:var(--mist);margin-top:6px;font-size:16px}
.cin .strip{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(40px,calc((100% - 1160px) / 2));
  padding:26px max(40px,calc((100% - 1160px) / 2)) 22px;scrollbar-width:thin;scrollbar-color:rgba(242,238,226,.25) transparent}
.cin .fc{flex:0 0 clamp(250px,26vw,330px);scroll-snap-align:start;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;display:block;text-decoration:none}
.cin .strip.ctall .fc{flex-basis:clamp(170px,15vw,210px)}
.cin .fc .cth{position:relative;display:block;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:#111;
  box-shadow:0 0 0 1px rgba(242,238,226,.1),0 14px 30px rgba(0,0,0,.45);transition:transform .35s ease,box-shadow .35s ease}
.cin .strip.ctall .fc .cth{aspect-ratio:9/16}
/* sprocket holes along the top and bottom of every frame */
.cin .fc .cth::before,.cin .fc .cth::after{content:"";position:absolute;left:0;right:0;height:11px;z-index:1;
  background:radial-gradient(circle at 50% 50%,rgba(242,238,226,.55) 0 2.2px,transparent 2.8px) 6px 50%/14px 11px repeat-x,rgba(5,9,7,.82)}
.cin .fc .cth::before{top:0}
.cin .fc .cth::after{bottom:0}
.cin .fc .cth img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:filter .35s,transform .6s}
.cin .fc .cth em{position:absolute;right:9px;bottom:17px;z-index:2;font-style:normal;font-size:12.5px;font-weight:700;background:rgba(5,9,7,.8);padding:2px 8px;border-radius:3px}
.cin .fc:hover .cth{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(232,194,103,.5),0 22px 44px rgba(0,0,0,.55),0 0 50px rgba(232,194,103,.12)}
.cin .fc:hover .cth img{filter:saturate(1.05);transform:scale(1.04)}
.cin .fc small{display:block;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A9B8AC}
.cin .fc b{display:block;margin-top:4px;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:21px;line-height:1.2}
.cin .fc.now .cth{box-shadow:0 0 0 2px var(--gold),0 22px 44px rgba(0,0,0,.55)}
.cin .fc.now small::before{content:"Now showing · ";color:var(--gold)}

/* the open seat: send us your film */
.cin .fc.ask .cth{background:repeating-linear-gradient(135deg,rgba(242,238,226,.04) 0 12px,transparent 12px 24px),#12241B;box-shadow:inset 0 0 0 1px rgba(232,194,103,.35)}
.cin .askin{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:22px 24px;gap:6px}
.cin .askin b{margin:0;font-size:26px;color:var(--gold)}
.cin .askin span{font-size:15px;color:#D9D4C4;line-height:1.4}

.cin .cyt{padding:70px 0 90px}
.cin .cyt .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid rgba(242,238,226,.14);padding-top:44px}
.cin .cyt h2{font-size:clamp(28px,3cqw,40px)}
.cin .cyt p{color:var(--mist);margin-top:6px}

@media (max-width:760px){
  .cin .feat{padding-top:44px}
  .cin .feat .wrap{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:34px}
  .cin .feat .wrap::before,.cin .feat .wrap::after{left:20px;right:20px}
  .cin .screen.on.vert{aspect-ratio:9/16;width:min(100%,calc(82vh * 9 / 16))}
  .cin .stage{padding-top:18px}
  .cin .stage .wrap{padding:0}
  .cin .screen{border-radius:0;aspect-ratio:4/5}
  .cin .screen.on{aspect-ratio:16/9}
  .cin .poster .shade{background:linear-gradient(0deg,rgba(6,12,9,.92) 0%,rgba(6,12,9,.6) 45%,rgba(6,12,9,.05) 75%)}
  .cin .ninfo{left:20px;right:20px;bottom:24px;max-width:none}
  .cin .ninfo p{font-size:15.5px}
  .cin .under{padding:0 20px}
  .cin .marq i{flex-basis:60px}
  .cin .rhead{gap:14px}
  .cin .strip{padding:20px 20px 18px;scroll-padding-inline:20px;gap:16px}
  .cin .fc{flex-basis:78vw}
  .cin .strip.ctall .fc{flex-basis:44vw}
}

@media (prefers-reduced-motion:reduce){
  .cin .marq i,.cin .leader.go,.cin .leader.go .ring,.cin .leader.go .sweep,.cin .leader .ring::after{animation:none}
  .cin .poster img,.cin .fc .cth,.cin .fc .cth img{transition:none}
}
/* ---------- Reviews wall (/reviews) ---------- */

.pg.rw{background:#EFE9DA}
.rw .jhead{padding-bottom:64px}
.rw .rwtop{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}
.rw .jt h1{font-style:italic}
.rw .jt p{max-width:620px}

/* the two scores */
.rw .rsc{display:flex;gap:14px}
.pg .rw .rs,.rw .rs{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center;
  background:var(--moss);color:var(--paper);border-radius:22px;padding:20px 24px 18px;min-width:230px;text-decoration:none;transition:transform .2s,background .2s}
.rw .rs:hover{transform:translateY(-2px);background:#22453A}
.rw .rs .rlogo{grid-row:1/3}
.rw .rs b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:46px;line-height:1}
.rw .rs .rst{grid-column:2}
.rw .rs small{grid-column:1/-1;margin-top:8px;font-size:13.5px;color:var(--mist)}
.rw .rlogo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal;font-weight:800;font-size:15px;font-family:"Nunito Sans",system-ui,sans-serif}
.rw .rlogo.g{background:#F2EEE2;color:#1B3A2B}
.rw .rlogo.t{background:#34E0A1;color:#0E1F18}
.rw .rst{color:#E8C267;letter-spacing:2px;font-size:15px}

/* filters */
.rw .rwall{padding:56px 0 40px}
.rw .rfil{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.rw .rfil button{border:1px solid rgba(24,39,31,.25);background:transparent;color:#18271F;font:inherit;font-size:15px;font-weight:600;padding:10px 18px;border-radius:30px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.rw .rfil button:hover{border-color:#18271F}
.rw .rfil button.on{background:#18271F;border-color:#18271F;color:#F2EEE2}
.rw .rfil button:focus-visible,.rw .rcd:focus-visible{outline:3px solid #B8862B;outline-offset:3px}

/* the wall */
.rw .rgrid{columns:3 300px;column-gap:22px}
.rw .rcd,.rw .rph{break-inside:avoid;display:block;margin:0 0 22px}
.rw .rcd{background:#FBF8EF;color:#18271F;border-radius:22px;padding:26px 26px 22px;text-decoration:none;
  box-shadow:0 1px 0 rgba(24,39,31,.06),0 14px 30px -18px rgba(24,39,31,.35);transition:transform .25s,box-shadow .25s}
.rw .rcd:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(24,39,31,.06),0 22px 40px -18px rgba(24,39,31,.45)}
.rw .rtop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rw .rcd .rst{color:#B8862B}
.rw .rtr{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2F6B45;text-align:right}
.rw .rcd blockquote{margin:16px 0 0;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:21px;line-height:1.32;letter-spacing:-0.01em}
.rw .rcd blockquote::before{content:"“";display:block;font-size:54px;line-height:.6;height:22px;color:#C9A24A}
.rw .rby{display:block;margin-top:18px}
.rw .rby b{display:block;font-size:15px}
.rw .rby small{display:block;font-size:13px;color:#5B6B60;margin-top:2px}
.rw .rsrc2{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(24,39,31,.1);font-size:13px;color:#4C5E52}
.rw .rsrc2 .rlogo{width:22px;height:22px;font-size:11.5px}
.rw .rcd .rlogo.g{background:#E4EADF}
.rw .rsrc2 em{font-style:normal;font-weight:600}
.rw .rcd:hover .rsrc2 em{text-decoration:underline}

/* featured quotes */
.rw .rcd.big{background:#1B3A2B;color:#F2EEE2}
.rw .rcd.big blockquote{font-size:26px;line-height:1.24}
.rw .rcd.big .rtr{color:#E8C267}
.rw .rcd.big .rst{color:#E8C267}
.rw .rcd.big .rby small,.rw .rcd.big .rsrc2{color:#B9C7BB}
.rw .rcd.big .rsrc2{border-top-color:rgba(242,238,226,.15)}

/* photo tiles */
.rw .rph{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#1B3A2B}
.rw .rph img{width:100%;height:100%;object-fit:cover}
.rw .rph figcaption{position:absolute;left:18px;bottom:16px;right:18px;color:#F2EEE2;font-family:Newsreader,Georgia,serif;font-size:22px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.rw .rgrid.f .rph{display:none}
.rw .rcd[hidden]{display:none}

/* closing */
.pg.rw .foot{background:var(--night);color:var(--paper)}
.rw .rwend{background:#0E1F18;color:#F2EEE2}
.rw .rwe{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.rw .rwe>div{background:#1B3A2B;border-radius:28px;padding:36px}
.rw .rwe h2{font-size:clamp(28px,3cqw,40px);line-height:1.05}
.rw .rwe p{margin-top:12px;color:#B9C7BB}
.rw .rwe .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

@media (max-width:900px){
  .rw .rwtop{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .rw .jhead{padding-bottom:40px}
  .rw .rsc{gap:10px}
  .rw .rs{min-width:0;flex:1;padding:16px;border-radius:18px}
  .rw .rs b{font-size:36px}
  .rw .rwall{padding:34px 0 20px}
  .rw .rfil{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 24px;padding:0 20px 4px;scrollbar-width:none}
  .rw .rfil button{flex:0 0 auto}
  .rw .rcd{padding:22px 22px 18px;border-radius:20px}
  .rw .rcd blockquote{font-size:19.5px}
  .rw .rcd.big blockquote{font-size:22px}
  .rw .rwe{grid-template-columns:1fr}
  .rw .rwe>div{padding:28px 24px}
}
@media (prefers-reduced-motion:reduce){
  .rw .rcd,.rw .rs{transition:none}
}

/* ---------- "What pilgrims take home" (Home and Trails): stats band and three reviews ---------- */
.rev .rvband{display:grid;grid-template-columns:auto 1fr;gap:20px 48px;align-items:center;background:var(--moss);border-radius:28px;padding:28px 34px;margin-top:40px}
.rev .rvstat{display:grid;grid-template-columns:auto auto;gap:30px;padding-right:44px;border-right:1px solid rgba(242,238,226,.16)}
.rev .rvstat b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(42px,4cqw,56px);line-height:1;color:var(--gold)}
.rev .rvstat span{display:block;margin-top:8px;font-size:14px;line-height:1.4;max-width:150px}
.rev .rvbars h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:22px;margin:0 0 6px}
.rev .rvbg{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.rev .rvbg .tb2{padding:6px 0;font-size:14px}
.rev .rvbars .nt2{margin-top:8px;font-size:12.5px;color:var(--mist)}
.rev .rcards.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.rev .rcards.three .rc2 blockquote{font-size:21px}
@media (max-width:900px){
  .rev .rvband{grid-template-columns:1fr;padding:24px 22px;margin-top:28px}
  .rev .rvstat{padding:0 0 18px;border-right:0;border-bottom:1px solid rgba(242,238,226,.16)}
  .rev .rvbg{grid-template-columns:1fr}
  .rev .rcards.three{grid-template-columns:1fr}
}
.rev .rvf2{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap;margin-top:40px}
.rev .rvf2 span{font-size:14.5px;color:var(--mist)}
.pg .rev .rvf2 span a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.pg .rev .rvf2 span a:hover{color:var(--gold)}
@media (max-width:900px){.rev .rvf2{margin-top:28px}}
/* ---------- Trail map (Trails page, #map) ---------- */

.tmap .tmh{max-width:760px}
.tmap .tmw{display:grid;grid-template-columns:300px 1fr;grid-template-areas:"list map";gap:20px 26px;margin-top:40px;align-items:start}

/* the trail list */
.tmap .tml{grid-area:list;display:flex;flex-direction:column;gap:4px}
.tmap .tml button{display:grid;grid-template-columns:14px 1fr;column-gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:var(--paper);
  font:inherit;padding:10px 14px;border-radius:14px;cursor:pointer;transition:background .2s}
.tmap .tml button:hover{background:rgba(242,238,226,.06)}
.tmap .tml button.on{background:var(--moss)}
.tmap .tml i{width:14px;height:14px;border-radius:50%;grid-row:1/3;box-shadow:0 0 0 3px rgba(242,238,226,.06)}
.tmap .tml b{font-weight:600;font-size:15.5px}
.tmap .tml small{font-size:12.5px;color:var(--mist)}
.tmap .tml button:focus-visible,.tmap .tmall:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* the map */
.tmap .tmm{grid-area:map;position:relative;border-radius:28px;overflow:hidden;align-self:start;
  background:radial-gradient(ellipse 80% 70% at 45% 40%,#13302A 0%,#0C211B 60%,#09191A 100%);box-shadow:inset 0 0 0 1px rgba(242,238,226,.08)}
.tmap .tmsvg{display:block;width:100%;height:auto;--z:1}
.tmap .tmsea path{fill:none}
.tmap .tmsea .w1{stroke:rgba(124,198,217,.09);stroke-width:16;vector-effect:non-scaling-stroke}
.tmap .tmsea .w2{stroke:rgba(124,198,217,.045);stroke-width:46;vector-effect:non-scaling-stroke}
.tmap .tmland path,.tmap .tmland ellipse{stroke:rgba(242,238,226,.22);stroke-width:1}
.tmap .tmpk text{fill:#B9C7BB;font-size:calc(11px * var(--z));text-anchor:middle;letter-spacing:.04em}
.tmap .tmpk .tri{fill:rgba(242,238,226,.32);font-size:calc(13px * var(--z))}
.tmap .tmlk{fill:#3B6B73;opacity:.75}
.tmap .tmlt{font-size:calc(10px * var(--z));fill:#9DBAB4;text-anchor:middle;font-style:italic}
.tmap .tmtw{font-size:calc(10.5px * var(--z));fill:rgba(242,238,226,.42);text-anchor:middle;letter-spacing:.14em;text-transform:uppercase}

.tmap .tmr{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;opacity:.92;transition:opacity .45s,stroke-width .3s}
.tmap .tmr:hover{stroke-width:5}
.tmap.pick .tmr{opacity:.1}
.tmap.pick .tmr.on{opacity:1;stroke-width:5}
.tmap .tms{stroke:#0E1F18;cursor:pointer;transition:opacity .45s}
.tmap.pick .tms{opacity:0;pointer-events:none}
.tmap.pick .tms.on{opacity:1;pointer-events:auto}
.tmap .tmlabels text{font-size:calc(12.5px * var(--z));font-weight:700;fill:#F2EEE2;paint-order:stroke;stroke:#0C211B;stroke-width:calc(4px * var(--z));stroke-linejoin:round;pointer-events:none;
  animation:tmIn .5s .5s both}
@keyframes tmIn{from{opacity:0}to{opacity:1}}

.tmap .tmnorth{position:absolute;top:18px;right:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--paper);
  border:1px solid rgba(242,238,226,.3)}
.tmap .tmnorth::before{content:"";position:absolute;top:-7px;left:50%;margin-left:-4px;border:4px solid transparent;border-bottom:6px solid var(--paper)}
.tmap .tmall{position:absolute;left:18px;top:18px;border:0;background:rgba(14,31,24,.8);color:var(--paper);font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:20px;cursor:pointer;backdrop-filter:blur(4px)}
.tmap .tmall[hidden]{display:none}
.tmap .tmtip{position:absolute;transform:translate(-50%,calc(-100% - 14px));background:#F2EEE2;color:#0E1F18;padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.35;pointer-events:none;white-space:nowrap;
  box-shadow:0 10px 26px rgba(0,0,0,.35);z-index:2}
.tmap .tmtip[hidden]{display:none}
.tmap .tmtip b{display:block}
.tmap .tmtip span{color:#4C5E52}

/* the chosen trail */
.tmap .tmp{position:absolute;right:16px;top:16px;bottom:16px;width:min(330px,40%);background:rgba(14,31,24,.9);backdrop-filter:blur(6px);border-radius:20px;padding:22px;
  display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:tmIn .4s both}
.tmap:not(.pick) .tmp{display:none}
.tmap.pick .tmnorth{display:none}
.tmap .tmp0{color:var(--mist);font-size:15px;margin:0}
.tmap .tmph{display:flex;gap:12px;align-items:center}
.tmap .tmph i{width:14px;height:14px;border-radius:50%;flex:none}
.tmap .tmph h3{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:25px;line-height:1.1;margin:0}
.tmap .tmph small{color:var(--mist);font-size:13px}
.tmap .tmd{list-style:none;margin:16px 0 18px;padding:0;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.tmap .tmp .btn{align-self:flex-start}
.tmap .tmd li{padding:9px 0;border-top:1px solid rgba(242,238,226,.1);cursor:default}
.tmap .tmd li:hover{color:var(--gold)}
.tmap .tmd b{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.tmap .tmd b span{color:var(--mist);letter-spacing:0;text-transform:none;font-weight:600}
.tmap .tmd em{display:block;font-style:normal;font-size:15px;margin-top:2px}
.tmap .tmn{margin-top:16px;font-size:12.5px;color:var(--mist)}

@media (max-width:900px){
  .tmap .tmw{grid-template-columns:1fr;grid-template-areas:"list" "map" "panel";gap:16px}
  .tmap .tml{flex-direction:row;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scrollbar-width:none}
  .tmap .tml button{flex:0 0 auto;border:1px solid rgba(242,238,226,.18);border-radius:30px;padding:8px 14px}
  .tmap .tml small{display:none}
  .tmap .tml i{grid-row:auto;width:10px;height:10px}
  .tmap .tmm{border-radius:20px}
  .tmap .tmp{position:static;width:auto;background:var(--moss);border-radius:0;box-shadow:none;backdrop-filter:none;animation:none}
  .tmap:not(.pick) .tmp{display:block}
  .tmap .tmd{max-height:340px}
  .tmap .tmtw{display:none}
}
@media (prefers-reduced-motion:reduce){
  .tmap .tmr,.tmap .tms{transition:none}
  .tmap .tmlabels text{animation:none}
}

/* ---------- Home: the map beside "Choose your journey" ---------- */
.trails .jmap{display:grid;grid-template-columns:minmax(320px,33%) minmax(0,1fr);gap:22px;padding-left:max(40px,calc((100cqw - 1160px) / 2));align-items:start}
.trails .jmap .cards{padding:0 max(40px,calc((100cqw - 1160px) / 2)) 26px 0;min-width:0}
.trails .jmap .card{flex:0 0 340px;height:520px}
.trails .card{transition:box-shadow .35s,transform .35s}
.trails .card.onmap{box-shadow:0 0 0 3px var(--gold),0 24px 50px -20px rgba(0,0,0,.6)}
.tmap.tmini{display:flex;flex-direction:column;gap:12px}
.tmap.tmini .tmm{height:520px;border-radius:30px}
.tmap.tmini .tmsvg{height:100%}
.tmap.tmini .tmtw,.tmap.tmini .tmlt{display:none}
.tmap.tmini .tmcap{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:12px 1fr;column-gap:10px;align-items:center;
  background:rgba(14,31,24,.86);backdrop-filter:blur(6px);border-radius:16px;padding:12px 16px;transition:opacity .3s}
.tmap.tmini .tmcap:empty{opacity:0;padding:0}
.tmap.tmini .tmcap i{width:12px;height:12px;border-radius:50%;grid-row:1/3}
.tmap.tmini .tmcap b{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:21px;line-height:1.1}
.tmap.tmini .tmcap span{font-size:13px;color:var(--mist)}
.tmap.tmini .tmlink{font-size:14px;color:var(--mist);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.tmap.tmini .tmlink:hover{color:var(--gold)}
@media (max-width:900px){
  .trails .jmap{display:block;padding:0}
  .tmap.tmini{margin:0 20px 16px}
  .tmap.tmini .tmm{height:270px;border-radius:22px}
  .tmap.tmini .tmcap{left:10px;right:10px;bottom:10px;padding:9px 12px}
  .tmap.tmini .tmcap b{font-size:18px}
  .tmap.tmini .tmlink{display:none}
  .trails .jmap .cards{padding:0 20px 18px}
  .trails .jmap .card{flex:0 0 78%;height:440px}
}
/* ---------- When to walk (Trails page, #when) ---------- */
.ww .wwhd{max-width:760px}
.ww .wwy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:36px}
.ww .wwm{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 4px 14px;border:0;border-radius:18px;cursor:pointer;
  font:inherit;color:var(--paper);background:rgba(242,238,226,.04);box-shadow:inset 0 0 0 1px rgba(242,238,226,.08);transition:background .25s,transform .25s}
.ww .wwm::before{content:"";position:absolute;left:10px;right:10px;top:0;height:4px;border-radius:0 0 4px 4px}
.ww .wwm.wet::before{background:#7CC6D9}
.ww .wwm.dry::before{background:var(--gold)}
.ww .wwm:hover{background:rgba(242,238,226,.08)}
.ww .wwm.on{background:var(--moss);box-shadow:inset 0 0 0 2px var(--gold);transform:translateY(-3px)}
.ww .wwm:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ww .wwm b{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ww .wwr{position:relative;width:10px;height:56px;border-radius:5px;background:rgba(242,238,226,.08);overflow:hidden}
.ww .wwr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--r);background:#7CC6D9;border-radius:5px;opacity:.85}
.ww .wwc{height:8px}
.ww .wwc i{display:block;width:8px;height:8px;border-radius:50%;background:#EE8F66;box-shadow:0 0 0 3px rgba(238,143,102,.25)}
.ww .wwk{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:13px;color:var(--mist)}
.ww .wwk .k{display:inline-flex;align-items:center;gap:8px}
.ww .wwk .k::before{content:"";display:inline-block}
.ww .wwk .wet::before{width:16px;height:4px;border-radius:2px;background:#7CC6D9}
.ww .wwk .dry::before{width:16px;height:4px;border-radius:2px;background:var(--gold)}
.ww .wwk .rain::before{width:6px;height:14px;border-radius:3px;background:#7CC6D9;opacity:.85}
.ww .wwk .cel::before{width:8px;height:8px;border-radius:50%;background:#EE8F66}
.ww .wwd{margin-top:22px;background:var(--moss);border-radius:26px;padding:30px 34px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px 44px;align-items:start;animation:tmIn .35s both}
.ww .wwd[hidden]{display:none}
.ww .wwh{grid-column:1/-1;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.ww .wwh h3{font-size:clamp(28px,3cqw,40px);line-height:1.05;margin:0}
.ww .wws{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.ww .wws.wet{background:rgba(124,198,217,.16);color:#9ED6E4}
.ww .wws.dry{background:rgba(232,194,103,.16);color:var(--gold)}
.ww .wwd > p{margin:6px 0 0;font-size:17px;line-height:1.6}
.ww .wwd dl{margin:6px 0 0;display:grid;gap:14px}
.ww .wwd dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.ww .wwd dd{margin:4px 0 0;display:flex;align-items:center;gap:10px;font-size:16px}
.ww .wwd .btn{grid-column:1/-1;justify-self:start;margin-top:12px}
.ww .wwn{margin-top:14px;font-size:13px;color:var(--mist)}
@media (max-width:900px){
  .ww .wwy{display:flex;overflow-x:auto;margin:30px -20px 0;padding:6px 20px 8px;scrollbar-width:none;gap:8px}
  .ww .wwm{flex:0 0 64px}
  .ww .wwd{grid-template-columns:1fr;padding:24px 22px}
}
.ww .wwp{display:block}
.ww .wwm .wwp{width:36px;height:36px}
.ww .wwd dd .wwp{width:34px;height:34px}