@font-face{font-family:"Oleo";src:url(/fonts/book/oleo-script-latin-400-normal.woff);font-display:swap}
@font-face{font-family:"LoraB";src:url(/fonts/book/lora-latin-400-normal.woff);font-display:swap}
@font-face{font-family:"LoraB";font-style:italic;src:url(/fonts/book/lora-latin-400-italic.woff);font-display:swap}
@font-face{font-family:"LoraB";font-weight:bold;src:url(/fonts/book/lora-latin-700-normal.woff);font-display:swap}
@font-face{font-family:"LoraB";font-weight:bold;font-style:italic;src:url(/fonts/book/lora-latin-700-italic.woff);font-display:swap}
.xhead{padding-top:72px;padding-bottom:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42%);gap:56px;align-items:center}
.xhead .xf.hero{justify-self:end;max-width:100%}
.xdate{font-family:var(--serif);font-style:italic;font-size:30px;color:var(--sage-t);margin-bottom:8px}
.xf{margin:0}
.xf img{width:100%;height:auto;display:block;border-radius:var(--r)}
.xf.hero img{width:auto;max-width:100%;max-height:480px;object-fit:contain;margin-left:auto;box-shadow:0 24px 48px rgba(0,0,0,.16)}
.xhead .xf figcaption{text-align:right}
.xf figcaption{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.5;color:var(--ink-2);margin-top:12px}
.xlayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;align-items:start}
.story{font-family:"LoraB",Georgia,serif;font-size:20.5px;line-height:1.72;color:var(--ink);max-width:40em}
.story p{margin:0 0 1.15em}
.story p:first-of-type::first-letter{font-family:var(--serif);font-size:4.2em;line-height:.78;float:left;margin:.08em .12em 0 0;color:var(--sage)}
.story .cjl{font-family:"Oleo",cursive;font-size:1.15em;color:var(--sage-t);font-style:normal;font-weight:400}
.story .xf.fr{float:right;width:46%;margin:.35em 0 1.2em 36px}
.story .xbadge{margin:1.6em 0 .9em}
.story .xbadge span{display:inline-block;font-family:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:#fff;padding:7px 12px;border-radius:999px;line-height:1}
.story .xsrc{font-size:15px;color:var(--ink-2)}
.story .xcit{margin:1.2em 0;padding-left:20px;border-left:3px solid var(--sage-t);font-style:italic}
.story .xnote{clear:both;font-size:14px;margin-top:40px;padding-top:18px;border-top:1px solid var(--rule)}
.xgal{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 8px}
.xgal .xf img{border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.xgal .xf:first-child:nth-last-child(odd){grid-column:1/-1}
.xaside{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
.xbox{background:var(--rose);border-radius:var(--r);padding:28px;position:relative;overflow:hidden}
.xbox.light{background:transparent;border:1px solid var(--rule-2)}
.xgrav{position:absolute;right:-18px;bottom:-14px;width:150px;opacity:.14;pointer-events:none}
.xbig{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.1;color:var(--sage-t)}
.xlist{list-style:none;margin:0;padding:0}
.xlist li{padding:10px 0;border-top:1px solid var(--rule)}
.xlist li:first-child{border-top:0;padding-top:0}
.xlist a{text-decoration:none;color:inherit;font-size:15px;line-height:1.4}
.xlist a em{color:var(--sage-t);font-family:var(--serif)}
@media (max-width:900px){.xhead{grid-template-columns:1fr;gap:28px}.xhead .xf.hero{justify-self:start}.xhead .xf.hero img{margin-left:0;max-height:380px}.xhead .xf figcaption{text-align:left}.xlayout{grid-template-columns:1fr;gap:40px}.xaside{position:static}.story{font-size:18.5px}.xdate{font-size:24px}}
@media (max-width:600px){.story .xf.fr{float:none;width:100%;margin:8px 0 24px}.xgal{grid-template-columns:1fr}.xf.hero img{max-height:380px}}