/* YamYam public site. Flat brand colours (brand/palette.json), the logo's cut corner as the
   shape language and transit-map routes as the illustration system. No gradients or glows. */
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/Vazirmatn-Variable.woff2') format('woff2-variations'),url('/assets/fonts/Vazirmatn-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
	--night:#0A0F1D;--inset:#0E1425;--panel:#141C2E;--raised:#1C2942;--line:#2B3A58;
	--cobalt:#315BD6;--blue:#3D64CC;--blue-deep:#263F8F;--cobalt-dark:#1B2D5C;--cobalt-mid:#274681;--blue-light:#5F82DE;
	--ice:#AFC6FF;--tint:#F0F4FF;--paper:#F5F7FC;--facet:#D2DCF6;--soft:#A7B0C5;
	--mint:#66D9B2;--mint-2:#8AE8CD;--go:#0D8D70;--go-deep:#08745D;--go-surface:#102F2B;--amber:#F0C675;
	--ink:#0A0F1D;--ink-2:#3B4660;--rule:#D5DCEC;
	--cut:14px;--wrap:1240px;--ease:cubic-bezier(.2,.75,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--night);color:var(--paper);font:400 17px/1.85 Vazirmatn,Tahoma,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
html[lang=en] body{line-height:1.65}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--mint-2);outline-offset:3px}
::selection{background:var(--cobalt);color:#fff}
h1,h2,h3{margin:0;font-weight:900;line-height:1.25;text-wrap:balance}
p{margin:0}
.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;inset-inline-start:1rem;top:-6rem;z-index:50;background:var(--paper);color:var(--ink);padding:.5rem 1rem;font-weight:800}
.skip:focus{top:1rem}

