/* Premium live storefront. The API and interaction logic live in live.js. */
:root{--paper:#dce4d7;--white:#fbfaf4;--ink:#102b1e;--muted:#627067;--line:#d1d9ce;--green:#174b2f;--accent:#278442;--accent-deep:#176b31;--tint:#dce8d8;--sym:#e2eadf;--sym-ink:#3f644c;--video:#0c281a;--video2:#16432a;--rail:270px;--side:360px;--top:68px}
body{overflow:auto;background:radial-gradient(80% 70% at 50% 42%,#eaf0e5 0,#dce5d8 68%,#d1dccd 100%);color:var(--ink)}
.page{min-height:100dvh;height:auto;grid-template-rows:var(--top) minmax(0,1fr)}
.top{padding-inline:clamp(18px,2.3vw,36px);background:#f7f8f0e8;border-bottom:1px solid #bbcbbc;gap:38px}
.logo{font-size:27px;letter-spacing:-.095em;color:#0c3b26}.logo span{color:#0c3b26}
.nav{align-self:stretch;gap:34px;font-size:15px}.nav a{display:grid;place-items:center;position:relative;color:#18392a}.nav a[aria-current]{color:#15522c}.nav a[aria-current]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#22763a}
.pill{font-size:13px;color:#123b27;border-color:#b5c8b9;padding:9px 17px;background:transparent}
.pill:hover,.me:hover{background:#e7efe3}
.me{width:44px;height:44px;background:transparent;border:1px solid #b5c8b9;font-size:17px;color:#123b27}
.body{grid-template-columns:minmax(226px,var(--rail)) minmax(0,1fr) minmax(320px,var(--side));gap:16px;padding:18px clamp(18px,1.4vw,28px) 22px;min-height:calc(100dvh - var(--top))}
.rail,.pin,.under{background:#f9f8f1;border:1px solid #e2e7dd;box-shadow:0 12px 36px #24442b0b}
.rail{display:flex;flex-direction:column;gap:0;border-radius:18px;padding:24px 22px;overflow:visible}
.rail h2{margin:0 0 14px;font-size:11px;letter-spacing:.16em;color:#647468}
.rail-separator{height:1px;background:#dce3d8;margin:20px 0 22px}
.rail-note{display:flex;gap:13px;align-items:flex-start;padding:12px 0;color:#173826;text-decoration:none}
.rail-note+.rail-note{margin-top:3px}
.rail-icon{width:34px;flex:none;font-size:25px;line-height:1;color:#214d32;text-align:center}
.rail-note div{display:grid;gap:5px}.rail-note strong{font-size:13px}.rail-note small,.rail-near small{font-size:12px;color:#69746b;line-height:1.45}
.rail-link:hover strong,.rail-near:hover strong,.rail-nav:hover{color:#227b3b}
.rail-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13px;text-decoration:none;color:#284335}
.rail-nav[aria-current]{font-weight:700;color:#186334}.rail-nav span{color:#7c9b82}
.rail-upcoming{display:grid;gap:3px;padding:8px 0;text-decoration:none}.rail-upcoming strong{font-size:12px}.rail-upcoming small{font-size:11px;color:var(--muted)}
.rail-near{display:grid;grid-template-columns:25px 1fr auto;gap:11px;align-items:center;text-decoration:none;margin-top:auto}.rail-near>span:first-child{font-size:25px}.rail-near>span:nth-child(2){display:grid;gap:3px}.rail-near>span:last-child{font-size:23px;color:#7a9780}
.rail .item{padding:8px 2px;border:0;background:transparent}.rail .item:hover{color:#21803d}.rail .item .av{width:34px;height:34px}
.stage{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:680px}
.screen{border-radius:18px;box-shadow:0 18px 40px #22422c15}
.editorial-stage{background:radial-gradient(90% 80% at 85% 40%,#1b5032 0,#103a25 58%,#082b1c 100%);border:1px solid #26543a;color:#faf7ed}
.show{display:flex;flex-direction:column}
.show-top{border:0;padding:30px 38px 0;position:relative;z-index:2}
.show-status{display:inline-flex;align-items:center;gap:10px;border-radius:10px;background:#e6edd11e;padding:10px 15px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d5e5c7;backdrop-filter:blur(4px)}
.show-status i{width:9px;height:9px;border-radius:50%;background:#d7e8c6;flex:none}
.show-status em{font-size:12px;letter-spacing:0;text-transform:none;font-weight:400;font-style:normal;border-left:1px solid #dcebc77a;padding-left:14px;margin-left:5px;color:#e6ecdc}
.show-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.85fr);align-items:center;flex:1;min-height:0;position:relative}
.show-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:20px 0 15px 38px;position:relative;z-index:1}
.show-copy .over{order:2;color:#c6d5bd;font-size:11px;letter-spacing:.22em;line-height:1.6;margin-top:24px}
.show-copy h3{order:1;font:500 clamp(54px,5.5vw,108px)/.95 var(--serif);letter-spacing:-.045em;max-width:9.8ch;text-wrap:balance;color:#faf7ed}
.show-copy p{order:3;margin:20px 0 0;color:#eef1e9;font:400 clamp(16px,1.25vw,21px)/1.45 var(--serif);max-width:36ch}
.show-copy .show-next{font:400 13px/1.4 var(--font);color:#cbd7c7;margin-top:18px}
.show-art{align-self:stretch;min-height:230px;position:relative;display:grid;place-items:center;overflow:hidden}
.show-art::before{content:"";position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b6d3a22a 0,transparent 67%)}
.show-illustration{width:min(92%,440px);height:min(86%,500px);object-fit:contain;position:relative;filter:drop-shadow(0 20px 20px #00190e33)}
.show-photo{width:80%;height:78%;object-fit:contain;border-radius:13px;position:relative;box-shadow:0 22px 46px #001f1266}
.show-art small{position:absolute;bottom:14px;right:22px;color:#c1d3bd;font-size:10px;letter-spacing:.02em;text-align:right}
.show-bottom{border-top:1px solid #bbcfb585;margin:0 38px;padding:18px 0 24px;min-height:112px}
.show-maker{display:flex;gap:18px;align-items:center;min-width:0}.show-maker .av{width:52px;height:52px;background:#f9f7ee;color:#18482e;font-size:17px}.show-maker>span:last-child{display:grid;gap:1px;min-width:0}.show-maker small{font-size:12px;color:#d5e1d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-maker small:first-child{font:400 18px var(--serif);color:#f8f5e9}.show-maker strong{font:500 17px var(--serif);color:#f8f5e9}
.show-controls{display:flex;gap:7px;margin-left:auto}.show-controls .arrow{border-color:#a9c3a6;color:#eef7e7;width:38px;height:38px}.show-controls .arrow:hover{background:#ffffff1f}
.under{min-height:76px;border-radius:16px;padding:14px 22px;gap:18px}.under-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#627368;font-weight:700;white-space:nowrap}.under p{color:#2b4433;font-size:13px}.under .btn{flex:none}
.side{gap:14px;overflow:visible;align-content:start}
.pin{padding:30px 28px;border-radius:18px;gap:15px;box-shadow:0 14px 36px #24442b0d}
.pin-label{justify-self:start;background:#dfe9d9;color:#174c2b;border-radius:8px;padding:7px 11px;letter-spacing:.08em}
.pin h3{font:500 clamp(30px,2.45vw,44px)/1.02 var(--serif);letter-spacing:-.035em;margin:5px 0 0;color:#0a301f}
.pin .maker{font-size:14px;line-height:1.4;color:#69746c}
.pin .tags{margin-top:2px}.tag{padding:4px 7px;font-size:10px}
.facts{margin-top:12px;padding:19px 0;gap:10px;border-color:#d4dccf}.facts div+div{padding-left:17px}.facts small{color:#286b38;font-size:10px}.facts strong{font-size:16px;line-height:1.25;color:#103321}
.pin .dots{margin-top:-5px}.pin .dots i{width:7px;height:7px}
.allerg{align-items:center;gap:8px;font-size:14px;margin:4px 0 15px}.allerg span{padding:7px 10px;border-color:#c7d5c5;font-size:13px}
.price-row{margin:0 0 5px;gap:12px}.price-row strong{font-size:32px;white-space:nowrap;color:#0e3523}.price-row .btn{min-width:145px;min-height:49px;font-size:15px;box-shadow:0 5px 12px #1b723023}
.pin>p.maker{line-height:1.5}.pin>p.maker a{color:#174a2d;text-underline-offset:2px}
.queue{gap:8px}.side>.over{font-size:10px;letter-spacing:.12em;margin:5px 0 -4px 3px}.q{padding:10px 12px;border-color:#e1e8dc;background:#f9f8f1;box-shadow:0 6px 15px #24442b08}.q:hover{border-color:#8bab8d;background:#fffdf5}
.btn{background:#22843b;min-height:44px}.btn:hover{background:#176b31}.btn.ghost{border-color:#c6d4c2;color:#16462a}.btn.ghost:hover{background:#eaf1e6}
.tomorrow{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:clamp(28px,4vw,62px)}
.tomorrow>.over{color:#c8dbbf}.tomorrow h3{font:500 clamp(48px,5vw,78px)/1.03 var(--serif);letter-spacing:-.04em;max-width:12ch;color:#faf7ed}.tomorrow>p{font:400 19px/1.5 var(--serif);color:#dce9d9;max-width:34ch;margin:0}
.sched{width:100%;max-width:660px;max-height:45vh;overflow:hidden auto;gap:0}.sched div,.sched a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #c4d7be55;color:#edf4e8;text-decoration:none;font-size:13px}.sched span{min-width:0}.sched time{color:#cbe4c2;display:inline-block;min-width:96px}.sched .btn{color:#f5f7ed;border-color:#bdcfb1}
.pin-empty{min-height:300px;align-content:start}.pin-empty h3{margin-top:20px}.pin-empty p{color:#637165;line-height:1.5;font-size:14px}.pin-empty .btn{justify-self:start;margin-top:12px}
.screen.video{background:radial-gradient(90% 80% at 50% 25%,#285b3b,#0b2c1d 70%,#071c13)}
.screen.video .vtop{top:24px;left:25px;right:25px}.screen.video .state-msg{background:#0a2418bb;border:1px solid #c6dac13b;backdrop-filter:blur(8px)}.screen.video .chat p{background:#0a2418be}.screen.video .chat-form{background:#0c2a1de6}
.modal{backdrop-filter:blur(5px)}.sheet{background:#fbfaf4}.sheet .submit{background:#22843b}
@media(max-width:1450px){:root{--rail:230px;--side:320px}.body{gap:12px;padding-inline:14px}.rail{padding:21px 17px}.pin{padding:23px 20px}.show-copy{padding-left:27px}.show-copy h3{font-size:clamp(49px,5.3vw,82px)}.show-top{padding-left:27px}.show-bottom{margin-inline:27px}}
@media(max-width:1180px){.body{grid-template-columns:minmax(0,1fr) minmax(300px,34%);grid-template-rows:auto minmax(580px,1fr)}.rail{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:18px;overflow-x:auto;padding:12px 18px;white-space:nowrap}.rail h2,.rail-separator,.rail-note,.rail-upcoming,.rail-near{display:none}.rail-nav{padding:8px 0;flex:none;gap:6px}.rail .item{flex:none}.stage{min-height:600px}.show-copy h3{font-size:clamp(48px,6vw,78px)}}
@media(max-width:820px){.page{grid-template-rows:var(--top) auto}.top{gap:16px;padding-inline:16px}.nav{display:none}.body{display:flex;flex-direction:column;padding:12px;gap:12px}.rail{order:0;width:100%}.stage{order:1;min-height:0;display:contents}.stage .screen{order:1;height:auto;min-height:560px}.side{order:2}.stage .under{order:3}.pin{padding:24px}.show-main{grid-template-columns:1fr}.show-copy{padding:22px 24px 0}.show-copy h3{font-size:clamp(48px,11vw,76px);max-width:11ch}.show-art{min-height:230px;max-height:290px}.show-illustration{height:270px}.show-photo{height:230px}.show-top{padding:22px 24px 0}.show-bottom{margin-inline:24px;padding-bottom:18px}.show-maker small:last-child{white-space:normal}.screen.video{min-height:70vh}.tomorrow{min-height:500px}.side>.over,.side>.queue{display:none}.under{flex-wrap:wrap}.under p{white-space:normal}.rail .item{max-width:220px;white-space:normal}}
@media(max-width:520px){:root{--top:62px}.logo{font-size:24px}.pill{font-size:0;padding:8px 10px}.pill::first-letter{font-size:18px}.me{width:38px;height:38px}.stage .screen{min-height:520px}.show-status{font-size:10px;padding:8px 10px}.show-status em{font-size:10px;padding-left:8px}.show-copy h3{font-size:clamp(44px,12vw,62px)}.show-copy .over{font-size:10px;margin-top:17px}.show-copy p{font-size:16px;margin-top:13px}.show-art{min-height:190px;max-height:220px}.show-illustration{height:210px}.show-photo{height:190px}.show-art small{font-size:9px}.show-bottom{min-height:93px}.show-maker .av{width:40px;height:40px}.show-maker strong{font-size:14px}.show-maker small:first-child{font-size:15px}.show-maker small:last-child{display:none}.under{gap:10px;padding:13px 16px}.under-label{width:100%}.under .btn{margin-left:auto}.pin h3{font-size:34px}.tomorrow{padding:28px}.tomorrow h3{font-size:48px}.sched div,.sched a{align-items:flex-start}.sched time{display:block;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}