.stories-site{background:#f7f4ed;color:#312f2a}
.stories-site .stories-layout{max-width:1150px;padding:0 26px}
.stories-site .stories-hero{isolation:isolate;overflow:hidden;margin:28px 0 0;padding:86px 25px 75px;border:1px solid #486351;border-radius:24px;background:radial-gradient(circle at 18% 28%,#4e705852 0,transparent 27%),radial-gradient(circle at 85% 80%,#b298633b 0,transparent 30%),linear-gradient(140deg,#2d4b3d,#1c352d 78%);box-shadow:0 22px 55px #203e2e25;color:#f7f2e5}
.stories-site .stories-hero::before,.stories-site .stories-hero::after{position:absolute;z-index:-1;pointer-events:none}
.stories-site .stories-hero::before{content:"";width:510px;height:510px;top:-275px;left:calc(50% - 255px);border:1px solid #e8dfb345;border-radius:50%;box-shadow:0 0 0 55px #e8dfb30a,0 0 0 130px #e8dfb308}
.stories-site .stories-hero::after{content:"✦";right:8%;top:17%;color:#d8c79675;font:70px Georgia,serif}
.stories-site .stories-hero .stories-eyebrow{color:#d9c796;font-size:11px;font-weight:800;letter-spacing:.22em}
.stories-site .stories-volume{margin-top:27px;color:#c8d8bd;font-size:18px}
.stories-site .stories-hero h1{margin:20px auto 21px;max-width:860px;color:#fffaf0;font-size:clamp(47px,6.5vw,82px);line-height:1.04;letter-spacing:-.055em}
.stories-site .stories-hero h1 em{color:#d7c48e;font-weight:400}
.stories-site .stories-hero>p:last-of-type{max-width:590px;margin-inline:auto;color:#d4dfd0;font:16px/1.75 Georgia,serif}
.stories-site .stories-ornament{margin:24px 0 0;color:#e3c783;font-size:25px}
.stories-site .story-filters{justify-content:flex-start;gap:8px;margin-top:34px;padding:0 0 28px;border-color:#dedbd1}
.stories-site .story-filters button{border-color:#dcded2;border-radius:999px;padding:10px 19px;background:#fff;color:#65715d;font:700 12px Arial,sans-serif;transition:background .18s,border-color .18s,transform .18s}
.stories-site .story-filters button:hover{border-color:#9baf91;transform:translateY(-2px)}
.stories-site .story-filters [aria-pressed=true]{border-color:#2f4c3a;background:#2f4c3a;color:#fff}
.stories-site .stories-list-heading{align-items:end;margin:36px 0 24px}
.stories-site .stories-list-heading h2{margin:0;color:#304839;font:500 clamp(28px,3vw,39px)/1.15 Georgia,serif;letter-spacing:-.04em}
.stories-site .stories-list-heading>span{color:#7a8975;font-size:12px;font-weight:700}
.stories-site .story-grid{gap:22px}
.stories-site .story-card{display:flex;flex-direction:column;min-width:0;padding:11px 11px 18px;border:1px solid #e5e4dc;border-radius:14px;background:#fff;box-shadow:0 8px 25px #332c1f0c;transition:transform .2s,border-color .2s,box-shadow .2s}
.stories-site .story-card:hover{transform:translateY(-5px);border-color:#c8d3c3;box-shadow:0 21px 38px #263b2a1a}
.stories-site .story-art{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:9px;background:linear-gradient(150deg,#597763,#1e3c35);box-shadow:none}
.stories-site .story-art::after{content:"";position:absolute;inset:0;border:1px solid #ffffff29;border-radius:inherit;pointer-events:none}
.stories-site .story-card:nth-child(3n+2) .story-art{background:linear-gradient(150deg,#816650,#3d3941)}
.stories-site .story-card:nth-child(3n+3) .story-art{background:linear-gradient(150deg,#797e65,#293d42)}
.stories-site .story-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.stories-site .story-card:hover .story-art img{transform:scale(1.035)}
.stories-site .story-art strong{max-width:95%;font-size:clamp(22px,2.5vw,32px);line-height:1.18}
.stories-site .story-art span{font-size:10px;font-weight:700;letter-spacing:.17em}
.stories-site .story-card>small{margin:18px 9px 0;color:#8b9a72;font:800 10px Arial,sans-serif;letter-spacing:.15em}
.stories-site .story-card h3{margin:10px 9px 8px;color:#2d3d32;font:500 25px/1.21 Georgia,serif;letter-spacing:-.03em}
.stories-site .story-card>p{min-height:67px;margin:0 9px 20px;color:#747a6d;font:14px/1.6 Georgia,serif}
.stories-site .story-read-link{display:flex;justify-content:space-between;align-items:center;margin:auto 9px 0;padding-top:15px;border-top:1px solid #eceee8;color:#31543b;font:800 12px Arial,sans-serif}
.stories-site .story-read-link::after{content:"✦";color:#adbf98;font-size:15px}
.stories-site .stories-empty{border-radius:14px;background:#edf1e8}
.stories-site #story-reader{max-width:780px;margin:42px auto 95px}
.stories-site #story-reader>a:first-child{display:inline-flex;margin:0 0 20px;color:#527654;font:700 13px Arial,sans-serif}
.stories-site #story-reader .story-presentation{border:1px solid #e4dfd0;border-radius:14px;background:#fffdf8;box-shadow:0 20px 45px #332a1c0d}
.stories-site #story-reader .format-dossier{border-color:#36453e;background:#232d2b}
.stories-site #story-reader .reader-cover{max-width:min(100%,520px);height:auto;border-radius:6px}
@media(max-width:760px){.stories-site .stories-layout{padding:0 18px}.stories-site .stories-hero{margin-top:17px;padding:70px 22px 57px}.stories-site .stories-hero::after{font-size:44px}.stories-site .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stories-site .story-card h3{font-size:22px}.stories-site .story-card>p{font-size:13px}}
@media(max-width:540px){.stories-site .stories-layout{padding:0 15px}.stories-site .stories-hero{padding:66px 17px 52px}.stories-site .stories-hero h1{font-size:clamp(42px,12vw,63px)}.stories-site .stories-hero>p:last-of-type{font-size:14px}.stories-site .story-filters{gap:7px;margin-top:25px}.stories-site .story-filters button{padding:9px 14px}.stories-site .stories-list-heading{gap:10px}.stories-site .stories-list-heading h2{font-size:27px}.stories-site .story-grid{grid-template-columns:1fr;gap:18px}.stories-site .story-art{aspect-ratio:5/4}.stories-site .story-art strong{font-size:28px}.stories-site .story-card>p{min-height:0}.stories-site #story-reader{margin:27px auto 60px}.stories-site #story-reader .story-presentation{padding:20px}}
@media(prefers-reduced-motion:reduce){.stories-site .story-card,.stories-site .story-art img,.stories-site .story-filters button{transition:none}.stories-site .story-card:hover,.stories-site .story-filters button:hover,.stories-site .story-card:hover .story-art img{transform:none}}