@import url('../tokens.css');
:root{--wide:1360px}html{scroll-behavior:smooth}body{background:var(--paper)}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--paper);padding:14px}.skip:focus{top:20px}.announcement{background:var(--wine);color:var(--paper);text-align:center;font-size:13px;padding:9px 20px;letter-spacing:.02em}.shell{max-width:var(--wide);margin:auto;padding-inline:var(--page-gutter)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px}.logo{display:flex;gap:18px;align-items:center;text-decoration:none;color:var(--wine);font-size:36px}.logo .character{font-size:29px}.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a{text-decoration:none;color:var(--ink);padding-block:12px}.nav a:hover,.nav a[aria-current=page]{color:var(--wine);text-decoration:underline}.nav .button{color:var(--paper);padding:12px 20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:65px 45px 60px 0;align-self:center}.hero h1{color:var(--wine);margin:24px 0;font-size:clamp(48px,5.7vw,83px)}.hero p{font-size:18px;max-width:43ch}.hero .eyebrow{font-size:12px}.hero-art{position:relative;min-height:550px;background:var(--blush);overflow:hidden;display:grid;place-items:center}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.73)}.hero-art .stamp{position:absolute;top:26px;right:26px;font-size:56px;color:var(--paper)}.packets{position:relative;display:flex;align-items:center;justify-content:center;min-width:300px;z-index:1}.packet{width:182px;height:310px;background:var(--paper);color:var(--wine);box-shadow:18px 25px 35px #0003;border:1px solid #c6baad;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-11deg)}.packet:before,.packet:after{content:'';height:7px;border-block:1px solid var(--rule);position:absolute;left:8px;right:8px}.packet:before{top:6px}.packet:after{bottom:6px}.packet .wordmark{font-size:55px}.packet .character{font-size:56px}.packet small{font-size:10px;line-height:1.6;letter-spacing:.06em}.packet.back{position:absolute;transform:rotate(13deg) translateX(75px);background:var(--cream)}.art-note{position:absolute;bottom:20px;left:24px;color:var(--paper);font-size:12px;z-index:2}.cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px}.micro{font-size:13px!important;color:var(--muted-ink)}.ribbon{display:flex;justify-content:space-between;gap:25px;padding-block:24px;border-bottom:1px solid var(--rule);font-size:13px}.section{padding-block:var(--section-space)}.recognition{text-align:center;max-width:820px;margin:auto}.recognition h2{color:var(--wine)}.recognition p{max-width:55ch;margin:20px auto;font-size:18px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.editorial img{width:100%;height:480px;object-fit:cover}.editorial h2{color:var(--wine);margin:20px 0}.editorial p{max-width:49ch}.image-caption{font-size:12px;color:var(--muted-ink);margin-top:10px}.blush{background:var(--blush)}.cream{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2{margin:18px 0 32px}.section-heading p{max-width:38ch;margin-bottom:32px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-top:1px solid var(--control-rule);padding-top:23px}.step .num{color:var(--wine);font-size:14px}.step h3{margin:18px 0}.step p{font-size:15px;max-width:37ch}.format-visual{height:410px;background:var(--blush);display:grid;place-items:center;position:relative;overflow:hidden}.format-visual:before{content:'內';position:absolute;left:30px;top:-10px;font:260px 'Songti SC',serif;color:var(--wine);opacity:.06}.format-visual .packet{transform:rotate(7deg);height:300px}.format-visual .art-note{color:var(--muted-ink)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.facts div{border-top:1px solid var(--rule);padding:12px 0;font-size:14px}.facts span{display:block;color:var(--muted-ink);margin-top:5px}.statement{background:var(--wine);color:var(--paper);text-align:center;padding:70px 24px}.statement .character{font-size:68px}.statement h2{max-width:20ch;margin:22px auto}.statement p{max-width:56ch;margin:auto}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-grid h2{margin-top:20px;color:var(--wine)}details{border-top:1px solid var(--rule);padding:18px 0}details:last-child{border-bottom:1px solid var(--rule)}summary{cursor:pointer;min-height:44px;font-weight:500;align-content:center}details p{font-size:15px;color:var(--muted-ink);max-width:60ch}.closing{text-align:center;background:var(--cream)}.closing h2{color:var(--wine);margin:18px auto;max-width:22ch}.closing p{max-width:51ch;margin:20px auto}.footer{border-top:1px solid var(--rule);padding-block:40px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer p{font-size:13px;color:var(--muted-ink);max-width:74ch}.footer-links{display:flex;gap:22px;align-items:flex-start;font-size:14px}.preview-note{font-size:12px;background:var(--cream);padding:10px 20px;text-align:center;color:var(--muted-ink)}dialog{border:1px solid var(--rule);padding:36px;max-width:480px;width:calc(100% - 40px);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1f1a1770}dialog h2{font-size:35px;margin-top:0}dialog p{font-size:16px}dialog .button{margin-top:15px}.product-hero{background:var(--cream);padding-block:35px}.product-hero .hero-copy{padding-left:20px}.product-hero .hero-art{background:var(--blush)}.product-hero h1{font-size:clamp(46px,5vw,72px)}.tag{font-size:12px;border:1px solid var(--control-rule);display:inline-block;padding:6px 12px;margin-bottom:14px}.inline-points{padding-left:18px;font-size:16px}.inline-points li{margin-block:9px}.quality-list{margin:25px 0}.quality-list div{padding:18px 0;border-top:1px solid var(--rule)}.quality-list b{display:block}.quality-list p{font-size:15px;margin:8px 0}.no-motion{scroll-behavior:auto}
.statement .button.secondary{background:var(--paper);color:var(--wine)!important}.statement .button.secondary:hover{background:var(--cream)}.statement .button:focus-visible{outline-color:var(--paper)}
@media(min-width:1500px){.hero-copy{padding-right:80px}}@media(max-width:900px){.nav{gap:18px}.hero{min-height:550px}.hero-art{min-height:480px}.editorial{gap:35px}.editorial img{height:400px}.faq-grid{gap:35px}.three{gap:22px}}@media(max-width:700px){header{padding-block:18px;flex-wrap:wrap}.logo{font-size:32px}.menu-toggle{display:inline-flex;background:transparent;border:1px solid var(--wine);padding:10px 16px;font:inherit;color:var(--wine);min-height:44px}.nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:5px;padding:12px 0}.nav.open{display:flex}.nav a{padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 0 40px}.hero h1{font-size:52px}.hero p{font-size:17px}.hero-art{min-height:460px}.ribbon{flex-direction:column;gap:8px;padding:20px 0}.editorial,.faq-grid{grid-template-columns:1fr;gap:30px}.editorial img{height:360px}.three{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading p{margin-top:-12px}.statement{padding:50px 24px}.footer-top{flex-direction:column}.product-hero .hero-copy{padding:35px 0}.product-hero{padding-top:0}.format-visual{height:380px}.cta-row{gap:18px}.recognition p{font-size:17px}.footer-links{flex-wrap:wrap}.hero-copy .button{min-width:180px}}@media(max-width:380px){.hero h1{font-size:44px}.hero-art{min-height:410px}.packet{width:160px;height:280px}.packet .wordmark{font-size:46px}.facts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pre-launch information pages and navigation. */
[hidden]{display:none!important}
:root{--wide:1200px}
body{background:var(--cream)}
header{background:var(--cream);padding-block:22px;min-height:96px}
.nav{gap:24px}.nav a{font-size:14px;min-height:48px;align-content:center}
.nav a[aria-current=page]{text-decoration-thickness:2px}
.footer-links{flex-wrap:wrap;justify-content:flex-end;max-width:660px;gap:12px 24px}
.footer-links a{display:inline-flex;min-height:44px;align-items:center}
.footer{padding-bottom:88px}.footer p,.micro,.image-caption,.art-note,.preview-note{font-size:14px!important}
.step p,details p,.product-chapters p{font-size:16px}
.page-mast{padding-block:clamp(64px,10vw,128px);position:relative}
.page-mast h1{font-size:clamp(52px,8vw,104px);max-width:14ch;color:var(--wine);margin:24px 0 32px;line-height:1.02}
h1 em,h2 em{font-weight:400}.page-mast .lead{max-width:48ch;font-size:20px}
.reading{max-width:840px}.reading h2{margin-top:48px;font-size:40px}.reading p{max-width:65ch}
.within-panel{min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--blush);border-radius:50% 50% 2px 2px;padding:40px 24px;text-align:center;color:var(--wine)}
.within-panel .character{font-size:clamp(96px,12vw,160px)}
.within-panel p{font:40px/1.15 var(--font-heading);margin:20px 0}
.status{display:inline-block;border:1px solid var(--control-rule);padding:6px 12px;font-size:14px;color:var(--wine);line-height:1.5}
.detail-ledger{margin-top:32px}.detail-ledger>div{display:grid;grid-template-columns:1fr 1.7fr;gap:48px;border-top:1px solid var(--control-rule);padding:28px 0}
.detail-ledger>div:last-child{border-bottom:1px solid var(--control-rule)}
.detail-ledger dt{font:28px/1.2 var(--font-heading);color:var(--wine)}.detail-ledger dd{margin:0;max-width:62ch}.detail-ledger .status{display:table;margin-bottom:12px}
.founder-placeholder{border-top:1px solid var(--control-rule)}.founder-placeholder p{max-width:58ch}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:0}.contact-grid h2{font-size:40px}.contact-grid p{max-width:48ch}
.signup-panel{border:1px solid var(--control-rule);background:var(--paper);padding:clamp(24px,4vw,48px)}
.signup-panel h2{font-size:48px}.signup-panel p{max-width:44ch}
.faq-page{padding-top:0}.faq-page summary{padding-right:12px}.transparency{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.transparency h2{color:var(--wine)}
.story-link{margin-top:24px;color:var(--paper)}
:focus-visible{scroll-margin-block:40px}.statement a:focus-visible,.product-stage a:focus-visible,.product-stage button:focus-visible{outline-color:var(--paper)}
@media(max-width:900px){
 header{flex-wrap:wrap;min-height:80px;padding-block:16px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--wine);padding:10px 16px;font:inherit;color:var(--wine);min-height:48px}
 .nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:4px;padding:12px 0}.nav.open{display:flex}.nav a{padding:12px}.nav .button{align-self:flex-start}
 .footer-links{justify-content:flex-start}.contact-grid,.transparency{gap:32px}
}
@media(max-width:700px){
 .page-mast{padding-block:56px}.page-mast h1{font-size:56px}.page-mast .lead{font-size:18px}
 .detail-ledger>div{grid-template-columns:1fr;gap:16px;padding-block:24px}.detail-ledger dt{font-size:26px}
 .contact-grid,.transparency{grid-template-columns:1fr}.within-panel{min-height:340px}.within-panel p{font-size:32px}.status{max-width:100%}
 .footer-links{gap:8px 20px}.reading h2{font-size:32px}.signup-panel h2{font-size:38px}.product-hero .hero-art{min-height:420px}
}
@media(scripting:none){.menu-toggle{display:none}.nav{display:flex}.motion-toggle{display:none}}

/* Concept photography: generated from packet concept artwork; captions state its status. */
.photo-band{position:relative;background:#3c1015;color:var(--paper);overflow:hidden}.photo-band img{display:block;width:100%;height:auto;min-height:440px;object-fit:cover;object-position:18% center}.photo-band-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end}.photo-band-copy>div{width:min(560px,44%)}.photo-band h2{color:var(--paper);margin:18px 0;font-size:clamp(36px,3.4vw,50px)}.photo-band h2 span{display:block}.photo-band .eyebrow,.photo-band .image-caption{color:#ead9d2}
.wide-figure{margin-block:0 clamp(48px,7vw,96px)}.wide-figure img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover}
@media(max-width:1000px){.photo-band img{min-height:0}.photo-band h2{font-size:clamp(28px,8.5vw,36px)}.photo-band-copy{position:static;padding-block:32px 40px}.photo-band-copy>div{width:auto}}
picture{display:block}