/* Art direction: cobalt, vermilion, ink and paper; editorial stories of nine holder experiences. */
:root{--art-blue:#174eb2;--art-red:#d5362c;--art-paper:#f3f0e8;--art-ink:#171717;--number:Arial,"Helvetica Neue",var(--sans)}
.plan-section{padding-block:100px 65px;background:var(--art-paper);border-top:1px solid #d8d4cb}
.plan-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}
.plan-heading .eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--art-blue);margin-bottom:20px}
.plan-heading h2{font:600 clamp(2rem,3.7vw,3.4rem)/1.65 var(--sans);letter-spacing:.03em}
.plan-heading h2 span{display:block;color:var(--art-red)}
.plan-intro{font-size:.9rem;line-height:2.1;margin-top:20px;color:#55524c}
.edition-note{flex:none;border-left:1px solid #b8b3a9;padding-left:25px;padding-bottom:9px}
.edition-note>span{font:700 .7rem/1.6 var(--sans);letter-spacing:.14em}
.edition-note strong{font:700 3rem/1.2 var(--number);margin-right:6px}
.edition-note>p{font-size:.75rem;color:#67635c;margin-top:5px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.plan-card{--plan-accent:var(--art-blue);min-width:0;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 24px #27201408}
.plan-card--premium{--plan-accent:var(--art-red)}
.plan-card--legend{--plan-accent:#f09581;background:#191a1c;color:#f8f6ee}
.plan-cover{container-type:inline-size;position:relative;aspect-ratio:1.3;overflow:hidden;background:#202327;color:#fff}
.plan-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 22%,#0002 40%,#000e 85%)}
.plan-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .6s}
.plan-card:hover .plan-cover>img{transform:scale(1.035)}
.plan-card--legend .plan-cover>img{filter:grayscale(1);object-position:center 30%}
.plan-editions{position:absolute;z-index:1;top:16px;right:16px;display:flex;align-items:baseline;gap:5px;padding:8px 12px;background:#fffdf7;color:#202020;font:600 .78rem/1.4 var(--sans);letter-spacing:0;box-shadow:0 2px 7px #0002}
.plan-editions b{font:700 1.3rem/1.2 var(--number);margin-left:3px}
.plan-cover h3{position:absolute;z-index:1;bottom:23px;left:24px;right:20px;display:flex;flex-direction:column;gap:8px;text-shadow:0 2px 10px #0005}
.plan-cover .plan-name-en{font:600 .8rem/1.3 var(--sans);letter-spacing:.15em;color:#eee9df}
.plan-cover .plan-name-ja{font:700 clamp(1.4rem,8.1cqi,2.15rem)/1.4 var(--sans);letter-spacing:.025em;color:#fff;white-space:nowrap}
.plan-body{container-type:inline-size;padding:26px 25px 22px;display:flex;flex-direction:column;flex:1}
.plan-lead{font:600 clamp(1.3rem,1.8vw,1.65rem)/1.75 var(--sans);letter-spacing:.02em;min-height:92px}
.plan-tagline{font-size:.79rem;line-height:1.95;margin-top:12px;color:#625d56;min-height:62px}
.plan-card--legend .plan-tagline{color:#c1bfb9}
.plan-theme{font-size:.67rem;line-height:1.8;letter-spacing:.05em;margin-top:16px;color:var(--plan-accent)}
.plan-pricing{padding:21px 0 23px;border-bottom:1px solid #dedbd5}
.plan-price-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--plan-accent)}
.plan-price{display:flex;align-items:baseline;gap:7px;margin-top:3px;white-space:nowrap}
.plan-price strong{font:700 clamp(2rem,17cqi,3.25rem)/1.15 var(--number);letter-spacing:0}
.plan-price>span{font:700 1rem/1.4 var(--sans)}
.plan-regular{font-size:.84rem;margin-top:10px;color:#66615c}
.plan-regular del{margin-left:9px;font-family:var(--number);font-size:.94rem}
.plan-card--legend .plan-regular{color:#bbb9b3}
.plan-card--legend .plan-pricing{border-color:#454545}
.plan-benefits{padding-top:24px;flex:1}
.plan-benefits h4{font-size:.7rem;letter-spacing:.16em;margin:0 0 11px}
.plan-inherits{font-size:.75rem;line-height:1.9;min-height:46px;color:#635e56}
.plan-card--legend .plan-inherits{color:#c5c2bb}
.plan-benefits ul{list-style:none;margin:20px 0 25px;padding:0}
.plan-benefits li{border-bottom:1px solid #dedbd5}
.plan-card--legend .plan-benefits li{border-color:#404143}
.plan-benefits li>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;transition:color .2s}
.plan-benefits li>a:hover{color:var(--plan-accent)}
.benefit-name{display:block;font-size:.81rem;font-weight:500;line-height:1.85}
.benefit-detail{display:block;font-size:.69rem;line-height:1.8;color:#6b665f;margin-top:3px}
.plan-card--legend .benefit-detail{color:#bdb9b3}
.benefit-arrow{flex:none;font-size:1.1rem;color:var(--plan-accent)}
.benefit-condition{display:inline-block;font-size:.64rem;line-height:1.6;border:1px solid currentColor;padding:1px 6px;margin-top:5px;color:var(--plan-accent)}
.plan-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--plan-accent);color:#fff;padding:14px 17px;min-height:54px;font-size:.83rem;line-height:1.7;transition:filter .2s}
.plan-cta:hover{filter:brightness(.88)}
.plan-cta>span{font-size:1.3rem}
.plan-card--legend .plan-cta{background:#ece2cf;color:#171717}
.plan-cta-note{font-size:.63rem;text-align:center;margin-top:9px;color:#706c65}
.plan-card--legend .plan-cta-note{color:#c1bcb3}
.plans-conditions{display:flex;gap:20px;padding-block:26px;font-size:.72rem;line-height:2;color:#625f57}
.plans-conditions>span{font:600 .65rem/2 var(--sans);letter-spacing:.12em;flex:none}
.issuance-panel{padding:25px 0 0;border-top:1px solid #c8c3b8}
.issuance-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.issuance-title h3{font-size:.95rem}
.issuance-title>p{font:600 .65rem/1.5 var(--sans);letter-spacing:.1em;color:#7e776d}
.issuance-breakdown{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.issuance-breakdown li{border-left:1px solid #ccc7bb;padding-left:24px}
.issuance-breakdown li:first-child{border-left:0;padding-left:0}
.issuance-breakdown li>span{font-size:.9rem;font-weight:600;color:#403c35}
.issuance-breakdown li>p{font-size:.7rem;margin-top:5px}
.issuance-breakdown strong{font:700 2rem/1.2 var(--number);margin-right:5px}
/* The experiences: an editorial chapter for every tier, with all nine benefits individually addressed. */
.experience-journal{background:#faf9f5}
.journal-intro{padding-block:110px 0}
.journal-intro>.eyebrow{font-size:.73rem;letter-spacing:.18em;color:var(--art-red);margin-bottom:30px}
.journal-title-row{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:end}
.journal-title-row h2{font:500 clamp(3.3rem,6.2vw,5.6rem)/1.45 var(--sans);letter-spacing:.015em}
.journal-title-row h2 em{font-style:normal;color:var(--art-blue)}
.journal-intro-copy>p:first-child{font:500 1.25rem/2 var(--sans);margin-bottom:20px}
.journal-intro-copy>p:last-child{font-size:.85rem;color:#615c54;line-height:2.2}
.journal-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #c9c3b8;border-bottom:1px solid #c9c3b8;margin-top:48px}
.journal-nav>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:21px;font:700 1.3rem/1.5 var(--display);color:var(--art-blue)}
.journal-nav>a>span{font:500 .75rem/1.7 var(--sans);color:#312e2a}
.journal-nav>a:hover>span{text-decoration:underline;text-underline-offset:5px}
.story-chapter{padding-block:70px 85px}
.chapter-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #bbb4a7;padding-bottom:18px;margin-bottom:40px}
.chapter-heading>p:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;font-family:var(--sans);color:var(--art-blue)}
.chapter-plan-name strong{font:700 clamp(1.5rem,2.5vw,2rem)/1.5 var(--sans)}
.chapter-plan-name .chapter-number{font:700 .85rem/1.4 var(--number)}
.chapter-plan-name small{font:600 .73rem/1.4 var(--sans);letter-spacing:.09em}
.chapter-heading>p:last-child{font:500 .9rem/1.8 var(--sans)}
.chapter-inherits{font-size:.78rem;line-height:2;margin-top:-20px;margin-bottom:35px;color:#665c52}
.story-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.story-portrait{position:relative;margin-right:15px}
.story-portrait>img{width:100%;aspect-ratio:.93;object-fit:cover;object-position:center 22%}
.story-portrait figcaption{font:700 .73rem/1.8 var(--sans);letter-spacing:.13em;padding-top:14px;border-top:3px solid var(--art-blue);margin-top:9px}
.portrait-stamp{position:absolute;bottom:40px;right:-24px;background:var(--art-blue);color:#fff;font:500 1.2rem/1.75 var(--sans);padding:21px 25px;transform:rotate(-6deg);box-shadow:3px 4px 0 #15151512}
.story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;font:600 .66rem/1.8 var(--sans);letter-spacing:.09em;color:var(--art-blue);margin-bottom:24px}
.story-meta>span{font-size:.66rem;letter-spacing:.01em;border:1px solid currentColor;padding:3px 8px}
.story-title{font:600 clamp(1.55rem,2.55vw,2.55rem)/1.8 var(--sans);letter-spacing:.01em}
.story-title>span{display:block}
.story-hook{font:500 clamp(1rem,1.45vw,1.2rem)/2 var(--sans);margin-top:27px}
.story-description{font-size:.86rem;line-height:2.2;margin-top:20px;color:#625d55;overflow-wrap:anywhere}
.story-format{display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid #c5beb1;padding-top:15px;margin-top:26px;font-size:.72rem;color:#4d4941}
.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:70px}
.story-note{min-width:0}
.note-art{height:250px;position:relative;overflow:hidden}
.note-art>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.note-art--community>span{position:absolute;inset:auto auto 19px 25px;color:#fff;font:800 3rem/.95 var(--display);text-shadow:0 2px 16px #07264e80}
.note-copy{padding-top:28px}
.note-copy .story-meta{margin-bottom:18px}
.note-copy h3,.invitation h3{font:500 clamp(1.5rem,2.4vw,2.1rem)/1.75 var(--sans);letter-spacing:.02em}
.note-label{font-size:.76rem;font-weight:600;color:var(--art-blue);line-height:1.9;margin-top:17px}
.travel-poster{background:#efe5d1;color:#24201b;isolation:isolate}
.travel-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.travel-poster::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8efdd73 0%,#f8efdd33 32%,#f8efdd00 60%);z-index:-1}
.travel-city{position:absolute;left:28px;top:25px;font:800 3.2rem/1 var(--display);letter-spacing:.035em;text-shadow:0 1px 9px #f8efdd}
.travel-kanji{position:absolute;left:29px;bottom:27px;font:500 2.8rem/1 var(--sans);color:#a03427}
.travel-caption{position:absolute;left:87px;bottom:29px;font:600 .55rem/1.8 var(--sans);letter-spacing:.09em;max-width:150px;color:#654539;text-shadow:0 1px 5px #f8efdd}
.story-chapter--premium{background:#efe9df}
.story-chapter--premium .chapter-heading>p:first-child,.story-chapter--premium .story-meta,.story-chapter--premium .note-label{color:#ac2d25}
.story-feature--reverse>.story-portrait{grid-column:2;grid-row:1;margin:0 0 0 15px}
.story-feature--reverse>.story-copy{grid-column:1;grid-row:1}
.dining-portrait>img{aspect-ratio:.95;object-position:center 60%}
.dining-portrait figcaption{border-color:var(--art-red)}
.dining-portrait .portrait-stamp{background:var(--art-red);left:-20px;right:auto;transform:rotate(5deg)}
.note-art.mahjong-banner{height:auto;background:#17130d}
.note-art.mahjong-banner>img{display:block;width:100%;height:auto;object-fit:contain}
.conversation-poster{background:#efe5d1;color:#241f1a;padding:38px 35px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.conversation-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.conversation-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8efddc9 0%,#f8efdd80 42%,#f8efdd00 76%);z-index:-1}
.conversation-poster>.conversation-copy{position:relative;font:500 1.7rem/1.8 var(--sans);letter-spacing:.025em;text-shadow:0 1px 8px #f8efdd}
.conversation-poster small{font:600 .65rem/1.6 var(--sans);letter-spacing:.17em;margin-top:18px;color:#8f3327;display:flex;align-items:center;gap:10px}
.conversation-poster small::before{content:'';width:28px;height:2px;background:currentColor;transform:rotate(-4deg)}
.story-chapter--legend{background:#18191b;color:#f4eee1;padding-bottom:45px}
.story-chapter--legend .chapter-heading{border-color:#52504a}
.story-chapter--legend .chapter-heading>p:first-child{color:#dfb77c}
.story-chapter--legend .chapter-inherits{color:#bbb5aa}
.story-chapter--legend .story-meta,.story-chapter--legend .note-label{color:#dfb77c}
.voice-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.voice-art{position:relative;overflow:hidden;min-width:0}
.voice-art>img{width:100%;aspect-ratio:.88;object-fit:cover;object-position:center 35%;filter:grayscale(1);opacity:.8}
.voice-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#18191b,transparent 60%)}
.voice-word{position:absolute;z-index:1;bottom:65px;left:25px;font:800 clamp(5rem,9vw,8rem)/1 var(--display);color:#f2e9d3;letter-spacing:-.02em}
.voice-frequency{position:absolute;z-index:1;bottom:24px;left:29px;right:29px;height:32px;display:flex;align-items:center;gap:6px}
.voice-frequency i{flex:1;background:#d5ad72;height:11px}
.voice-frequency i:nth-child(3n){height:31px}.voice-frequency i:nth-child(4n){height:21px}.voice-frequency i:nth-child(5n){height:5px}
.story-chapter--legend .story-description{color:#c7c1b6}
.voice-detail{display:flex;align-items:center;gap:25px;border-block:1px solid #615647;padding-block:17px;margin-top:26px}
.voice-detail strong{font:700 3.8rem/1 var(--display);color:#e4bd83;white-space:nowrap}
.voice-detail strong>span{font:400 .72rem/1.5 var(--sans);margin-left:9px}
.voice-detail>p{font-size:.74rem;line-height:1.9;color:#bfb7a9}
.legend-invitations{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:65px}
.invitation{position:relative;padding:35px 37px 30px;border:1px solid #74644a;background:linear-gradient(145deg,#c8a06a0e,transparent 70%);overflow:hidden}
.invitation-number{position:absolute;right:17px;top:12px;font:700 7rem/1 var(--display);color:#bd9a6a13;pointer-events:none}
.invitation h3{position:relative}
.invitation .story-meta{position:relative;margin-bottom:28px}
.invitation .story-description{font-size:.82rem}
.invitation-condition{color:#dfb77c;font-size:.68rem;border-top:1px solid #675942;padding-top:15px;margin-top:24px}
.journal-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:68px 50px}
.journal-closing>p{font:500 clamp(1.7rem,2.9vw,2.6rem)/1.8 var(--sans)}
.journal-closing em{font-style:normal;color:#dfb77c}
.journal-closing>a{border-bottom:1px solid #ac926a;padding:17px 0;display:flex;gap:40px;font-size:.8rem}
.journal-closing>a:hover{color:#dfb77c}
.journal-footnote{border-top:1px solid #4d4941;padding-top:25px;color:#a8a297;font-size:.68rem;line-height:2}
.presale-offer>a{text-decoration:underline;text-underline-offset:4px}

@media(min-width:761px) and (max-width:1100px){.plan-section>.container,.experience-journal .container{width:calc(100% - 56px)}.plan-grid{gap:15px}.plan-body{padding-inline:18px}.plan-lead{font-size:1.27rem;min-height:78px}.plan-cover h3{left:18px}.plan-tagline{font-size:.72rem}.story-feature,.voice-feature,.story-pair{gap:35px}.story-title{font-size:1.7rem}.story-meta{gap:7px}.journal-title-row{gap:30px}.journal-nav{gap:18px}}
@media(max-width:760px){
 .plan-section{padding-block:62px 45px}.plan-heading{display:block;margin-bottom:30px}.plan-heading h2{font-size:clamp(1.65rem,6.5vw,2.5rem)}.plan-intro{font-size:.8rem;margin-top:16px}.plan-heading .eyebrow{font-size:.62rem;margin-bottom:16px}.edition-note{margin-top:26px;padding:13px 0;border:0;border-block:1px solid #cfc9bd;display:flex;flex-wrap:wrap;gap:0 14px;align-items:baseline}.edition-note strong{font-size:3rem}.edition-note>p{width:100%;margin:0}.edition-note>span{font-size:.6rem}.plan-grid{grid-template-columns:1fr;gap:28px}.plan-cover{aspect-ratio:1.35}.plan-cover h3{left:24px;bottom:22px;font-size:.85rem}.plan-body{padding:25px 24px 21px}.plan-lead{font-size:1.55rem;min-height:0}.plan-tagline{font-size:.8rem;min-height:0;margin-top:12px}.plan-theme{margin-top:14px}.plan-benefits{padding-top:23px}.plan-inherits{min-height:0;font-size:.78rem}.benefit-name{font-size:.85rem}.benefit-detail{font-size:.72rem}.plan-benefits li>a{padding-block:15px}.plan-cta{font-size:.88rem}.plan-cta-note{font-size:.68rem}.plans-conditions{display:block;font-size:.73rem;padding-block:23px}.plans-conditions>span{display:block;margin-bottom:7px}.issuance-title{display:block}.issuance-title>p{font-size:.59rem;margin-top:5px}.issuance-breakdown{grid-template-columns:1fr 1fr;gap:20px 0;margin-top:20px}.issuance-breakdown li:nth-child(3){border-left:0;padding-left:0}.issuance-breakdown li{padding-left:20px}
 .journal-intro{padding-top:65px}.journal-intro>.eyebrow{font-size:.64rem;margin-bottom:23px}.journal-title-row{display:block}.journal-title-row h2{font-size:3.3rem}.journal-intro-copy{margin-top:26px}.journal-intro-copy>p:first-child{font-size:1.1rem;margin-bottom:16px}.journal-intro-copy>p:last-child{font-size:.81rem}.journal-nav{grid-template-columns:1fr;gap:0;margin-top:30px}.journal-nav>a{padding-block:14px;font-size:1.1rem;border-bottom:1px solid #d8d0c3}.journal-nav>a:last-child{border-bottom:0}.journal-nav>a>span{font-size:.78rem;flex:1;margin-left:12px}.story-chapter{padding-block:42px 55px}.chapter-heading{display:block;margin-bottom:30px;padding-bottom:16px}.chapter-heading>p:first-child{gap:6px 11px}.chapter-plan-name small{font-size:.65rem}.chapter-heading>p:last-child{font-size:.83rem;margin-top:10px}.chapter-inherits{font-size:.75rem;margin-top:-12px;margin-bottom:28px}.story-feature,.voice-feature{grid-template-columns:1fr;gap:32px}.story-portrait{margin-right:12px}.story-portrait>img{aspect-ratio:1.03}.story-portrait figcaption{font-size:.62rem}.portrait-stamp{right:-12px;bottom:43px;font-size:1rem;padding:15px 21px}.story-meta{font-size:.61rem;gap:8px 10px;margin-bottom:17px}.story-meta>span{font-size:.6rem}.story-title{font-size:clamp(1.35rem,5.6vw,2rem);line-height:1.9;letter-spacing:0}.story-hook{font-size:1.05rem;margin-top:22px;line-height:2}.story-description{font-size:.83rem;line-height:2.2;margin-top:17px}.story-format{font-size:.66rem;gap:7px 15px;margin-top:23px}.story-pair{grid-template-columns:1fr;gap:45px;margin-top:44px}.note-art{height:225px}.note-art--community>span{font-size:2.8rem}.note-copy{padding-top:23px}.note-copy h3,.invitation h3{font-size:1.65rem}.note-label{font-size:.74rem;margin-top:14px}.travel-city{font-size:2.8rem;left:24px;top:25px}.travel-kanji{font-size:2.25rem;left:24px;bottom:25px}.travel-caption{font-size:.5rem;left:70px;bottom:25px;max-width:130px}.travel-poster>img{object-position:58% center}.travel-poster::before{background:linear-gradient(90deg,#f8efdded 0%,#f8efddad 43%,#f8efdd00 82%)}.story-feature--reverse>.story-portrait{grid-column:auto;grid-row:auto;margin:0 0 0 12px}.story-feature--reverse>.story-copy{grid-column:auto;grid-row:auto}.dining-portrait .portrait-stamp{left:-12px}.conversation-poster{padding:30px}.conversation-poster>.conversation-copy{font-size:1.5rem}.conversation-poster::after{background:linear-gradient(90deg,#f8efdded 0%,#f8efddd9 52%,#f8efdd26 100%)}.voice-art>img{aspect-ratio:1.05}.voice-word{font-size:5.6rem;left:20px;bottom:55px}.voice-frequency{left:24px;right:24px;bottom:20px}.voice-detail{margin-top:23px}.legend-invitations{grid-template-columns:1fr;gap:24px;margin-top:40px}.invitation{padding:26px 24px}.invitation .story-meta{font-size:.56rem;margin-bottom:23px}.invitation .story-meta>span{font-size:.57rem}.invitation .story-description{font-size:.8rem}.journal-closing{display:block;padding-block:40px 32px}.journal-closing>p{font-size:1.65rem}.journal-closing>a{font-size:.77rem;justify-content:space-between;margin-top:25px}.journal-footnote{font-size:.66rem;padding-top:21px}
}
@media(prefers-reduced-motion:reduce){.plan-cover>img,.plan-cta,.plan-benefits li>a{transition:none}}

/* Clear numeral shapes for prices and issuance counts. */
.plan-price strong,.plan-editions b,.edition-note strong,.issuance-breakdown strong,.plan-regular del,.presale-now>strong,.presale-was{font-variant-numeric:lining-nums tabular-nums;font-stretch:normal}
.presale-now>strong{font-family:var(--number);font-size:clamp(3rem,9cqi,5rem);font-weight:700;line-height:1.1;letter-spacing:0}
.presale-was{font-family:var(--number);font-weight:600;letter-spacing:0}

/* Centered presale panel: one clear reading path at every screen size. */
.presale-announcement {
  position:relative;overflow:hidden;padding:46px 0 48px;color:#fff8ed;
  background:radial-gradient(ellipse at 50% 0%,#d43c31 0%,transparent 68%),linear-gradient(180deg,#b92b27,#a72526);
}
.presale-announcement::before {content:"";position:absolute;inset:14px;border:1px solid #fff8ed26;pointer-events:none}
.presale-inner {position:relative;width:min(760px,calc(100% - 80px));margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.presale-meta {width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:0;margin:0;border:0;text-align:center}
.presale-kicker {font-size:.75rem;font-weight:500;letter-spacing:.19em;text-align:center}
.presale-period {border:0;padding:0;gap:12px}
.presale-period>span {font-size:.8125rem;font-weight:500;letter-spacing:.12em}
.presale-period>em {font-size:1.5rem;color:#ffe8ce}
.presale-summary {width:100%;display:flex;flex-direction:column;align-items:center;gap:23px;padding:0;text-align:center}
.presale-announcement h2 {font-size:clamp(2rem,3.6vw,2.85rem);font-weight:600;line-height:1.5;letter-spacing:.055em;text-align:center}
.presale-announcement h2>span {font-size:.68em;font-weight:500;margin-left:.18em;letter-spacing:.04em}
.presale-price {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%}
.presale-was {display:flex;align-items:center;justify-content:center;gap:13px;font-family:var(--number);font-size:1.25rem;font-weight:400;line-height:1.4;color:#f8dfd3}
.presale-was del {text-decoration-color:currentColor;text-decoration-thickness:1px}
.presale-was del>span {font-size:.8125rem;font-weight:400;margin-left:4px}
.presale-arrow {display:none}
.presale-now {display:flex;align-items:baseline;justify-content:center;gap:9px}
.presale-now>strong {font-family:var(--number);font-size:clamp(4rem,10vw,6rem);font-weight:600;line-height:1.07;letter-spacing:-.035em}
.presale-now>span {font-size:1.4rem;font-weight:500}
.presale-offer {font-size:.9375rem;line-height:1.9;font-weight:400;letter-spacing:.02em;text-align:center;color:#fff0e6;margin:0}
.presale-offer>a {display:block;width:max-content;max-width:100%;margin:11px auto 0;padding-bottom:3px;border-bottom:1px solid #fff8ed8c;color:#fff8ed;text-decoration:none;font-size:1rem;font-weight:500}
.presale-buy {align-self:center;width:min(480px,100%);max-width:480px;min-height:72px;padding:21px 26px;margin:3px 0 0;background:#fff8ed;border:1px solid #fff8ed;color:#4c2220;font-size:1.0625rem;font-weight:600;letter-spacing:.04em;box-shadow:0 7px 22px #52161726;text-align:center}
.presale-buy>span:last-child {font-size:1.65rem;border-left-color:#bba79770}
.presale-buy:hover {background:#f1e3d0;border-color:#f1e3d0;color:#4c2220;box-shadow:0 9px 26px #52161738}
.presale-buy:hover>span:last-child {border-left-color:#bba797}
.presale-market-note {align-self:center;width:100%;max-width:560px;margin:-9px 0 0;color:#fae1d5;font-size:.8125rem;font-weight:400;line-height:1.9;letter-spacing:.015em;text-align:center;text-wrap:balance}
@media(max-width:600px) {
 .presale-announcement {padding:33px 0 35px}
 .presale-announcement::before {inset:10px}
 .presale-inner {width:calc(100% - 48px);gap:21px}
 .presale-meta {gap:11px}
 .presale-kicker {font-size:.6875rem;letter-spacing:.14em}
 .presale-period>span {font-size:.75rem}.presale-period>em {font-size:1.3rem}
 .presale-summary {gap:19px}
 .presale-announcement h2 {font-size:clamp(1.65rem,6.6vw,2.2rem);letter-spacing:.03em}
 .presale-price {gap:8px;flex-direction:column}
 .presale-was {font-size:1.125rem}.presale-was del>span {font-size:.75rem}
 .presale-now>strong {font-size:clamp(3.8rem,17vw,5rem)}.presale-now>span {font-size:1.125rem}
 .presale-offer {font-size:.8125rem;line-height:1.9}
 .presale-offer>a {font-size:.9375rem;margin-top:10px}
 .presale-buy {width:100%;max-width:400px;min-height:65px;padding:18px 20px;font-size:1rem;margin-top:1px}
 .presale-market-note {font-size:.75rem;line-height:1.9;margin-top:-8px}
}

/* Art-framed ivory interlude separates the presale from adjacent sections. */
.presale-announcement {
  isolation:isolate;background:#eee7dc;color:#29211f;padding:56px 0;
  border-block:1px solid #d8cebf;
}
.presale-announcement::before,
.presale-announcement::after {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:52%;
  border:0;
  z-index:-1;
  pointer-events:none;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.65;
  filter:saturate(.7);
}
.presale-announcement::before {
  background-image:url('/assets/presale-paint-red.webp');
  -webkit-mask-image:linear-gradient(to right,black 58%,transparent);
  mask-image:linear-gradient(to right,black 58%,transparent);
}
.presale-announcement::after {
  inset:0 0 0 auto;
  background-image:url('/assets/presale-paint-blue.webp');
  -webkit-mask-image:linear-gradient(to left,black 58%,transparent);
  mask-image:linear-gradient(to left,black 58%,transparent);
}
.presale-inner {
  width:min(680px,calc(100% - 80px));padding:36px 48px 32px;
  background:#fffaf2f5;border:1px solid #fffdf7;
  box-shadow:0 16px 50px #3f29251a;
}
.presale-meta {gap:12px}
.presale-kicker {color:#61524a}
.presale-period>span {color:#9f302b}
.presale-period>em {color:#9f302b}
.presale-announcement h2 {color:#332621}
.presale-announcement h2>span {color:#9f302b}
.presale-was {color:#70645d}
.presale-now {color:#a32d29}
.presale-offer {color:#51483f}
.presale-offer>a {color:#8f2a26;border-bottom-color:#a32d2966}
.presale-buy {background:#a32d29;border-color:#a32d29;color:#fffaf2;box-shadow:0 7px 18px #8c282522}
.presale-buy>span:last-child {border-left-color:#fffaf252}
.presale-buy:hover {background:#812621;border-color:#812621;color:#fffaf2;box-shadow:0 9px 22px #8c282533}
.presale-buy:hover>span:last-child {border-left-color:#fffaf280}
.presale-buy:focus-visible {outline-color:#a32d29}
.presale-market-note {color:#61534b}
@media(max-width:600px) {
 .presale-announcement {padding:38px 0}
 .presale-announcement::before {
  width:100%;
  opacity:.48;
  -webkit-mask-image:linear-gradient(to bottom,black,#0008);
  mask-image:linear-gradient(to bottom,black,#0008);
 }
 .presale-announcement::after {display:none}
 .presale-inner {width:calc(100% - 36px);padding:28px 20px 26px;background:#fffaf2f5;gap:21px}
 .presale-kicker {font-size:.625rem;letter-spacing:.13em}
 .presale-market-note {font-size:.75rem}
}