/* A quiet reading grid, with the large masthead kept as the main typographic event. */
[data-design="editorial"] .feature-side { grid-column:1; grid-row:1; }
[data-design="editorial"] .feature-photo { grid-column:2; grid-row:1; }
@media(max-width:720px) {
  [data-design="editorial"] .feature-photo { grid-column:1; grid-row:2; }
}
html[data-design="magazine"] {
  --paper:#efefe7; --ink:#171813; --muted:#595b51; --line:#b6b8ab;
  --accent:#c33f27; --wash:#e3e4da; --signal:#ed542f;
  --page-gutter:clamp(20px,4vw,72px);
}
html[data-design="magazine"][data-tone="coal"] {
  --paper:#171813; --ink:#efefe7; --muted:#b9bbae; --line:#55594c;
  --accent:#ff8261; --wash:#25271f;
}
[data-design="magazine"] .site { width:100%; max-width:1800px; padding-inline:var(--page-gutter); }
[data-design="magazine"] .study-tools { padding-inline:var(--page-gutter); background:var(--paper); color:var(--muted); border-bottom:1px solid var(--line); font-size:11px; }
[data-design="magazine"] .study-switches { gap:12px; }
[data-design="magazine"] .study-switches button { color:var(--ink); border:0; padding-inline:12px; }
[data-design="magazine"] .study-switches button[aria-pressed="true"] { background:var(--ink); color:var(--paper); }
[data-design="magazine"] .home-language-toggle { border-color:var(--line); }
[data-design="magazine"] .header { min-height:74px; border-bottom:1px solid var(--ink); gap:24px; }
[data-design="magazine"] .identity { gap:16px; }
[data-design="magazine"] .identity span { font:12px/1.4 var(--sans); letter-spacing:.025em; }
[data-design="magazine"] nav { gap:clamp(18px,2.3vw,38px); }
[data-design="magazine"] nav a { font-size:14px; }
[data-design="magazine"] nav a span { display:none; }
[data-design="magazine"] .nav-active:before { width:5px; height:5px; }
[data-design="magazine"] .masthead { padding-top:17px; }
[data-design="magazine"] .masthead-kicker { font-size:12px; letter-spacing:.04em; }
[data-design="magazine"] .masthead h1 { display:flex; gap:.1em; margin:21px 0 24px -.008em; font-size:clamp(44px,10.7vw,188px); line-height:.85; letter-spacing:-.085em; }
[data-design="magazine"] .masthead h1 span { display:block; }
[data-design="magazine"] .masthead-foot { padding:12px 0; border-top:1px solid var(--line); border-bottom:3px solid var(--accent); font-size:12px; }
[data-design="magazine"] .jump-to-index { min-height:24px; }
[data-design="magazine"] .jump-to-index>span { display:none; }
[data-design="magazine"] .feature { grid-template-columns:minmax(0,2.15fr) minmax(260px,1fr); gap:36px; padding:30px 0 0; border:0; align-items:start; }
[data-design="magazine"] .feature-photo { padding:0; border:0; }
[data-design="magazine"] .feature-photo .photo-button { min-height:0; background:none; }
[data-design="magazine"] .feature-photo img { max-height:740px; }
[data-design="magazine"] .feature-photo figcaption { font:12px/1.6 var(--sans); color:var(--muted); padding:12px 0 0; }
[data-design="magazine"] .feature-side { padding:4px 0 0; min-height:100%; }
[data-design="magazine"] .feature-number { font:12px/1.4 var(--mono); gap:8px; color:var(--muted); }
[data-design="magazine"] .feature-number>span:first-child { font:inherit; color:var(--accent); }
[data-design="magazine"] .feature-number .slash { font:inherit; color:var(--muted); }
[data-design="magazine"] .feature-title-wrap { padding:25px 0 24px; }
[data-design="magazine"] .feature-en { max-width:none; font:12px/1.5 var(--sans); letter-spacing:.025em; text-transform:none; margin-bottom:12px; }
[data-design="magazine"] .feature h2 { font-size:clamp(36px,4.5vw,76px); letter-spacing:-.055em; line-height:1.15; overflow-wrap:normal; }
html[lang="en"][data-design="magazine"] .feature h2 { font-size:clamp(30px,3.7vw,64px); letter-spacing:-.05em; }
[data-design="magazine"] .feature h2 span { margin:0; font-size:inherit; }
[data-design="magazine"] .feature-bottom { margin-top:0; }
[data-design="magazine"] .feature-bottom>p { font:17px/1.85 var(--sans); margin:0 0 24px; max-width:30em; }
[data-design="magazine"] .feature-meta { font:12px/1.5 var(--mono); padding-bottom:14px; }
[data-design="magazine"] .series-link { font-size:15px; border-color:var(--ink); padding-top:10px; }
[data-design="magazine"] .series-link span { font-size:23px; }
[data-design="magazine"] .project-stepper { border:0; border-top:1px solid var(--line); margin-top:22px; }
[data-design="magazine"] .project-stepper button { font:12px/1.4 var(--sans); text-align:left; }
[data-design="magazine"] .project-stepper button+button { border:0; text-align:right; }
[data-design="magazine"] .opening { padding:64px 0 80px; }
[data-design="magazine"] .section-label { padding:14px 0; margin-bottom:30px; border-top:1px solid var(--ink); }
[data-design="magazine"] .section-label h3 { font-size:15px; font-weight:600; }
[data-design="magazine"] .section-label>span { font:11px/1.5 var(--sans); letter-spacing:.04em; }
[data-design="magazine"] .opening-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 32px; align-items:center; }
[data-design="magazine"] .opening-grid figure { width:100%; padding:0; margin:0; grid-column:auto; }
[data-design="magazine"] .opening-grid figure[data-spread="wide"] { grid-column:1/-1; width:82%; justify-self:center; }
[data-design="magazine"] .opening-grid img { max-height:650px; object-position:center; }
[data-design="magazine"] .opening-grid figcaption { font:12px/1.6 var(--mono); margin-top:13px; }
[data-design="magazine"] .index { margin-inline:calc(-1 * var(--page-gutter)); padding:40px var(--page-gutter) 28px; color:var(--paper); background:var(--ink); border:0; }
[data-design="magazine"] .index-heading { padding-bottom:30px; }
[data-design="magazine"] .index h2 { font-size:40px; letter-spacing:-.045em; }
[data-design="magazine"] .index h2 span { font:12px/1 var(--sans); letter-spacing:.04em; margin-left:18px; }
[data-design="magazine"] .index-note { font:13px/1.6 var(--sans); }
[data-design="magazine"] .index-row { grid-template-columns:36px minmax(0,1fr) 112px 60px 70px 25px; gap:24px; min-height:118px; padding:20px 8px; border-color:color-mix(in srgb,var(--paper) 30%,transparent); color:inherit; }
[data-design="magazine"] .index-row[aria-pressed="true"] { background:color-mix(in srgb,var(--paper) 8%,transparent); box-shadow:inset 3px 0 0 var(--signal); }
[data-design="magazine"] .index-row:hover { background:color-mix(in srgb,var(--paper) 14%,transparent); }
[data-design="magazine"] .index-order { font:12px/1.5 var(--mono); padding:0 0 0 4px; }
[data-design="magazine"] .index-name { font-size:clamp(23px,2.4vw,38px); letter-spacing:-.03em; font-weight:600; }
[data-design="magazine"] .index-name small { font:12px/1.5 var(--sans); margin-top:9px; }
[data-design="magazine"] .index-thumb { width:112px; height:75px; }
[data-design="magazine"] .index-arrow { font-size:26px; }
[data-design="magazine"] .index-count small { font-size:11px; }
[data-design="magazine"] footer { padding:44px 0 30px; }
[data-design="magazine"] .footer-mark { font-size:72px; letter-spacing:-.06em; gap:24px; }
[data-design="magazine"] .footer-mark span { font-size:34px; }
[data-design="magazine"] footer>div { font:12px/1.6 var(--sans); }
[data-design="magazine"] footer>a:last-child { font-size:13px; }
@media(max-width:1050px) {
  [data-design="magazine"] .identity span { display:none; }
  [data-design="magazine"] .feature { gap:26px; grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr); }
  [data-design="magazine"] .index-row { grid-template-columns:28px minmax(0,1fr) 90px 50px 55px 24px; gap:16px; }
  [data-design="magazine"] .index-thumb { width:90px; }
}
@media(max-width:720px) {
  html[data-design="magazine"] { --page-gutter:18px; }
  [data-design="magazine"] .study-tools { flex-wrap:wrap; gap:0; }
  [data-design="magazine"] .study-tools>span { padding-block:6px; font-size:10px; }
  [data-design="magazine"] .study-switches { gap:4px; }
  [data-design="magazine"] .study-switches button { padding-inline:9px; font-size:11px; min-height:38px; }
  [data-design="magazine"] .home-language-toggle { min-height:38px; min-width:34px; }
  [data-design="magazine"] .header { min-height:0; padding-top:14px; gap:10px; }
  [data-design="magazine"] .identity span { display:block; font-size:12px; }
  [data-design="magazine"] .header nav { width:100%; gap:0; margin:0; }
  [data-design="magazine"] .header nav a { padding:10px 5px; min-height:42px; justify-content:flex-start; font-size:13px; border:0; }
  [data-design="magazine"] .nav-active:before { display:none; }
  [data-design="magazine"] .nav-active { color:var(--accent); }
  [data-design="magazine"] .masthead { padding-top:13px; }
  [data-design="magazine"] .masthead-kicker { font-size:10px; }
  [data-design="magazine"] .masthead h1 { font-size:10.3vw; margin:20px 0; }
  [data-design="magazine"] .masthead-foot { font-size:11px; padding-block:7px; }
  [data-design="magazine"] .feature { display:flex; flex-direction:column; padding-top:22px; gap:25px; }
  [data-design="magazine"] .feature-photo { width:100%; }
  [data-design="magazine"] .feature-photo img { max-height:520px; }
  [data-design="magazine"] .feature-photo figcaption { font-size:12px; }
  [data-design="magazine"] .feature-side { display:block; width:100%; padding:0; }
  [data-design="magazine"] .feature-title-wrap { padding:15px 0 18px; }
  [data-design="magazine"] .feature h2 { font-size:42px; }
  [data-design="magazine"] .feature h2 span { display:inline; margin-left:.12em; }
  html[lang="en"][data-design="magazine"] .feature h2 { font-size:34px; }
  html[lang="en"][data-design="magazine"] .feature h2 span { display:block; margin:0; }
  [data-design="magazine"] .feature-bottom { display:block; }
  [data-design="magazine"] .feature-bottom>p { font-size:16px; line-height:1.85; max-width:none; margin-bottom:22px; }
  [data-design="magazine"] .feature-meta { font-size:12px; }
  [data-design="magazine"] .project-stepper { margin-top:16px; }
  [data-design="magazine"] .opening { padding:38px 0 46px; }
  [data-design="magazine"] .section-label { gap:10px; margin-bottom:19px; }
  [data-design="magazine"] .section-label>span { font-size:10px; }
  [data-design="magazine"] .opening-grid { grid-template-columns:1fr; gap:30px; }
  [data-design="magazine"] .opening-grid figure[data-spread="wide"] { width:100%; }
  [data-design="magazine"] .opening-grid figure[data-layout="portrait"] { width:82%; justify-self:center; }
  [data-design="magazine"] .opening-grid img { max-height:560px; }
  [data-design="magazine"] .index { padding-top:30px; }
  [data-design="magazine"] .index h2 { font-size:30px; }
  [data-design="magazine"] .index-note { font-size:12px; margin-top:14px; }
  [data-design="magazine"] .index-row { grid-template-columns:22px minmax(0,1fr) 43px 19px; gap:11px; padding:21px 8px; }
  [data-design="magazine"] .index-name { font-size:23px; line-height:1.25; }
  [data-design="magazine"] .index-name small { font-size:12px; }
  [data-design="magazine"] .index-thumb,[data-design="magazine"] .index-year { display:none; }
  [data-design="magazine"] footer { padding-top:34px; align-items:center; }
  [data-design="magazine"] .footer-mark { font-size:54px; }
}
@media(max-width:360px) {
  [data-design="magazine"] .study-switches { gap:0; }
  [data-design="magazine"] .study-switches button { padding-inline:6px; font-size:10px; }
  [data-design="magazine"] .home-language-toggle { min-width:30px; font-size:11px; }
}