:root{
  --ink:#080808;
  --muted:#655f59;
  --rule:#d7d2cc;
  --red:#bd2026;
  --serif:"Libre Caslon Text",Georgia,serif;
  --sans:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{display:block;width:100%}
.shell{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}

.topline{border-bottom:1px solid var(--rule)}
.topline__inner{height:44px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.topline__links{display:flex;gap:22px}

.masthead{text-align:center;padding:34px 0 28px}
.masthead__brand{display:inline-block;font:400 164px/.76 var(--serif);letter-spacing:-.085em}
.masthead__tagline{margin:16px 0 0;font:italic 24px var(--serif)}

.primary-nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.primary-nav__inner{min-height:54px;display:flex;justify-content:center;align-items:center;gap:42px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}

.kicker{margin:0 0 14px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.meta{margin:15px 0 0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

.lead{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;padding:66px 0 74px;border-bottom:1px solid var(--rule)}
.lead__image{min-height:560px;overflow:hidden}
.lead__image img{width:100%;height:100%;object-fit:cover}
.lead__copy{align-self:center}
.lead__copy h1{margin:0;font:400 88px/.93 var(--serif);letter-spacing:-.058em}
.lead__deck{max-width:38ch;margin:22px 0 0;color:#3e3934;font:23px/1.5 var(--serif)}
.lead__byline{margin:25px 0 0;font:18px var(--serif)}
.lead--text{display:block;text-align:center}
.lead--text .lead__copy{max-width:1080px;margin-inline:auto}
.lead--text .lead__copy h1{font-size:108px}
.lead--text .lead__deck{max-width:790px;margin:24px auto 0}

.launch{padding:96px 0 104px;text-align:center;border-bottom:1px solid var(--rule)}
.launch__eyebrow{margin:0 0 22px;color:var(--red);font:800 11px var(--sans);letter-spacing:.18em}
.launch h1{margin:0;font:400 132px/.84 var(--serif);letter-spacing:-.07em}
.launch__deck{margin:30px 0 0;font:italic 29px var(--serif)}

.mix{padding:66px 0 78px}
.mix__header{text-align:center;margin-bottom:44px}
.mix__header h2{margin:0;font:400 54px/.94 var(--serif);letter-spacing:-.04em}

.stories{display:grid;align-items:start}
.stories--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.story{min-width:0;padding:0 30px}
.story:first-child{padding-left:0}
.story:last-child{padding-right:0}
.story + .story{border-left:1px solid var(--rule)}
.story__image{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:20px}
.story__image img{width:100%;height:100%;object-fit:cover}
.story h3{margin:0;font:400 46px/1.02 var(--serif);letter-spacing:-.035em}
.story__excerpt{margin:15px 0 0;color:#48413c;font:20px/1.48 var(--serif)}
.story .meta,.story__byline{margin:18px 0 0;font:16px/1.3 var(--serif)}

.identity{text-align:center;padding:82px 0 92px}
.identity__top{margin-bottom:70px;border-top:1px solid var(--ink)}
.identity h2{max-width:1050px;margin:0 auto;font:400 88px/.9 var(--serif);letter-spacing:-.06em}
.identity p:not(.kicker){max-width:800px;margin:28px auto 0;font:22px/1.55 var(--serif)}
.identity a{display:inline-block;margin-top:26px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}

.page{padding-bottom:90px}
.page-header{padding:72px 0 46px;border-bottom:1px solid var(--ink)}
.page-header h1{margin:0;font:400 112px/.88 var(--serif);letter-spacing:-.067em}
.page-deck{max-width:760px;margin:20px 0 0;color:#45403b;font:23px/1.5 var(--serif)}
.page-copy{padding-top:48px}
.prose{max-width:770px;margin-inline:auto;font:21px/1.72 var(--serif)}
.prose h2{margin-top:44px;font:400 38px/1.1 var(--serif)}
.prose blockquote{margin-left:-24px;padding-left:22px;border-left:2px solid var(--red);font-size:30px;line-height:1.43}

.filters{display:flex;gap:22px;flex-wrap:wrap;padding:27px 0 34px;margin-bottom:46px;border-bottom:1px solid var(--rule)}
.filter{border:0;background:none;padding:0;color:var(--muted);font:700 10px var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.filter.is-active,.filter:hover{color:var(--ink)}
.filter-item.is-hidden{display:none}

.stories--listing{row-gap:68px}
.filter-item{min-width:0;padding:0 30px}
.filter-item:nth-child(3n+1){padding-left:0}
.filter-item:nth-child(3n){padding-right:0}
.filter-item:not(:nth-child(3n+1)){border-left:1px solid var(--rule)}
.filter-item .story{padding:0;border:0}
.stories--listing .story h3{font-size:49px}
.stories--listing .story__excerpt{font-size:21px}
.listing-empty,.empty-copy{padding:66px 0 90px;font:24px/1.5 var(--serif);color:var(--muted)}

.archive{padding-top:36px}
.archive-row{display:grid;grid-template-columns:125px 1fr 120px;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule)}
.archive-row strong{font:400 30px/1.12 var(--serif)}
.archive-row time,.archive-row em{color:var(--muted);font-size:10px;font-style:normal;letter-spacing:.1em;text-transform:uppercase}

.article-header{text-align:center;padding:78px 0 48px}
.article-header h1{max-width:1100px;margin:0 auto;font:400 102px/.92 var(--serif);letter-spacing:-.064em}
.article-deck{max-width:830px;margin:24px auto 0;color:#443e38;font:24px/1.5 var(--serif)}
.article-byline{margin:28px 0 0;font:20px var(--serif)}
.article-meta{display:flex;justify-content:center;gap:20px;margin-top:12px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.article-image{margin-bottom:48px}
.article-image img{max-height:760px;object-fit:cover}
.article-end{padding:40px 0 66px;border-bottom:1px solid var(--ink);text-align:center;font:italic 20px var(--serif)}

.editor-page{padding:70px 0 100px}
.editor-header{margin-bottom:42px;padding-bottom:30px;border-bottom:1px solid var(--ink)}
.editor-header h1{margin:0;font:400 92px/.9 var(--serif);letter-spacing:-.06em}
.editor-form{max-width:940px;display:grid;gap:22px}
.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.editor-form label{display:grid;gap:9px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.editor-form input,.editor-form select,.editor-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);outline:0;padding:11px 0;background:#fff;font:19px var(--serif)}
.editor-form textarea{border:1px solid var(--rule);padding:14px;resize:vertical}
.editor-form .checkbox{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:0;text-transform:none}
.editor-form .checkbox input{width:auto}
.editor-form button{justify-self:start;border:1px solid #000;background:#000;color:#fff;padding:14px 20px;font:800 10px var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}

.site-footer{border-top:1px solid var(--ink);padding:50px 0 28px}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px}
.footer-logo{font:400 58px/.9 var(--serif);letter-spacing:-.055em}
.footer-logo span{color:var(--red)}
.footer-brand p{margin:11px 0 0;color:var(--muted);font:italic 18px var(--serif)}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-col h2{margin:0 0 7px;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.footer-col a{font-size:14px}
.footer-bottom{display:flex;justify-content:space-between;margin-top:42px;padding-top:16px;border-top:1px solid var(--rule);color:var(--muted);font-size:9px;letter-spacing:.11em;text-transform:uppercase}

@media(max-width:1050px){
  .masthead__brand{font-size:140px}
  .lead__copy h1{font-size:72px}
  .lead--text .lead__copy h1{font-size:88px}
  .story h3,.stories--listing .story h3{font-size:40px}
}
@media(max-width:820px){
  .shell{width:calc(100% - 40px)}
  .lead{grid-template-columns:1fr}
  .lead__image{min-height:430px}
  .stories--3{grid-template-columns:1fr 1fr}
  .filter-item{padding:0 24px!important}
  .filter-item:nth-child(odd){padding-left:0!important;border-left:0}
  .filter-item:nth-child(even){padding-right:0!important;border-left:1px solid var(--rule)}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/3}
}
@media(max-width:620px){
  .shell{width:calc(100% - 24px)}
  .topline__links{display:none}
  .masthead__brand{font-size:25vw}
  .masthead__tagline{font-size:18px}
  .primary-nav__inner{justify-content:flex-start;gap:20px;overflow:auto}
  .launch{padding:65px 0 72px}
  .launch h1{font-size:65px}
  .launch__deck{font-size:22px}
  .lead{padding:44px 0 52px}
  .lead__copy h1,.lead--text .lead__copy h1{font-size:50px}
  .lead__deck{font-size:19px}
  .stories--3{grid-template-columns:1fr}
  .story,.filter-item{padding:0!important;border-left:0!important}
  .story + .story,.filter-item + .filter-item{margin-top:34px;padding-top:34px!important;border-top:1px solid var(--rule)}
  .story h3,.stories--listing .story h3{font-size:38px}
  .story__excerpt,.stories--listing .story__excerpt{font-size:18px}
  .identity h2{font-size:54px}
  .identity p:not(.kicker){font-size:19px}
  .page-header{padding-top:48px}
  .page-header h1{font-size:62px}
  .article-header h1{font-size:52px}
  .article-deck{font-size:20px}
  .archive-row{grid-template-columns:80px 1fr}
  .archive-row em{display:none}
  .editor-row{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}