/* Buttons: rectangles with the logo's cut corner */
.btn{--bg:var(--cobalt);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:56px;padding:0 1.6rem;background:var(--bg);color:var(--fg);font:inherit;font-weight:800;font-size:1.02rem;line-height:1;text-decoration:none;border:0;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);transition:background-color .2s,color .2s}
.btn:hover{--bg:var(--blue-light)}
.btn .arrow{display:inline-block;transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(-5px)}
[dir=ltr] .btn:hover .arrow{transform:translateX(5px)}
.btn-light{--bg:var(--paper);--fg:var(--ink)}
.btn-light:hover{--bg:#fff}
.btn-ghost{--bg:transparent;--fg:currentColor;box-shadow:inset 0 0 0 2px currentColor;clip-path:none}
.btn-ghost:hover{--bg:rgba(255,255,255,.08)}
.btn-small{min-height:42px;padding:0 1.1rem;font-size:.92rem;--cut:10px}
.btn.disabled{opacity:.55;pointer-events:none}
.btn:not(.disabled) .soon{display:none}

/* Masthead */
.masthead{position:sticky;top:0;z-index:30;background:var(--night);border-bottom:1px solid var(--line)}
.masthead-row{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.wordmark{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900;font-size:1.2rem}
.wordmark img{width:34px;height:34px}
.nav{display:flex;align-items:center;gap:.2rem;margin-inline-start:auto;font-size:.95rem}
.nav a,.menu-panel a{text-decoration:none;padding:.45rem .8rem;color:#DCE3F2}
.nav a:hover,.nav a[aria-current]{color:#fff;box-shadow:inset 0 -2px 0 var(--cobalt)}
.nav .lang{margin-inline-start:.6rem;color:var(--ice)}
.menu{display:none;margin-inline-start:auto}
.menu summary{list-style:none;display:grid;gap:6px;place-content:center;width:44px;height:44px;cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu summary span{display:block;width:22px;height:2px;background:var(--paper);transition:transform .25s var(--ease)}
.menu[open] summary span:first-child{transform:translateY(4px) rotate(45deg)}
.menu[open] summary span:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu-panel{position:absolute;inset-inline:0;top:100%;background:var(--night);border-bottom:1px solid var(--line);padding:.6rem 1.25rem 1.2rem;display:grid}
.menu-panel a{padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}
.menu-panel .lang{border:0;color:var(--ice)}

/* Page band and route breadcrumbs */
.band{background:var(--night);padding:3.2rem 0 3.6rem;border-bottom:1px solid var(--line)}
.band h1{font-size:clamp(2.3rem,5.4vw,4.4rem);max-width:20ch;margin-top:1.6rem}
.band-lead{margin-top:1.1rem;max-width:62ch;color:#C9D2E6;font-size:1.15rem;font-weight:350}
.band-lead code{font-size:.9em}
.band-lead a{color:var(--ice)}
.band-facts{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin-top:1.6rem;color:var(--soft);font-size:.93rem}
.tag{color:var(--night);background:var(--mint);padding:.12rem .6rem;font-weight:800;font-size:.85rem}
.route ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-size:.9rem;color:var(--soft)}
.route li{display:flex;align-items:center;gap:.55rem}
.route li::before{content:"";width:11px;height:11px;border-radius:50%;border:3px solid var(--cobalt);background:var(--night)}
.route li:not(:last-child)::after{content:"";width:34px;height:3px;background:var(--cobalt);margin-inline:.55rem}
.route li.here::before{background:var(--mint);border-color:var(--mint)}
.route a{text-decoration:none}
.route a:hover{color:#fff}
.route [aria-current]{color:#fff;font-weight:700}

/* Paper sections: long-form reading on light ground */
.paper{background:var(--paper);color:var(--ink);padding:4.5rem 0 5rem}
.paper a{color:var(--cobalt)}
.article-grid{display:grid;gap:2.5rem}
.toc{font-size:.95rem}
.toc details{border-top:3px solid var(--ink);padding-top:.8rem}
.toc summary{font-weight:900;cursor:pointer;list-style:none;margin-bottom:.6rem}
.toc summary::-webkit-details-marker{display:none}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.toc li{counter-increment:toc;border-bottom:1px solid var(--rule)}
.toc a{display:flex;gap:.7rem;padding:.6rem 0;text-decoration:none;color:var(--ink-2);line-height:1.6}
.toc a::before{content:counter(toc);color:var(--cobalt);font-weight:900;min-width:1.2em}
.toc a:hover{color:var(--ink)}
.prose{max-width:70ch;font-size:1.08rem}
.prose-wide{max-width:78ch}
.prose>*+*{margin-top:1.15rem}
.prose h2{font-size:clamp(1.45rem,2.6vw,1.9rem);margin-top:3rem;display:flex;align-items:baseline;gap:.75rem}
.prose h2::before{content:"";flex:none;width:.55em;height:.55em;border-radius:50%;border:4px solid var(--cobalt);transform:translateY(-.08em)}
.prose h3{font-size:1.25rem;margin-top:2.2rem}
.prose ul,.prose ol{padding-inline-start:1.4rem}
.prose li{margin:.45rem 0;padding-inline-start:.3rem}
.prose ul li::marker{content:"■  ";color:var(--cobalt);font-size:.7em}
.prose ol li::marker{color:var(--cobalt);font-weight:900}
.prose strong{font-weight:800}
.prose code{background:var(--tint);border:1px solid var(--rule);padding:.05rem .4rem;font-size:.88em;direction:ltr;unicode-bidi:isolate}
.prose table{width:100%;border-collapse:collapse;font-size:.98rem}
@media (max-width:640px){.prose table{display:block;overflow-x:auto}}
.prose th,.prose td{text-align:start;vertical-align:top;padding:.8rem .9rem;border-bottom:1px solid var(--rule)}
.prose th{border-bottom:3px solid var(--ink);font-weight:900}
.prose blockquote,.notice{margin-inline:0;background:#FFF6DF;border-inline-start:5px solid var(--amber);padding:1rem 1.25rem;color:var(--ink)}

/* Posts */
.post-grid{display:grid;gap:0 2.5rem}
.post{position:relative;padding:1.8rem 0 2rem;border-top:1px solid var(--rule);display:grid;gap:.6rem;align-content:start}
.post h2{font-size:1.45rem;line-height:1.45}
.post h2 a{text-decoration:none;color:var(--ink)}
.post h2 a:hover{color:var(--cobalt)}
.post h2 a::after{content:"";position:absolute;inset:0}
.post p{color:var(--ink-2)}
.post time{color:#5D6884;font-size:.9rem}
.post-meta{display:flex;gap:1rem;align-items:center;color:#5D6884;font-size:.9rem}
.post-lead{border-top:6px solid var(--ink);padding-top:2.2rem}
.post-lead h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.3;max-width:24ch}
.post-lead p{font-size:1.15rem;max-width:60ch}
.more{background:var(--night);padding:4.5rem 0}
.more-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem}
.more-head h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}
.more-head a{color:var(--ice)}
.more .post{border-color:var(--line)}
.more .post h2 a{color:var(--paper)}
.more .post h2 a:hover{color:var(--ice)}
.more .post p{color:var(--soft)}
.more .post time,.more .post-meta{color:#8F99B2}

/* CTA band */
.cta-band{background:var(--cobalt);padding:3.2rem 0}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.cta-title{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:900;line-height:1.3}
.cta-row p+p{color:#E3EAFF;margin-top:.3rem}

/* Footer */
.footer{background:var(--inset);border-top:1px solid var(--line);padding:4rem 0 0;font-size:.95rem;color:var(--soft)}
.footer-grid{display:grid;gap:2.2rem}
.footer-brand p{margin:.9rem 0 1rem;max-width:30ch}
.footer .wordmark{color:var(--paper)}
.footer-head{color:var(--paper);font-weight:900;margin-bottom:.8rem}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.footer a{text-decoration:none}
.footer a:hover{color:#fff}
.footer .lang{color:var(--ice);border-bottom:1px solid currentColor}
.footer-base{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:3rem;padding:1.4rem 0 1.8rem;font-size:.85rem;color:#8F99B2}

/* =================================================================== Home */
.hero{background:var(--cobalt);color:#fff;overflow:clip;padding-top:3.2rem}
.hero-grid{display:grid;gap:2rem;align-items:end}
.hero-copy{padding-bottom:3.5rem}
.hero h1{display:grid;gap:1.4rem}
.hero-kicker{font-size:1.02rem;font-weight:700;line-height:1.6;color:#E3EAFF;display:flex;align-items:center;gap:.7rem}
.hero-kicker::before{content:"";flex:none;width:34px;height:3px;background:#fff}
.slogan{font-size:clamp(3.4rem,8.6vw,7.4rem);line-height:1.08;font-weight:900}
[lang=en] .slogan{letter-spacing:-.035em;line-height:.98}
.slogan .night{color:var(--night)}
.hero-lead{margin-top:1.6rem;max-width:44ch;font-size:1.18rem;font-weight:350;color:#EEF2FF}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.hero .btn-ghost{color:#fff}
.hero-meta{margin-top:1.4rem;font-size:.92rem;color:#DCE4FF}
.hero-art{display:grid;justify-items:center;align-self:end}
.try{margin-top:2.2rem;display:grid;gap:.7rem;justify-items:start}
.monogram{width:min(540px,100%);overflow:visible}
.monogram .y-left{fill:var(--paper)}
.monogram .y-right{fill:var(--night)}
.monogram .y-facet{fill:var(--facet)}
.monogram .track{fill:none;stroke:var(--cobalt-mid);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}
.monogram .flow{fill:none;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 1.4s var(--ease)}
.monogram .l1{stroke:var(--mint)}.monogram .l2{stroke:var(--ice)}.monogram .l3{stroke:var(--amber)}
.monogram .l2{transition-delay:.12s}.monogram .l3{transition-delay:.24s}
.monogram .station{fill:var(--paper);stroke:var(--night);stroke-width:12;transition:fill .4s .9s}
.monogram .pulse{fill:none;stroke:var(--mint);stroke-width:6;opacity:0;transform-box:fill-box;transform-origin:center}
.stage.on .flow{stroke-dashoffset:0}
.stage.on .station{fill:var(--mint)}
.stage.on .pulse{animation:pulse 1.8s 1.2s ease-out infinite}
@keyframes pulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3)}}

.connect{--w:min(360px,86vw);--h:72px;--pad:6px;position:relative;width:var(--w);height:var(--h);border-radius:999px;background:var(--night);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:background-color .5s var(--ease)}
.connect-label{position:absolute;inset:0;display:grid;place-items:center;padding-inline-start:var(--h);font-weight:800;font-size:1.05rem}
.connect-label .on-text{display:none}
.connect-thumb{position:absolute;top:var(--pad);inset-inline-start:var(--pad);width:calc(var(--h) - 2*var(--pad));height:calc(var(--h) - 2*var(--pad));border-radius:50%;background:var(--paper);display:grid;place-items:center;transform:translateX(var(--x,0px));transition:transform .5s var(--ease)}
.connect.dragging .connect-thumb{transition:none}
.connect-thumb svg{width:26px;height:26px;fill:var(--cobalt)}
.stage.on .connect{background:var(--go)}
.stage.on .connect-label{padding-inline-start:0;padding-inline-end:var(--h)}
.stage.on .off-text{display:none}
.stage.on .on-text{display:inline}
.stage.on .connect-thumb svg{fill:var(--go)}
.stage-status{min-height:1.8em;font-size:.95rem;color:#E3EAFF}

.stats{background:var(--night);border-bottom:1px solid var(--line)}
.stats-row{display:grid;grid-template-columns:repeat(2,1fr)}
.stat{padding:2rem 1.2rem 2.2rem;border-inline-start:1px solid var(--line)}
.stat:nth-child(odd){border-inline-start:0}
.stat strong{display:block;font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;line-height:1}
.stat span{display:block;margin-top:.6rem;color:var(--soft);font-size:.95rem}

.section{padding:6rem 0}
.section-head{max-width:48rem}
.section-title{font-size:clamp(2.3rem,5.6vw,4.6rem);line-height:1.15}
.section-lead{margin-top:1.2rem;max-width:56ch;font-size:1.15rem;font-weight:350;color:#C9D2E6}
.marker{display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem;font-weight:800;font-size:.95rem;color:var(--ice)}
.marker::before{content:"";width:12px;height:12px;border-radius:50%;border:3px solid currentColor}
.marker::after{content:"";width:48px;height:3px;background:currentColor}

/* Modes as transit lines */
.lines-grid{display:grid;gap:3rem;margin-top:3.5rem;align-items:center}
.line-map{width:100%;max-width:560px;justify-self:center;direction:ltr}
.line-map .rail{fill:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:round}
.line-map .stop{fill:var(--night);stroke-width:6}
.line-map text{fill:var(--paper);font:800 26px Vazirmatn,sans-serif}
.line-map .terminal{fill:var(--paper);stroke:var(--night);stroke-width:8}
.modes{list-style:none;margin:0;padding:0}
.mode{display:grid;grid-template-columns:14px 1fr;gap:1.4rem;padding:1.6rem 0;border-top:1px solid var(--line)}
.mode:last-child{border-bottom:1px solid var(--line)}
.mode::before{content:"";width:14px;height:100%;min-height:64px;background:var(--c)}
.mode h3{font-size:1.7rem}
.mode p{margin-top:.35rem;color:#C9D2E6}
.protocols{margin-top:1.6rem;color:var(--soft)}
.protocols b{color:var(--paper);font-weight:800}

/* Split tunneling on paper */
.split{background:var(--paper);color:var(--ink)}
.split .section-lead{color:var(--ink-2)}
.split .marker{color:var(--cobalt)}
.split-grid{display:grid;gap:3rem;align-items:center}
.branch{width:100%;max-width:520px;margin-inline:auto;direction:ltr}
.branch .rail{fill:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}
.branch .stop{fill:var(--paper);stroke:var(--ink);stroke-width:6}
.branch text{fill:var(--ink);font:700 25px Vazirmatn,sans-serif}
.branch .head{font-weight:900;font-size:28px}
.checks{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.9rem}
.checks li{display:flex;gap:.8rem;align-items:baseline}
.checks li::before{content:"";flex:none;width:12px;height:12px;background:var(--cobalt);transform:translateY(-.1em)}

/* Privacy ticket */
.ticket-grid{display:grid;gap:3rem;align-items:center}
.ticket{--hole:14px;background:var(--paper);color:var(--ink);max-width:440px;width:100%;justify-self:center;transform:rotate(-2.5deg);
	-webkit-mask:radial-gradient(circle var(--hole) at 0 70%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--hole) at 100% 70%,#0000 98%,#000) right/51% 100% no-repeat;
	mask:radial-gradient(circle var(--hole) at 0 70%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--hole) at 100% 70%,#0000 98%,#000) right/51% 100% no-repeat}
[dir=ltr] .ticket{transform:rotate(2.5deg)}
.ticket-top{background:var(--cobalt);color:#fff;padding:1.2rem 1.6rem;display:flex;justify-content:space-between;align-items:center;font-weight:900}
.ticket-top img{width:30px;height:30px}
.ticket dl{margin:0;padding:1.2rem 1.6rem .4rem;display:grid}
.ticket dl div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed #B8C3DC}
.ticket dt{color:var(--ink-2)}
.ticket dd{margin:0;font-weight:800}
.ticket .no{color:var(--go)}
.ticket-foot{padding:1rem 1.6rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:2px dashed #B8C3DC;margin-top:1rem}
.barcode{flex:none;height:44px;width:150px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 7px,transparent 7px 9px,var(--ink) 9px 10px,transparent 10px 13px)}
.ticket-foot small{color:var(--ink-2);font-size:.8rem;line-height:1.5}
.facts{display:grid;margin-top:2.2rem;border-top:1px solid var(--line)}
.fact{padding:1.1rem 0;border-bottom:1px solid var(--line);display:grid;gap:.2rem}
.fact strong{font-weight:800}
.fact span{color:var(--soft)}

/* Install as a three-stop line */
.install{background:var(--tint);color:var(--ink)}
.install .marker{color:var(--cobalt)}
.stops{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:0}
.stops li{position:relative;padding:0 0 2.4rem;padding-inline-start:4.2rem}
.stops li::before{content:"";position:absolute;inset-inline-start:21px;top:12px;bottom:-12px;width:6px;background:var(--cobalt)}
.stops li:last-child::before{display:none}
.stops b{position:absolute;inset-inline-start:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--paper);border:6px solid var(--cobalt);display:grid;place-items:center;font-weight:900;font-size:1.15rem;line-height:1}
.stops h3{font-size:1.4rem;padding-top:.3rem}
.stops p{margin-top:.4rem;color:var(--ink-2);max-width:38ch}
.stops a{color:var(--cobalt)}

/* FAQ */
.faq-grid{display:grid;gap:2.5rem}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 0;font-weight:800;font-size:1.12rem}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:18px;height:18px;background:linear-gradient(currentColor 0 0) center/100% 2px no-repeat,linear-gradient(currentColor 0 0) center/2px 100% no-repeat;transition:transform .3s var(--ease)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{padding-bottom:1.4rem;color:#C9D2E6;max-width:62ch}

/* Finale */
.finale{background:var(--cobalt);padding:6rem 0}
.finale-title{font-size:clamp(3rem,9vw,7.2rem);line-height:1.08;font-weight:900}
[lang=en] .finale-title{letter-spacing:-.03em}
.finale-title .night{color:var(--night)}
.finale .hero-actions{margin-top:2.6rem}
.finale .btn-ghost{color:#fff}

/* Download page */
.dl{padding:4.5rem 0 5rem}
.dl-grid{display:grid;gap:1.5rem}
.dl-card{background:var(--panel);padding:2rem;display:grid;gap:1.4rem;align-content:start}
.dl-card.main{border-top:6px solid var(--mint)}
.dl-card h2{font-size:1.5rem}
.dl-version{font-size:clamp(3.4rem,8vw,5.6rem);font-weight:900;line-height:1}
.dl-specs{margin:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.dl-specs div{padding:.9rem 0;border-bottom:1px solid var(--line)}
.dl-specs dt{color:var(--soft);font-size:.88rem}
.dl-specs dd{margin:0;font-weight:800}
.checksum{display:flex;align-items:stretch;background:var(--night);border:1px solid var(--line)}
.checksum code{flex:1;min-width:0;padding:.8rem .9rem;overflow-wrap:anywhere;direction:ltr;text-align:left;font:500 .85rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;color:var(--ice)}
.copy{border:0;background:var(--raised);color:var(--paper);font:inherit;font-weight:800;font-size:.85rem;padding:0 1rem;cursor:pointer}
.copy:hover{background:var(--line)}
.dl-card p{color:#C9D2E6}

/* Contact */
.contact-mail{display:inline-block;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:900;color:var(--ink)!important;text-decoration:none;border-bottom:6px solid var(--cobalt);line-height:1.4;direction:ltr;unicode-bidi:isolate}
.contact-mail:hover{border-color:var(--mint)}

/* 404 */
.lost{padding:4rem 0 5rem}
.lost .btn-ghost{color:var(--paper)}

/* Scroll reveal and line drawing, only where scroll timelines exist */
@supports (animation-timeline:view()){
	.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 5% cover 30%}
	@keyframes rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
	.draw .rail{stroke-dasharray:1600;animation:draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
	@keyframes draw{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
}

/* Layout */
@media (min-width:760px){
	.stats-row{grid-template-columns:repeat(4,1fr)}
	.stat:nth-child(odd){border-inline-start:1px solid var(--line)}
	.stat:first-child{border-inline-start:0}
	.post-grid{grid-template-columns:repeat(2,1fr)}
	.post-lead{grid-column:1/-1}
	.more .post-grid{grid-template-columns:repeat(3,1fr)}
	.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}
	.dl-grid{grid-template-columns:1.5fr 1fr}
	.stops{grid-template-columns:repeat(3,1fr);gap:2rem}
	.stops li{padding:4.4rem 0 0}
	.stops li::before{inset-inline-start:24px;inset-inline-end:-2rem;top:21px;bottom:auto;width:auto;height:6px}
}
@media (min-width:1000px){
	.hero-grid{grid-template-columns:1.2fr .8fr}
	.lines-grid{grid-template-columns:1fr 1fr}
	.split-grid{grid-template-columns:1.05fr .95fr}
	.ticket-grid{grid-template-columns:.9fr 1.1fr}
	.faq-grid{grid-template-columns:.8fr 1.2fr}
	.faq-grid .section-head{position:sticky;top:110px;align-self:start}
	.article-grid{grid-template-columns:250px minmax(0,1fr);gap:4.5rem}
	.toc{position:sticky;top:100px;align-self:start}
}
@media (max-width:999px){
	.hero-grid{gap:0}
	.hero-copy{display:contents}
	.hero h1{order:1}.hero-lead{order:2}.hero-art{order:3;margin-top:1.5rem}.try{order:4;margin-top:1.6rem}.hero-actions{order:5}.hero-meta{order:6;padding-bottom:3rem}
	.monogram{width:min(420px,88%)}
}
@media (max-width:860px){
	.nav{display:none}
	.menu{display:block;margin-inline-start:0}
	.masthead-row{gap:.8rem}
	.masthead .btn-small{margin-inline-start:auto}
}
@media (max-width:560px){
	body{font-size:16px}
	.section{padding:4.2rem 0}
	.hero{padding-top:2.2rem}
	.hero-copy{padding-bottom:1rem}
	.masthead .btn-small{padding:0 .8rem}
	.dl-card{padding:1.4rem}
	.ticket{transform:none}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
	.monogram .flow{stroke-dashoffset:1400}
	.stage.on .flow{stroke-dashoffset:0}
}
@media print{
	.masthead,.footer,.cta-band,.more,.stage{display:none}
	body,.paper,.band{background:#fff;color:#000}
}