/* GENERATED by scratchpad/design-2026/build-home-landing.py from C:/Users/jack/design/home-landing.html.
   Do not edit: change the mock or the builder and run it again. Every rule is held inside .lp-page. */
.lp-page{
  --paper:#FFFFF7; --oat:#F5F1E9; --stone:#E4DED9; --stone-2:#D8D1CB; --forest:#2B301D; --moss:#414042;
  --ink:#414042; --olive:#2B301D; --cask:#392916; --tweed:#682114; --shell:#F9F5EE; --on-dark:#F1EDE8;
  --bracken:#C08C3D;
  --face:"larken","Larken",Georgia,serif; --sans:"Jost",system-ui,sans-serif; --read:"Lora",Georgia,serif;
  --edge:clamp(16px,5.4vw,78px); --wrap:1284px; --band:clamp(72px,9vw,128px);
}
.lp-page{background:var(--paper);color:var(--ink);font-family:var(--read);-webkit-font-smoothing:antialiased}
.lp-page img{display:block;width:100%;height:100%;object-fit:cover}
.lp-page a{color:inherit;text-decoration:none}
/* ---- the hero, as live: a still of today's film ---- */
.lp-page .lp-foot{position:absolute;z-index:2;left:var(--edge);bottom:22px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.82}
/* the reel: films stacked, the one playing on top, a slow fade between them */
.lp-page .lp-reel{position:relative;height:100vh;min-height:560px;overflow:hidden;color:#fff;background:#2b301d}
.lp-page .lp-films{position:absolute;inset:0}
.lp-page .lp-films video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;will-change:opacity}
.lp-page .lp-films video.on{opacity:1}
.lp-page .lp-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,12,10,.36),rgba(14,12,10,.18) 45%,rgba(14,12,10,.42))}
/* the live hero's words, as _home5.css draws them: Larken at 3.85vw on two lines, Lora at 1.12vw beneath, the
   bracken line drawing down from them. Centred on the screen, the line hanging below the centre. */
