@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Libre+Caslon+Display&family=Libre+Franklin:wght@300;400;500;600&display=swap');

:root{--ink:#191713;--paper:#f4f0e7;--warm:#b87736;--line:rgba(25,23,19,.18);--serif:"Libre Caslon Display",Georgia,serif;--sans:"Libre Franklin",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}

.home{min-height:100svh;background:#ecebe7;background-image:radial-gradient(rgba(0,0,0,.035) .6px,transparent .7px);background-size:5px 5px;display:flex;flex-direction:column}
.site-head{height:78px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.wordmark{font-family:var(--serif);font-size:20px;letter-spacing:.02em}.newsstand{width:min(1320px,100%);margin:auto;padding:clamp(34px,5vw,76px);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);align-items:center;gap:clamp(40px,8vw,130px)}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;margin:0 0 26px}.issue-copy h1{font:400 clamp(48px,6vw,92px)/.96 var(--serif);letter-spacing:-.035em;margin:0 0 30px}.issue-copy h1 em{font-weight:400;color:#805127}.intro{max-width:520px;font:300 clamp(17px,1.5vw,22px)/1.55 var(--sans);margin:0 0 38px}.open-button{display:inline-flex;align-items:center;gap:38px;border-bottom:1px solid var(--ink);padding:0 0 9px;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:600}.open-button span{font-size:18px;transition:transform .2s}.open-button:hover span{transform:translateX(6px)}.reading-note{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6c665e;margin-top:22px}
.cover-wrap{justify-self:center;display:grid;place-items:center;gap:20px;perspective:1300px}.cover-object{position:relative;margin:0;width:min(41vw,460px);aspect-ratio:983/1536;transform:rotateY(-5deg) rotateX(1deg);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(18px 24px 22px rgba(31,25,17,.24))}.cover-object:before{content:"";position:absolute;z-index:-1;inset:4px -9px 4px 5px;background:repeating-linear-gradient(90deg,#ded8ca 0 1px,#f8f5ed 1px 2px);transform:translateZ(-8px)}.cover-object img{width:100%;height:100%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.cover-edge{position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(255,255,255,.22),transparent);mix-blend-mode:multiply}.cover-wrap:hover .cover-object{transform:rotateY(0) translateY(-7px)}.tap-label{font-size:10px;letter-spacing:.2em;font-weight:600}.home-foot{min-height:58px;margin-top:auto;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:500 9px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}

.reader-body{height:100svh;overflow:hidden;background:#171512;color:#eee9df}.reader-head{height:64px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:30}.reader-head a,.contents-button,.share-button{color:#eee9df;background:none;border:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.back-link span{margin-left:6px}.reader-title{font:400 17px/1 var(--serif);letter-spacing:.05em}.reader-title small{font:500 8px/1 var(--sans);letter-spacing:.15em;margin-left:12px;text-transform:uppercase;color:#aaa398}.reader-actions{justify-self:end;display:flex;align-items:center;gap:20px}.share-button{color:#aaa398}
.reader-stage{height:calc(100svh - 112px);display:grid;grid-template-columns:58px 1fr 58px;align-items:center}.book-shell{height:100%;display:grid;place-items:center;perspective:2500px;overflow:visible}.book{--pw:min(39vw,520px);--ph:min(calc(100svh - 155px),calc(var(--pw)*1.414));width:calc(var(--pw)*2);height:var(--ph);position:relative;transform:translateX(calc(var(--pw)/2 * -1));transition:transform .5s}.book.started{transform:none}.sheet{position:absolute;width:var(--pw);height:100%;left:50%;top:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.65,.25,1);box-shadow:4px 8px 18px rgba(0,0,0,.18)}.sheet.flipped{transform:rotateY(-180deg)}.paper-page{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper);color:var(--ink);overflow:hidden}.paper-page.back{transform:rotateY(180deg)}.paper-page:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 28px rgba(66,50,30,.075)}.sheet:not(.flipped) .front:before,.sheet.flipped .back:before{content:"";position:absolute;z-index:10;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,rgba(0,0,0,.14),transparent);pointer-events:none}.turn-control{width:42px;height:70px;background:transparent;border:1px solid rgba(255,255,255,.18);color:#eee9df;font:300 38px/1 var(--sans);cursor:pointer;border-radius:40px;justify-self:center;transition:.2s;z-index:20}.turn-control:hover{background:#eee9df;color:#171512}.turn-control:disabled{opacity:.18;cursor:default}.reader-foot{height:48px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#aaa398}.progress-track{height:1px;background:rgba(255,255,255,.18);max-width:180px}.progress-track span{display:block;height:1px;width:6.25%;background:#eee9df;transition:width .45s}.hint{justify-self:end}

.mag-page{height:100%;position:relative;background:#f3efe5}.mag-page .folio{position:absolute;z-index:4;bottom:18px;font:500 8px/1 var(--sans);letter-spacing:.16em}.mag-page .folio.left{left:22px}.mag-page .folio.right{right:22px}.cover-page img,.back-cover img,.full-image img{width:100%;height:100%;object-fit:cover;display:block}.cover-page:after,.back-cover:after,.full-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18))}.cover-page .cover-overlay{position:absolute;z-index:3;inset:auto 7% 5%;display:flex;justify-content:space-between;color:#fff;font-size:7px;letter-spacing:.15em;text-transform:uppercase}
.editorial{padding:9% 9% 8%;display:grid;grid-template-rows:auto auto auto 1fr;align-content:start}.section-label{font-size:7px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.editorial h2,.essay h2,.image-story h2{font:400 clamp(29px,3vw,47px)/.98 var(--serif);letter-spacing:-.03em;margin:8% 0 5%}.editorial .dek,.essay .dek{font:300 12px/1.45 var(--sans);max-width:86%;margin:0 0 7%}.columns{columns:2;column-gap:8%;column-rule:1px solid rgba(0,0,0,.13);font:300 clamp(8px,.75vw,10.5px)/1.58 var(--sans);align-self:start}.columns p{margin:0 0 1em}.dropcap:first-letter{float:left;font:400 46px/.8 var(--serif);padding:5px 7px 0 0}.contents-grid{display:grid;grid-template-columns:1fr 1fr;gap:6% 8%;align-content:start;margin-top:4%}.toc-item{border-top:1px solid var(--ink);padding-top:8px}.toc-item b{display:block;font:400 18px/1.08 var(--serif);margin-bottom:4px}.toc-item span{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#756d62}
.essay{padding:9%;display:flex;flex-direction:column}.essay .hero-number{font:400 clamp(76px,9vw,130px)/.75 var(--serif);color:#c89a67;margin:7% 0 10%}.pullquote{margin:auto 0;font:400 clamp(25px,2.7vw,42px)/1.08 var(--serif);letter-spacing:-.02em}.pullquote:before{content:"“";color:var(--warm)}.signature{font-size:8px;letter-spacing:.15em;text-transform:uppercase;margin-top:9%}.image-story{color:#fff}.image-story>img{width:100%;height:100%;object-fit:cover;display:block}.image-story .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 20%,rgba(0,0,0,.82) 100%)}.image-story .story-copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:22% 7% 7%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.58) 42%,rgba(0,0,0,.78))}.image-story h2{font-size:clamp(31px,3.4vw,51px);margin:0 0 12px}.image-story p{font:300 10px/1.5 var(--sans);max-width:92%;margin:0;text-shadow:0 1px 12px rgba(0,0,0,.3)}.image-story .kicker{font-size:7px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:11px}.split-story{display:grid;grid-template-rows:58% 42%}.split-story .photo{position:relative;overflow:hidden}.split-story .photo img{width:100%;height:100%;object-fit:cover}.split-story .copy{padding:7% 8%;display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-content:start}.split-story h2{font:400 clamp(25px,2.6vw,40px)/1 var(--serif);margin:0}.split-story p{font:300 9px/1.5 var(--sans);margin:0}.duo{display:grid;grid-template-rows:1fr 1fr;gap:3px;background:#fff}.duo figure{margin:0;position:relative;overflow:hidden}.duo img{width:100%;height:100%;object-fit:cover}.duo figcaption{position:absolute;left:14px;bottom:12px;background:rgba(243,239,229,.92);padding:6px 8px;color:#27231d;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.quote-page{background:#ac6b32;color:#fbf6ec;padding:10%;display:flex;flex-direction:column;justify-content:space-between}.quote-page h2{font:400 clamp(39px,4.7vw,70px)/.94 var(--serif);letter-spacing:-.035em;margin:0}.quote-page p{font:300 11px/1.55 var(--sans);max-width:88%}.quote-page .rule{width:44px;height:1px;background:#fff;margin:14% 0}.back-cover .end-copy{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:12%;background:rgba(0,0,0,.25)}.back-cover h2{font:400 clamp(38px,4vw,64px)/1 var(--serif);margin:0 0 18px}.back-cover p{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.back-cover .url{position:absolute;bottom:5%;font-size:8px;letter-spacing:.2em}.end-button{margin-top:22px;border:1px solid rgba(255,255,255,.75);padding:10px 16px;font-size:8px;letter-spacing:.16em;text-transform:uppercase}

.mobile-page{display:none}.page-drawer{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(390px,88vw);background:#eee9df;color:#1a1713;transform:translateX(101%);transition:transform .35s;overflow:auto;padding:22px}.page-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b8b1a7;padding-bottom:18px;margin-bottom:18px}.drawer-head strong{font:400 24px var(--serif)}.drawer-head button{border:0;background:none;font-size:28px;cursor:pointer}.thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:12px}.thumb{border:0;background:#ddd6ca;padding:0;cursor:pointer;text-align:left}.thumb-preview{aspect-ratio:1/1.414;overflow:hidden;background:#ddd}.thumb-preview .mag-page{width:520px;height:735px;transform:scale(.29);transform-origin:top left;pointer-events:none}.thumb span{display:block;padding:8px;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.drawer-shade{position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.3s}.drawer-shade.open{opacity:1;pointer-events:auto}

@media(max-width:760px){.site-head{height:62px;padding:0 18px}.site-head span{display:none}.newsstand{display:flex;flex-direction:column-reverse;padding:34px 22px 28px;gap:36px}.cover-object{width:min(76vw,360px);transform:rotateY(-4deg)}.issue-copy{width:100%}.issue-copy h1{font-size:45px;margin-bottom:20px}.intro{font-size:15px;margin-bottom:26px}.home-foot{padding:0 18px;min-height:52px}.home-foot span:last-child{display:none}
.reader-head{height:54px;padding:0 12px}.reader-head a,.contents-button,.share-button{font-size:9px}.reader-actions{gap:8px}.reader-title{font-size:13px}.reader-title small,.hint{display:none}.reader-stage{height:calc(100svh - 96px);grid-template-columns:28px 1fr 28px}.book{display:none}.book-shell{width:100%;overflow:hidden}.mobile-page{display:block;width:min(86vw,460px);aspect-ratio:1/1.414;position:relative;box-shadow:0 14px 34px rgba(0,0,0,.38);transform-origin:left center}.mobile-page .mag-page{position:absolute;inset:0}.mobile-page.turn-next{animation:mobileNext .48s ease}.mobile-page.turn-prev{animation:mobilePrev .48s ease}.turn-control{width:27px;height:55px;border:0;font-size:32px}.reader-foot{height:42px;padding:0 12px;grid-template-columns:1fr auto;gap:10px}.progress-track{max-width:none}.columns{font-size:8.8px;line-height:1.52}.editorial h2,.essay h2,.image-story h2{font-size:30px}.editorial .dek,.essay .dek{font-size:10px}.contents-grid{gap:5% 7%}.toc-item b{font-size:16px}.toc-item span,.section-label{font-size:7.5px}.pullquote{font-size:29px}.split-story h2{font-size:26px}.split-story p,.image-story p{font-size:9.5px;line-height:1.48}.image-story .kicker{font-size:7.5px}.quote-page p{font-size:10px}.quote-page h2{font-size:39px}}
@keyframes mobileNext{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(-72deg);opacity:.25}49%{transform:rotateY(72deg);opacity:.25}100%{transform:rotateY(0);opacity:1}}
@keyframes mobilePrev{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(72deg);opacity:.25}49%{transform:rotateY(-72deg);opacity:.25}100%{transform:rotateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.editorial.visual-footer{padding-bottom:38%}.editorial.visual-footer:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:31%;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.25)),var(--footer-image) center/cover no-repeat}.editorial.visual-footer .folio{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}
@media(max-width:760px){.editorial.visual-footer{padding-bottom:27%}.editorial.visual-footer:after{height:20%}.editorial.visual-footer h2{margin-top:6%;margin-bottom:4%}.editorial.visual-footer .dek{margin-bottom:4%}}
.mobile-page{color:var(--ink)}