/* New York Dearest, the site layer: tokens, the bar, the foot, the letter, the search, reader verdicts. Loaded on every Zaysteva page before the page's own sheet. */
:root{--paper:#fff;--panel:#f0eeeb;--ink:#111;--ink2:#444;--mute:#7a7672;--line:#dcd8d2;--taxi:#ffde00;--taxi-dark:#ffe33d;
--disp:"League Spartan",sans-serif;--body:Merriweather,Georgia,serif;--caps:"Maven Pro",sans-serif;
--t0:11px;--t1:12px;--t2:14px;--t3:16px;--t4:18px;--t5:22px;--t6:28px;--t7:40px;--t8:56px;--t9:80px;--bar:72px;--measure:720px;--gut:56px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t3)/1.65 var(--body);-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}
a{color:inherit}button{font:inherit;color:inherit}img{display:block;max-width:100%}
h1,h2,h3{margin:0;font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.05}
.fig{font:800 1em/1 var(--disp);letter-spacing:-.01em}
.eyebrow{font:600 var(--t0)/1.6 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.tl{font:600 var(--t1)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;color:var(--ink)}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font:600 var(--t1)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;padding:15px 20px;border:0;cursor:pointer}.btn.taxi{background:var(--taxi);color:var(--ink)}
:focus{outline:none}input:focus,textarea:focus{box-shadow:inset 0 0 0 2px var(--taxi)}button:focus-visible,a:focus-visible{outline:2px solid var(--taxi);outline-offset:2px}
input,textarea{font:400 var(--t3)/1.4 var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:12px 14px;width:100%;border-radius:0;-webkit-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--mute)}textarea{min-height:120px;resize:vertical}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.wrap{max-width:1328px;margin:0 auto;padding:0 var(--gut)}
.band{border-top:1px solid var(--line);padding:64px 0}.band.panel{background:var(--panel)}
.bh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:10px}.bh h2{font-size:var(--t7)}.bh span,.bh a{font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}.bh a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--taxi);padding-bottom:2px}
.band .lead{font:400 var(--t3)/1.6 var(--body);color:var(--ink2);margin:14px 0 0;max-width:46em}
/* the bar: one tree on every page */
.bar{position:sticky;top:0;z-index:30;height:var(--bar);display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:0 24px;background:var(--paper);border-bottom:1px solid var(--line)}
.bar .mark{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.bar .mark img{width:150px;height:62px;object-fit:contain;object-position:left center}
.bar .menu{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;height:100%;gap:0;font:500 var(--t1)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase}
.bar .menu>li{position:relative;display:flex;align-items:center}.bar .menu>li>a{display:flex;align-items:center;height:100%;padding:0 11px;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.bar .menu>li:hover>a,.bar .menu>li:focus-within>a{border-bottom-color:var(--taxi)}
.bar .dd{position:absolute;top:100%;left:0;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);padding:14px 6px 12px;display:none;z-index:31;text-transform:none;letter-spacing:0;font:400 var(--t2)/1.4 var(--body);grid-auto-flow:column;gap:0 8px;width:max-content;max-width:min(92vw,900px)}.bar .dd a{white-space:nowrap}
.bar .menu>li:hover>.dd,.bar .menu>li:focus-within>.dd{display:grid}
.bar .dd .grp{padding:0 14px;min-width:170px}.bar .dd .grp>a:first-child,.bar .dd .grp>span{display:block;font:600 var(--t0)/1.4 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:4px 0 6px;text-decoration:none}.bar .dd .grp>a:first-child:hover{color:var(--ink)}
.bar .dd .sub{display:block;padding:6px 0;text-decoration:none;white-space:nowrap}.bar .dd .sub:hover{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
/* the search: her places, not her posts */
.bar .find{position:relative;flex:1 1 220px;max-width:300px;display:flex;align-items:center;margin:0 0 0 auto}.bar .find svg{position:absolute;left:12px;width:16px;height:16px;color:var(--mute);pointer-events:none}
.bar .find input{height:42px;padding:0 12px 0 36px;border:1px solid var(--line);background:var(--panel);font:400 var(--t2)/1 var(--body)}.bar .find input:focus{border-color:var(--ink);box-shadow:none;background:var(--paper)}
.found{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);z-index:40;box-shadow:0 14px 30px rgba(0,0,0,.14)}.found.on{display:block}
.found a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:9px 14px;text-decoration:none;border-bottom:1px solid var(--line)}.found a:last-child{border-bottom:0}.found a:hover,.found a.on{background:var(--panel)}
.found b{grid-column:1;grid-row:1;font:700 var(--t2)/1.3 var(--body);display:block}.found a>span:not(.rg){grid-column:1;grid-row:2;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:block}
.found .rg{grid-column:2;grid-row:1/3;justify-self:end;align-self:center;font:600 var(--t0)/1 var(--caps);letter-spacing:.08em;text-transform:uppercase;padding:5px 6px 4px}.rg.w{background:var(--taxi)}.rg.o{border:1px solid var(--ink)}.rg.s{background:var(--ink);color:#fff}
.found .none{padding:12px 14px;font:400 var(--t1)/1.5 var(--body);color:var(--mute)}.found .none a{display:inline;padding:0;border:0;color:var(--ink);text-decoration:underline;text-decoration-color:var(--taxi)}
.bar .acts{display:flex;align-items:center;gap:14px;flex:0 0 auto}.bar .lt{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:8px 4px;cursor:pointer;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--taxi)}.bar .ig{display:flex;color:var(--ink)}.bar .g{background:var(--taxi);padding:12px 16px;text-decoration:none;font:600 var(--t1)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px}.burger span{display:block;width:22px;height:2px;background:var(--ink)}
.mmenu{display:none}
/* the letter */
.letter{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.letter .lt h3{font-size:var(--t6)}.letter .lt p{margin:10px 0 0;font:400 var(--t2)/1.6 var(--body);color:var(--ink2);max-width:34em}
.letter .lf{display:grid;grid-template-columns:1fr auto;gap:10px}.letter .lf input{height:50px}.letter .lf .btn{white-space:nowrap}.letter .hp{position:absolute;left:-9999px;width:1px;height:1px}.letter .fine{display:block;grid-column:2;font:500 var(--t0)/1.5 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:8px}
.letter.done .lf{display:none}.letter.done .fine{color:var(--ink)}
.letter.compact{grid-template-columns:1fr;gap:12px;max-width:var(--measure)}.letter.compact .lt h3{font-size:var(--t5)}.letter.compact .fine{grid-column:1}
/* the foot */
.foot{border-top:2px solid var(--ink);padding:0 0 40px}.foot .fl{padding:44px 0;border-bottom:1px solid var(--line)}
.foot .fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;padding-top:40px}.foot img{width:150px;height:62px;object-fit:contain;object-position:left center}.foot p{font:400 var(--t2)/1.6 var(--body);color:var(--ink2);max-width:22em;margin:14px 0 0}
.foot h4{margin:0 0 10px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.foot ul{list-style:none;margin:0;padding:0}.foot li{padding:5px 0}.foot li a{text-decoration:none;font:400 var(--t2)/1.4 var(--body)}.foot li a:hover{text-decoration:underline;text-decoration-color:var(--taxi);text-decoration-thickness:2px}
.fine-print{margin-top:36px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:500 var(--t0)/1.6 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.fine-print a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--taxi)}
/* reader verdicts under her grade */
.rv{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:18px 0 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 var(--t2)/1.5 var(--body)}
.rv .rvs b{font-weight:700}.rv .rvn{color:var(--mute)}
.rv .rvb{display:flex;border:2px solid var(--ink)}.rv .rvb button{background:var(--paper);border:0;border-right:2px solid var(--ink);padding:9px 12px 8px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;min-height:36px}.rv .rvb button:last-child{border-right:0}.rv .rvb button.on{background:var(--ink);color:#fff}.rv .rvb button:hover:not(.on){background:var(--panel)}
.rv .rvl{display:none;flex:1 1 100%;gap:12px;align-items:center}.rv.picked .rvl{display:flex}.rv .rvl input{height:40px;padding:0 12px;font-size:var(--t2);max-width:420px}
.rv.sent .rvl,.rv.sent .rvb{display:none}.rv.sent .rvn{color:var(--ink)}
/* questions with her answers */
.qa2{padding:20px 0 18px;border-bottom:1px solid var(--line)}.qa2 .q{margin:0;font:700 var(--t3)/1.5 var(--body)}.qa2 .a{display:grid;grid-template-columns:28px 1fr;gap:12px;margin:10px 0 0;padding-left:14px;border-left:3px solid var(--taxi)}.qa2 .a img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 18%;margin-top:3px}.qa2 .a p{margin:0;font:400 15px/1.65 var(--body);overflow-wrap:anywhere}.qa2 .q{overflow-wrap:anywhere}
.qa2 .on{display:inline-block;margin-top:10px;font:500 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--taxi);padding-bottom:2px}
@media (max-width:1280px){.bar .find{max-width:200px}.bar .menu>li>a{padding:0 8px;font-size:11px}.bar .lt span{display:none}}
@media (max-width:1080px){.bar .find{display:none}.bar .menu>li:nth-child(n+5)>a{display:none}}
@media (max-width:820px){
 :root{--bar:60px;--gut:20px}
 .bar .lt{display:none}
 body{padding-top:var(--bar)}.bar{position:fixed;top:0;left:0;right:0;padding:0 8px 0 14px;gap:10px}
 body.locked{position:fixed;left:0;right:0;width:100%;overflow:hidden}
 .bar .menu{display:none}.bar .acts{gap:6px}.bar .ig{display:none}.bar .g{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:var(--t0)}.bar .mark img{width:104px;height:44px}.burger{display:flex;min-width:44px;min-height:44px;padding:8px 11px;justify-content:center}
 body.menuon .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.menuon .burger span:nth-child(2){opacity:0}body.menuon .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 body.menuon .mmenu{display:block;position:fixed;inset:var(--bar) 0 0 0;z-index:29;background:var(--paper);overflow:auto}.mm-in{padding:14px var(--gut) 40px}
 .mm-in .find{max-width:none;margin:0 0 6px}.mm-in .find input{height:48px;font-size:var(--t3)}.mm-in .find{display:flex;flex-wrap:wrap}.mm-in .find input{flex:1 1 100%}.mm-in .find svg{top:16px}.mm-in .found{position:static;box-shadow:none;margin-top:8px;flex:1 1 100%}.mm-acts{display:flex;gap:18px;align-items:center;margin-top:18px;flex-wrap:wrap}.mm-acts .lt{display:inline-flex;min-height:44px}.mm-in .ig{margin-top:0}
 .mg{padding:14px 0;border-bottom:1px solid var(--line)}.mg a{display:block;text-decoration:none}.mg .mt{font:600 var(--t5)/1.2 var(--disp);letter-spacing:-.01em;padding:4px 0}.mg .m1{display:block;font:600 var(--t0)/1.4 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:12px 0 4px}.mg .m2{font:400 var(--t3)/1.5 var(--body);padding:6px 0 6px 16px;min-height:36px}
 body.menuon .tabs{display:none}.mm-in .ig{display:flex;align-items:center;gap:8px;margin-top:18px;font:600 var(--t0)/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;min-height:44px}
 .band{padding:44px 0}.bh{flex-direction:column;align-items:flex-start;gap:8px}.bh h2{font-size:var(--t6)}.bh span{white-space:normal}
 .letter{grid-template-columns:1fr;gap:16px}.letter .lf{grid-template-columns:1fr}.letter .lf .btn{min-height:48px}.letter .fine{grid-column:1}
 .foot .fcols{grid-template-columns:1fr 1fr;gap:28px}.foot .fcols>div:first-child{grid-column:1/3}.fine-print{flex-direction:column;gap:6px}
 .rv .rvb{width:100%}.rv .rvb button{flex:1;min-height:44px;padding:9px 4px}.rv .rvl input{max-width:none}.rv .rvl .tl{min-height:44px}
}
@media (max-width:360px){.bar{padding:0 4px 0 10px}.bar .mark img{width:92px;height:40px}.bar .g{padding:0 9px}.burger{min-width:40px;padding:8px 9px}}