.lp-page .lp-centre{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--edge)}
.lp-page .lp-h1{font-family:var(--face);font-weight:400;font-size:min(clamp(34px,3.85vw,80px), 28px + (clamp(34px,3.85vw,80px) - 28px) * 0.6);line-height:1.12;letter-spacing:.004em;max-width:min(88%,9.8em);text-wrap:balance;text-shadow:0 2px 34px rgba(10,14,10,.38)}
.lp-page .lp-down{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:clamp(26px,3vw,42px);color:#fff}
.lp-page .lp-says{font:400 clamp(15px,1.12vw,22px)/1.5 var(--read);max-width:26em}
.lp-page .lp-says b{font-weight:500}
.lp-page .lp-says em{font-style:normal;color:rgba(255,255,255,.7);transition:color .25s}
.lp-page .lp-down:hover .lp-says em{color:rgba(255,255,255,.95)}
.lp-page .lp-down i{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:20px;width:1px;height:clamp(86px,10.5vh,150px)}
.lp-page .lp-down i s{position:absolute;left:0;top:0;width:1px;height:0;background:#C08C3D;animation:lp-draw 3.2s cubic-bezier(.3,.7,.3,1) infinite}
@keyframes lp-draw{0%{height:0;opacity:1}62%{height:100%;opacity:1}100%{height:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){
  .lp-page .lp-down i s{animation:none;height:100%;opacity:.6}
  .lp-page .lp-films video{transition:none}
}
.lp-page .lp-place{position:absolute;z-index:2;left:var(--edge);bottom:26px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.85;transition:opacity .6s}
/* ---- the bands ---- */
.lp-page .lp-band{padding:var(--band) var(--edge)}
.lp-page .lp-wrap{max-width:var(--wrap);margin:0 auto}
.lp-page .g-paper{background:var(--paper);color:var(--ink)}
.lp-page .g-oat{background:var(--oat);color:var(--ink)}
.lp-page .g-stone{background:var(--stone);color:var(--ink)}
.lp-page .g-forest{background:var(--forest);color:var(--on-dark)}
.lp-page .g-olive{background:var(--olive);color:var(--on-dark)}
.lp-page .g-cask{background:var(--cask);color:var(--on-dark)}
.lp-page .lp-kick{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.62}
.lp-page .lp-h{font-family:var(--face);font-weight:300;font-size:min(clamp(34px,3.3vw,48px), 28px + (clamp(34px,3.3vw,48px) - 28px) * 0.6);line-height:1.1;letter-spacing:-.005em;margin-top:14px;text-wrap:balance}
.lp-page .lp-p{font-size:17px;line-height:1.62;max-width:34em;margin-top:16px;opacity:.86;text-wrap:pretty}
.lp-page .lp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}
.lp-page .lp-head .lp-p{margin-top:12px}
/* the site's own button, from _bar.css: 50 tall, square, the sans at 14.5, outlined tweed; filled is tweed with shell */
.lp-page .lp-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 25px;border:1px solid var(--tweed);
  font-family:var(--sans);font-size:14.5px;line-height:1;white-space:nowrap;color:var(--tweed);background:transparent;cursor:pointer;transition:background .4s,color .4s,border-color .4s}
.lp-page .lp-btn:hover{background:var(--tweed);color:var(--shell)}
.lp-page .lp-btn.fill{background:var(--tweed);color:var(--shell)}
.lp-page .lp-btn.fill:hover{background:var(--cask);border-color:var(--cask)}
.lp-page .lp-btn[disabled]{opacity:.38;cursor:default}
.lp-page .g-forest .lp-btn,.lp-page .g-olive .lp-btn,.lp-page .g-cask .lp-btn{border-color:var(--on-dark);color:var(--on-dark)}
.lp-page .g-forest .lp-btn.fill,.lp-page .g-olive .lp-btn.fill,.lp-page .g-cask .lp-btn.fill{background:var(--shell);color:var(--ink);border-color:var(--shell)}
.lp-page .g-forest .lp-btn:hover,.lp-page .g-olive .lp-btn:hover,.lp-page .g-cask .lp-btn:hover{background:var(--shell);color:var(--ink)}
.lp-page .lp-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
/* 1 · the welcome: what we are, and the ways in as a line of words */
.lp-page .lp-welcome{text-align:center}
.lp-page .lp-welcome .lp-h{font-size:min(clamp(36px,4.1vw,60px), 28px + (clamp(36px,4.1vw,60px) - 28px) * 0.6);max-width:15em;margin:16px auto 0}
.lp-page .lp-welcome .lp-p{margin:22px auto 0;font-size:18px;max-width:36em}
.lp-page .lp-ways{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 34px;margin-top:44px}
.lp-page .lp-ways a{font-family:var(--face);font-size:20px;opacity:.72;padding:8px 0;border-bottom:1px solid transparent;transition:opacity .3s,border-color .3s}
.lp-page .lp-ways a:hover{opacity:1;border-color:var(--bracken)}
/* 2 · start here: what do you enjoy */
.lp-page .lp-enjoy{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-page .lp-tile{position:relative;display:block;cursor:pointer;user-select:none}
.lp-page .lp-tile .ph{aspect-ratio:4/3;overflow:hidden}
.lp-page .lp-tile .ph img{transition:transform 1.2s ease}
.lp-page .lp-tile:hover .ph img{transform:scale(1.04)}
.lp-page .lp-tile .ft{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 18px;background:var(--tweed);color:var(--shell);font-family:var(--face);font-size:19px}
.lp-page .lp-tile .tk{width:22px;height:22px;border-radius:50%;border:1px solid rgba(249,245,238,.6);display:grid;place-items:center;font-family:var(--sans);font-size:12px;color:transparent;transition:.3s}
.lp-page .lp-tile.on .ft{background:var(--cask)}
.lp-page .lp-tile.on .tk{background:var(--shell);border-color:var(--shell);color:var(--cask)}
.lp-page .lp-go{display:flex;align-items:center;gap:20px;margin-top:34px}
.lp-page .lp-go span{font-size:15px;opacity:.66}
/* 1 · W6, the six as spines: the one you point at opens */
.lp-page .lp-w6{text-align:left}
.lp-page .lp-w6 .lp-h{margin:16px 0 0;max-width:none}
.lp-page .lp-w6 .lp-p{margin:20px 0 0;max-width:38em}
.lp-page .lp-spines{display:flex;gap:8px;height:520px;margin-top:52px}
.lp-page .lp-sp{position:relative;flex:1;overflow:hidden;color:var(--shell);transition:flex .7s cubic-bezier(.2,.7,.2,1)}
.lp-page .lp-sp.open{flex:4.2}
.lp-page .lp-sp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(65,64,66,.05),rgba(65,64,66,.55))}
.lp-page .lp-sp .t{position:absolute;z-index:2;left:50%;bottom:24px;font-family:var(--face);font-size:24px;white-space:nowrap;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg)}
.lp-page .lp-sp.open .t{left:24px;font-size:30px;writing-mode:horizontal-tb;transform:none}
.lp-page .lp-sp .d{position:absolute;z-index:2;left:24px;bottom:66px;font-size:14px;opacity:0;white-space:nowrap;transition:opacity .4s}
.lp-page .lp-sp.open .d{opacity:.88}
/* 2 · places: fifteen doors, five across */
.lp-page .lp-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.lp-page .lp-cat .ph{aspect-ratio:var(--card-ratio,4/5);overflow:hidden}
.lp-page .lp-cat .ph img{transition:transform 1.2s ease}
.lp-page .lp-cat:hover .ph img{transform:scale(1.05)}
.lp-page .lp-cat .ft{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--tweed);color:var(--shell);font-family:var(--face);font-size:18px;transition:background .35s}
.lp-page .lp-cat:hover .ft{background:var(--cask)}
.lp-page .lp-cat .ft i{font-style:normal;font-family:var(--sans);font-size:15px;opacity:.65}
/* 3 · the magazine */
.lp-page .lp-mag{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.lp-page .lp-mag .ph{aspect-ratio:4/5;overflow:hidden}
.lp-page .lp-mag .lp-h{font-size:min(clamp(38px,4vw,58px), 28px + (clamp(38px,4vw,58px) - 28px) * 0.6)}
.lp-page .lp-price{font-family:var(--face);font-size:24px;margin-top:22px}
.lp-page .lp-journal{margin-top:clamp(72px,8vw,112px)}
.lp-page .lp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}
.lp-page .lp-card .ph{aspect-ratio:var(--card-ratio,4/5);overflow:hidden}
.lp-page .lp-card .ph img{transition:transform 1.2s ease}
.lp-page .lp-card:hover .ph img{transform:scale(1.04)}
.lp-page .lp-card .k{margin-top:18px}
.lp-page .lp-card h3{font-family:var(--face);font-weight:400;font-size:24px;line-height:1.2;margin-top:8px}
.lp-page .lp-card p{font-size:15.5px;line-height:1.55;opacity:.78;margin-top:8px}
/* 4 · places: four standing doors */
.lp-page .lp-doors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-page .lp-door .ph{aspect-ratio:var(--card-ratio,4/5);overflow:hidden}
.lp-page .lp-door .ph img{transition:transform 1.2s ease}
.lp-page .lp-door:hover .ph img{transform:scale(1.04)}
.lp-page .lp-door .ft{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--tweed);color:var(--shell);font-family:var(--face);font-size:20px}
.lp-page .lp-door .ft i{font-style:normal;font-family:var(--sans);font-size:16px;opacity:.7}
.lp-page .lp-regions{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px;margin-top:40px}
.lp-page .lp-regions b{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.62;margin-right:6px}
.lp-page .lp-regions a{font-family:var(--face);font-size:19px;opacity:.75;border-bottom:1px solid transparent;padding:4px 0}
.lp-page .lp-regions a:hover{opacity:1;border-color:var(--bracken)}
/* a row that swipes: four in view, square arrows by the band's button */
.lp-page .lp-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.lp-page .lp-rail::-webkit-scrollbar{display:none}
.lp-page .lp-rail > *{scroll-snap-align:start}
.lp-page .lp-ctl{display:flex;align-items:center;gap:12px}
.lp-page .lp-arrows{display:flex;gap:8px}
.lp-page .lp-arr{width:50px;height:50px;border:1px solid var(--tweed);background:transparent;color:var(--tweed);font-family:var(--sans);font-size:17px;cursor:pointer;transition:background .35s,color .35s,opacity .35s}
.lp-page .lp-arr:hover{background:var(--tweed);color:var(--shell)}
.lp-page .lp-arr[disabled]{opacity:.3;cursor:default;background:transparent;color:var(--tweed)}
.lp-page .lp-rail3{grid-auto-columns:calc((100% - 2 * clamp(20px,2.4vw,32px))/3);gap:clamp(20px,2.4vw,32px)}
@media (max-width:1100px){
  .lp-page .lp-rail{grid-auto-columns:calc((100% - 16px)/2.2)}
}
@media (max-width:820px){
  .lp-page .lp-rail{grid-auto-columns:72%;gap:10px}
  .lp-page .lp-ctl{width:100%;justify-content:space-between}
}
/* 5 · days out, and your own guidebook */
.lp-page .lp-book{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(72px,8vw,112px)}
.lp-page .lp-book .ph{min-height:460px;overflow:hidden;position:relative}
.lp-page .lp-book video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-page .lp-book .tx{background:var(--forest);color:var(--on-dark);padding:clamp(40px,5vw,72px);display:flex;flex-direction:column;justify-content:center}
.lp-page .lp-book .tx .lp-btn{border-color:var(--shell);background:var(--shell);color:var(--ink)}
.lp-page .lp-book .tx .lp-btn:hover{background:transparent;color:var(--shell)}
.lp-page .lp-steps{list-style:none;margin-top:26px;display:grid;gap:12px}
.lp-page .lp-steps li{display:flex;gap:16px;align-items:baseline;font-size:16px;line-height:1.5;opacity:.88}
.lp-page .lp-steps li b{font-family:var(--face);font-weight:300;font-size:26px;line-height:1;min-width:22px;opacity:.7}
/* 6 · today: the date, the light, three things from the feed, the Daily */
.lp-page .lp-today{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:clamp(32px,5vw,80px);align-items:start}
.lp-page .lp-date{font-family:var(--face);font-weight:300;font-size:min(clamp(44px,4.2vw,62px), 28px + (clamp(44px,4.2vw,62px) - 28px) * 0.6);line-height:1.04;margin-top:14px}
.lp-page .lp-light{margin-top:30px;max-width:330px}
.lp-page .lp-light .ln{position:relative;height:1px;background:rgba(241,237,232,.32);margin:14px 0 10px}
.lp-page .lp-light .ln i{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--bracken);transform:translateX(-50%)}
.lp-page .lp-light .fig{display:flex;justify-content:space-between;font-family:var(--sans);font-size:13px;letter-spacing:.02em;opacity:.8}
.lp-page .lp-light .fig b{font-family:var(--face);font-weight:400;font-size:22px;letter-spacing:0;display:block;opacity:1;margin-top:4px}
.lp-page .lp-daily{margin-top:40px;max-width:360px}
.lp-page .lp-daily p{font-size:15.5px;line-height:1.55;opacity:.82}
.lp-page .lp-form{display:flex;margin-top:16px}
.lp-page .lp-form input{flex:1;min-width:0;height:50px;border:1px solid rgba(241,237,232,.5);border-right:0;background:transparent;color:var(--on-dark);padding:0 16px;font-family:var(--read);font-size:15px;border-radius:0}
.lp-page .lp-form input::placeholder{color:rgba(241,237,232,.55)}
.lp-page .lp-form .lp-btn{border-color:var(--shell);background:var(--shell);color:var(--ink)}
.lp-page .lp-open{display:inline-block;margin-top:18px;font-family:var(--sans);font-size:14px;border-bottom:1px solid rgba(241,237,232,.4);padding-bottom:3px}
.lp-page .lp-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.lp-page .lp-feed .ph{aspect-ratio:var(--card-ratio,4/5);overflow:hidden}
.lp-page .lp-feed .k{margin-top:16px;color:var(--bracken);opacity:1}
.lp-page .lp-feed h3{font-family:var(--face);font-weight:300;font-size:21px;line-height:1.28;margin-top:8px}
/* 7 · membership */
.lp-page .lp-join{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,96px);align-items:center}
.lp-page .lp-join .ph{aspect-ratio:5/4;overflow:hidden}
.lp-page .lp-gets{list-style:none;margin-top:26px;display:grid;gap:10px}
.lp-page .lp-gets li{font-size:16.5px;line-height:1.5;padding-left:22px;position:relative}
.lp-page .lp-gets li::before{content:"";position:absolute;left:0;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--bracken)}
/* 7 · membership on film */
.lp-page .lp-member{position:relative;overflow:hidden;padding-top:clamp(96px,11vw,160px);padding-bottom:clamp(96px,11vw,160px)}
.lp-page .lp-member .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-page .lp-member::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(23,21,17,.82),rgba(23,21,17,.55) 55%,rgba(23,21,17,.35))}
.lp-page .lp-mem{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,96px);align-items:center}
.lp-page .lp-mem .lp-h{font-size:min(clamp(40px,4.2vw,62px), 28px + (clamp(40px,4.2vw,62px) - 28px) * 0.6)}
.lp-page .lp-gift{display:inline-block;margin-top:26px;font-family:var(--sans);font-size:14px;border-bottom:1px solid rgba(241,237,232,.5);padding-bottom:3px}
.lp-page .plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-page .plan{background:var(--paper);color:var(--ink);padding:30px 28px 28px;display:flex;flex-direction:column}
.lp-page .plan .pr{font-family:var(--face);font-weight:300;font-size:min(46px, 28px + (46px - 28px) * 0.6);line-height:1;margin-top:14px}
.lp-page .plan .pr small{font-size:16px;opacity:.6}
.lp-page .plan ul{list-style:none;margin:22px 0 26px;display:grid;gap:9px;flex:1}
.lp-page .plan li{font-size:15.5px;line-height:1.45;padding-left:18px;position:relative}
.lp-page .plan li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--bracken)}
.lp-page .plan .lp-btn{width:100%;border-color:var(--tweed);color:var(--tweed)}
.lp-page .plan .lp-btn.fill{background:var(--tweed);color:var(--shell)}
.lp-page .plans .abroad{grid-column:1/-1;font-size:14px;opacity:.75;margin-top:6px}
@media (max-width:820px){
  .lp-page .lp-mem,.lp-page .plans{grid-template-columns:1fr}
}
/* the footer, as live (dark, the one line) */
/* ---- every device: everything stacks ---- */
@media (max-width:1100px){
  .lp-page .lp-enjoy,.lp-page .lp-doors{grid-template-columns:repeat(2,1fr)}
  .lp-page .lp-cats{grid-template-columns:repeat(3,1fr)}
  .lp-page .lp-today{grid-template-columns:1fr}
}
@media (max-width:820px){
  .lp-page .lp-mag,.lp-page .lp-join,.lp-page .lp-book{grid-template-columns:1fr}
  .lp-page .lp-book .ph{min-height:300px}
  .lp-page .lp-three,.lp-page .lp-feed{grid-template-columns:1fr}
  .lp-page .lp-head{flex-direction:column;align-items:flex-start;gap:20px}
  .lp-page .lp-ways{gap:4px 22px}
  .lp-page .lp-ways a{font-size:18px}
  .lp-page .lp-spines{flex-direction:column;height:auto}
  .lp-page .lp-sp{height:92px;flex:none!important}
  .lp-page .lp-sp.open{height:260px}
  .lp-page .lp-sp .t{writing-mode:horizontal-tb;transform:none;left:20px}
  .lp-page .lp-join .ph{order:-1}
}
@media (max-width:480px){
  .lp-page .lp-cats{grid-template-columns:repeat(2,1fr);gap:10px}
  .lp-page .lp-cat .ft{height:auto;min-height:44px;padding:8px 12px;font-size:15.5px;line-height:1.2}
  .lp-page .lp-enjoy{gap:10px}
  .lp-page .lp-tile .ft{height:auto;min-height:48px;padding:9px 10px 9px 12px;font-size:15px;line-height:1.2;gap:8px}
  .lp-page .lp-tile .tk{flex:none;width:18px;height:18px}
  .lp-page .lp-doors{gap:10px}
  .lp-page .lp-door .ft{height:auto;min-height:48px;padding:9px 12px;font-size:15.5px;line-height:1.2;gap:8px}
}
/* ---- the sheet's own tuner (not part of the page) ---- */
/* the live page: the reel runs up under the site bar, as every hero does */
.lp-page .lp-reel{margin-top:calc(-1 * var(--bar,76px))}