/* Kolleegium: approved Lumen homepage design. */
html{scroll-behavior:smooth;scroll-padding-bottom:110px}body.nordic{--bg:#fff;--ink:#19274d;--accent:#303fa5;--line:#d8dfec;--soft:#f1f5fc;background:var(--bg);color:var(--ink);padding-bottom:112px;-webkit-font-smoothing:antialiased}.nordic .site{max-width:1440px;padding:0 64px}.nordic .brandrow{padding:48px 0 36px;gap:24px;position:relative}.nordic .brand{font:normal clamp(38px,5.5vw,74px)/1.05 Georgia,serif;letter-spacing:.035em;color:var(--accent)}.nordic .brand-subtitle{font:italic 17px/1.5 Georgia,serif;letter-spacing:.08em;margin-top:14px;color:var(--ink)}.nordic .about-link{font-size:12px;letter-spacing:.12em;color:var(--ink);border:0;gap:14px;padding:14px 0}.nordic nav{background:transparent;box-shadow:none;clip-path:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);min-height:60px;gap:32px}.nordic .categories{display:flex;justify-content:space-between;gap:20px;overflow:visible}.nordic .categories .nav-link{font:500 14px/1.5 Arial,sans-serif;letter-spacing:.105em;min-height:60px;padding:20px 0;position:relative}.nordic .categories .nav-link:hover{color:var(--accent);background:transparent;text-decoration:none}.nordic .categories .nav-link:hover:after{content:'';position:absolute;bottom:12px;left:0;right:0;height:1px;background:currentColor}.nordic #searchToggle{font-size:14px;letter-spacing:0;gap:13px;color:var(--ink);border-left:1px solid var(--line);padding:10px 0 10px 28px;min-height:0;background:transparent}.nordic nav a:focus-visible,.nordic nav button:focus-visible{outline-color:var(--accent)}.nordic #searchbox{padding:22px 0}.nordic #searchbox input{background:var(--bg);border-color:var(--line)}
.nordic .hero{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:65px;padding:0;margin:58px 0 0;min-height:0;background:transparent;color:var(--ink);isolation:auto}.nordic .hero-copy{padding:18px 0;max-width:none}.nordic .hero .eyebrow{color:var(--accent);font-size:12px;letter-spacing:.13em;line-height:1.8}.nordic .hero .eyebrow b{margin:0 8px}.nordic h1{font:normal clamp(36px,3.65vw,53px)/1.12 Georgia,serif;letter-spacing:-.032em;text-wrap:pretty;margin:25px 0 30px}.nordic h1 a:hover{color:var(--accent)}.nordic .hero-image{display:block;position:relative;inset:auto;z-index:auto;min-height:0;width:100%;aspect-ratio:1.16;align-self:stretch;overflow:hidden}.nordic .hero-image:after{display:none}.nordic .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:none}.nordic .hero-copy .read{margin-top:10px;min-width:138px;padding:0 0 11px;border-color:var(--accent);color:var(--accent);font-size:14px;line-height:1.5}.nordic .hero-copy .read span{margin-left:30px}.nordic .stories{margin:66px 0 80px;padding-top:30px;border-top:1px solid var(--line)}.nordic .sectionhead{margin:0}.nordic .sectionhead:has(h2:empty){display:none}.nordic .grid{gap:48px 42px;grid-template-columns:repeat(2,minmax(0,1fr))}.nordic .card{min-width:0;border:0;padding:0}.nordic .card-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 23px}.nordic .card .eyebrow{font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.nordic .card h3{font:normal 30px/1.2 Georgia,serif;letter-spacing:-.025em;margin:13px 0 14px;text-wrap:pretty}.nordic .byline{font:14px/1.6 Arial,sans-serif;color:#57617a;margin:0}.nordic .lower-heading{margin:0 0 34px;gap:24px;align-items:baseline}.nordic .lower-heading h2{font:normal 37px/1.2 Georgia,serif;letter-spacing:-.025em}.nordic .lower-heading>a,.nordic .lower-heading>span{font-size:14px;line-height:1.6;color:#57617a}.nordic .media-section{border-top:1px solid var(--line);padding:44px 0 62px}.nordic .editorial-grid{gap:34px}.nordic .editorial-image img{aspect-ratio:16/10}.nordic .editorial-card h3{font:normal 25px/1.25 Georgia,serif;letter-spacing:-.025em;margin:20px 0 0;text-wrap:pretty}.nordic .play-mark{background:#fff;color:var(--accent);width:44px;height:44px;font-size:15px;bottom:16px;left:16px;border-radius:50%}.nordic .recommended-section{padding:52px 0 58px;background:var(--soft);box-shadow:0 0 0 100vmax var(--soft);clip-path:inset(0 -100vmax)}.nordic .recommended-section .byline{margin-top:13px;color:#57617a}.nordic .archive-section{padding:65px 0}.nordic .archive-year summary{font:normal 28px/1.4 Georgia,serif;padding:24px 0}.nordic .archive-year summary>span{font-size:22px}.nordic .year-issue-grid .issue>span{font-size:18px}.nordic .archive-year-all{font-size:14px;margin:0 0 24px}.nordic footer{padding:40px 0 32px;color:#57617a;font-size:13px}.nordic .footer-brand{font:normal 26px/1.2 Georgia,serif;letter-spacing:.06em;color:var(--accent)}
/* Astraal — an open, luminous ultramarine editorial page. */
html[data-concept=astraal] body{background:linear-gradient(135deg,#eaf3ff 0,#f8faff 220px,#fff 610px) no-repeat,#fff}
html[data-concept=astraal] .brandrow:before{content:'';position:absolute;height:2px;width:58px;background:#344bbc;left:0;top:24px}
html[data-concept=astraal] .hero-image{border-radius:2px 88px 2px 2px}
html[data-concept=astraal] .hero-copy{padding-right:8px}
/* Lumen — centered masthead, generous white space, a composed picture below. */
html[data-concept=lumen] body{--bg:#fefefd;--ink:#172d4b;--accent:#285f9b;--line:#d4dee8;--soft:#edf5fc;background:var(--bg)}
html[data-concept=lumen] .brandrow{justify-content:center;padding:50px 0 34px;text-align:center;min-height:185px}
html[data-concept=lumen] .brand{font-size:clamp(44px,7.5vw,100px);letter-spacing:-.015em;color:#243f65}
html[data-concept=lumen] .brand-subtitle{font-size:16px;letter-spacing:.16em;margin-top:17px}
html[data-concept=lumen] .about-link{position:absolute;right:0;top:18px;font-size:12px}
html[data-concept=lumen] nav{border-top:2px solid #243f65;min-height:55px}
html[data-concept=lumen] .categories .nav-link{min-height:55px;padding:18px 0}
html[data-concept=lumen] .hero{display:flex;flex-direction:column;margin-top:45px;gap:34px;text-align:center}
html[data-concept=lumen] .hero-copy{align-items:center;padding:0;max-width:940px}
html[data-concept=lumen] .hero h1{font-size:clamp(37px,4.2vw,59px);line-height:1.12;letter-spacing:-.028em;margin:20px 0 24px;text-wrap:balance}
html[data-concept=lumen] .hero-image{aspect-ratio:2.9;align-self:auto;border-radius:0}
html[data-concept=lumen] .hero-image img{object-position:50% 43%}
html[data-concept=lumen] .hero-copy .read{margin:0;min-width:120px;font-size:13px}
html[data-concept=lumen] .stories{margin-top:48px;padding-top:32px}
html[data-concept=lumen] .grid{gap:42px 50px}
html[data-concept=lumen] .card{display:block}
html[data-concept=lumen] .card-img{aspect-ratio:1.8}
html[data-concept=lumen] .lower-heading h2{font-style:italic;font-size:36px}
html[data-concept=lumen] .recommended-section{background:transparent;box-shadow:none;clip-path:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-concept=lumen] .media-section{background:var(--soft);box-shadow:0 0 0 100vmax var(--soft);clip-path:inset(0 -100vmax);border-top:0;padding-top:48px}
/* Seniit — a deep blue masthead; image and type in counterbalance. */
html[data-concept=seniit] body{--bg:#fff;--ink:#172b49;--accent:#24458c;--line:#d3ddec;--soft:#f0f4fa;background:#fff}
html[data-concept=seniit] .site>header{background:#1c3672;box-shadow:0 0 0 100vmax #1c3672;clip-path:inset(0 -100vmax);color:white}
html[data-concept=seniit] .brandrow{padding:44px 0 32px}
html[data-concept=seniit] .brand{font-size:clamp(40px,6.5vw,88px);letter-spacing:.055em;color:white}
html[data-concept=seniit] .brand-subtitle{color:#e0e9fa;font-style:normal;letter-spacing:.08em;font-size:16px}
html[data-concept=seniit] .about-link{color:#fff}
html[data-concept=seniit] nav{border-color:#7891c0;color:#fff;border-bottom:0}
html[data-concept=seniit] .categories .nav-link:hover{color:#fff}
html[data-concept=seniit] #searchToggle{color:#fff;border-color:#7891c0}
html[data-concept=seniit] nav a:focus-visible,html[data-concept=seniit] nav button:focus-visible{outline-color:#fff}
html[data-concept=seniit] #searchbox label{color:#fff}
html[data-concept=seniit] #searchbox input{background:#fff;color:#172b49}
html[data-concept=seniit] .hero{grid-template-columns:1.15fr 1fr;gap:58px;margin-top:52px}
html[data-concept=seniit] .hero-image{grid-column:1;grid-row:1;aspect-ratio:1.26}
html[data-concept=seniit] .hero-copy{grid-column:2;grid-row:1}
html[data-concept=seniit] .hero h1{font-size:clamp(35px,3.55vw,50px);line-height:1.12;letter-spacing:-.035em}
html[data-concept=seniit] .stories{border-top:2px solid #24458c;margin-top:52px}
html[data-concept=seniit] .lower-heading h2{font-family:Arial,sans-serif;font-size:29px;font-weight:400;letter-spacing:-.04em}
html[data-concept=seniit] .recommended-section{--soft:#eaf0fb}
html[data-concept=seniit] .card h3{font-size:29px}
/* The same direction continues into reading, browsing and information pages. */
.nordic .article{padding:66px 0 80px}.nordic .article-heading{max-width:980px}.nordic .article .eyebrow{color:var(--accent);font-size:13px;letter-spacing:.1em}.nordic .article h1{font:normal clamp(36px,4.3vw,58px)/1.15 Georgia,serif;letter-spacing:-.028em;margin:25px auto;max-width:1000px;text-wrap:balance}.nordic .article h1.long-title{font-size:clamp(34px,3.7vw,50px)}.nordic .article-meta{font:14px/1.6 Arial,sans-serif;color:#57617a}.nordic .article-cover{max-height:620px;margin:40px auto 58px}.nordic .article-body{font-size:20px;line-height:1.7;max-width:690px;color:#263249}.nordic .article-body a{color:var(--accent)}.nordic .article-body blockquote{font-style:italic;color:var(--accent);padding-left:26px}.nordic .back-link{max-width:690px}.nordic .archive-browser{padding-top:56px}.nordic .archive-title h1{margin:0}.nordic #archive-grid{gap:42px 32px}.nordic #archive-grid h3{font-size:26px}.nordic .archive-controls{gap:20px}.nordic .archive-controls input,.nordic .archive-controls select{border-color:var(--line);background:#fff}.nordic .about-page h1{font-size:40px}.nordic .related-card h3{font-size:24px}
/* Concept controls belong to the review, not the publication. */
.concept-dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.97);color:#17274a;border:1px solid #d3dcee;box-shadow:0 5px 32px #1323461c;padding:10px 12px 10px 22px;border-radius:12px;max-width:calc(100% - 28px);font-family:Arial,sans-serif;backdrop-filter:blur(14px)}.concept-dock .dock-label{font-size:11px;letter-spacing:.11em;line-height:1.6;white-space:nowrap}.concept-dock .dock-label strong{display:block;font-size:13px;letter-spacing:.025em;font-weight:500}.concept-buttons{display:flex;gap:4px}.concept-buttons button{font:14px/1.3 Arial,sans-serif;white-space:nowrap;border:0;color:#263957;background:transparent;min-height:44px;padding:12px 18px;border-radius:6px;cursor:pointer}.concept-buttons button span{font-size:11px;color:#657795;margin-right:7px}.concept-buttons button:hover{background:#edf2fc}.concept-buttons button[aria-pressed=true]{background:#233b8d;color:white}.concept-buttons button[aria-pressed=true] span{color:#d1ddff}.concept-info{width:34px;height:34px;border:1px solid #bdc9dd;background:white;color:#30456b;border-radius:50%;font:italic 18px Georgia,serif;flex-shrink:0}.concept-popover{position:fixed;z-index:999;left:50%;transform:translateX(-50%);bottom:106px;width:540px;max-width:calc(100% - 32px);background:white;color:#17274a;border:1px solid #d3dcee;padding:25px 28px;box-shadow:0 10px 50px #13234620;border-radius:8px;font:15px/1.65 Arial,sans-serif}.concept-popover h2{font:28px/1.2 Georgia,serif;margin:0 0 12px}.concept-popover p{margin:0}.concept-popover .concept-hint{font-size:13px;color:#57617a;margin-top:13px}.concept-dock button:focus-visible{outline:2px solid #2449b3;outline-offset:3px}
@media(min-width:1500px){.nordic .site{padding-left:70px;padding-right:70px}}
@media(max-width:1050px){.nordic .site{padding:0 38px}.nordic .categories{gap:15px}.nordic .categories .nav-link{font-size:13px;letter-spacing:.065em}.nordic nav{gap:23px}.nordic .hero{gap:36px}.nordic h1{font-size:40px}.nordic .hero-image{aspect-ratio:1}.nordic .editorial-grid{gap:24px}.nordic .editorial-card h3{font-size:23px}.nordic .card h3{font-size:28px}.nordic #searchToggle{padding-left:22px}html[data-concept=seniit] .hero{gap:36px}html[data-concept=seniit] .hero h1{font-size:38px}html[data-concept=lumen] .hero h1{font-size:48px}}
@media(max-width:760px){.nordic .site{padding:0 22px}.nordic .brandrow{padding:35px 0 26px;flex-wrap:nowrap;gap:12px;align-items:flex-start}.nordic .brand{font-size:clamp(30px,7.3vw,53px);letter-spacing:.025em}.nordic .brand-subtitle{font-size:14px;letter-spacing:.025em;margin-top:10px}.nordic .about-link{font-size:11px;letter-spacing:.02em;padding:6px 0;margin:0;gap:5px}.nordic .about-link span{font-size:13px}.nordic nav{gap:15px;align-items:center;min-height:0;padding:0}.nordic .categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;padding:8px 0}.nordic .categories .nav-link{padding:10px 0;min-height:40px;font-size:12px;letter-spacing:.065em;justify-content:flex-start;white-space:nowrap}.nordic #searchToggle{font-size:0;padding:14px 0 14px 16px;align-self:center;margin:0}.nordic .hero{display:flex;flex-direction:column;gap:27px;margin-top:34px;align-items:stretch;padding:0;min-height:0}.nordic .hero-copy{padding:0;width:100%;max-width:none}.nordic .hero .eyebrow{font-size:11px;letter-spacing:.1em}.nordic .hero h1{font-size:clamp(33px,6vw,44px);line-height:1.14;margin:18px 0 23px}.nordic .hero-copy .read{font-size:13px;margin-top:0;min-width:125px}.nordic .hero-image{width:100%;height:auto;aspect-ratio:1.38;min-height:0}.nordic .stories{margin:40px 0 50px;padding-top:25px}.nordic .grid{grid-template-columns:1fr;gap:34px}.nordic .card-img{margin-bottom:18px}.nordic .card h3{font-size:28px;margin:10px 0 12px}.nordic .lower-heading{flex-direction:column;gap:10px;margin-bottom:26px}.nordic .lower-heading h2{font-size:31px}.nordic .editorial-grid{grid-template-columns:1fr;gap:34px}.nordic .editorial-card h3{font-size:26px;margin-top:17px}.nordic .media-section{padding:32px 0 42px}.nordic .recommended-section{padding:36px 0 42px}.nordic .archive-section{padding:42px 0}.nordic footer{gap:22px;align-items:flex-start;flex-wrap:wrap}.nordic footer .footer-brand{width:100%}.nordic .article{padding:40px 0}.nordic .article h1,.nordic .article h1.long-title{font-size:34px;line-height:1.17}.nordic .article-body{font-size:18px;line-height:1.7}.nordic .article-cover{margin:28px auto 35px}.nordic #archive-grid{grid-template-columns:1fr;gap:35px}.nordic .archive-browser{padding-top:35px}.nordic .archive-title h1{font-size:36px}.nordic .archive-controls{gap:15px}.nordic .about-page h1{font-size:36px}.nordic .year-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-concept=astraal] .brandrow:before{top:17px;width:36px}html[data-concept=astraal] .hero-image{border-radius:2px 60px 2px 2px}html[data-concept=lumen] .brandrow{padding:42px 0 25px;min-height:0}html[data-concept=lumen] .brand{font-size:clamp(36px,8.3vw,62px)}html[data-concept=lumen] .about-link{top:8px;right:0;font-size:10px}html[data-concept=lumen] .brand-subtitle{font-size:13px;letter-spacing:.08em;margin-top:13px}html[data-concept=lumen] .categories .nav-link{min-height:40px;padding:10px 0}html[data-concept=lumen] .hero{gap:26px;margin-top:32px}html[data-concept=lumen] .hero h1{font-size:35px;line-height:1.17;margin:18px 0 20px}html[data-concept=lumen] .hero-image{aspect-ratio:1.55}html[data-concept=lumen] .stories{margin-top:34px}html[data-concept=lumen] .grid{gap:34px}html[data-concept=lumen] .lower-heading h2{font-size:31px}html[data-concept=seniit] .brandrow{padding:34px 0 26px}html[data-concept=seniit] .brand{font-size:clamp(29px,7.1vw,52px);letter-spacing:.035em}html[data-concept=seniit] .brand-subtitle{font-size:13px}html[data-concept=seniit] .hero{gap:27px;margin-top:30px}html[data-concept=seniit] .hero-image{order:0;aspect-ratio:1.45}html[data-concept=seniit] .hero-copy{order:1}html[data-concept=seniit] .hero h1{font-size:35px}html[data-concept=seniit] .stories{margin-top:38px}html[data-concept=seniit] .lower-heading h2{font-size:28px}.concept-dock{bottom:12px;padding:7px 8px;gap:7px;border-radius:10px}.concept-dock .dock-label{display:none}.concept-buttons{gap:2px}.concept-buttons button{font-size:13px;padding:11px 12px;min-height:42px}.concept-buttons button span{font-size:10px;margin-right:4px}.concept-info{width:29px;height:29px;font-size:16px}.concept-popover{bottom:86px;padding:22px}.concept-popover h2{font-size:25px}}
@media(max-width:400px){.nordic .brandrow{flex-wrap:wrap}.nordic .about-link{margin-left:auto}.nordic .brand{font-size:32px}.nordic .categories{gap:0 11px}.nordic .categories .nav-link{font-size:11px}.concept-buttons button{padding:11px 9px}.concept-buttons button span{display:none}html[data-concept=lumen] .brandrow{display:block}html[data-concept=seniit] .brand{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Selected Lumen refinement: existing publication width, picture-first lead. */
.lead-meta{display:flex;align-items:center;gap:24px}.lead-credit{display:none}
html[data-concept=lumen] .site{max-width:1510px;padding-left:5.5%;padding-right:5.5%}
html[data-concept=lumen] .hero{display:flex;flex-direction:column;gap:22px;margin-top:28px;text-align:left}
html[data-concept=lumen] .hero-image{order:0;width:100%;aspect-ratio:2/1;max-height:none}
html[data-concept=lumen] .hero-image img{object-position:50% 48%}
html[data-concept=lumen] .hero-copy{order:1;width:100%;max-width:none;align-items:stretch}
html[data-concept=lumen] .hero-copy>.eyebrow{display:none}
html[data-concept=lumen] .hero h1{font-size:clamp(34px,3.6vw,49px);line-height:1.13;letter-spacing:-.025em;max-width:1160px;text-wrap:pretty;margin:0 0 16px}
html[data-concept=lumen] .lead-meta{justify-content:space-between;width:100%;gap:20px;min-height:30px}
html[data-concept=lumen] .lead-credit{display:flex;gap:13px;align-items:center;font:14px/1.5 Arial,sans-serif;color:#52657c}
html[data-concept=lumen] .lead-category{text-transform:uppercase;font-size:12px;letter-spacing:.1em;color:var(--accent)}
html[data-concept=lumen] .lead-separator{color:#8a98aa}
html[data-concept=lumen] .hero-copy .read{margin:0;padding:3px 0;border-bottom:0;min-width:0;gap:10px;white-space:nowrap;font-size:14px}
html[data-concept=lumen] .hero-copy .read span{margin-left:0}
html[data-concept=lumen] .stories{margin:30px 0 44px;padding-top:26px}
html[data-concept=lumen] .grid{gap:34px 36px}
html[data-concept=lumen] .card-img{aspect-ratio:1.9;margin-bottom:16px}
html[data-concept=lumen] .card h3{font-size:28px;margin:10px 0 11px}
html[data-concept=lumen] .media-section{padding:34px 0 40px}
html[data-concept=lumen] .recommended-section{padding:36px 0 40px}
html[data-concept=lumen] .lower-heading{margin-bottom:25px}
html[data-concept=lumen] .archive-section{padding:40px 0}
@media(min-width:1500px){html[data-concept=lumen] .site{padding-left:70px;padding-right:70px}}
@media(max-width:760px){html[data-concept=lumen] .site{padding-left:6%;padding-right:6%}html[data-concept=lumen] .hero{margin-top:22px;gap:18px}html[data-concept=lumen] .hero-image{aspect-ratio:3/2}html[data-concept=lumen] .hero h1{font-size:32px;line-height:1.15;margin-bottom:14px}html[data-concept=lumen] .lead-credit{gap:8px;font-size:13px}html[data-concept=lumen] .lead-category{font-size:11px}html[data-concept=lumen] .hero-copy .read{font-size:13px;gap:6px}html[data-concept=lumen] .lead-meta{gap:12px;flex-wrap:wrap}html[data-concept=lumen] .stories{margin-top:26px;padding-top:24px}html[data-concept=lumen] .grid{gap:30px}html[data-concept=lumen] .card h3{font-size:26px}}
/* Calm masthead and consistent editorial link behaviour. */
.nordic .brand:hover,.nordic .brand:focus-visible{text-decoration:none}
.nordic .hero h1 a:hover,.nordic .hero h1 a:focus-visible{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;text-decoration-skip-ink:auto}
/* Give the lead a modest advantage over the equally valued stories below. */
html[data-concept=lumen] .hero{width:84%;max-width:960px;margin-left:auto;margin-right:auto;gap:18px}
html[data-concept=lumen] .hero h1{font-size:clamp(32px,3.1vw,42px);line-height:1.16;margin-bottom:12px}
html[data-concept=lumen] .card h3{font-size:30px;line-height:1.2}
html[data-concept=lumen] .stories{margin-top:24px;padding-top:24px}
@media(max-width:1050px){html[data-concept=lumen] .hero{width:100%;max-width:none}html[data-concept=lumen] .hero h1{font-size:36px}html[data-concept=lumen] .card h3{font-size:28px}}
@media(max-width:760px){html[data-concept=lumen] .hero{gap:16px}html[data-concept=lumen] .hero h1{font-size:30px;line-height:1.17}html[data-concept=lumen] .card h3{font-size:27px}}
/* Lumen masthead with the picture-led Seniit lead composition. */
html[data-concept=lumen] .hero{display:grid;grid-template-columns:1.23fr 1fr;align-items:center;width:100%;max-width:none;gap:44px;margin-top:30px}
html[data-concept=lumen] .hero-image{grid-column:1;grid-row:1;order:0;aspect-ratio:1.45;align-self:stretch;border-radius:0}
html[data-concept=lumen] .hero-image img{object-position:50% 48%}
html[data-concept=lumen] .hero-copy{grid-column:2;grid-row:1;order:1;min-width:0;padding:18px 0}
html[data-concept=lumen] .hero h1{font-size:clamp(32px,3vw,40px);line-height:1.17;letter-spacing:-.025em;margin:0 0 24px;text-wrap:pretty}
html[data-concept=lumen] .lead-meta{gap:12px 20px;flex-wrap:wrap;justify-content:space-between}
@media(min-width:761px) and (max-width:1050px){html[data-concept=lumen] .hero{grid-template-columns:1.15fr 1fr;gap:30px}html[data-concept=lumen] .hero h1{font-size:34px}html[data-concept=lumen] .hero-image{aspect-ratio:1.25}html[data-concept=lumen] .lead-meta{gap:12px}}
@media(max-width:760px){html[data-concept=lumen] .hero{display:flex;flex-direction:column;gap:18px;margin-top:22px}html[data-concept=lumen] .hero-image{aspect-ratio:3/2;width:100%}html[data-concept=lumen] .hero-copy{padding:0}html[data-concept=lumen] .hero h1{font-size:30px;line-height:1.17;margin-bottom:14px}}
/* Broader photograph, narrower editorial headline. */
html[data-concept=lumen] .hero{grid-template-columns:1.7fr 1fr;gap:40px}
html[data-concept=lumen] .hero-image{aspect-ratio:1.6}
.nordic .hero:has(.hero-image:hover) h1 a,
.nordic .hero:has(.hero-image:focus-visible) h1 a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;text-decoration-skip-ink:auto}
/* Match the live publication's two section headings exactly. */
html[data-concept=lumen] #media-title,
html[data-concept=lumen] #recommended-title{font:normal 36px/1.15 Georgia,serif;letter-spacing:-.7px;margin:0}
@media(max-width:1050px) and (min-width:761px){html[data-concept=lumen] .hero{grid-template-columns:1.5fr 1fr;gap:30px}html[data-concept=lumen] .hero-image{aspect-ratio:1.4}}
@media(max-width:1000px){html[data-concept=lumen] #media-title,html[data-concept=lumen] #recommended-title{font-size:31px}}
@media(max-width:760px){html[data-concept=lumen] .hero{gap:18px}html[data-concept=lumen] .hero-image{aspect-ratio:3/2}}
@media(max-width:700px){html[data-concept=lumen] #media-title,html[data-concept=lumen] #recommended-title{font-size:30px}}
/* Selected picture-first treatment: full editorial width, balanced 16:9 image. */
html[data-concept=lumen] .hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;width:100%;max-width:none;margin-top:28px}
html[data-concept=lumen] .hero-image{order:0;aspect-ratio:16/9;align-self:auto;width:100%}
html[data-concept=lumen] .hero-image img{object-position:50% 48%}
html[data-concept=lumen] .hero-copy{order:1;width:100%;padding:0}
html[data-concept=lumen] .hero h1{font-size:clamp(36px,3.75vw,51px);line-height:1.13;letter-spacing:-.025em;max-width:none;margin:0 0 16px;text-wrap:pretty}
html[data-concept=lumen] .lead-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;min-height:28px}
html[data-concept=lumen] .lead-credit{order:0;flex-shrink:0;font-size:14px;gap:12px}
html[data-concept=lumen] .lead-meta:after{content:'';order:1;flex:1;border-bottom:1px solid var(--line);opacity:.75}
html[data-concept=lumen] .hero-copy .read{order:2;flex-shrink:0;gap:12px;font-size:14px;min-height:28px;padding:3px 0}
html[data-concept=lumen] .hero-copy .read span{font-size:18px;line-height:1}
html[data-concept=lumen] .stories{margin-top:26px;padding-top:24px}
@media(max-width:1050px){html[data-concept=lumen] .hero h1{font-size:40px}}
@media(max-width:760px){html[data-concept=lumen] .hero{gap:17px;margin-top:22px}html[data-concept=lumen] .hero-image{aspect-ratio:3/2}html[data-concept=lumen] .hero h1{font-size:31px;line-height:1.17;margin-bottom:12px}html[data-concept=lumen] .lead-meta{gap:12px}html[data-concept=lumen] .lead-credit{font-size:13px;gap:8px}html[data-concept=lumen] .hero-copy .read{font-size:13px;gap:7px}}
@media(max-width:380px){html[data-concept=lumen] .lead-meta{gap:8px}html[data-concept=lumen] .lead-meta:after{display:none}html[data-concept=lumen] .hero-copy .read{margin-left:auto}}
/* Balance the first row against the lead and keep its current title on one desktop line. */
html[data-concept=lumen] .hero h1{font-size:clamp(32px,3.4vw,46px);line-height:1.17;margin-bottom:14px}
html[data-concept=lumen] .stories .grid{column-gap:32px;row-gap:36px}
html[data-concept=lumen] .stories .card-img{aspect-ratio:1.65}
html[data-concept=lumen] .stories .card h3{font-size:33px;line-height:1.2;margin:12px 0}
@media(max-width:1050px){html[data-concept=lumen] .stories .card h3{font-size:30px}}
@media(max-width:760px){html[data-concept=lumen] .hero h1{font-size:30px;line-height:1.17;margin-bottom:12px}html[data-concept=lumen] .stories .card h3{font-size:28px}html[data-concept=lumen] .stories .card-img{aspect-ratio:16/10}}
/* Refine masthead scale and give navigation a clearer, more generous rhythm. */
html[data-concept=lumen] .brand{font-size:clamp(42px,7.05vw,94px)}
html[data-concept=lumen] nav{gap:30px}
html[data-concept=lumen] .categories{gap:18px;padding-right:14px}
html[data-concept=lumen] .categories .nav-link{font-size:16px;font-weight:500;letter-spacing:.085em;padding-top:18px;padding-bottom:18px}
html[data-concept=lumen] #searchToggle{flex:0 0 122px;justify-content:center;gap:14px;padding:12px 4px 12px 24px;font-size:15px}
html[data-concept=lumen] #searchToggle svg{width:20px;height:20px;flex-shrink:0}
/* Use editorial rules, without tinted section bands. */
html[data-concept=lumen] .media-section,
html[data-concept=lumen] .recommended-section{background:transparent;box-shadow:none;clip-path:none;border-top:1px solid #243f65;border-bottom:0;padding-top:34px;padding-bottom:38px}
@media(max-width:1050px) and (min-width:761px){html[data-concept=lumen] nav{gap:20px}html[data-concept=lumen] .categories{gap:14px;padding-right:8px}html[data-concept=lumen] .categories .nav-link{font-size:15px;letter-spacing:.045em}html[data-concept=lumen] #searchToggle{flex-basis:102px;padding-left:18px;gap:11px}}
@media(max-width:760px){html[data-concept=lumen] .brand{font-size:clamp(35px,8vw,60px)}html[data-concept=lumen] nav{gap:16px}html[data-concept=lumen] .categories{gap:0 16px;padding:8px 0}html[data-concept=lumen] .categories .nav-link{font-size:13px;letter-spacing:.055em;padding:10px 0}html[data-concept=lumen] #searchToggle{flex-basis:49px;font-size:0;padding:14px 0 14px 16px;gap:0}html[data-concept=lumen] .media-section,html[data-concept=lumen] .recommended-section{padding-top:28px;padding-bottom:32px}}
@media(max-width:380px){html[data-concept=lumen] .categories{gap:0 10px}html[data-concept=lumen] .categories .nav-link{font-size:12px;letter-spacing:.02em}html[data-concept=lumen] #searchToggle{flex-basis:40px;padding-left:12px}}
/* A clearer subtitle and the same quiet rules used by the archive. */
html[data-concept=lumen] .brand-subtitle{font-size:19px;line-height:1.5}
html[data-concept=lumen] .media-section,
html[data-concept=lumen] .recommended-section{border-top-color:var(--line)}
/* Editorial hover feedback is an underline, with stable type and image colours. */
html[data-concept=lumen] .categories .nav-link:hover,
html[data-concept=lumen] .categories .nav-link:focus-visible{color:inherit;background:transparent}
html[data-concept=lumen] .hero h1 a:hover,
html[data-concept=lumen] .hero h1 a:focus-visible,
html[data-concept=lumen] .card a:hover,
html[data-concept=lumen] .editorial-card a:hover{color:inherit}
html[data-concept=lumen] .card a:hover img,
html[data-concept=lumen] .card a:focus-visible img,
html[data-concept=lumen] .hero-image:hover img,
html[data-concept=lumen] .editorial-image:hover img{filter:none}
@media(max-width:760px){html[data-concept=lumen] .brand-subtitle{font-size:15px}}
/* The photograph and headline already provide the reading links. */
html[data-concept=lumen] .lead-meta:after{display:none}
html[data-concept=lumen] .stories{border-top:0;padding-top:0;margin-top:34px}
@media(max-width:760px){html[data-concept=lumen] .stories{margin-top:28px}}
/* Editorial rhythm: compact story units, generous pauses between stories. */
html[data-concept=lumen] .stories{margin-top:60px;margin-bottom:60px}
html[data-concept=lumen] .stories .grid{column-gap:40px;row-gap:60px}
html[data-concept=lumen] .editorial-grid{column-gap:36px;row-gap:48px}
html[data-concept=lumen] .media-section,
html[data-concept=lumen] .recommended-section{padding-top:44px;padding-bottom:52px}
html[data-concept=lumen] .lower-heading{margin-bottom:32px}
@media(max-width:1050px) and (min-width:761px){html[data-concept=lumen] .stories .grid{column-gap:32px}html[data-concept=lumen] .editorial-grid{column-gap:28px}}
@media(max-width:760px){html[data-concept=lumen] .stories{margin-top:44px;margin-bottom:44px}html[data-concept=lumen] .stories .grid{row-gap:44px;column-gap:24px}html[data-concept=lumen] .editorial-grid{row-gap:40px;column-gap:24px}html[data-concept=lumen] .media-section,html[data-concept=lumen] .recommended-section{padding-top:34px;padding-bottom:40px}html[data-concept=lumen] .lower-heading{margin-bottom:28px}}

/* Make the about link readable and the footer identity quieter. */
html[data-concept=lumen] .about-link{font-size:15px;font-weight:500;letter-spacing:.08em;gap:12px;top:15px}
.nordic .footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.nordic .footer-identity .footer-brand{font-size:28px;letter-spacing:0;text-transform:none}
.nordic .footer-social{font:14px/1.5 Arial,sans-serif;color:var(--ink);display:inline-flex;align-items:center;gap:9px}
.nordic .footer-social:hover,.nordic .footer-social:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){html[data-concept=lumen] .about-link{font-size:12px;top:7px;letter-spacing:.055em;padding:7px 0;gap:7px}html[data-concept=lumen] .brandrow{padding-top:51px}}

/* Published homepage: no concept switcher or reserved dock space. */
html{scroll-padding-bottom:0}body.nordic{padding-bottom:0}
/* Underline only the headline, not the category inside the same story link. */
html[data-concept=lumen] .stories .card > a:hover,
html[data-concept=lumen] .stories .card > a:focus-visible{text-decoration:none}
html[data-concept=lumen] .stories .card > a:hover h3,
html[data-concept=lumen] .stories .card > a:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;text-decoration-skip-ink:auto}
/* Issue covers and labels need no individual divider. */
html[data-concept=lumen] .year-issue-grid .issue{border-bottom:0}