/* the slide-in letter */
.slidein{position:fixed;right:20px;bottom:20px;width:360px;max-width:calc(100vw - 32px);background:var(--paper);border:2px solid var(--ink);padding:22px 22px 18px;z-index:40;box-shadow:0 18px 50px rgba(0,0,0,.22)}.slidein[hidden]{display:none}.slidein .x{position:absolute;right:8px;top:6px;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--mute);width:36px;height:36px}.slidein .letter.compact{gap:10px}.slidein .lt h3{font-size:var(--t4)}.slidein .lt p{font-size:var(--t1)}.slidein .lf .btn{padding:13px 14px}
@media (max-width:820px){.slidein{right:0;bottom:0;left:0;width:auto;max-width:none;border-width:2px 0 0;padding:12px 44px 12px 16px;box-shadow:0 -8px 30px rgba(0,0,0,.12)}.slidein .letter.compact h3{font-size:var(--t3);margin:0 0 2px}.slidein .letter.compact .lt p{display:none}.slidein .letter.compact .lf{display:flex;gap:8px;margin:0}.slidein .letter.compact input[type=email]{flex:1;height:40px}.slidein .letter.compact button{height:40px;padding:0 12px;white-space:nowrap}.slidein .fine{display:none}.slidein .x{top:6px;right:8px}body.padded-tabs .slidein{bottom:60px}}
.maplibregl-ctrl-attrib{font-family:var(--caps)!important;font-size:11px!important}

/* the ask strip, on every register (was home.css only) */
.ask-strip{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.ask-strip h2{font-size:var(--t6);margin-top:6px;max-width:18em}.ask-strip p{font:400 var(--t3)/1.6 var(--body);color:var(--ink2);margin:8px 0 0;max-width:36em}
@media (max-width:820px){.ask-strip{grid-template-columns:1fr;gap:14px}}