@charset "utf-8";
:root{--paper:#eceae4;--ink:#151515;--red:#a51d18;--line:#b7b3aa;--serif:"Iowan Old Style","YuMincho","Hiragino Mincho ProN",Georgia,serif;--sans:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans)}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px}.skip-link:focus{left:8px}::selection{background:var(--red);color:white}
.cover{padding:0 clamp(18px,4.5vw,74px);border-bottom:1px solid var(--ink)}.cover-top,.cover-bottom{display:flex;justify-content:space-between;gap:10px;padding:17px 0;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.18em}.cover-top{border-bottom:1px solid var(--ink)}.cover-bottom{border-top:1px solid var(--ink)}.cover-grid{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);min-height:min(770px,70vw)}.cover-copy{display:flex;flex-direction:column;align-items:start;padding:clamp(38px,5vw,84px) 28px clamp(30px,3vw,50px) 0}.cover-kicker,.section-label{margin:0;color:var(--red);font-size:10px;font-weight:700;letter-spacing:.2em}.cover h1{margin:auto 0 0;font-family:var(--serif);font-size:clamp(68px,7vw,128px);font-weight:500;letter-spacing:-.095em;line-height:1.08;white-space:nowrap}.cover-deck{margin:clamp(25px,4vw,58px) 0 0;font-family:var(--serif);font-size:clamp(18px,1.8vw,28px);line-height:1.6}.cover-cta{display:flex;width:min(280px,100%);justify-content:space-between;margin-top:auto;padding:18px 2px 10px;border-bottom:2px solid var(--ink);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none}.cover-cta:hover,.work-link:hover{color:var(--red)}.cover-photo{align-self:stretch;margin:0;position:relative;min-height:0;overflow:hidden;background:#333}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.cover-photo figcaption{position:absolute;right:13px;bottom:13px;padding:6px 8px;background:rgba(236,234,228,.9);font-size:8px;font-weight:700;letter-spacing:.16em}
article{overflow:hidden}.opening,.essay,.turn,.closing{padding:clamp(70px,9vw,140px) clamp(18px,7vw,118px)}.opening{border-bottom:1px solid var(--ink)}.opening-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);gap:clamp(30px,6vw,100px);align-items:end}.opening h2{margin:38px 0 0;font-family:var(--serif);font-size:clamp(42px,6.8vw,112px);font-weight:500;line-height:1.15;letter-spacing:-.085em}.opening-side p:first-child{font-family:var(--serif);font-size:clamp(15px,1.5vw,21px);line-height:2}.source{margin-top:32px;font-family:var(--sans)!important;font-size:10px!important;font-weight:700;line-height:1.6!important;letter-spacing:.12em;color:#665f57}
.essay{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(50px,7vw,130px);background:#f9f8f4}.essay h2,.turn h2,.closing h2{margin:35px 0;font-family:var(--serif);font-size:clamp(42px,4.5vw,75px);font-weight:500;line-height:1.2;letter-spacing:-.07em}.essay-body{max-width:600px}.essay-body>p:first-child,.turn>div>p:not(.source){font-family:var(--serif);font-size:18px;line-height:1.8}.essay blockquote,.turn blockquote,.closing blockquote{margin:40px 0 0;font-family:var(--serif);font-size:clamp(19px,2vw,27px);line-height:2.05;letter-spacing:-.025em}.essay blockquote strong{font-size:clamp(35px,3.5vw,56px);font-weight:500;white-space:nowrap}
.turn{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(50px,7vw,130px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.turn h2{margin-top:0}.turn blockquote{font-size:clamp(17px,1.6vw,23px)}
.closing{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(50px,7vw,130px);background:#1b1b1b;color:#eeeae3}.closing .section-label{color:#d05a4d}.closing h2{margin-top:0}.closing blockquote{font-size:clamp(17px,1.6vw,23px)}.closing .source{color:#bcb6ac}.editorial-line{max-width:560px;margin-top:70px;padding-top:32px;border-top:1px solid #79766f;font-family:var(--serif);font-size:21px;line-height:1.9}.work-link{display:flex;width:min(420px,100%);justify-content:space-between;margin-top:34px;padding:16px 0;border-bottom:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none}.editorial-note{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(50px,7vw,130px);padding:40px clamp(18px,7vw,118px) 80px;background:#f9f8f4}.editorial-note p{font-size:10px;font-weight:700;letter-spacing:.18em}.editorial-note span{max-width:630px;font-family:var(--serif);font-size:14px;line-height:1.9;color:#625e58}
.footer{display:flex;justify-content:space-between;gap:20px;padding:40px clamp(18px,7vw,118px);border-top:1px solid var(--ink);font-size:9px;font-weight:700;letter-spacing:.14em}.footer span:first-child{font-family:var(--serif);font-size:22px;letter-spacing:-.04em}.footer i{font-size:12px;font-weight:400;color:var(--red)}.footer a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}
@media(max-width:900px){.cover{padding:0 16px}.cover-top,.cover-bottom{font-size:8px}.cover-grid{display:flex;flex-direction:column}.cover-copy{order:2;min-height:400px;padding:28px 0 32px}.cover-kicker{font-size:9px}.cover h1{font-size:clamp(49px,12vw,84px);white-space:normal}.cover-deck{font-size:18px;margin-top:28px}.cover-cta{margin-top:45px}.cover-photo{order:1;height:clamp(370px,94vw,670px)}.cover-photo img{object-position:center}.opening,.essay,.turn,.closing{padding:70px 20px 84px}.opening-grid,.essay,.turn,.closing,.editorial-note{display:block}.opening h2{font-size:clamp(42px,11vw,68px);line-height:1.22}.opening-side{margin-top:48px}.opening-side p:first-child{font-size:16px}.essay h2,.turn h2,.closing h2{font-size:clamp(39px,10vw,60px)}.essay-body{margin-top:55px}.essay blockquote,.turn blockquote,.closing blockquote{font-size:19px}.essay blockquote strong{font-size:38px}.turn>div,.closing>div{margin-top:42px}.editorial-line{font-size:18px}.editorial-note{padding:36px 20px 68px}.editorial-note span{display:block;margin-top:24px}.footer{display:block;padding:36px 20px}.footer span{display:block;margin-bottom:16px}.footer a{display:flex;min-height:44px;align-items:center;margin-bottom:0}}
@media(max-width:380px){.cover h1{font-size:46px}.opening h2{font-size:40px}.essay blockquote strong{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
