/* ===== Base ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f4f1ea;color:#1c1a17;font:16px/1.6 'DM Sans',system-ui,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0 0 .5em;line-height:1.08;font-weight:400}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
:focus-visible{outline:3px solid #e07a3a;outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:#000;color:#fff;padding:8px 14px}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ph{position:relative;margin:0;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.illus{position:absolute;right:8px;bottom:8px;font:500 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;padding:5px 7px;border-radius:3px}
.btn{display:inline-block;padding:14px 26px;border:1px solid currentColor;text-decoration:none;font:600 13px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:transparent;color:inherit}
.hours{list-style:none}
.hours li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:#111;color:#fff;padding:12px 20px;border-radius:30px;font:500 14px 'DM Sans',sans-serif;transition:.3s;z-index:90;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ===== Switcher bar ===== */
.switcher{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 18px;background:#121110;color:#ece7dc;font:500 13px/1 'DM Sans',sans-serif;border-bottom:1px solid #2a2724}
.switcher[hidden]{display:none}
.sw-back{text-decoration:none;opacity:.8}
.sw-back:hover{opacity:1}
.sw-mid{display:flex;align-items:center;gap:14px}
.sw-mid b{color:#d6a046;margin-right:4px}
.sw-mid .arr{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3a3632;border-radius:50%;text-decoration:none;font-size:18px}
.sw-mid .arr:hover{background:#2a2724}
.heart{background:none;border:1px solid #3a3632;color:inherit;border-radius:30px;padding:8px 14px;font:500 13px/1 'DM Sans',sans-serif;cursor:pointer}
.heart[aria-pressed="true"]{background:#c2412d;border-color:#c2412d;color:#fff}

/* ===== Chooser ===== */
.chooser{max-width:1240px;margin:0 auto;padding:48px 28px 40px;font-family:'DM Sans',sans-serif;color:#1c1a17}
.ch-head{text-align:center;max-width:820px;margin:0 auto 52px}
.ch-head .ww{height:46px;width:auto;margin:0 auto 22px}
.ch-meta{font-size:13px;letter-spacing:.06em;color:#6d665c}
.ch-head h1{font:400 clamp(44px,7vw,84px)/1 'Gloock',serif;margin:10px 0 18px}
.ch-lede{font-size:18px;color:#4a453e}
.ch-lede em{font-family:'Gloock',serif;font-style:normal;color:#1c1a17}
.ch-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.ch-card{background:#fff;border:1px solid #e4ded2;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.ch-card:hover{box-shadow:0 18px 40px -20px rgba(0,0,0,.35);transform:translateY(-2px)}
.ch-card.picked{border-color:#c2412d;box-shadow:0 0 0 2px #c2412d}
.thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#222}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ch-card:hover .thumb img{transform:scale(1.03)}
.thumb .num{position:absolute;left:18px;top:14px;font:400 54px/1 'Anton',sans-serif;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.ch-card[data-c="reel"] .thumb img{filter:contrast(1.05) saturate(.85) brightness(.85)}
.ch-card[data-c="thennow"] .thumb img{filter:grayscale(1)}
.ch-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.ch-body .style{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a8275;margin-bottom:6px}
.ch-body h2{font-size:30px;margin-bottom:10px}
.ch-card[data-c="reel"] h2{font-family:'Bodoni Moda',serif;font-style:italic}
.ch-card[data-c="porch"] h2{font-family:'Gloock',serif}
.ch-card[data-c="ledger"] h2{font-family:'IM Fell English',serif}
.ch-card[data-c="thennow"] h2{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.ch-body>p{color:#4a453e;font-size:15px}
.ch-body dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:6px 0 20px;font-size:13px}
.ch-body dt{color:#8a8275}
.ch-body dd{margin:0}
.sw i{display:inline-block;width:22px;height:22px;border-radius:50%;margin-right:5px;border:1px solid rgba(0,0,0,.12);vertical-align:middle}
.ch-actions{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap}
.ch-actions .go{background:#1c1a17;color:#fff;text-decoration:none;padding:12px 20px;border-radius:30px;font-weight:600;font-size:14px}
.ch-actions .heart{border-color:#d6cfc2;color:#1c1a17}
.ch-actions .heart[aria-pressed="true"]{color:#fff}
.ch-how{margin:70px auto 0;max-width:1000px}
.ch-how h2,.ch-table h2{font:400 34px 'Gloock',serif;text-align:center;margin-bottom:26px}
.ch-how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.ch-how li{counter-increment:s;background:#fff;border:1px solid #e4ded2;border-radius:6px;padding:22px;font-size:15px;color:#4a453e}
.ch-how li::before{content:counter(s);display:block;font:400 40px/1 'Anton',sans-serif;color:#d6a046;margin-bottom:10px}
.ch-how li b{color:#1c1a17}
.ch-table{margin:70px 0 0}
.tw{overflow-x:auto}
.ch-table table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;min-width:720px}
.ch-table th,.ch-table td{padding:14px 16px;border-bottom:1px solid #eee8dc;text-align:left;vertical-align:top}
.ch-table thead th{background:#1c1a17;color:#fff;font-weight:600}
.ch-table thead a{text-decoration:none}
.ch-table tbody th{color:#8a8275;font-weight:500;width:130px}
.ch-foot{margin-top:60px;padding-top:24px;border-top:1px solid #e4ded2;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:12px;color:#8a8275}
.ch-foot p{margin:0;max-width:820px}
.ww.sm{height:28px;width:auto}

/* ===== Shared site shell ===== */
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px}
.site-nav .brand img{height:20px;width:auto}
.site-nav .brand img.hex{height:52px}
.site-nav ul{list-style:none;display:flex;gap:26px}
.site-nav ul a{text-decoration:none;font-size:14px;padding:6px 0;border-bottom:1px solid transparent}
.site-nav ul a[aria-current]{border-bottom-color:currentColor}
.site-nav .cta{text-decoration:none;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border:1px solid currentColor}
.site-foot{padding:70px 40px 40px;text-align:center}
.foot-logo{height:90px;width:auto;margin:0 auto 24px}
.site-foot .promise{font-size:22px;max-width:640px;margin:0 auto 40px}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:0 auto 40px;text-align:left;font-size:14px}
.foot-cols span{display:block;opacity:.8}
.foot-cols b{display:block;margin-bottom:8px;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.fine{font-size:11px;opacity:.6;max-width:760px;margin:0 auto}

/* ===== Morph ===== */
.morph{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}
.morph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.morph .yr{position:absolute;right:20px;bottom:14px;font:400 44px/1 'Anton',sans-serif;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6);z-index:2}

/* ===== Awards marquee ===== */
.marquee{padding:44px 0 36px;overflow:hidden}
.mq-head{display:flex;justify-content:space-between;gap:20px;padding:0 40px 22px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.mq-track{display:flex;width:max-content;opacity:.62;transition:opacity .4s;animation:mq 75s linear infinite}
.marquee:hover .mq-track,.marquee:focus-within .mq-track{opacity:1;animation-play-state:paused}
.mq-row{list-style:none;display:flex;align-items:center;gap:52px;padding-right:52px}
.aw{display:flex;align-items:center;gap:14px;white-space:nowrap}
.aw img{width:74px;height:74px;object-fit:contain}
.aw img.card{width:66px;height:66px;border-radius:4px}
.aw b{display:block;font:400 30px/1 'Anton',sans-serif}
.aw small{display:block;font-size:11px;letter-spacing:.06em;max-width:240px;white-space:normal;line-height:1.35;opacity:.85}
.aw .seal{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:1.5px solid currentColor;font:600 10px/1.15 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:6px;white-space:normal}
.aw.press{flex-direction:column;align-items:flex-start;gap:2px}
.aw.press i{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-style:normal;opacity:.6}
.aw .pub{font:italic 400 24px/1.1 'Bodoni Moda',serif}
.aw.partner{flex-direction:column;align-items:flex-start;gap:4px}
.aw.partner .pub{font-style:normal;font-family:'Gloock',serif}
@keyframes mq{to{transform:translateX(-50%)}}

/* =================================================================
   01 THE REEL — dark cinematic
   ================================================================= */
.c-reel{background:#0f0d0b;color:#efe6d6;font-family:'Libre Franklin',sans-serif}
.c-reel h1,.c-reel h2,.c-reel h3{font-family:'Bodoni Moda',serif}
.c-reel .eyebrow{font:500 12px/1.2 'Libre Franklin',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#c9a35c;margin-bottom:16px}
.c-reel .site-nav{position:absolute;left:0;right:0;z-index:5;color:#efe6d6;background:linear-gradient(#0f0d0bcc,transparent)}
.c-reel .page>:first-child{padding-top:0}
.c-reel .btn{border-color:#e07a3a;background:#e07a3a;color:#0f0d0b}
.c-reel .btn.ghost{background:transparent;color:#efe6d6;border-color:#efe6d680}
.reel-hero{position:relative;height:calc(100vh - 48px);min-height:560px}
.reel-hero .morph{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.reel-hero .morph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f0d0b55 0%,transparent 35%,#0f0d0bdd 100%);z-index:1}
.reel-hero-copy{position:absolute;left:0;right:0;bottom:0;padding:0 40px 60px;z-index:3;max-width:1100px}
.reel-hero h1{font-size:clamp(38px,5.6vw,80px);font-style:italic;font-weight:400;margin-bottom:28px;text-wrap:balance}
.reel-actions{display:flex;gap:14px;flex-wrap:wrap}
.reel-hero .yr{top:110px;bottom:auto;right:40px;font:italic 400 64px/1 'Bodoni Moda',serif;color:#c9a35c}
.reel-film{padding:80px 0 40px}
.chapter{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:56px;padding:56px 40px;max-width:1360px;margin:0 auto}
.chapter.flip{grid-template-columns:1fr 1.35fr}
.chapter.flip .frame{order:2}
.frame{position:relative;aspect-ratio:16/10}
.frame .ph{position:absolute;inset:0}
.frame .bw img{filter:grayscale(1) contrast(1.1) sepia(.15)}
.frame .color{opacity:0;transition:opacity 2.4s ease .5s}
.chapter.lit .frame .color{opacity:1}
.chapter .cap h2{font-size:clamp(28px,3.2vw,46px);font-style:italic}
.chapter .cap p{color:#cfc5b4;font-size:17px;max-width:460px}
.endcard{text-align:center;padding:120px 40px;border-top:1px solid #2a2520;border-bottom:1px solid #2a2520;margin:40px 40px 0}
.endcard h2{font-size:clamp(40px,6vw,86px);font-style:italic;color:#efe6d6}
.endcard p{color:#e07a3a;letter-spacing:.2em;text-transform:uppercase;font-size:13px}
.reel-bottles{padding:100px 40px 20px;max-width:1300px;margin:0 auto}
.reel-bottles h2{font-size:clamp(28px,3.4vw,44px);text-align:center;margin-bottom:46px}
.reel-bottle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.rb{text-decoration:none;display:block}
.rb .ph{aspect-ratio:3/4;margin-bottom:14px}
.rb b{display:block;font:italic 400 22px 'Bodoni Moda',serif}
.rb small{color:#c9a35c;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.mq-reel{border-top:1px solid #2a2520;color:#efe6d6}
.mq-reel .aw b{color:#c9a35c}
.reel-page-head{padding:150px 40px 60px;max-width:1100px}
.reel-page-head h1{font-size:clamp(44px,6vw,88px);font-style:italic}
.reel-spirits{padding:0 40px 60px;max-width:1300px;margin:0 auto}
.rs{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:40px 0;border-top:1px solid #2a2520}
.rs.flip .ph{order:2}
.rs .ph{aspect-ratio:4/5;max-height:620px}
.rs h2{font-size:clamp(30px,3.6vw,52px);font-style:italic}
.rs p{color:#cfc5b4;font-size:17px;max-width:520px}
.rs .price{color:#e07a3a;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.reel-full{position:relative;height:calc(92vh - 48px);min-height:540px}
.reel-full>.ph{position:absolute;inset:0}
.reel-full>.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#0f0d0bee)}
.reel-full>div{position:absolute;left:40px;right:40px;bottom:60px;max-width:960px}
.reel-full h1{font-size:clamp(36px,5vw,72px);font-style:italic}
.reel-full .by{color:#c9a35c;letter-spacing:.14em;text-transform:uppercase;font-size:13px}
.reel-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #2a2520}
.reel-stats div{padding:46px 30px;border-right:1px solid #2a2520}
.reel-stats b{display:block;font:italic 400 clamp(32px,3.6vw,54px)/1 'Bodoni Moda',serif;color:#e07a3a;margin-bottom:8px}
.reel-stats span{color:#cfc5b4;font-size:14px}
.reel-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:90px 40px;max-width:1300px;margin:0 auto}
.reel-split .ph{aspect-ratio:4/5;max-height:640px}
.reel-split h2{font-size:clamp(30px,3.4vw,48px);font-style:italic}
.reel-split p{color:#cfc5b4;font-size:17px}
.reel-band{height:46vh}
.reel-macon{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:20px 40px 80px;max-width:1360px;margin:0 auto}
.reel-macon .ph{aspect-ratio:4/5;margin-bottom:16px}
.reel-macon .ph img{filter:grayscale(.3)}
.reel-macon h3{font-size:24px;font-style:italic}
.reel-macon p{color:#cfc5b4;font-size:15px}
.c-reel .site-foot{border-top:1px solid #2a2520;background:#0a0908}
.c-reel .site-foot .promise{font:italic 400 26px 'Bodoni Moda',serif}

/* =================================================================
   02 THE FRONT PORCH — sunlit hospitality
   ================================================================= */
.c-porch{background:#f7f2e8;color:#3a2e22;font-family:'Karla',sans-serif}
.c-porch h1,.c-porch h2,.c-porch h3{font-family:'Gloock',serif;color:#3a2e22}
.c-porch .script{font:400 38px/1 'Pinyon Script',cursive;color:#9a5b2e;margin-bottom:10px}
.c-porch .site-nav{background:#f7f2e8;border-bottom:1px solid #e6dccb;padding:12px 40px}
.c-porch .site-nav .cta{border-radius:40px;background:#6f7f5e;color:#fff;border-color:#6f7f5e}
.c-porch .btn{border-radius:40px;background:#9a5b2e;color:#fff;border-color:#9a5b2e}
.c-porch .btn.ghost{background:transparent;color:#9a5b2e}
.porch-hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:calc(88vh - 48px)}
.porch-hero-img{height:100%}
.porch-hero-copy{padding:70px 60px;align-self:center}
.porch-hero h1{font-size:clamp(36px,4.2vw,62px);margin-bottom:22px;text-wrap:balance}
.porch-hero-copy>p:not(.script){font-size:18px;color:#6a5a48;margin-bottom:28px}
.porch-intro{text-align:center;padding:110px 40px;max-width:900px;margin:0 auto}
.porch-intro .lede{font:400 clamp(24px,2.7vw,36px)/1.35 'Gloock',serif;color:#3a2e22}
.porch-morph{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:20px 60px 110px;max-width:1300px;margin:0 auto}
.frame-oval{padding:16px;background:#fff;border:1px solid #e6dccb;box-shadow:0 30px 60px -30px #9a5b2e66;border-radius:240px 240px 8px 8px}
.frame-oval .morph{border-radius:226px 226px 4px 4px;aspect-ratio:4/3.4}
.porch-morph h2{font-size:clamp(30px,3vw,44px)}
.porch-morph p{font-size:17px;color:#6a5a48}
.porch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 60px 110px;max-width:1300px;margin:0 auto}
.pc{text-decoration:none;background:#fff;padding:14px 14px 22px;border-radius:8px;box-shadow:0 14px 30px -18px #3a2e2240;text-align:center}
.pc .ph{aspect-ratio:3/4;border-radius:4px;margin-bottom:16px}
.pc b{display:block;font:400 22px 'Gloock',serif}
.pc small{color:#6f7f5e;font-weight:700;font-size:13px}
.porch-blossom{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#f3dde2;min-height:540px}
.porch-blossom>.ph{height:100%;min-height:440px}
.porch-blossom>div{padding:60px}
.porch-blossom h2{font-size:clamp(30px,3.2vw,48px)}
.porch-blossom p{font-size:17px;color:#5a4a3a}
.porch-blossom .hours{margin:16px 0 20px;max-width:380px}
.mq-porch{background:#efe6d4;color:#3a2e22}
.mq-porch .aw b{color:#9a5b2e}
.porch-head{text-align:center;padding:90px 40px 50px;max-width:1200px;margin:0 auto}
.porch-head h1{font-size:clamp(42px,5.4vw,76px)}
.porch-head:has(.ph){display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;text-align:left}
.porch-head .ph{border-radius:200px 200px 8px 8px;aspect-ratio:4/5;max-height:640px}
.porch-head.porch-head .porch-wide{aspect-ratio:4/3;border-radius:8px}
.porch-head h1+p{font-size:18px;color:#6a5a48}
.porch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:10px 60px 100px;max-width:1300px;margin:0 auto}
.porch-grid article{background:#fff;border-radius:8px;padding:16px 16px 24px;box-shadow:0 14px 30px -18px #3a2e2240}
.porch-grid .ph{aspect-ratio:4/5;border-radius:4px;margin-bottom:18px}
.porch-grid .tag{display:inline-block;background:#e8eedf;color:#4d5c3e;font-weight:700;font-size:12px;padding:5px 10px;border-radius:20px;margin-bottom:10px}
.porch-grid h3{font-size:26px}
.porch-grid p{font-size:15px;color:#6a5a48}
.porch-grid .price{color:#9a5b2e;font-weight:700;margin:0}
.porch-trio{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:40px 60px 90px;max-width:1100px;margin:0 auto}
.porch-trio b{display:block;font:400 clamp(44px,5vw,70px)/1 'Gloock',serif;color:#6f7f5e}
.porch-trio span{color:#6a5a48}
.porch-day{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:0 60px 100px;max-width:1400px;margin:0 auto}
.porch-day .time{font:400 30px 'Pinyon Script',cursive;color:#9a5b2e}
.porch-day .ph{aspect-ratio:1;border-radius:50%;margin:10px 0 18px;border:8px solid #fff;box-shadow:0 10px 30px -14px #3a2e2266}
.porch-day h3{font-size:24px}
.porch-day p{font-size:15px;color:#6a5a48}
.c-porch .site-foot{background:#3a2e22;color:#f7f2e8}
.c-porch .site-foot .promise{font-family:'Gloock',serif;color:#f7f2e8}
.c-porch .foot-logo{filter:none}

/* =================================================================
   03 THE LEDGER — archival journal
   ================================================================= */
.c-ledger{background:#ebe1cb;color:#2a241d;font-family:'EB Garamond',serif;font-size:18px;
  background-image:repeating-linear-gradient(transparent 0 31px,#2a241d12 31px 32px)}
.c-ledger h1,.c-ledger h2,.c-ledger h3{font-family:'IM Fell English',serif}
.c-ledger .typed{font:400 14px/1.5 'Special Elite',monospace;color:#5a4f40;letter-spacing:.02em}
.c-ledger .no{font:400 13px 'Special Elite',monospace;color:#8c2f23;letter-spacing:.08em;text-transform:uppercase}
.c-ledger .site-nav{border-bottom:2px solid #2a241d;margin:0 40px;padding:20px 0;font-family:'IM Fell English',serif}
.c-ledger .site-nav ul a{font-size:17px}
.c-ledger .site-nav .cta{border-color:#8c2f23;color:#8c2f23;font-family:'Special Elite',monospace;letter-spacing:.04em}
.c-ledger .btn{border:2px solid #2a241d;font-family:'Special Elite',monospace;letter-spacing:.06em}
.c-ledger .btn:hover{background:#2a241d;color:#ebe1cb}
.sepia img{filter:grayscale(1) sepia(.45) contrast(1.05)}
.led-cover{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:60px 40px 90px;max-width:1360px;margin:0 auto}
.led-plate{background:#f6efdf;padding:18px 18px 10px;border:1px solid #c9b997;box-shadow:0 22px 40px -26px #2a241d;transform:rotate(-1.2deg)}
.led-plate .ph{aspect-ratio:16/9}
.led-plate .ph img{filter:sepia(.35)}
.caption{font:italic 15px/1.45 'EB Garamond',serif;color:#5a4f40;margin:10px 0 4px}
.led-title h1{font-size:clamp(46px,5.6vw,84px);line-height:.98;margin:12px 0 20px}
.led-title .lede{font:italic 24px/1.4 'EB Garamond',serif;color:#8c2f23;margin-bottom:30px}
.led-entries{max-width:1200px;margin:0 auto;padding:0 40px}
.entry{display:grid;grid-template-columns:1.3fr 1fr;border-top:2px solid #2a241d;padding:44px 0}
.entry .lost{padding-right:44px;border-right:1px solid #2a241d55}
.entry .found{padding-left:44px;display:flex;flex-direction:column}
.entry h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:6px}
.entry h3{font-size:26px;color:#4f6b4a}
.entry .ph{aspect-ratio:16/10;margin-top:18px;border:1px solid #c9b997}
.entry .found .ph{aspect-ratio:4/3}
.entry .found a{margin-top:16px;font-family:'Special Elite',monospace;font-size:14px;color:#8c2f23}
.stamp{display:grid;place-items:center;width:150px;height:150px;border:3px double #8c2f23;border-radius:50%;color:#8c2f23;font:400 44px 'IM Fell English',serif;transform:rotate(-8deg);margin:18px 0}
.led-scrub{max-width:1100px;margin:40px auto 0;padding:40px}
.led-scrub .morph{border:14px solid #f6efdf;box-shadow:0 22px 40px -26px #2a241d}
.led-scrub .morph img{filter:sepia(.2)}
.led-scrub .yr{font-family:'IM Fell English',serif;font-size:52px;color:#f6efdf}
.mq-ledger{border-top:2px solid #2a241d;border-bottom:2px solid #2a241d;margin:60px 40px 0;color:#2a241d}
.mq-ledger .aw .pub{font-family:'IM Fell English',serif}
.mq-ledger .aw b{font-family:'IM Fell English',serif;color:#8c2f23}
.led-head{text-align:center;padding:70px 40px 40px;border-bottom:1px solid #2a241d55;margin:0 40px 40px}
.led-head h1{font-size:clamp(50px,6vw,90px)}
.led-inventory{max-width:1100px;margin:0 auto;padding:0 40px 60px}
.led-inventory article{display:grid;grid-template-columns:60px 280px 1fr;gap:34px;align-items:start;padding:34px 0;border-bottom:1px solid #2a241d55}
.led-inventory .idx{font:400 40px 'IM Fell English',serif;color:#8c2f23}
.led-inventory .ph{aspect-ratio:4/5;border:1px solid #c9b997}
.led-inventory h2{font-size:36px}
.led-account{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1100px;margin:0 auto;padding:0 40px 80px;align-items:start}
.led-account table{width:100%;border-collapse:collapse;font-size:19px}
.led-account caption{font:400 14px 'Special Elite',monospace;text-align:left;padding-bottom:10px;color:#8c2f23}
.led-account th{font:400 13px 'Special Elite',monospace;text-transform:uppercase;text-align:left;border-bottom:2px solid #2a241d;padding:8px 0}
.led-account td{padding:12px 0;border-bottom:1px dotted #2a241d88}
.led-account td+td{text-align:right;font-family:'IM Fell English',serif}
.led-account>.ph{aspect-ratio:4/3;border:1px solid #c9b997}
.led-plates{display:grid;gap:18px}
.led-plates .ph{aspect-ratio:16/9;border:1px solid #c9b997}
.led-letter{max-width:720px;margin:0 auto;padding:0 40px 80px;font-size:21px;line-height:1.7}
.led-letter .drop::first-letter{float:left;font:400 92px/.8 'IM Fell English',serif;color:#8c2f23;padding:8px 10px 0 0}
.led-letter .sig{font:italic 26px 'IM Fell English',serif;color:#8c2f23;margin:30px 0}
.led-letter .ph{aspect-ratio:3/2;border:12px solid #f6efdf;box-shadow:0 22px 40px -26px #2a241d}
.c-ledger .site-foot{border-top:2px solid #2a241d;margin:0 40px}
.c-ledger .site-foot .promise{font:italic 26px 'IM Fell English',serif}
.c-ledger .foot-logo{height:120px}

/* =================================================================
   04 THEN & NOW — bold interactive
   ================================================================= */
.c-thennow{background:#e9e7e1;color:#121212;font-family:'DM Sans',sans-serif}
.c-thennow h1,.c-thennow h2{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
.c-thennow .site-nav{background:#121212;color:#e9e7e1}
.c-thennow .site-nav .brand img{filter:invert(1)}
.c-thennow .site-nav .cta{background:#d6a046;color:#121212;border-color:#d6a046;font-weight:700}
.tn-hero{padding:40px 40px 70px;max-width:1400px;margin:0 auto}
.tn-hero h1{font-size:clamp(70px,13vw,210px);display:flex;gap:.18em;flex-wrap:wrap;margin-bottom:22px}
.tn-hero h1 span:last-child{color:#2f5d3a}
.tn-stage{position:relative}
.tn-stage .morph{aspect-ratio:21/9}
.tn-stage .yr.big{font-size:clamp(60px,9vw,140px);color:#d6a046;left:24px;right:auto;bottom:10px}
.tn-scrub{display:flex;align-items:center;gap:16px;background:#121212;color:#fff;padding:16px 22px;font:400 20px 'Anton',sans-serif;letter-spacing:.04em}
.tn-scrub input{flex:1}
.tn-lede{font-size:clamp(20px,2vw,26px);max-width:900px;margin-top:26px}
.tn-lede b{color:#2f5d3a}
input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#444;border-radius:4px;cursor:ew-resize}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#d6a046;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#d6a046;border:3px solid #fff}
.tn-pairs{max-width:1400px;margin:0 auto;padding:30px 40px 60px;display:grid;gap:60px}
.tn-pairs article{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}
.tn-pairs article:nth-child(even){grid-template-columns:1fr 1.5fr}
.tn-pairs article:nth-child(even) .pair{order:2}
.tn-pairs h2{font-size:clamp(40px,4.6vw,70px)}
.tn-pairs p{font-size:19px}
.pair{position:relative;aspect-ratio:16/10;overflow:hidden;background:#121212;user-select:none}
.pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.then-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.then-wrap img{filter:grayscale(1) contrast(1.1)}
.pair::after{content:"";position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#d6a046;pointer-events:none}
.pair-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.pair .lab{position:absolute;top:14px;background:#121212;color:#fff;font:400 18px 'Anton',sans-serif;padding:6px 12px;letter-spacing:.04em;z-index:1;pointer-events:none}
.pair .lab.l{left:14px}
.pair .lab.r{right:14px;background:#2f5d3a}
.pair:focus-within::after{background:#fff;width:5px}
.tn-bottles{background:#121212;color:#e9e7e1;padding:80px 40px}
.tn-bottles h2{font-size:clamp(44px,6vw,90px);text-align:center;margin-bottom:40px}
.tn-bottles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1300px;margin:0 auto}
.tn-bottles a{text-decoration:none}
.tn-bottles .ph{aspect-ratio:3/4;margin-bottom:12px}
.tn-bottles b{display:block;font:400 26px 'Anton',sans-serif;text-transform:uppercase}
.tn-bottles small{color:#d6a046;font-weight:600}
.mq-tn{background:#d6a046;color:#121212}
.mq-tn .mq-track{opacity:.75}
.tn-head{padding:70px 40px 40px;max-width:1400px;margin:0 auto}
.tn-head h1{font-size:clamp(64px,10vw,160px)}
.tn-head h1 span{color:#2f5d3a}
.tn-head p{font-size:22px;max-width:760px}
.tn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 40px 80px;max-width:1400px;margin:0 auto}
.tn-grid.four{grid-template-columns:repeat(4,1fr)}
.tn-grid article{background:#fff;padding:14px 14px 22px}
.tn-grid .ph{aspect-ratio:4/5;margin-bottom:14px}
.tn-grid .chip{display:inline-block;background:#2f5d3a;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;margin-bottom:10px}
.tn-grid h2{font-size:30px}
.tn-grid p{font-size:15px}
.tn-pairs.one article{grid-template-columns:1.5fr 1fr}
.tn-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#121212;color:#e9e7e1}
.tn-stats div{padding:50px 30px;border-right:1px solid #333}
.tn-stats b{display:block;font:400 clamp(56px,7vw,110px)/1 'Anton',sans-serif;color:#d6a046}
.tn-visit{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding:0 40px 80px;max-width:1400px;margin:0 auto;align-items:center}
.tn-visit .ph{aspect-ratio:16/10}
.tn-visit h2{font-size:64px}
.c-thennow .site-foot{background:#121212;color:#e9e7e1}
.c-thennow .site-foot .promise{font:400 30px/1.1 'Anton',sans-serif;text-transform:uppercase}
.c-thennow .foot-logo{filter:invert(1);height:110px}

/* ===== Responsive ===== */
@media (max-width:900px){
  .site-nav{flex-wrap:wrap;padding:14px 20px;gap:12px}
  .site-nav ul{order:3;width:100%;overflow-x:auto;gap:18px;padding-bottom:4px}
  .site-nav ul a{white-space:nowrap}
  .site-nav .cta{display:none}
  .sw-back{font-size:0}.sw-back::before{content:"\2190 All";font-size:13px}
  .sw-mid span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .heart{padding:7px 10px}
  .ch-cards,.ch-how ol{grid-template-columns:1fr}
  .chapter,.chapter.flip,.rs,.reel-split,.porch-hero,.porch-morph,.porch-blossom,.porch-head:has(.ph),.led-cover,.entry,.led-account,.tn-pairs article,.tn-pairs article:nth-child(even),.tn-pairs.one article,.tn-visit{grid-template-columns:1fr;gap:28px}
  .chapter.flip .frame,.rs.flip .ph,.tn-pairs article:nth-child(even) .pair{order:0}
  .chapter,.reel-split,.porch-morph,.led-cover,.tn-hero,.tn-pairs{padding-left:20px;padding-right:20px}
  .reel-bottle-row,.porch-cards,.porch-grid,.tn-bottles>div,.tn-grid,.tn-grid.four,.reel-macon,.porch-day{grid-template-columns:1fr 1fr;padding-left:20px;padding-right:20px}
  .reel-stats,.tn-stats{grid-template-columns:1fr 1fr}
  .porch-trio,.foot-cols{grid-template-columns:1fr}
  .entry .lost{padding-right:0;border-right:0}.entry .found{padding-left:0}
  .led-inventory article{grid-template-columns:40px 1fr}.led-inventory article>div{grid-column:2}
  .reel-hero-copy,.reel-full>div{padding-left:20px;padding-right:20px;left:0;right:0}
  .reel-hero .yr{top:auto;bottom:auto;top:130px;right:20px;font-size:44px}
  .porch-hero-copy,.porch-blossom>div{padding:36px 22px}
  .tn-stage .morph{aspect-ratio:4/3}
  .mq-head{padding:0 20px 18px;flex-direction:column;gap:4px}
}
@media (max-width:560px){
  .reel-bottle-row,.porch-cards,.porch-grid,.tn-bottles>div,.tn-grid,.tn-grid.four,.reel-macon,.porch-day{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .mq-track{flex-wrap:wrap;width:auto}
  .mq-row[aria-hidden]{display:none}
  .mq-row{flex-wrap:wrap;justify-content:center;row-gap:24px;padding:0 20px}
  .frame .color{opacity:1}
}
@media (max-width:560px){.switcher .heart{font-size:0;padding:8px 11px}.switcher .heart::first-letter{font-size:15px}}
.ch-mix{margin:70px auto 0;max-width:900px;text-align:center;background:#1c1a17;color:#f4f1ea;border-radius:8px;padding:52px 44px}
.ch-mix .k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d6a046;margin-bottom:10px}
.ch-mix h2{font:400 clamp(30px,4vw,44px)/1.1 'Gloock',serif;margin-bottom:18px}
.ch-mix>p{font-size:17px;color:#d9d3c7;max-width:700px;margin:0 auto 26px}
.ch-mix ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ch-mix li{border:1px solid #4a453e;border-radius:30px;padding:9px 16px;font-size:14px}
.chapter[data-k="grain"] .frame .color img{object-position:50% 74%}