/* The accepted radical direction is the default; the first study stays available. */
.home-language-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:42px;border-left:1px solid currentColor;font:700 12px var(--mono)}
.study-switches{display:flex;align-self:stretch;gap:22px}.designs{display:flex;align-self:stretch}.designs button{min-height:42px;padding:0 15px;border:0;background:transparent;color:inherit;font-size:12px}.designs button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}.designs button:focus-visible{outline-offset:-4px}.masthead-aside{display:none}

html[data-design="radical"]{--signal:#f04c28;--signal-ink:#11120f;--accent:#e64222;--paper:#efefe7;--ink:#11120f;--muted:#4f5149;--line:#11120f;--wash:#ddddd4;--page-gutter:28px}
html[data-design="radical"][data-tone="coal"]{--paper:#11120f;--ink:#efefe7;--muted:#b7baac;--line:#efefe7;--wash:#272922;--accent:#ff7651}
[data-design="radical"] .site{width:100%;max-width:none}
[data-design="radical"] .study-tools{padding-left:var(--page-gutter);padding-right:var(--page-gutter);background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
[data-design="radical"] .study-switches{gap:22px}
[data-design="radical"] .study-switches button{border-left:1px solid var(--line);color:var(--ink)}
[data-design="radical"] .study-switches button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
[data-design="radical"] .header{padding:0 var(--page-gutter);min-height:72px;border-bottom:0;gap:24px}
[data-design="radical"] .identity{font-size:32px;gap:24px}
[data-design="radical"] nav{gap:0;border-left:1px solid var(--line)}
[data-design="radical"] nav a{padding:0 24px;border-right:1px solid var(--line);font-weight:700;min-height:72px}
[data-design="radical"] nav a:hover{background:var(--ink);color:var(--paper)}
[data-design="radical"] .nav-active:before{width:9px;height:9px;background:var(--signal)}
[data-design="radical"] .masthead{position:relative;background:var(--ink);color:var(--paper);padding:18px var(--page-gutter) 0;isolation:isolate}
[data-design="radical"] .masthead-kicker{font-size:11px;letter-spacing:.08em}
[data-design="radical"] .masthead h1{position:relative;margin:34px 0 23px -.018em;font-size:clamp(96px,19.2vw,440px);line-height:.76;letter-spacing:-.092em;font-weight:900;white-space:normal;padding-bottom:.045em}
[data-design="radical"] .masthead h1 span{display:block;width:max-content;max-width:100%}
[data-design="radical"] .masthead h1 span+span{margin-top:.065em;margin-left:.32em}
[data-design="radical"] .masthead-aside{position:absolute;display:grid;grid-template-columns:1fr auto;gap:16px;right:4vw;bottom:84px;width:24%;align-items:end}
[data-design="radical"] .masthead-aside b{font-size:clamp(35px,5.4vw,105px);letter-spacing:-.09em;grid-column:1/-1;line-height:1;font-weight:900}
[data-design="radical"] .masthead-aside span{font-family:var(--mono);font-size:clamp(11px,1.25vw,22px);line-height:1.03;letter-spacing:-.035em}
[data-design="radical"] .masthead-aside i{font-style:normal;font-size:clamp(60px,8vw,145px);line-height:.8;color:var(--signal)}
[data-design="radical"] .masthead-foot{position:relative;background:var(--signal);color:var(--signal-ink);margin-inline:calc(-1 * var(--page-gutter));padding:14px var(--page-gutter);border:0;font-weight:700;font-size:12px}
[data-design="radical"] .masthead-foot>span:last-child>span{font-size:28px}
[data-design="radical"] .feature{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);padding:0;margin:0;border-bottom:0;gap:0;align-items:stretch;scroll-margin-top:0}
[data-design="radical"] .feature-side{grid-column:2;grid-row:1;padding:26px 30px 28px;border-left:2px solid var(--line)}
[data-design="radical"] .feature-photo{grid-column:1;grid-row:1;border:0;padding:28px var(--page-gutter) 0;align-self:center}
[data-design="radical"] .feature-photo .photo-button{min-height:0;background:none}
[data-design="radical"] .feature-photo img{max-height:760px}
[data-design="radical"] .feature-photo figcaption{font-size:12px;padding-top:18px;padding-bottom:26px}
[data-design="radical"] .feature-number{gap:14px;align-items:flex-end;line-height:.8}
[data-design="radical"] .feature-number>span:first-child{font-family:Arial,sans-serif;font-size:clamp(70px,10vw,180px);letter-spacing:-.1em;font-weight:900;line-height:.8;margin-left:-.045em}
[data-design="radical"] .feature-number .slash{font-size:27px;color:var(--accent);line-height:1}
[data-design="radical"] .feature-number>span:last-child{line-height:1.5;font-size:12px}
[data-design="radical"] .feature-title-wrap{padding:38px 0 28px}
[data-design="radical"] .feature-en{font-size:12px;letter-spacing:-.025em;max-width:30ch}
[data-design="radical"] .feature h2{font-size:clamp(48px,6.9vw,128px);line-height:1.04;letter-spacing:-.09em}
[data-design="radical"] .feature h2 span{margin-left:.38em}
[data-design="radical"] .feature-bottom>p{font-size:14px;line-height:1.8;max-width:28em;margin-bottom:30px}
[data-design="radical"] .feature-meta{font-size:12px}
[data-design="radical"] .series-link{margin-top:8px;border-top:3px solid var(--line);padding-top:14px;font-weight:700;font-size:16px}
[data-design="radical"] .series-link span{font-size:36px}
[data-design="radical"] .opening{padding:0 var(--page-gutter) 80px;border-top:2px solid var(--line)}
[data-design="radical"] .section-label{padding:18px 0;margin-bottom:26px;border-bottom:1px solid var(--line)}
[data-design="radical"] .section-label h3{font-size:17px;font-weight:700}
[data-design="radical"] .section-label>span{font-size:12px}
[data-design="radical"] .opening-grid{grid-template-columns:1.75fr 1fr;gap:48px 5vw}
[data-design="radical"] .opening-grid figure:nth-child(1){padding-top:0}
[data-design="radical"] .opening-grid figure:nth-child(2){padding-top:150px}
[data-design="radical"] .opening-grid figure:nth-child(3){grid-column:1/-1;width:68%;padding-top:0;margin-left:auto}
[data-design="radical"] .opening-grid img{max-height:680px}
[data-design="radical"] .opening-grid figcaption{font-size:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}
[data-design="radical"] .opening-grid figcaption>span:first-child{font-family:Arial,sans-serif;font-size:38px;font-weight:900;line-height:.85;letter-spacing:-.08em}
[data-design="radical"] .index{background:var(--ink);color:var(--paper);border:0;padding:38px var(--page-gutter) 28px}
[data-design="radical"] .index-heading{align-items:flex-end;padding-bottom:44px}
[data-design="radical"] .index h2{font-size:clamp(48px,8.7vw,155px);line-height:.98;letter-spacing:-.08em}
[data-design="radical"] .index h2 span{display:block;font-size:.45em;color:var(--signal);font-weight:700;margin:10px 0 0;letter-spacing:-.06em}
[data-design="radical"] .index-note{font-size:12px;line-height:1.6;max-width:16em}
[data-design="radical"] .index-row{grid-template-columns:7% minmax(0,1fr) 126px 64px 68px 48px;gap:24px;min-height:140px;border-top:1px solid var(--paper);padding:22px 12px;background:transparent;color:var(--paper)}
[data-design="radical"] .index-row:last-child{border-bottom:1px solid var(--paper)}
[data-design="radical"] .index-row[aria-pressed="true"]{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}
[data-design="radical"] .index-row:hover{background:var(--paper);color:var(--ink)}
[data-design="radical"] .index-order{font:700 clamp(18px,3.1vw,48px)/1 Arial,sans-serif;letter-spacing:-.08em;padding:0}
[data-design="radical"] .index-name{font-size:clamp(25px,3.65vw,64px);line-height:1.15;font-weight:900;overflow-wrap:anywhere;transition:transform .12s}
[data-design="radical"] .index-name small{font-size:12px;font-weight:400;margin-top:11px}
[data-design="radical"] .index-row:hover .index-name{transform:translateX(5px)}
[data-design="radical"] .index-arrow{font-size:48px}
[data-design="radical"] .index-thumb{width:120px;height:88px}
[data-design="radical"] .index-count small{font-size:11px}
[data-design="radical"] footer{padding:42px var(--page-gutter) 36px;align-items:flex-end;gap:24px}
[data-design="radical"] .footer-mark{font-size:clamp(90px,20vw,310px);letter-spacing:-.13em;gap:40px;line-height:.92}
[data-design="radical"] .footer-mark span{color:var(--accent);font-weight:700}

@media(min-width:2200px){[data-design="radical"] .masthead-aside{right:10%;width:27%}}
@media(max-width:1100px){
  html[data-design="radical"]{--page-gutter:20px}
  [data-design="radical"] .identity{font-size:27px;gap:15px}
  [data-design="radical"] nav a{padding-inline:16px}
  [data-design="radical"] .feature{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  [data-design="radical"] .feature-side{padding:22px}
  [data-design="radical"] .feature-title-wrap{padding-top:28px}
  [data-design="radical"] .feature-bottom>p{font-size:13px}
  [data-design="radical"] .index-row{grid-template-columns:6% minmax(0,1fr) 92px 52px 58px 40px;gap:16px}
  [data-design="radical"] .index-thumb{width:90px;height:70px}
  [data-design="radical"] .opening-grid figure:nth-child(2){padding-top:90px}
}
@media(max-width:720px){
  .study-switches{gap:10px}.designs button{padding:0 9px;font-size:11px}.tones button{padding:0 9px;font-size:11px}
  html[data-design="radical"]{--page-gutter:16px}
  [data-design="radical"] .study-tools{gap:10px;font-size:10px}
  [data-design="radical"] .study-switches{gap:10px}
  [data-design="radical"] .header{min-height:102px;padding-top:17px;gap:10px;align-items:stretch}
  [data-design="radical"] .identity{font-size:24px;gap:17px}
  [data-design="radical"] nav{width:calc(100% + 32px);margin-inline:-16px;border:0;border-top:1px solid var(--line);justify-content:space-between}
  [data-design="radical"] nav a{font-size:11px;flex:1;padding:0 10px;justify-content:center;gap:5px;min-height:44px;white-space:nowrap}
  [data-design="radical"] nav a:last-child{border-right:0}
  [data-design="radical"] nav a span{font-size:9px}
  [data-design="radical"] .nav-active:before{width:6px;height:6px}
  [data-design="radical"] .masthead{padding-top:14px}
  [data-design="radical"] .masthead-kicker{font-size:10px;letter-spacing:0}
  [data-design="radical"] .masthead h1{font-size:19.3vw;letter-spacing:-.09em;line-height:.8;margin-top:29px;margin-bottom:28px;padding-bottom:0}
  [data-design="radical"] .masthead h1 span+span{margin-left:.18em;margin-top:.08em}
  [data-design="radical"] .masthead-aside{right:16px;bottom:76px;width:20%;gap:6px;grid-template-columns:1fr}
  [data-design="radical"] .masthead-aside b,[data-design="radical"] .masthead-aside span{display:none}
  [data-design="radical"] .masthead-aside i{display:block;font-size:54px;line-height:1}
  [data-design="radical"] .masthead-foot{font-size:10px;min-height:49px;padding-block:10px}
  [data-design="radical"] .masthead-foot>span:last-child>span{font-size:23px;margin-left:8px}
  [data-design="radical"] .feature{grid-template-columns:1fr}
  [data-design="radical"] .feature-side{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1.18fr;gap:18px 22px;padding:24px var(--page-gutter);border:0}
  [data-design="radical"] .feature-number{grid-column:1;grid-row:1;align-self:start;gap:7px;align-items:flex-end}
  [data-design="radical"] .feature-number>span:first-child{font-size:clamp(69px,24vw,130px);letter-spacing:-.1em}
  [data-design="radical"] .feature-number .slash{font-size:20px}
  [data-design="radical"] .feature-number>span:last-child{font-size:10px}
  [data-design="radical"] .feature-title-wrap{grid-column:2;grid-row:1;min-width:0;padding:0}
  [data-design="radical"] .feature-en{font-size:10px;line-height:1.4;margin-bottom:10px}
  [data-design="radical"] .feature h2{font-size:clamp(40px,13vw,76px);line-height:1.07;letter-spacing:-.09em}
  [data-design="radical"] .feature h2 span{margin-left:.25em}
  [data-design="radical"] .feature-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:end}
  [data-design="radical"] .feature-bottom>p{grid-row:1/3;margin:0;font-size:12px;line-height:1.9}
  [data-design="radical"] .feature-meta{grid-column:2;font-size:10px;padding-bottom:5px}
  [data-design="radical"] .series-link{grid-column:2;min-height:44px;margin-top:3px;font-size:12px;padding-top:8px;border-width:2px}
  [data-design="radical"] .series-link span{font-size:26px}
  [data-design="radical"] .feature-photo{grid-column:1;grid-row:2;padding:0}
  [data-design="radical"] .feature-photo img{max-height:660px}
  [data-design="radical"] .feature-photo figcaption{font-size:10px;padding:13px var(--page-gutter) 19px}
  [data-design="radical"] .opening{padding-bottom:37px}
  [data-design="radical"] .section-label{gap:8px;padding:17px 0;margin-bottom:21px}
  [data-design="radical"] .section-label h3{font-size:14px}
  [data-design="radical"] .section-label>span{font-size:9px}
  [data-design="radical"] .opening-grid{grid-template-columns:1.3fr 1fr;gap:24px 17px}
  [data-design="radical"] .opening-grid figure:nth-child(2){padding-top:54px}
  [data-design="radical"] .opening-grid figure:nth-child(3){width:87%;margin-left:auto}
  [data-design="radical"] .opening-grid img{max-height:460px}
  [data-design="radical"] .opening-grid figcaption{font-size:10px;margin-top:11px;padding-top:9px}
  [data-design="radical"] .opening-grid figcaption>span:first-child{font-size:27px}
  [data-design="radical"] .index{padding-top:25px;padding-bottom:16px}
  [data-design="radical"] .index-heading{padding-bottom:25px}
  [data-design="radical"] .index h2{font-size:15vw}
  [data-design="radical"] .index h2 span{font-size:.5em;margin-top:6px}
  [data-design="radical"] .index-note{font-size:11px;margin-top:22px;max-width:none}
  [data-design="radical"] .index-row{grid-template-columns:30px minmax(0,1fr) 40px 26px;gap:10px;padding:20px 6px;min-height:111px}
  [data-design="radical"] .index-order{font-size:22px;align-self:start;padding-top:5px}
  [data-design="radical"] .index-name{font-size:clamp(23px,6.8vw,38px);line-height:1.16;letter-spacing:-.055em}
  [data-design="radical"] .index-name small{font-size:10px;line-height:1.5;margin-top:9px;max-width:25ch}
  [data-design="radical"] .index-thumb,[data-design="radical"] .index-year{display:none}
  [data-design="radical"] .index-count{font-size:12px}
  [data-design="radical"] .index-count small{font-size:9px}
  [data-design="radical"] .index-arrow{font-size:31px}
  [data-design="radical"] footer{padding:34px var(--page-gutter) 26px;gap:25px;align-items:flex-end}
  [data-design="radical"] .footer-mark{font-size:29vw;gap:30px}
  [data-design="radical"] footer>div{font-size:10px;width:100%}
}
@media(max-width:360px){[data-design="radical"] nav a{padding-inline:8px;font-size:10px}[data-design="radical"] .nav-active span{display:none}}
@media(prefers-reduced-motion:reduce){[data-design="radical"] .index-name{transition:none}}

/* English project names need room for words as well as the oversized numerals. */
html[lang="en"] .feature h2{font-size:clamp(34px,4.5vw,82px);letter-spacing:-.065em;overflow-wrap:normal}
html[lang="en"] .feature h2 span{margin-left:0;font-size:.8em;margin-top:.18em}
html[lang="en"] .index-name{font-size:clamp(24px,3.2vw,56px);overflow-wrap:normal}
@media(max-width:720px){
  .study-tools,[data-design="radical"] .study-tools{flex-wrap:wrap;gap:0}
  .study-tools>span{width:100%;padding-block:7px}
  .study-switches,[data-design="radical"] .study-switches{width:100%;justify-content:space-between;gap:8px}
  html[lang="en"] .feature h2{font-size:clamp(30px,8vw,48px)}
  html[lang="en"] .index-name{font-size:clamp(23px,6vw,32px)}
}

/* Keep all six destinations available at every viewport. */
.study-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.jump-to-index{display:inline-flex;min-height:32px;align-items:center;gap:6px}
.jump-to-index>span{font-size:28px;margin-left:12px}
.jump-to-index:hover{text-decoration:underline;text-underline-offset:5px}
.project-stepper{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:20px;border:1px solid var(--ink);grid-column:1/-1}
.project-stepper button{min-height:46px;border:0;border-radius:0;background:transparent;color:var(--ink);font:12px/1.3 var(--mono);cursor:pointer}
.project-stepper button+button{border-left:1px solid var(--ink)}
.project-stepper button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.project-stepper button:disabled{opacity:.35;cursor:default}
.project-stepper button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
[data-design="radical"] nav a{padding-inline:clamp(12px,1.65vw,24px)}
@media(max-width:1100px) and (min-width:721px){[data-design="radical"] .identity span{display:none}[data-design="radical"] nav a{padding-inline:15px}}
@media(max-width:720px){
  .header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:5px}
  .header nav a{justify-content:space-between;padding:12px;border-top:1px solid var(--line)}
  [data-design="radical"] .header{padding-bottom:0;gap:10px}
  [data-design="radical"] nav a{min-height:45px;font-size:12px;padding:10px 12px}
  [data-design="radical"] .nav-active:before{display:none}
}