.public-story{padding-inline:var(--public-gutter,2rem);padding-bottom:clamp(4rem,7vw,8rem)}.public-story h1,.public-story h2,.public-story h3{font-family:var(--font-fraunces),georgia,serif;text-wrap:balance;font-weight:450}.public-story h1{letter-spacing:-.045em;margin:0 0 1.5rem;font-size:clamp(2.75rem,4.6vw,5.5rem);line-height:1.08}.public-story h2{letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.75rem,2.5vw,2.6rem);line-height:1.2}.public-story p,.public-story li{color:var(--muted,#63676e);overflow-wrap:anywhere;font-size:1.125rem;line-height:1.75}.public-story .public-breadcrumbs{width:100%;margin-inline:0}.story-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,5rem);padding-block:2rem 1.5rem;display:grid}.story-hero>div>p{max-width:52ch}.story-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.story-secondary{min-height:48px;color:var(--ink,#25292d);border:1px solid #ccc6be;border-radius:.5rem;align-items:center;padding:.75rem 1.125rem;font-size:1rem;text-decoration:none;display:inline-flex}.story-hero__art{align-self:end;min-width:0}.story-section-nav{border-block:1px solid var(--line);flex-wrap:wrap;gap:.5rem 2rem;padding-block:1rem;padding-inline-end:24%;display:flex}.story-section-nav a{align-items:center;min-height:44px;font-size:1rem;display:inline-flex}.story-scene{gap:1rem;min-width:0;margin:0;display:grid}.story-scene__composition{isolation:isolate;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.story-scene__cora{pointer-events:none;grid-area:1/8/3/-1;align-self:end;width:100%;height:auto;margin-bottom:-6rem}.story-scene__photo{background:#fffdf8;border:1px solid #e9e3d9;border-radius:.4rem;grid-area:1/1/3/8;align-self:start;min-width:0;padding:.5rem;box-shadow:0 6px 18px #483b2b0d}.story-scene__photo img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.story-scene__photo span{padding:.75rem .25rem;font-size:1rem;display:block}.story-scene__note{z-index:1;background:#e6e9dd;border-radius:.25rem;grid-area:2/4/auto/9;margin-top:-2rem;padding:1.25rem}.story-scene__note p{color:#42483e;white-space:pre-line;margin:0 0 1rem;font-family:Segoe Print,cursive;font-size:clamp(1.125rem,1.6vw,1.5rem)}.story-scene__context{background:#fffdf8;border:1px solid #e3dcd3;border-radius:.5rem;width:min(100%,46rem);margin-top:2rem;padding:1.25rem}.story-scene__context strong{font:450 1.6rem/1.4 var(--font-fraunces),serif}.story-scene__context p{margin:.5rem 0 0;font-size:1rem}.story-scene figcaption{max-width:60%;font-size:1rem;line-height:1.6}.story-palette{flex-wrap:wrap;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.story-palette li{gap:.5rem;font-size:1rem;display:grid}.story-palette i{border:1px solid #292c2e20;border-radius:50%;width:3rem;height:3rem}.story-sections{gap:2.5rem;padding-block:3rem 4rem;display:grid}.story-sections section{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1rem 3rem;min-width:0;padding-bottom:2.5rem;scroll-margin-top:7rem;display:grid}.story-sections section>div{min-width:0;max-width:65ch}.story-sections section p{margin-top:0}.story-sections ul{padding-left:1.25rem}.story-sections li{margin-bottom:.625rem}.story-example-link{background:#f0eaf4;border-radius:1rem;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.5rem;display:flex}.story-example-link p{margin:0}.story-example-link a{align-items:center;gap:1rem;min-height:44px;font-size:1rem;display:inline-flex}.story-next{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);max-width:1200px;margin:5rem auto 0;display:grid}.story-next>img{mix-blend-mode:multiply;width:100%;height:auto}.story-next nav{gap:.5rem;margin:2rem 0;display:grid}.story-next nav a{border-bottom:1px solid #dfd9cf;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding-block:.5rem;font-size:1rem;display:flex}.story-reading-hero{border-bottom:1px solid #dcd6cd;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:end;gap:2rem;max-width:1200px;margin-inline:auto;padding-block:2rem;display:grid}.story-reading-hero h1{max-width:21ch}.story-reading-hero p{max-width:62ch}.story-reading-hero>img{object-fit:contain;object-position:center bottom;pointer-events:none;width:100%;height:auto;max-height:28rem}.story-reading-layout{grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,7rem);max-width:1200px;margin:3rem auto;display:grid}.story-reading-layout>aside{font-size:1rem;position:sticky;top:6.5rem}.story-reading-layout summary{cursor:pointer;min-height:44px;padding-block:.65rem;font-weight:650}.story-reading-layout aside nav{gap:.5rem;margin-top:1rem;display:grid}.story-reading-layout aside a{color:#65666d;align-items:center;min-height:44px;padding:.5rem 0;line-height:1.6;display:flex}.story-reading-layout section{margin-bottom:3.5rem;scroll-margin-top:7rem}.story-reading-layout section p,.story-reading-layout section li{max-width:70ch}.story-reading-related{border-top:1px solid #ded8ce;gap:.75rem;margin-block:3rem;padding-top:2rem;display:grid}.story-reading-related a{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;font-size:1rem;display:flex}@media (max-width:1100px){.story-hero{grid-template-columns:1fr}.story-hero h1{max-width:20ch}.story-hero__art{justify-self:end;width:min(100%,44rem)}.story-scene__photo img{aspect-ratio:4/3}.story-scene__context{grid-column:1/-1}.story-sections{grid-template-columns:1fr;gap:2rem}}@media (max-width:760px){.story-reading-layout{grid-template-columns:1fr}.story-reading-layout>aside{border-bottom:1px solid #ded8ce;padding-bottom:1.5rem;position:static}.story-example-link{flex-direction:column;align-items:start;padding:1.5rem}}@media (max-width:640px){.story-sections section,.story-reading-hero{grid-template-columns:minmax(0,1fr)}.story-reading-hero>img{justify-self:end;width:min(100%,15rem)}.story-actions>a{justify-content:center;width:100%}.story-section-nav{padding-inline-end:0}.story-scene__composition{grid-template-columns:minmax(0,1fr);gap:1.5rem}.story-scene__photo,.story-scene__note,.story-scene__cora{grid-area:auto;margin:0}.story-scene__cora{justify-self:center;width:min(100%,15rem)}.story-scene figcaption{max-width:none}.story-next{grid-template-columns:1fr}.story-next img{max-width:340px;margin-inline:auto}.story-hero{padding-block:1.5rem 3rem}}
