:root{--ink:#101820;--navy:#0b1727;--navy2:#142a46;--paper:#f7f4ed;--white:#fff;--muted:#70757d;--line:#d9d7d1;--red:#ef4b36;--blue:#1769e8;--sans:Arial,"Helvetica Neue",sans-serif;--serif:Georgia,"Times New Roman",serif;--cond:"Arial Narrow",Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:94px;padding:0 clamp(30px,4vw,72px);display:grid;grid-template-columns:minmax(240px,1fr) auto 190px;align-items:center;gap:35px;background:#fbfaf7;border-bottom:1px solid #dfe0df;position:relative;z-index:20}.brand{display:flex;flex-direction:column;width:max-content}.brand strong{font:900 40px/.82 var(--sans);letter-spacing:-2px}.brand span{margin-top:10px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:3px;font-weight:800}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{height:94px;display:grid;place-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;position:relative}.main-nav>a.active:after,.main-nav>a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue)}.search-open{border:0;background:none;font-size:24px;cursor:pointer}.language-nav{justify-self:end;display:flex;gap:12px;align-items:center}.language-nav a{font-size:10px;font-weight:700;color:#8b8b8b;padding:10px 0}.language-nav a.active{color:var(--ink);border-bottom:2px solid}.menu-toggle{display:none}.issue-cover{height:min(660px,calc(100vh - 94px));min-height:570px;position:relative;overflow:hidden;color:white;isolation:isolate}.issue-cover__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.issue-cover__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,30,.78) 0%,rgba(5,15,28,.51) 37%,rgba(5,15,28,.05) 67%);z-index:-2}.issue-cover__copy{position:absolute;left:clamp(60px,7vw,120px);top:50%;transform:translateY(-51%);width:min(560px,42vw)}.kicker{display:inline-block;background:var(--red);padding:7px 9px;margin:0 0 10px!important;font-size:10px!important;text-transform:uppercase;letter-spacing:1.2px;font-weight:900}.issue-cover h1{font:900 clamp(58px,6.2vw,92px)/.93 var(--cond);text-transform:uppercase;letter-spacing:-2px;margin:0;max-width:520px}.issue-cover em{display:block;font:italic clamp(20px,1.7vw,27px)/1.35 var(--serif);margin:28px 0 36px;max-width:450px}.issue-cover__copy>p:not(.kicker){font-size:14px;max-width:495px;margin:13px 0 20px;color:rgba(255,255,255,.92)}.issue-cover__copy>a{font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.cover-rule{display:flex;width:470px;max-width:100%;height:5px;gap:0;border-top:1px solid rgba(255,255,255,.38);padding-top:10px}.cover-rule i:first-child{width:28%;background:var(--blue)}.cover-rule i:last-child{width:14%;background:var(--red)}.cover-locations{position:absolute;right:7vw;bottom:50px;text-align:center;font-size:9px;font-weight:900;letter-spacing:1.2px;line-height:2}.issue-number{position:absolute;right:4vw;bottom:22px;font-size:9px;letter-spacing:2px}.issue-contents{background:#121820;color:white;padding:20px clamp(30px,4vw,72px) 31px}.issue-contents>p{margin:0 0 17px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#c7c9cc}.issue-contents>div{display:grid;grid-template-columns:repeat(6,1fr)}.issue-contents a{padding:0 20px;border-right:1px solid #3b4046;min-height:56px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:21px 1fr;gap:0 4px}.issue-contents a:first-child{padding-left:0}.issue-contents a:last-child{border:0}.issue-contents span{grid-row:1/3;font-family:var(--serif);font-weight:bold;color:var(--blue);font-size:12px}.issue-contents a:nth-child(3n+1) span{color:var(--red)}.issue-contents small{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#aeb1b5}.issue-contents strong{font:700 15px/1.1 var(--cond)}.current-issue,.latest-section{padding:31px clamp(40px,5vw,85px) 55px;background:#fbfaf7}.current-issue>header,.latest-section>header{display:flex;align-items:center;gap:22px;margin-bottom:65px}.current-issue>header h2,.latest-section>header h2{margin:0;font:800 20px/1 var(--cond);text-transform:uppercase}.current-issue>header div{height:1px;background:var(--ink);flex:1;position:relative}.current-issue>header div:before{content:"";position:absolute;left:0;top:-4px;width:160px;height:6px;background:linear-gradient(90deg,var(--blue) 0 65%,var(--red) 65%)}.issue-grid{display:grid;grid-template-columns:1.05fr 1.2fr;gap:20px;max-width:1280px;margin:auto}.issue-grid__right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-card{min-width:0}.story-card__media{height:230px;position:relative;overflow:hidden;background:var(--navy)}.story-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.story-card:hover img{transform:scale(1.025)}.story-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(5,10,15,.7))}.story-card__media>span{position:absolute;left:18px;top:18px;z-index:2;color:white;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1.3px}.story-card__copy{padding:18px 0}.story-card__copy>p{margin:0 0 6px;font-size:8px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--red)}.story-card__copy h3{font:800 25px/1.04 var(--cond);text-transform:uppercase;margin:0 0 9px}.story-card__copy>div{font:italic 18px/1.55 var(--serif);color:#4d4f52}.text-link{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid;display:inline-block;margin-top:15px}.story-card--lead{position:relative;color:white;min-height:440px;overflow:hidden}.story-card--lead .story-card__media{position:absolute;inset:0;height:100%}.story-card--lead .story-card__media>span{top:28px;left:28px}.story-card--lead .story-card__copy{position:absolute;z-index:3;left:30px;right:30px;bottom:25px}.story-card--lead .story-card__copy>p{color:white}.story-card--lead .story-card__copy h3{font-size:35px}.story-card--lead .story-card__copy>div{color:white}.story-card--feature,.story-card--side{position:relative;color:white;height:220px;overflow:hidden}.story-card--feature .story-card__media,.story-card--side .story-card__media{position:absolute;inset:0;height:100%}.story-card--feature .story-card__copy,.story-card--side .story-card__copy{position:absolute;z-index:3;left:22px;right:18px;bottom:18px;padding:0}.story-card--feature .story-card__copy>p,.story-card--side .story-card__copy>p,.story-card--feature .story-card__copy>div,.story-card--side .story-card__copy>div,.story-card--feature .text-link,.story-card--side .text-link{display:none}.story-card--banner{grid-column:1/-1;background:#efede5;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:17px 24px}.story-card--banner .story-card__media{display:none}.story-card--banner .story-card__copy{padding:0;width:100%;display:grid;grid-template-columns:1fr auto;align-items:center}.story-card--banner .story-card__copy>p{grid-column:1}.story-card--banner h3{grid-column:1;margin:0;font-size:21px}.story-card--banner .text-link{grid-column:2;grid-row:1/3;margin:0}.story-card--banner .story-card__copy>div{display:none}.issue-caption{max-width:1280px;margin:30px auto 0;font:italic 10px var(--serif);color:#8d8d89}.latest-section{border-top:1px solid var(--line)}.latest-section>header{margin-bottom:35px}.latest-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-card--latest .story-card__media{height:210px}.ecosystem-dock{position:fixed;z-index:40;left:0;top:44%;transform:translateY(-50%);display:flex;align-items:center}.ecosystem-dock>button{width:52px;padding:12px 0;background:rgba(250,250,247,.9);border:1px solid #ddd;border-left:0;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08)}.ecosystem-dock>button span{display:block;font:700 19px var(--serif);color:var(--navy);margin-bottom:7px}.ecosystem-dock>button i{display:block;width:4px;height:4px;border-radius:50%;background:var(--red);margin:8px auto}.ecosystem-dock>button i:nth-of-type(2){background:var(--blue)}.ecosystem-dock>button i:nth-of-type(3){background:var(--ink)}.ecosystem-dock small{display:block;margin-top:10px;font-size:6px;text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-rl;height:48px}.ecosystem-dock nav{background:rgba(11,23,39,.96);color:white;display:flex;flex-direction:column;padding:13px;width:0;opacity:0;overflow:hidden;transition:.25s}.ecosystem-dock.open nav{width:150px;opacity:1}.ecosystem-dock nav a{padding:9px;font-size:9px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.14)}.search-dialog{border:0;width:min(780px,90vw);background:#fbfaf7;padding:40px;box-shadow:0 20px 80px #0008}.search-dialog::backdrop{background:#07111dcc}.search-dialog form{position:relative}.search-dialog label{display:block;font:800 13px var(--cond);text-transform:uppercase;letter-spacing:2px}.search-dialog form>div{display:flex;border-bottom:3px solid;margin-top:20px}.search-dialog input{border:0;background:none;font:42px var(--serif);min-width:0;flex:1;outline:0}.search-dialog form>div button{border:0;background:none;font-size:40px}.search-close{position:absolute;right:0;top:-20px;border:0;background:none;font-size:30px}.site-footer{min-height:110px;padding:30px clamp(40px,5vw,85px);background:#0d1724;color:#d9dde2;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px}.site-footer>div{display:flex;flex-direction:column}.site-footer strong{font-size:22px}.site-footer span,.site-footer p,.site-footer>a{font-size:8px;text-transform:uppercase;letter-spacing:1.3px}.site-footer p{text-align:center;color:#89919c}.site-footer>a{border-bottom:1px solid}.category-page,.archive-page,.platform-page,.contact-page,.ask-page,.topic-page,.book-page{min-height:75vh;padding:clamp(55px,7vw,100px) clamp(40px,8vw,135px)}.category-hero{display:grid;grid-template-columns:160px 1fr auto;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:35px;margin-bottom:60px}.category-hero p,.archive-page>header p,.platform-page>header p,.ask-page>header p,.contact-page section>p,.topic-page>p,.book-page>p{font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--red)}.category-hero h1,.archive-page>header h1,.platform-page>header h1,.contact-page h1,.ask-page h1,.topic-page h1,.book-page h1{font:900 clamp(55px,8vw,110px)/.9 var(--cond);text-transform:uppercase;letter-spacing:-3px;margin:0}.category-hero span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px}.story-card--wide{grid-column:span 2}.story-card--wide .story-card__media{height:390px}.archive-page>header{border-bottom:1px solid;padding-bottom:40px}.archive-list article{display:grid;grid-template-columns:65px 1fr 180px;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.archive-list article>span{font:700 20px var(--serif);color:var(--blue)}.archive-list small{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:var(--red)}.archive-list h2{font:800 32px/1 var(--cond);text-transform:uppercase;margin:7px 0}.archive-list p{max-width:700px;margin:0;color:#595e64}.archive-list time{text-align:right;font-size:10px;color:#777}.article-hero{height:570px;position:relative;color:white;isolation:isolate;overflow:hidden}.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.article-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,22,.86),rgba(4,12,22,.16));z-index:-1}.article-hero__copy{position:absolute;left:clamp(55px,9vw,145px);bottom:80px;width:min(850px,70vw)}.article-hero__copy>p{font-size:9px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#fff}.article-hero h1{font:900 clamp(50px,7vw,100px)/.9 var(--cond);text-transform:uppercase;letter-spacing:-2px;margin:12px 0 20px}.article-hero em{font:italic 22px/1.4 var(--serif)}.article-shell{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,760px);gap:90px;padding:70px 30px 100px}.article-shell>aside>a{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.article-shell dl{border-top:1px solid;margin-top:40px;padding-top:20px}.article-shell dt{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#888}.article-shell dd{margin:2px 0 18px;font-size:11px}.article-body{font:19px/1.78 var(--serif)}.article-body .article-deck{font-size:28px;line-height:1.42;margin-top:0}.article-byline{border-top:1px solid;border-bottom:1px solid;padding:15px 0;margin:35px 0 50px;display:flex;justify-content:space-between;font:10px var(--sans);text-transform:uppercase;letter-spacing:1px}.article-body h2{font:800 39px/1.05 var(--cond);text-transform:uppercase;margin:65px 0 20px}.article-body blockquote{font:italic 31px/1.45 var(--serif);margin:60px -70px;padding:30px 0 30px 60px;border-left:8px solid var(--red)}.article-body li{margin:10px 0}.article-body figure{margin:60px -100px}.article-body figcaption{font:italic 11px var(--serif);margin-top:10px}.audio-block{background:var(--navy);color:white;padding:25px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:20px;margin:50px 0}.audio-block>span{border:1px solid white;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.audio-block small{display:block;text-transform:uppercase;letter-spacing:1px;font:8px var(--sans);color:#aaa}.audio-block strong{font-size:20px}.audio-block a{font:9px var(--sans);text-transform:uppercase}.related{background:#e9e6de;padding:55px clamp(40px,6vw,100px)}.related>h2{font:800 22px var(--cond);text-transform:uppercase}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.story-card--related .story-card__media{height:190px}.contact-page section{max-width:1100px}.contact-copy{margin:70px 0;display:grid;gap:15px;font:24px var(--serif)}.contact-copy p{max-width:620px;font-size:20px}.contact-copy a{width:max-content;border-bottom:1px solid}.contact-copy span{color:#777}.contact-ask{display:inline-block;background:var(--red);color:white;padding:18px 25px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.ask-page>header{display:grid;grid-template-columns:170px 1fr;max-width:1100px}.ask-page>header p{grid-row:1/3}.ask-page>header div{font:italic 22px/1.5 var(--serif);max-width:700px;margin-top:25px}.ask-page form{max-width:930px;margin:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.ask-page label{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800}.ask-page input,.ask-page textarea{width:100%;display:block;background:#fff;border:1px solid var(--line);padding:15px;margin-top:8px}.ask-page .full,.ask-page .consent{grid-column:1/-1}.ask-page .consent{display:flex;align-items:center;gap:10px}.ask-page .consent input{width:auto;margin:0}.ask-page .trap{position:absolute;left:-9999px}.ask-page form button{width:max-content;border:0;background:var(--navy);color:white;padding:17px 25px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.success{background:#dceadf;padding:20px;margin-top:35px;max-width:900px}.answers{max-width:930px;border-top:3px solid;padding-top:25px}.answers h2{font:800 26px var(--cond);text-transform:uppercase}.answers article{padding:25px 0;border-bottom:1px solid var(--line)}.answers article>p{font:italic 20px var(--serif)}.platform-page>header{max-width:1100px}.platform-page>header>div,.book-page>div,.topic-lead{font:italic clamp(20px,2.3vw,31px)/1.5 var(--serif);max-width:850px;margin:35px 0 60px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-left:1px solid}.platform-grid>a{padding:35px;min-height:260px;border-right:1px solid;border-bottom:1px solid;display:flex;flex-direction:column}.platform-grid span{font:700 16px var(--serif);color:var(--red)}.platform-grid h2{font:800 28px/1 var(--cond);text-transform:uppercase;margin:25px 0 12px}.platform-grid p{font:15px/1.55 var(--serif);color:#575a60}.platform-grid b{margin-top:auto;font-size:9px;text-transform:uppercase}.book-link{background:var(--navy);color:white;margin-top:70px;padding:50px}.book-link>p{font-size:8px;letter-spacing:2px;color:var(--red)}.book-link h2{font:800 40px var(--cond);text-transform:uppercase}.book-link>div{font:italic 18px var(--serif);max-width:700px}.book-link>a{display:inline-block;margin-top:25px;font-size:9px;text-transform:uppercase;border-bottom:1px solid}.topic-page,.book-page{max-width:1200px;margin:auto}.topic-page>a{font-size:9px;text-transform:uppercase;font-weight:900}.topic-page>p{margin-top:70px}.topic-page section,.book-page section{max-width:800px;margin:70px 0 0 240px;font:19px/1.75 var(--serif)}.topic-page section h2,.book-page section h2{font:800 38px var(--cond);text-transform:uppercase}.topic-page blockquote{font:italic 28px var(--serif);border-left:6px solid var(--red);margin:40px 0;padding-left:30px}.book-page section{position:relative;border-top:1px solid;padding-top:25px}.book-page section>span{position:absolute;left:-90px;font:700 20px var(--serif);color:var(--red)}.not-found{min-height:70vh;display:grid;place-content:center;text-align:center}.not-found strong{font:900 140px/1 var(--cond);color:var(--red)}.not-found h1{text-transform:uppercase}.not-found a{font-size:10px;font-weight:bold}.empty{padding:80px 0}.format-note .article-body{max-width:680px}.format-note .article-hero{height:470px}.format-music .article-hero__shade{background:linear-gradient(90deg,#060b12e8,#060b1260)}
@media(max-width:900px){.site-header{height:78px;grid-template-columns:1fr auto auto;padding:0 24px}.brand strong{font-size:31px}.brand span{font-size:7px}.menu-toggle{display:block;width:38px;height:38px;background:none;border:0;padding:6px}.menu-toggle span{display:block;height:2px;background:#111;margin:5px}.menu-toggle b{display:none}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fbfaf7;padding:18px 25px;box-shadow:0 10px 25px #0002;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{height:auto;padding:14px;display:block;border-bottom:1px solid #ddd}.main-nav>a:after{display:none}.language-nav{gap:8px}.issue-cover{height:650px;min-height:0}.issue-cover__image{object-position:57% center}.issue-cover__shade{background:linear-gradient(90deg,rgba(4,13,26,.9),rgba(4,13,26,.45) 67%,rgba(4,13,26,.08))}.issue-cover__copy{left:34px;top:auto;bottom:65px;transform:none;width:75%}.issue-cover h1{font-size:58px;max-width:350px}.issue-cover em{font-size:18px;margin:20px 0}.issue-cover__copy>p:not(.kicker){font-size:12px}.cover-locations{display:none}.issue-contents>div{grid-template-columns:repeat(3,1fr);gap:20px 0}.issue-contents a:nth-child(3){border:0}.issue-grid{grid-template-columns:1fr}.story-card--lead{min-height:440px}.issue-grid__right{grid-template-columns:1fr 1fr}.latest-grid,.category-grid,.related>div,.platform-grid{grid-template-columns:1fr 1fr}.story-card--wide{grid-column:span 2}.category-hero{grid-template-columns:1fr}.category-hero p{margin-bottom:20px}.category-hero span{margin-top:20px}.article-shell{grid-template-columns:1fr;gap:30px;padding-left:45px;padding-right:45px}.article-shell>aside dl{display:none}.article-body blockquote{margin-left:0;margin-right:0}.article-body figure{margin-left:0;margin-right:0}.ask-page>header{grid-template-columns:1fr}.ask-page>header p{grid-row:auto}.platform-grid{border-left:0}.platform-grid>a{border-left:1px solid}.topic-page section,.book-page section{margin-left:90px}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}
@media(max-width:560px){.site-header{padding:0 17px;grid-template-columns:1fr auto}.language-nav{position:absolute;right:14px;bottom:-35px;background:#fbfaf7cc;padding:3px 8px;z-index:5}.issue-cover{height:650px}.issue-cover__image{object-position:63% center}.issue-cover__shade{background:linear-gradient(90deg,rgba(4,13,26,.93) 0%,rgba(4,13,26,.66) 62%,rgba(4,13,26,.15))}.issue-cover__copy{left:24px;bottom:48px;width:84%}.issue-cover h1{font-size:50px}.issue-cover em{font-size:17px}.issue-cover__copy>p:not(.kicker){max-width:310px}.issue-contents{padding:20px 24px 30px}.issue-contents>div{grid-template-columns:1fr 1fr}.issue-contents a,.issue-contents a:first-child{padding:10px 10px 10px 0;border-right:0;border-bottom:1px solid #333}.current-issue,.latest-section{padding:30px 22px 45px}.current-issue>header{margin-bottom:35px}.issue-grid__right{grid-template-columns:1fr}.story-card--feature,.story-card--side{height:240px}.story-card--banner{grid-column:auto}.story-card--banner .story-card__copy{display:block}.story-card--banner .text-link{margin-top:12px}.latest-grid,.category-grid,.related>div,.platform-grid{grid-template-columns:1fr}.story-card--wide{grid-column:auto}.story-card--wide .story-card__media{height:260px}.ecosystem-dock{top:55%}.ecosystem-dock>button{width:42px}.category-page,.archive-page,.platform-page,.contact-page,.ask-page,.topic-page,.book-page{padding:70px 24px}.category-hero h1,.archive-page>header h1,.platform-page>header h1,.contact-page h1,.ask-page h1,.topic-page h1,.book-page h1{font-size:54px;letter-spacing:-1px}.archive-list article{grid-template-columns:35px 1fr}.archive-list article time{display:none}.article-hero{height:520px}.article-hero>img{object-position:center}.article-hero__copy{left:24px;bottom:50px;width:88vw}.article-hero h1{font-size:50px}.article-hero em{font-size:17px}.article-shell{padding:45px 24px 70px}.article-body{font-size:18px}.article-body .article-deck{font-size:23px}.article-body h2{font-size:32px}.article-body blockquote{font-size:24px;padding-left:25px}.related{padding:40px 24px}.ask-page form{grid-template-columns:1fr}.ask-page form>*{grid-column:1}.contact-copy{font-size:18px}.platform-grid{display:block}.platform-grid>a{min-height:220px}.book-link{padding:30px;margin-left:-24px;margin-right:-24px}.topic-page section,.book-page section{margin-left:0}.book-page section>span{position:static}.site-footer{padding:30px 24px}.site-footer>div span{font-size:6px}}

/* Version 201: editable masthead and homepage layout. */
.site-header{grid-template-columns:minmax(360px,1fr) auto 190px}
.brand{display:flex;flex-direction:row;align-items:center;gap:18px;width:max-content;max-width:100%}
.brand img{width:245px;height:58px;object-fit:contain;object-position:left center}
.brand span{margin:0;padding-left:18px;border-left:1px solid #bdb8ab;white-space:nowrap;font-size:8px;line-height:1.25;letter-spacing:2.2px}
.home-modules{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;background:#fbfaf7}
.home-module{min-width:0;align-self:stretch}
.home-module--full{grid-column:1/-1}
.home-module--half{grid-column:span 6}
.home-module--third{grid-column:span 4}
.home-module .issue-contents,.home-module .current-issue,.home-module .latest-section{height:100%}
.issue-grid--grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.issue-grid--grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.latest-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.latest-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.latest-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.story-card--latest{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}
.story-card--latest .story-card__media{position:relative;height:210px;flex:0 0 210px}
.story-card--latest .story-card__copy{position:static;display:block;min-height:150px;padding:18px 0 25px;color:var(--ink)}
.story-card--latest .story-card__copy>div{color:#4d4f52}
.latest-section{overflow:visible;padding-bottom:70px}
.statement-section{height:100%;min-height:320px;padding:clamp(45px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.statement-section>p{margin:0;color:var(--red);font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.statement-section h2{max-width:900px;margin:16px 0 22px;font:700 clamp(38px,5vw,78px)/.95 var(--serif)}
.statement-section>div{max-width:760px;font:italic 19px/1.6 var(--serif)}
.statement-section>a{width:max-content;margin-top:28px;border-bottom:1px solid;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.statement-section--dark{background:var(--navy);color:white}
.statement-section--red{background:var(--red);color:white}
.statement-section--red>p{color:var(--navy)}
@media(max-width:1150px){
  .site-header{grid-template-columns:minmax(275px,1fr) auto 150px;gap:20px}
  .brand img{width:190px;height:48px}.brand span{font-size:7px;padding-left:13px;letter-spacing:1.7px}
  .main-nav{gap:18px}.main-nav>a{font-size:9px}
  .latest-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto auto}
  .brand img{width:170px;height:42px}.brand span{font-size:6px}
  .home-module--half,.home-module--third{grid-column:1/-1}
  .issue-grid--grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .latest-grid--3,.latest-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .brand{gap:9px}.brand img{width:142px;height:38px}.brand span{display:none}
  .issue-grid--grid-2,.issue-grid--grid-3,.latest-grid--2,.latest-grid--3,.latest-grid--4{grid-template-columns:1fr}
  .statement-section{min-height:270px;padding:48px 24px}.statement-section h2{font-size:39px}
}

/* Version 202: the masthead belongs to the artwork instead of sitting above it. */
.site-header{
  height:88px;
  border-bottom:0;
  background:transparent;
  box-shadow:none;
}
.home-page .site-header,.publication-page .site-header{
  position:absolute;
  inset:0 0 auto;
  z-index:60;
  background:linear-gradient(180deg,rgba(247,244,237,.72) 0%,rgba(247,244,237,.40) 62%,rgba(247,244,237,0) 100%);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.main-nav>a{height:88px}
.main-nav>a[href="https://vasyl.win"]{color:#c82f23}
.main-nav>a[href="https://vasyl.win"]:after{background:var(--red)}
.home-page .issue-cover{height:min(760px,100svh);min-height:640px}
.home-page .issue-cover__image{object-position:center 6%}
.publication-page .article-hero>img[src*="visnyk-1999"]{object-position:center 9%}
.article-body figure img[src*="visnyk-1999"]{width:auto;max-height:1320px;margin:0 auto;object-fit:contain;box-shadow:0 18px 55px rgba(7,17,29,.18)}

/* Fixed, translucent inter-site switcher. It stays light until the reader uses it. */
.ecosystem-dock{z-index:70}
.ecosystem-dock>button{
  width:46px;
  padding:10px 0;
  background:rgba(250,250,247,.58);
  border-color:rgba(255,255,255,.48);
  box-shadow:0 8px 24px rgba(0,0,0,.07);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:background .2s ease,box-shadow .2s ease;
}
.ecosystem-dock>button:hover,.ecosystem-dock.open>button{background:rgba(250,250,247,.94);box-shadow:0 10px 28px rgba(0,0,0,.15)}
.ecosystem-dock nav{background:rgba(11,23,39,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ecosystem-dock.open nav{width:142px}

@media(max-width:1250px) and (min-width:901px){
  .site-header{grid-template-columns:minmax(230px,1fr) auto 120px;gap:14px;padding-left:30px;padding-right:30px}
  .brand img{width:175px;height:44px}.brand span{display:none}
  .main-nav{gap:13px}.main-nav>a{font-size:8.5px;letter-spacing:.8px}
  .language-nav{gap:7px}
}
@media(max-width:900px){
  .site-header{height:72px;padding:0 20px}
  .home-page .site-header,.publication-page .site-header{background:linear-gradient(180deg,rgba(247,244,237,.80),rgba(247,244,237,.28) 75%,transparent)}
  .main-nav{top:72px;background:rgba(251,250,247,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .main-nav>a{height:auto}
  .home-page .issue-cover{height:100svh;min-height:680px}
  .home-page .issue-cover__image{object-position:59% 20%}
}
@media(max-width:560px){
  .site-header{padding:0 15px}
  .home-page .issue-cover__image{object-position:63% 18%}
  .ecosystem-dock{top:58%}.ecosystem-dock>button{width:38px;padding:8px 0}.ecosystem-dock.open nav{width:132px}
  .article-body figure img[src*="visnyk-1999"]{max-height:none;width:100%}
}


/* Version 203: readable UI typography. Small editorial labels remain compact, never microscopic. */
.brand span{font-size:11px}
.main-nav>a{font-size:12px;letter-spacing:1px}
.language-nav a{font-size:12px}
.kicker,.issue-cover__copy>a{font-size:12px!important}
.cover-locations,.issue-number,.issue-contents>p{font-size:11px}
.issue-contents small{font-size:10px}.issue-contents strong{font-size:16px}
.story-card__media>span,.story-card__copy>p,.text-link{font-size:10px}
.issue-caption{font-size:12px}
.ecosystem-dock small{font-size:9px;letter-spacing:1.1px}
.ecosystem-dock nav a{font-size:12px;line-height:1.35;padding:11px 9px}
.statement-section>p,.statement-section>a{font-size:11px}
.ask-page header>p,.contact-page>section>p,.archive-page>header>p,.category-hero>p,.platform-page>header>p,.topic-page>p,.book-page>p{font-size:11px}
.ask-page form label{font-size:12px}.ask-page form input,.ask-page form textarea{font-size:16px}.ask-page form button{font-size:12px}.ask-page .consent{font-size:13px;line-height:1.45}.answers article p,.answers article div{font-size:17px}
@media(max-width:1250px) and (min-width:901px){.main-nav>a{font-size:11px}.brand span{font-size:10px}.language-nav a{font-size:11px}}
@media(max-width:900px){.main-nav>a{font-size:13px}.language-nav a{font-size:12px}.ecosystem-dock nav a{font-size:12px}}

/* Version 204: Ask Me published answers as editorial flip cards. */
.answers{max-width:1040px;padding-top:32px;margin-top:18px}
.answers h2{margin:0 0 30px;font-size:30px;letter-spacing:-.3px}
.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.qa-card{min-width:0;perspective:1400px}
.qa-card__button{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;display:grid;grid-template:1fr/1fr;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.72,.2,1);outline-offset:5px}
.qa-card.is-flipped .qa-card__button{transform:rotateY(180deg)}
.qa-card__face{grid-area:1/1;min-height:260px;padding:30px 32px 28px;display:flex;flex-direction:column;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d4d0c7;box-shadow:0 16px 38px rgba(11,23,39,.08);overflow:hidden}
.qa-card__front{background:#fffdf8}
.qa-card__back{background:var(--navy);color:#f7f4ed;transform:rotateY(180deg);border-color:var(--navy)}
.qa-card__front:before,.qa-card__back:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--red) 0 22%,var(--blue) 22% 52%,var(--ink) 52%)}
.qa-card__back:before{background:linear-gradient(90deg,var(--blue) 0 48%,var(--red) 48% 70%,#f7f4ed 70%)}
.qa-card__eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;font-family:var(--sans);text-transform:uppercase;letter-spacing:1.5px}
.qa-card__eyebrow b{font-size:13px}.qa-card__eyebrow i{font:700 13px var(--serif);font-style:normal;opacity:.58}
.qa-card__question{font:italic 24px/1.45 var(--serif);max-width:90%;margin:auto 0}
.qa-card__answer{font:18px/1.7 var(--sans);max-width:95%;margin:auto 0;white-space:pre-wrap}
.qa-card__turn{align-self:flex-end;margin-top:30px;font:400 28px/1 var(--serif);opacity:.58;transition:transform .25s,opacity .25s}
.qa-card__button:hover .qa-card__turn,.qa-card__button:focus-visible .qa-card__turn{transform:rotate(25deg);opacity:1}
.qa-card__button:focus-visible{outline:3px solid var(--blue)}
@media (prefers-reduced-motion:reduce){.qa-card__button{transition:none}.qa-card__turn{transition:none}}
@media(max-width:760px){.qa-grid{grid-template-columns:1fr;gap:22px}.qa-card__face{min-height:230px;padding:26px 25px}.qa-card__question{font-size:22px}.qa-card__answer{font-size:17px}.answers h2{font-size:28px}}


/* Readability pass for journal secondary text */
.issue-card__dek,
.story-card__dek,
.editorial-card__dek,
.article-card__dek,
.note-card__dek,
.card__dek,
.card__summary,
.article-summary,
.story-summary,
.issue-summary,
p[class*="dek"],
p[class*="summary"] {
  font-size: 18px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 900px) {
  .issue-card__dek,
  .story-card__dek,
  .editorial-card__dek,
  .article-card__dek,
  .note-card__dek,
  .card__dek,
  .card__summary,
  .article-summary,
  .story-summary,
  .issue-summary,
  p[class*="dek"],
  p[class*="summary"] {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }
}


.story-card__copy>div{
  font: italic 18px/1.55 var(--serif) !important;
  color:#4d4f52;
}

.article-page .related,.article-page .related>div,.article-page .story-card--related,.article-page .story-card--related .story-card__copy{height:auto!important;min-height:0!important;overflow:visible!important}
.article-page .story-card--related .story-card__copy{position:static!important;padding-bottom:32px!important}

/* Version 205 mobile layout system — one coherent flow model for narrow screens. */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  #content,.home-modules,.home-module,.current-issue,.latest-section,.issue-contents,.statement-section{min-width:0}

  /* Grid modules must size from their content on narrow screens. */
  .home-modules{display:block!important;width:100%;height:auto!important;align-items:initial!important}
  .home-module{display:block!important;width:100%;height:auto!important;min-height:0!important;align-self:auto!important;overflow:visible!important}
  .home-module .issue-contents,
  .home-module .current-issue,
  .home-module .latest-section,
  .home-module .statement-section{height:auto!important;min-height:0!important;overflow:visible!important}

  .issue-grid,.issue-grid__right,.latest-grid,.category-grid,.related>div{height:auto!important;align-items:start!important}
  .story-card{min-width:0;max-width:100%}
  .story-card--latest,.story-card--standard,.story-card--wide,.story-card--related{height:auto!important;min-height:0!important;overflow:visible!important}
  .story-card--latest .story-card__copy,
  .story-card--standard .story-card__copy,
  .story-card--wide .story-card__copy,
  .story-card--related .story-card__copy{position:static!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:30px!important}
  .text-link{position:static!important;float:none!important;clear:both!important}

}

@media (max-width:560px){
  /* Mobile hero: use the portrait as a focal-point crop, not a centered desktop crop. */
  .home-page .issue-cover{height:100svh!important;min-height:680px!important;max-height:none!important}
  .home-page .issue-cover__image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:76% 18%!important}
  .home-page .issue-cover__copy{left:24px!important;right:24px!important;width:auto!important;bottom:54px!important}
  .home-page .issue-cover h1{max-width:360px}

  /* Mobile cards share one flow contract. No absolutely-positioned copy and no fixed
     card heights, so titles, summaries and READ links all contribute to document height. */
  .story-card--lead,
  .story-card--feature,
  .story-card--side,
  .story-card--latest,
  .story-card--standard,
  .story-card--wide,
  .story-card--related{position:relative!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;color:var(--ink)!important;background:transparent!important}

  .story-card--lead .story-card__media,
  .story-card--feature .story-card__media,
  .story-card--side .story-card__media,
  .story-card--latest .story-card__media,
  .story-card--standard .story-card__media,
  .story-card--wide .story-card__media,
  .story-card--related .story-card__media{position:relative!important;inset:auto!important;width:100%!important;height:clamp(230px,68vw,360px)!important;min-height:0!important;flex:0 0 auto!important}

  .story-card--lead .story-card__copy,
  .story-card--feature .story-card__copy,
  .story-card--side .story-card__copy,
  .story-card--latest .story-card__copy,
  .story-card--standard .story-card__copy,
  .story-card--wide .story-card__copy,
  .story-card--related .story-card__copy{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:18px 0 32px!important;color:var(--ink)!important;overflow:visible!important}

  .story-card--lead .story-card__copy>p,
  .story-card--feature .story-card__copy>p,
  .story-card--side .story-card__copy>p{display:block!important;color:var(--red)!important}
  .story-card--lead .story-card__copy>div,
  .story-card--feature .story-card__copy>div,
  .story-card--side .story-card__copy>div{display:block!important;color:#4d4f52!important}
  .story-card--lead .text-link,
  .story-card--feature .text-link,
  .story-card--side .text-link{display:inline-block!important;color:var(--ink)!important}
  .story-card--lead .story-card__copy h3,
  .story-card--feature .story-card__copy h3,
  .story-card--side .story-card__copy h3{font-size:clamp(27px,8vw,36px)!important;color:var(--ink)!important}

  /* Banner is also normal flow on phones. */
  .story-card--banner{display:block!important;height:auto!important;min-height:0!important;padding:20px!important;overflow:visible!important}
  .story-card--banner .story-card__copy{display:block!important;height:auto!important}
  .story-card--banner .text-link{display:inline-block!important;margin-top:14px!important}

  /* The cross-site switcher remains fixed, but becomes a compact corner control instead
     of a tall rail sitting over article titles and cards. */
  .ecosystem-dock{left:10px!important;top:auto!important;bottom:16px!important;transform:none!important;align-items:flex-end!important;z-index:70!important}
  .ecosystem-dock>button{width:40px!important;padding:8px 0!important;border-left:1px solid rgba(255,255,255,.48)!important;border-radius:9px!important}
  .ecosystem-dock>button span{margin-bottom:5px!important;font-size:18px!important}
  .ecosystem-dock>button i{margin:5px auto!important}
  .ecosystem-dock small{display:none!important}
  .ecosystem-dock nav{position:absolute!important;left:46px!important;bottom:0!important;max-height:70vh!important;overflow:auto!important;border-radius:9px!important}
  .ecosystem-dock.open nav{width:min(180px,calc(100vw - 72px))!important}

  .latest-section,.current-issue,.related{overflow:visible!important}
  .latest-grid,.issue-grid,.issue-grid__right,.related>div{overflow:visible!important}
}

/* Per-article typography configured in VASYL Studio. */
.article-hero h1{font-size:clamp(32px,7vw,var(--article-title-size,100px))}.article-hero em{font-size:var(--article-subtitle-size,22px)}.article-body{font-size:var(--article-body-size,19px)}.article-body .article-deck{font-size:var(--article-excerpt-size,28px)}
@media(max-width:560px){.article-hero h1{font-size:min(50px,var(--article-title-size,50px))}.article-hero em{font-size:min(22px,var(--article-subtitle-size,17px))}.article-body{font-size:min(19px,var(--article-body-size,18px))}.article-body .article-deck{font-size:min(28px,var(--article-excerpt-size,23px))}}

/* Embedded media blocks configured in VASYL Studio. */
.article-body .media-embed{margin:55px -70px;padding:20px;background:#111923;color:#fff}.media-embed__title{display:block;margin:0 0 14px;font:800 20px/1.2 var(--cond);text-transform:uppercase;letter-spacing:.4px}.media-embed iframe{display:block;width:100%;border:0;background:#111923}.media-embed--soundcloud iframe{height:450px}.media-embed__video{position:relative;width:100%;aspect-ratio:16/9;background:#000}.media-embed__video iframe{position:absolute;inset:0;height:100%}.article-body .media-embed figcaption{margin:13px 0 0;color:#c7cbd1;font:italic 12px/1.5 var(--serif)}
@media(max-width:900px){.article-body .media-embed{margin:45px 0;padding:14px}}@media(max-width:560px){.media-embed--soundcloud iframe{height:360px}.media-embed__title{font-size:18px}}

.media-player-controls{display:flex;align-items:center;gap:8px;padding-top:12px}.media-player-controls button{border:1px solid #69717c;background:transparent;color:#fff;padding:9px 12px;font:800 11px/1 var(--sans);letter-spacing:1px;cursor:pointer}.media-player-controls button:hover,.media-player-controls button:focus-visible,.media-player-controls button.is-active{border-color:var(--red);background:var(--red)}.media-player-controls button:disabled{opacity:.45;cursor:not-allowed}.media-player-controls span{margin-left:auto;color:#aab2bd;font:700 10px/1 var(--sans);letter-spacing:1px}.creative-directory,.contact-social{display:flex;flex-wrap:wrap;gap:10px;margin:38px 0}.creative-directory a,.contact-social a{display:inline-block;border:1px solid currentColor;padding:11px 14px;font:800 12px/1 var(--sans);letter-spacing:.8px;text-transform:uppercase}.creative-directory a{color:var(--ink)}.contact-social a{color:inherit}@media(max-width:560px){.media-player-controls{flex-wrap:wrap}.media-player-controls span{width:100%;margin:4px 0 0}.creative-directory,.contact-social{display:grid}.creative-directory a,.contact-social a{text-align:center}}

/* Version 206: related cards determine their real height. */
.article-page .related{display:flow-root!important;height:auto!important;min-height:0!important;overflow:visible!important}.article-page .related>div{display:grid!important;grid-auto-rows:max-content!important;align-items:start!important;height:auto!important;min-height:0!important;overflow:visible!important}.article-page .story-card--related{position:relative!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important}.article-page .story-card--related .story-card__media{position:relative!important;inset:auto!important;height:260px!important;min-height:260px!important;flex:0 0 260px!important}.article-page .story-card--related .story-card__copy{position:static!important;inset:auto!important;display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:18px 0 32px!important}
@media(max-width:560px){.article-page .story-card--related .story-card__media{height:clamp(230px,68vw,360px)!important;min-height:0!important;flex:0 0 auto!important}}

/* Footer on request: invisible on desktop until the pointer reaches the bottom edge. */
.footer-reveal{position:fixed;left:0;right:0;bottom:0;z-index:90;transform:translateY(calc(100% - 8px));transition:transform .24s ease;will-change:transform}
.footer-reveal:hover,.footer-reveal:focus-within{transform:translateY(0)}
.footer-hotspot{height:8px;background:transparent;outline:0}
.footer-hotspot:focus-visible{background:var(--red)}
.site-footer{min-height:110px;padding:30px clamp(40px,5vw,85px);background:#0d1724;color:#d9dde2;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:30px}
.site-footer>div{display:flex;flex-direction:column}.site-footer strong{font-size:22px}.site-footer span,.site-footer p{font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.site-footer p{margin:0;text-align:right;color:#89919c}
@media (hover:none),(pointer:coarse),(max-width:700px){.footer-reveal{position:relative;inset:auto;z-index:auto;transform:none;transition:none}.footer-hotspot{display:none}.site-footer{display:block;padding:32px 24px}.site-footer p{display:block;margin-top:18px;text-align:left}.site-footer>div span{font-size:10px}}

/* Version 207: the Music archive uses an even cover grid instead of one oversized lead card. */
.category-grid--music{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.category-grid--music .story-card--music{grid-column:auto;min-width:0}
.category-grid--music .story-card--music .story-card__media{height:auto;aspect-ratio:1/1;background:#111923}
.category-grid--music .story-card--music .story-card__media img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.category-grid--music{grid-template-columns:1fr}.category-grid--music .story-card--music .story-card__media{height:auto!important;min-height:0!important;aspect-ratio:1/1}}