.story-library{background:var(--color-cream);color:var(--color-ink);padding:72px 0 0}.story-container{width:min(1120px,100% - 80px);margin-inline:auto}.story-library :is(h1,h2,p,figure){margin:0}.story-heading{padding:44px 0 32px}.story-heading h1{letter-spacing:-.045em;font-size:clamp(40px,4.4vw,58px);font-weight:500;line-height:1.08}.story-heading h1 em{font-family:var(--font-newsreader),Georgia,serif;color:#b03838;font-weight:400}.story-heading p{color:#625e54;margin-top:16px;font-size:18px;line-height:1.5}.story-switch{border-bottom:1px solid #c8c2b5;gap:32px;display:flex}.story-switch a{color:#625e54;border-bottom:3px solid #0000;align-items:center;gap:10px;min-height:56px;margin-bottom:-1px;padding:8px 0 16px;font-size:16px;font-weight:500;display:flex}.story-switch a[aria-current]{color:var(--color-ink);border-bottom-color:#b03838}.story-switch a:hover{color:var(--color-ink);opacity:1}.story-switch span{font-size:12px;font-weight:400}.story-library .story-section-note{color:#625e54;padding:24px 0 8px;font-size:14px;line-height:1.5}.story-library section[hidden]{display:none}.story-entry{border-bottom:1px solid #d4cfc3}.story-entry-link{grid-template-columns:272px minmax(0,1fr);align-items:center;gap:32px;padding-block:28px;display:grid}.story-thumbnail{aspect-ratio:1.6;background:#ebe6dc;border-radius:4px;position:relative;overflow:hidden}.story-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .2s cubic-bezier(.32,.72,0,1);display:block}.story-thumbnail--product{background:#e7ebef}.story-thumbnail--product img{object-fit:contain;padding:10px 10px 24px}.story-thumbnail figcaption{color:#faf9f5;background:#141413e6;padding:5px 8px;font-size:10px;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.story-meta{color:#98302f;flex-wrap:wrap;gap:4px 8px;font-size:12px;font-weight:500;line-height:1.5;display:flex}.story-meta span:last-child{color:#625e54;font-weight:400}.story-entry h2{letter-spacing:-.03em;max-width:31ch;margin-top:8px;font-size:clamp(24px,2.4vw,30px);font-weight:500;line-height:1.16}.story-description{color:#625e54;max-width:65ch;font-size:15px;line-height:1.55;margin-top:10px!important}.story-read{align-items:center;gap:10px;margin-top:16px;font-size:13px;font-weight:500;display:inline-flex}.story-open{transition:transform .18s cubic-bezier(.32,.72,0,1)}.story-entry-link:hover{opacity:1}.story-entry-link:hover h2{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.story-entry-link:hover .story-open{transform:translate(2px,-2px)}.story-entry-link:hover .story-thumbnail:not(.story-thumbnail--product) img{transform:scale(1.025)}.story-bottom{justify-content:space-between;align-items:center;gap:24px;padding:32px 0 48px;font-size:14px;display:flex}.story-bottom p{color:#625e54}.story-bottom a{align-items:center;gap:12px;min-height:44px;font-weight:500;display:inline-flex}.story-library a:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #98302f}@media (max-width:900px){.story-container{width:calc(100% - 48px)}.story-entry-link{grid-template-columns:180px minmax(0,1fr);gap:24px}.story-entry h2{font-size:25px}.story-thumbnail{aspect-ratio:1.25}.story-meta{font-size:11px}}@media (max-width:600px){.story-container{width:calc(100% - 40px)}.story-heading{padding:32px 0 24px}.story-heading h1{font-size:42px}.story-heading p{max-width:34ch;margin-top:12px;font-size:16px}.story-switch{gap:24px}.story-switch a{gap:8px;min-height:52px;padding-bottom:12px;font-size:15px}.story-library .story-section-note{padding:20px 0 0;font-size:13px}.story-entry-link{grid-template-columns:1fr;gap:18px;padding:24px 0}.story-thumbnail{aspect-ratio:1.9}.story-thumbnail--product img{padding:8px 8px 24px}.story-meta{font-size:12px}.story-entry h2{max-width:26ch;margin-top:8px;font-size:27px}.story-description{font-size:15px}.story-read{min-height:28px;margin-top:12px}.story-open{display:none}.story-bottom{flex-direction:column;align-items:start;gap:8px;padding-block:24px 32px}}@media (max-width:360px){.story-container{width:calc(100% - 32px)}.story-heading h1{font-size:36px}.story-switch{gap:20px}.story-switch a{font-size:14px}.story-entry h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.story-thumbnail img,.story-open{transition:none}.story-entry-link:hover .story-thumbnail img,.story-entry-link:hover .story-open{transform:none}}
