:root{--leading:28px;--half:14px;--edge:clamp(20px,5vw,72px);--measure:60ch;--ink-70:color-mix(in srgb,var(--color-text) 70%,transparent);--ink-78:color-mix(in srgb,var(--color-text) 78%,transparent)}
html{scroll-behavior:smooth}
body{margin:0;text-wrap:pretty}
a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-600)}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--edge)}
.nav{padding-inline:max(var(--edge),calc((100% - 1200px)/2 + var(--edge)));flex-wrap:wrap}
.nav a{white-space:nowrap}
.nav a[aria-current='page']{color:var(--color-accent-700)}
@media(max-width:720px){.nav{gap:0 var(--space-4);padding-bottom:0}.nav>a:not(.btn){order:3;display:inline-flex;align-items:center;min-height:44px}.nav .btn{order:2}.nav-brand{order:1}.nav::after{content:"";order:2;flex-basis:100%}}
@media(max-width:720px){.btn{min-height:44px}.faq summary{min-height:44px;align-items:center}}
.kicker{display:block;font-size:13px;line-height:var(--half);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);margin:0 0 calc(var(--leading) - var(--half))}
.hero{padding:calc(3.5*var(--leading)) 0 calc(2.5*var(--leading))}
.display{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(38px,5.6vw,76px);line-height:1.08;letter-spacing:-.02em;margin:0 0 0 -.035em}
.display .line{display:block}
.hero .sub{font-size:18px;line-height:var(--leading);max-width:var(--measure);margin:calc(1.5*var(--leading)) 0 0;color:var(--ink-78)}
.row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--leading);align-items:center}
.btn i{font-size:18px}
.frontpage{padding:calc(1.5*var(--leading)) 0 calc(2*var(--leading))}
.rule-head{height:5px;border:0;margin:0;border-top:2px solid var(--color-text);border-bottom:1px solid var(--color-text)}
.rule-cut{height:0;border:0;border-top:1px solid var(--color-text);margin:0}
.dateline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--half) var(--leading);margin:0;padding:var(--half) 0;font-size:13px;line-height:var(--half);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}
.index{display:grid;grid-template-columns:1fr 1fr;gap:var(--half) calc(2.5*var(--leading));padding:calc(var(--leading) - var(--half)) 0 var(--leading)}
.ix{display:flex;align-items:baseline;gap:8px;margin:0;font-size:16px;line-height:var(--leading)}
.ix-leader{flex:1;min-width:28px;align-self:flex-end;margin-bottom:.34em;border-bottom:1px dotted color-mix(in srgb,var(--color-text) 45%,transparent)}
.ix-num{font-family:var(--font-heading);font-size:17px;white-space:nowrap}
.ix>span:first-child{min-width:0}
.dateline span{white-space:nowrap}
.btn,.nav-brand{white-space:nowrap}
.ix-num.spot{color:var(--color-accent-700)}
.section{padding:calc(3*var(--leading)) 0 calc(1.5*var(--leading))}
.section-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.015em;margin:0;max-width:24ch}
.lead{font-size:17px;line-height:var(--leading);color:var(--ink-78);max-width:var(--measure);margin:var(--half) 0 0}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(1.5*var(--leading)) clamp(28px,4vw,64px);margin-top:calc(1.5*var(--leading))}
.col h3{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px;line-height:var(--leading);letter-spacing:-.01em;margin:0}
.col p{font-size:15.5px;line-height:var(--leading);margin:var(--half) 0 0;color:var(--ink-78);text-align:justify;hyphens:auto}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--leading) clamp(24px,5vw,96px);align-items:center;padding:calc(2.5*var(--leading)) 0}
.split.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.split.flip .split-figure{order:-1}
.split-figure{margin:0}
.split-figure.cmyk{overflow:visible}
.print{aspect-ratio:3/2}
.print img{display:block;width:100%;height:100%;object-fit:cover}
.split-figure figcaption{font-size:13px;line-height:var(--leading);color:var(--ink-70);margin-top:var(--half)}
.steps{list-style:none;padding:0;margin:var(--leading) 0 0;display:grid;gap:var(--leading)}
.steps li{display:grid;grid-template-columns:2.2em 1fr;gap:var(--space-3);font-size:15.5px;line-height:var(--leading);color:var(--ink-78)}
.steps .n{font-family:var(--font-heading);font-size:26px;line-height:1;color:var(--color-accent-700)}
.steps strong{color:var(--color-text);font-weight:600;display:block}
.cities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:calc(1.5*var(--leading)) clamp(28px,4vw,64px);margin-top:calc(1.5*var(--leading))}
.city h3{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px;margin:0;line-height:var(--leading)}
.city .where{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);margin:4px 0 0}
.city p{font-size:15.5px;line-height:var(--leading);color:var(--ink-78);margin:var(--half) 0 0}
.faq{margin-top:var(--leading);max-width:820px}
.faq details{padding:var(--half) 0}
.faq summary{cursor:pointer;list-style:none;font-family:var(--font-heading);font-size:20px;line-height:var(--leading);display:flex;justify-content:space-between;gap:var(--space-4)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--color-accent-700);flex:none}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--color-accent-700)}
.faq summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.faq p{font-size:15.5px;line-height:var(--leading);color:var(--ink-78);margin:var(--half) 0 0;max-width:var(--measure)}
.quote{padding:calc(2*var(--leading)) 0}
.quote blockquote{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.3;max-width:30ch;margin:0}
.close{padding:calc(2.5*var(--leading)) 0 calc(2*var(--leading))}
.close h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0}
.close .lead{margin-top:var(--half)}
footer{padding:calc(2*var(--leading)) 0;font-size:13px;line-height:var(--leading);color:var(--ink-70);display:flex;flex-wrap:wrap;gap:var(--half) var(--leading);justify-content:space-between}
footer nav{display:flex;gap:var(--leading);flex-wrap:wrap}
footer a{color:inherit}
.draft-flag{position:fixed;right:16px;bottom:16px;z-index:50}
@media(max-width:1080px){.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.index{grid-template-columns:1fr}}
@media(max-width:720px){.index,.cols,.split,.split.flip{grid-template-columns:1fr}.split-figure{order:-1}.hero{padding-top:calc(2*var(--leading))}}

.btn .ico{flex:none;width:1.25em;height:1.25em;vertical-align:-.2em}