/* What it costs (BEA-432), after the kit's tokens, base and waterfall css. Still by default; .m moves it. */
.site .mark{padding:10px 0}
.n{font-family:var(--mono);font-size:.86em;letter-spacing:-.02em;white-space:nowrap}
.hero-art .glow{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}
.tag{position:absolute;z-index:3;left:0;top:0;display:none;padding:4px 7px 5px;font:500 10px/1.25 var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--cream);background:rgba(10,16,36,.86);border:1px solid rgba(240,230,207,.32);opacity:0;transition:opacity .6s ease-out}
.tag-you{color:var(--gold-bright);border-color:rgba(244,196,90,.75)}
.js .tag.placed{display:block}
.tag.on{opacity:1}
.lead .n{color:var(--white)}
.actions .btn{min-width:132px}
@media (max-width: 360px) {
  .actions .btn{min-width:108px;padding-left:18px;padding-right:18px}
  .actions .more{font-size:15px;gap:7px}
}
/* 2 · The main act (night), the waterfall: the amount shown changes as each part strikes (.wf-wait until then). */
.split{position:relative;background:linear-gradient(180deg,#0c1326 0,var(--canvas) 90px)}
.cc{position:relative;--wf-len:6;--wf-col:clamp(130px,40vw,156px)}
.cc .wf-sample{color:var(--cream);border-color:rgba(240,230,207,.55)}
.slip{display:grid;gap:6px;min-width:0;width:100%;padding:11px 12px 12px;background:var(--paper-hi);color:var(--ink);border:1px solid var(--ink-2);box-shadow:0 26px 50px -28px rgba(0,0,0,.85);container-type:inline-size}
.sl-k, .sl-st, .st{min-width:0;max-width:100%}
.sl-k{font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);overflow-wrap:anywhere}
.sl-st{display:grid;gap:8px}
.st{display:grid;gap:3px;padding:3px 5px 4px;background:var(--paper-hi);transition:opacity .3s}
.st b{display:block;font:400 clamp(24px,20cqw,40px)/1.05 var(--display);overflow-wrap:anywhere}
.st small{display:block;font:500 12px/1.3 var(--mono);color:var(--ink-2);overflow-wrap:anywhere}
.s2{background:#f7e6bb}
.s2 small{font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
html:not(.m) .cc .wf-fall{max-width:340px}
html:not(.m) .s0 b, html:not(.m) .s1 b{font-size:24px;color:var(--ink-2)}
.m .sl-st > .st{grid-area:1/1}
.m .s1.wf-wait, .m .s2.wf-wait{opacity:0}
.cc .pay-big{display:flex;align-items:center;gap:12px}
.pay-bv{flex:none;width:1.2em;height:1.2em;color:var(--gold-bright);stroke-width:7}
/* 3 · Dawn: three sizes on a card crossing the sunrise. */
.sizes-head{background:linear-gradient(180deg,var(--canvas) 0%,var(--night-2) 55%,var(--indigo) 100%);color:var(--cream);padding:64px 0 28px}
.sizes-head h2{max-width:16ch;color:var(--white)}
.sizes-say{margin-top:12px;max-width:40ch;font-size:17px;line-height:1.5;color:var(--cream)}
.sizes .dawn-art{-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.three-card .face-day, .three-card .face-night{display:block;padding:18px 16px 18px}
.tk{font:500 11px/1.45 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.tt{width:100%;border-collapse:collapse;font:500 15px/1.3 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
.tt caption{padding-bottom:6px;text-align:left;font:600 15px/1.3 var(--sans);color:var(--ink)}
.tt th, .tt td{padding:9px 0 9px 10px;text-align:right;vertical-align:bottom;border-top:1px solid var(--rule-ink);white-space:nowrap}
.tt thead th{padding-top:0;border-top:0;font:500 10.5px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:normal}
.tt thead th small{display:block;margin-top:2px;letter-spacing:0;text-transform:none;font-size:11px}
.tt th:first-child{padding-left:0;text-align:left}
.tt tbody th{font-weight:500}
.tt-all{margin-top:12px}
.tt-all td:last-child{font-weight:600}
.tt-two{display:grid;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(35,31,26,.3)}
.tn{margin-top:12px;max-width:66ch;font:400 12.5px/1.6 var(--mono);color:var(--ink-2)}
.face-night .tk, .face-night .tn, .face-night .tt thead th{color:var(--cream-2)}
.face-night .tt, .face-night .tt caption{color:var(--cream)}
.face-night .tt th, .face-night .tt td, .face-night .tt-two{border-color:var(--rule)}
/* 4 to 7 · Day: still words on paper over the contours. */
.day > .topo{-webkit-mask-image:linear-gradient(transparent 70px,#000 260px);mask-image:linear-gradient(transparent 70px,#000 260px)}
.day h2{max-width:18ch}
.say{margin-top:14px;max-width:54ch;font-size:18px;line-height:1.55;color:var(--ink);text-wrap:pretty}
.real{position:relative;padding:64px 0 20px}
.legs{display:grid;gap:22px;margin-top:28px}
.leg{padding:16px 16px 8px;background:var(--paper-hi);border:1px solid rgba(35,31,26,.3)}
.leg h3{font:600 17px/1.3 var(--sans);color:var(--ink)}
.leg dl{margin-top:8px}
.leg dl > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 0;border-top:1px solid var(--rule-ink)}
.leg dt{font-size:15px;line-height:1.4;color:var(--ink-2)}
.leg dt small{display:block;margin-top:1px;font:400 12px/1.45 var(--mono);color:var(--ink-3)}
.leg dd{font:500 15px/1.4 var(--mono);color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.leg .em dt{color:var(--ink);font-weight:600}
.leg .em dd{font-weight:600}
.leg-all{border-color:var(--ink);box-shadow:inset 0 3px 0 var(--ink)}
.leg-all .em:last-child dd{font-size:17px}
.notes{display:grid;gap:12px;margin-top:24px;max-width:64ch}
.notes p{font-size:16.5px;line-height:1.55;color:var(--ink);text-wrap:pretty}
.none .prose b{font-weight:700}
.where-r .notes{margin-top:10px;padding-top:18px;border-top:1px solid var(--rule-ink)}
.none{position:relative;padding:52px 0 20px}
.none .prose{margin-top:20px}
.where{position:relative;padding:52px 0 20px}
.two{display:grid;gap:22px}
.stations{position:relative;display:grid;gap:0;padding-left:44px;counter-reset:st}
.stations::before, .trail{content:"";position:absolute;left:13px;top:14px;bottom:26px;width:2px;background:repeating-linear-gradient(180deg,rgba(35,31,26,.32) 0 4px,transparent 4px 8px)}
.trail{background:#b8862f;transform-origin:50% 0}
.stations li{position:relative;padding:4px 0 22px;font-size:18px;line-height:1.5;color:var(--ink);counter-increment:st}
.stations li::before{content:counter(st);position:absolute;left:-44px;top:2px;width:28px;height:28px;display:grid;place-items:center;font:500 12px/1 var(--mono);color:var(--ink);background:var(--paper-hi);border:1px solid var(--ink)}
.m .stations li::before{transition:background-color .35s,color .35s}
.stations li.on::before{background:var(--ink);color:var(--gold-bright)}
.rate{position:relative;padding:40px 0 20px;scroll-margin-top:70px}
.pcard{position:relative;max-width:860px;padding:22px 18px 24px;background:var(--paper-hi);border:1px solid rgba(35,31,26,.3);color:var(--ink);box-shadow:0 34px 60px -38px rgba(35,31,26,.6)}
.pc-name{margin:0;font:600 19px/1.3 var(--sans);letter-spacing:0}
.pc-price{margin-top:8px;font:500 15px/1.45 var(--mono)}
.pc-price b{display:block;font-weight:500;font-size:clamp(34px,9.4vw,52px);line-height:1.08;letter-spacing:-.02em}
.pc-say{margin-top:14px;font:400 clamp(27px,7vw,38px)/1.1 var(--display)}
.pc-say .n{font-size:.8em}
.pc-fine{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule-ink);font:400 12.5px/1.6 var(--mono);color:var(--ink-2)}
.cover{display:grid;gap:18px;margin-top:18px}
.cover h3{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.cover ul{margin-top:6px}
.cover li{position:relative;padding:8px 0 8px 18px;font-size:15.5px;line-height:1.5;color:var(--ink);border-top:1px solid var(--rule-ink)}
.cover li::before{content:"";position:absolute;left:1px;top:16px;width:6px;height:6px;border:1px solid var(--ink-2)}
.cover a{font-weight:600;text-decoration-color:var(--barn);text-decoration-thickness:2px}
.pc-body{margin-top:18px;max-width:46ch;font-size:17px;line-height:1.5}
.pc-act{margin-top:20px}
.pc-act .btn{min-width:170px}
.more-com{margin-top:34px}
.more-com ul{display:flex;flex-wrap:wrap;gap:0 26px;margin-top:6px}
.more-com a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink);text-decoration-color:rgba(35,31,26,.45)}
.ai-sec{position:relative;padding:30px 0 92px}
.ai-in{max-width:884px}
.ai-sec .aibox{margin-top:0}
@media (max-width: 899px) { .m .cc .wf-tag{display:none} }
@media (max-height: 760px) and (max-width: 899px) {
  .cc{--wf-len:6.6}
  .cc .wf-head .eyebrow{display:none}
  .m .cc .wf-head h2{margin-top:0}
  .m .cc .wf-checks > li{padding-top:7px;padding-bottom:8px}
}
@media (min-width: 700px) {
  .tt-two{grid-template-columns:1fr 1fr;gap:32px}
  .three-card .face-day, .three-card .face-night{padding:26px 28px 24px}
  .cover{grid-template-columns:1fr 1fr;gap:28px}
  .pcard{padding:28px 28px 30px}
}
@media (min-width: 900px) {
  .tag{font-size:11.5px;padding:5px 10px 6px;letter-spacing:.08em}
  .cc{--wf-col:168px}
  .m .cc .wf-fall{left:calc(var(--wf-col) + 8px);right:8px;width:auto;max-width:100%}
  html:not(.m) .cc .wf-fall{max-width:100%}
  .slip{gap:8px;padding:14px 14px 16px}
  .st b{font-size:clamp(26px,22cqw,40px)}
  .m .cc .wf-checks > li{padding-top:22px;padding-bottom:26px}
  .m .cc .wf-k{font-size:20px}
  .m .cc .wf-r > b{font-size:14px}
  .sl-k, .st small{font-size:12.5px}
  .sizes-head{padding:104px 0 40px}
  .card-c{max-width:1000px}
  .tt{font-size:16px}
  .real{padding-top:84px}
  .legs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
  .none, .where{padding-top:70px}
  .two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
  .stations li{font-size:19px}
  .rate{padding-top:64px}
  .pcard{padding:34px 36px 36px}
  .ai-sec{padding:46px 0 130px}
}