.stories-page{background:#f5f5f3;color:#202326}
.stories-main{max-width:1216px;padding:0 28px;margin:auto}
.archive-intro{padding:85px 0 50px;max-width:800px}
.archive-intro h1{font:500 clamp(52px,7vw,88px)/1 var(--serif);letter-spacing:-.05em;margin:0 0 22px}
.archive-intro h1 em{color:#777b7f}
.archive-intro>p:last-child{font-size:14px;line-height:1.8;color:#626568}
.archive-filters{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid #20232630;padding-bottom:20px}
.archive-filters button{padding:11px 15px;border:1px solid transparent;color:#626568;background:transparent;font:500 11px var(--sans);cursor:pointer}
.archive-filters button[aria-pressed="true"]{border-color:#202326;color:#202326}
.archive-count{font-size:10px;letter-spacing:.1em;color:#777b7f;margin:22px 0}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.archive-card[hidden]{display:none}
.archive-photo{aspect-ratio:3/2;overflow:hidden;background:#e9e9e7}
.archive-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.archive-card:hover img{transform:scale(1.025)}
.archive-card-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}
.archive-card-heading .eyebrow{font-size:9px;margin-bottom:8px}
.archive-card-heading :is(h2,h3){font:500 clamp(24px,2.5vw,32px)/1.15 var(--serif);letter-spacing:-.025em;margin:0}
.archive-card-heading>span{font-size:23px}
.stories-cta{padding:90px 20px;text-align:center}
.stories-cta h2{font:500 clamp(32px,4vw,50px)/1.15 var(--serif);letter-spacing:-.03em;margin-bottom:25px}
.stories-cta .text-link{display:table;margin:25px auto 0}
.story-detail-heading{max-width:960px;margin:auto;padding:65px 28px 40px;text-align:center}
.story-detail-heading>.text-link{margin-bottom:35px}
.story-detail-heading h1{font:500 clamp(42px,5.3vw,70px)/1.05 var(--serif);letter-spacing:-.045em;margin:0}
.story-detail-heading .eyebrow{margin-bottom:16px}
.story-video{max-width:1160px;width:86%;margin:0 auto}
.story-video-trigger{position:relative;display:block;aspect-ratio:16/9;background:#e9e9e7;overflow:hidden}
.story-video-trigger img{width:100%;height:100%;object-fit:cover;display:block}
.story-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;background:#20232680;border:1px solid white;color:white;border-radius:50%;font-size:32px}
.story-video iframe{width:100%;aspect-ratio:16/9;display:block;border:0}
.story-detail-copy{max-width:720px;padding:50px 28px;margin:auto}
.story-detail-copy p{font-size:14px;line-height:1.9;color:#626568;margin-bottom:20px}
.story-detail-photos{max-width:1160px;width:86%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.story-detail-photos figure{margin:0}.story-detail-photos img{width:100%;height:auto;display:block}
@media(max-width:700px){.stories-main{padding-inline:7%}.archive-intro{padding:60px 0 35px}.archive-grid{grid-template-columns:1fr;gap:32px}.archive-filters{gap:4px}.archive-filters button{padding:10px}.story-detail-heading{padding:48px 7% 30px}.story-detail-copy{padding:35px 7%}.story-detail-photos{grid-template-columns:1fr}.stories-cta{padding:65px 7%}}
@media(prefers-reduced-motion:reduce){.archive-photo img{transition:none}}
.article-content{max-width:1160px;width:86%;margin:0 auto}
.article-rich-text{max-width:720px;margin:28px auto;color:#626568;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.article-rich-text h2,.article-rich-text h3,.article-rich-text h4{font-family:var(--serif);font-weight:500;letter-spacing:-.025em;line-height:1.2;color:#202326;margin:32px 0 16px}
.article-rich-text h2{font-size:32px}.article-rich-text h3{font-size:25px}.article-rich-text h4{font-size:21px}
.article-rich-text p{margin-bottom:18px}.article-rich-text a{text-decoration:underline;text-underline-offset:3px}
.article-rich-text ul,.article-rich-text ol{padding-left:23px}.article-rich-text li{margin-bottom:7px}
.article-rich-text table{border-collapse:collapse;width:100%}.article-rich-text td,.article-rich-text th{padding:12px;border:1px solid #20232630;text-align:left}
.article-rich-text iframe{width:100%;min-height:350px;border:0}
.article-rich-text:has(.article-pinterest-board){max-width:100%;text-align:center}
.article-content .article-video{width:100%;margin:20px auto 38px}
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:35px 0;align-items:start}
.article-gallery figure,.article-single-photo figure{margin:0}
.article-gallery>figure:only-child{grid-column:1/-1}
.article-photo{display:block;cursor:zoom-in}.article-photo img{display:block;width:100%;height:auto}
.article-single-photo{margin:35px 0}
.article-related{max-width:1160px;width:86%;margin:65px auto 0}
.article-related>h2{font:500 40px var(--serif);letter-spacing:-.03em;margin-bottom:30px}
.article-related .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.article-related .archive-card-heading :is(h2,h3){font-size:21px}
.related-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.related-heading h2{font:500 40px/1.15 var(--serif);letter-spacing:-.03em;margin:0}
.related-controls{display:flex;gap:9px;flex-shrink:0}
.related-controls[hidden]{display:none}
.related-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #20232655;border-radius:50%;background:transparent;color:#202326;font-size:20px;cursor:pointer}
.related-controls button:hover:not(:disabled){background:#202326;color:white}
.related-controls button:disabled{opacity:.28;cursor:default}
.related-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.related-track::-webkit-scrollbar{display:none}
.related-track .archive-card{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.related-track .archive-card-heading{align-items:flex-start;padding-top:17px}
.related-track .archive-card-heading :is(h2,h3){font-size:clamp(22px,2.1vw,27px)}
.related-all{margin-top:27px}
.related-controls button:focus-visible,.related-track:focus-visible,.related-track a:focus-visible{outline:2px solid #202326;outline-offset:3px}
@media(max-width:900px){.related-track{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:600px){.related-track{grid-auto-columns:88%;gap:14px}.related-heading h2{font-size:32px}.related-controls button{width:38px;height:38px}.related-heading{margin-bottom:22px}}
.archive-text-cover{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:#e9e9e7;color:#777b7f;font-size:10px;letter-spacing:.16em}
.stories-main{padding-bottom:70px}
.article-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:#17191b;color:#fff}
.article-viewer::backdrop{background:#17191b}.article-viewer[open]{display:flex;align-items:center;justify-content:center}
.article-viewer img{max-width:88vw;max-height:88dvh;object-fit:contain}
.article-viewer button{position:absolute;z-index:1;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;background:#17191bcc;color:#fff;font-size:23px;cursor:pointer}
.article-viewer-close{top:18px;right:18px}.article-viewer-prev{top:50%;left:14px}.article-viewer-next{top:50%;right:14px}
@media(max-width:760px){.article-related .archive-grid{grid-template-columns:1fr 1fr}.article-gallery{gap:8px}.article-rich-text h2{font-size:28px}}
@media(max-width:500px){.article-gallery{grid-template-columns:1fr}.article-viewer img{max-width:100vw;max-height:82dvh}.article-rich-text{font-size:13px}}
/* Curated gallery trial: Kvernufoss only, with complete images and no cropping. */
.story-editorial .editorial-gallery{display:flex;flex-direction:column;gap:60px;margin:60px 0 80px}
.story-editorial .editorial-gallery--intro{margin:40px 0 65px}
.story-editorial .editorial-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:24px;width:100%;margin-inline:auto}
.story-editorial .editorial-row--wide,.story-editorial .editorial-row--solo{grid-template-columns:1fr}
.story-editorial .editorial-row--solo{max-width:940px}
.story-editorial .editorial-row--portraits{max-width:840px;gap:28px}
.story-editorial .editorial-row--split{grid-template-columns:1.35fr .85fr;gap:6%}
.story-editorial .editorial-row figure{margin:0;min-width:0}
.story-editorial .editorial-row .article-photo{position:relative}
.story-editorial .editorial-row img{display:block;width:100%;height:auto}
.story-editorial .editorial-row .article-photo:after{content:'';position:absolute;right:14px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;background:#20232699 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M6%205h13v13%22%2F%3E%3C%2Fsvg%3E") center/18px 18px no-repeat;color:#fff;border:1px solid #ffffff80;border-radius:50%;font-size:19px;opacity:0;transition:opacity .2s}
.story-editorial .editorial-row .article-photo:hover:after,.story-editorial .editorial-row .article-photo:focus-visible:after{opacity:1}
.article-viewer-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.16em;color:#ffffffb3}
@media(max-width:760px){.story-editorial .editorial-gallery{gap:32px;margin:35px 0 50px}.story-editorial .editorial-row{gap:12px}.story-editorial .editorial-row--split{gap:20px;grid-template-columns:1fr 1fr}}
@media(max-width:500px){.story-editorial .editorial-gallery{gap:24px}.story-editorial .editorial-row,.story-editorial .editorial-row--split{grid-template-columns:1fr;gap:24px}.story-editorial .editorial-row--portraits{grid-template-columns:1fr 1fr;gap:10px}.story-editorial .editorial-gallery--intro{margin:30px 0 40px}}
.story-editorial .editorial-gallery{gap:10px;margin:30px 0 45px}
.story-editorial .editorial-row--justified{gap:10px;align-items:start;max-width:none}
.story-editorial .editorial-row--single{max-width:940px}
.story-editorial .editorial-row--single-portrait{max-width:520px}
@media(max-width:600px){.story-editorial .editorial-gallery{gap:10px}.story-editorial .editorial-row--justified{grid-template-columns:1fr!important;gap:10px}}

@media(max-width:760px){
 .article-rich-text{font-size:14px}
 .related-controls button,.article-viewer button{width:44px;height:44px;flex:0 0 44px}
 .related-heading h2{min-width:0}
}

