@font-face{font-family:Instrument;src:url('./assets/InstrumentSerif-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('./assets/InstrumentSerif-Italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
:root{--ink:#1a1a1a;--paper:#f4f4f4;--line:rgba(26,26,26,.25);--inverse-line:rgba(244,244,244,.24);--header:57px;--rail:56px;--gutter:clamp(26px,4.2vw,72px);--serif:Instrument,Georgia,serif;--sans:Arial,Helvetica,sans-serif;--tracking-display:0em;--tracking-numerals:.015em;font-family:var(--serif);font-weight:400;font-synthesis:none;color:var(--ink);background:var(--paper);scroll-padding-top:var(--header)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-width:320px}
body{overflow-x:hidden}
h1,h2,h3,p,figure,blockquote{margin:0;font-size:inherit;font-weight:400}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button,summary{font:inherit;color:inherit}
a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
a:hover{text-decoration:underline;text-underline-offset:4px}
em,.italic{font-style:italic}
b,strong{font-weight:400}
sup{font:9px var(--sans);vertical-align:super}
::selection{background:#bdbbb2;color:#111}
section,footer{scroll-margin-top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;left:12px;top:-100px;background:var(--paper);color:var(--ink);font:14px var(--sans);padding:12px}
.skip-link:focus{top:8px}
.light{background:var(--paper);color:var(--ink)}
.dark{background:var(--ink);color:var(--paper)}
.section-pad{padding:0 var(--gutter)}
.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 27px;border-bottom:1px solid #484848;background:var(--ink);color:var(--paper);font:14px/1 var(--sans)}
.studio-credit{white-space:nowrap;letter-spacing:0}
.header-name{font:19px/1 var(--serif);white-space:nowrap}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.edition-label{display:flex;align-items:center;gap:17px;white-space:nowrap}
.dot{width:12px;height:12px;display:inline-block;border-radius:50%;background:var(--paper)}
.pill{padding:15px 24px;border-radius:40px;background:var(--paper);color:var(--ink);white-space:nowrap}
.contents-rail{position:fixed;inset:var(--header) auto 0 0;width:var(--rail);z-index:25;background:var(--ink);color:var(--paper);border-right:1px solid #484848}
.contents-rail summary{display:block;list-style:none;cursor:pointer;height:calc(100svh - var(--header));width:var(--rail)}
.contents-rail summary::-webkit-details-marker{display:none}
.menu-icon{position:absolute;top:50%;left:15px;width:25px;height:14px;transform:translateY(-50%)}
.menu-icon span{height:1px;width:25px;background:currentColor;position:absolute;left:0;top:3px}
.menu-icon span+span{top:12px}
.rail-label{font:14px/1 var(--sans);writing-mode:vertical-rl;position:absolute;left:20px;bottom:26px}
.contents-panel{position:absolute;left:var(--rail);top:0;width:min(430px,calc(100vw - var(--rail)));height:calc(100svh - var(--header));overflow:auto;padding:28px 30px;background:var(--paper);color:var(--ink);border-right:1px solid var(--line);display:flex;flex-direction:column}
.contents-name{font-size:38px;line-height:1;margin-bottom:30px}
.contents-panel nav{display:flex;flex-direction:column;gap:7px;font-size:35px;line-height:1.08}
.contents-panel nav a{display:flex;gap:10px;align-items:baseline}
.contents-panel nav a span{font-size:29px}
.contents-end{font-size:38px;margin-top:27px;text-decoration:underline;text-underline-offset:5px}
.contents-foot{margin-top:auto;padding-top:60px;font:14px/1.4 var(--sans)}
.contents-foot p+p{margin-top:30px}
.contents-rail details[open] .menu-icon span{top:7px;transform:rotate(45deg)}
.contents-rail details[open] .menu-icon span+span{transform:rotate(-45deg)}
main{margin-left:var(--rail);padding-top:var(--header)}
.cover{height:calc(100svh - var(--header));min-height:660px;position:relative;display:flex;align-items:center;justify-content:center}
.cover-paper{width:clamp(320px,25vw,440px);aspect-ratio:2/3;background:var(--paper);color:var(--ink);padding:50px 22px 16px;margin-right:var(--rail);position:relative;container-type:inline-size}
.paper-kicker{font-size:clamp(9px,.8vw,13px);text-align:center;white-space:nowrap;letter-spacing:0}
.cover-paper h1{font-size:20cqw;letter-spacing:var(--tracking-display);line-height:1.13;text-align:center;margin-top:6px;white-space:nowrap}
.paper-specs{display:flex;justify-content:center;gap:28px;font-size:3.4cqw;margin-top:35px}
.paper-deck{text-align:center;font-size:3.45cqw;line-height:1.1;margin:57px -3px 0}
.paper-deck span{outline:1px solid #aaa;outline-offset:1px}
.paper-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:51px;font-size:1.85cqw;line-height:1.18;text-align:justify}
.paper-image{height:45px;margin:8px 0 5px;background:#bcbdb3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.paper-image span{font-size:42px;font-style:italic}
.paper-bottom{display:flex;justify-content:space-between;margin-top:16px;padding-top:6px;border-top:1px solid #ccc;font:1.35cqw var(--sans)}
.cover-foot{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;font:12px/1.3 var(--sans);color:#a9a9a9}
.cover-foot a{color:var(--paper)}
.cover-foot a span{margin-left:14px;font-size:20px;vertical-align:middle}
.section-eyebrow{display:flex;justify-content:space-between;gap:24px;padding:24px 0;font:12px/1.25 var(--sans);border-bottom:1px solid var(--line)}
.dark .section-eyebrow{border-color:var(--inverse-line)}
.section-eyebrow>span:nth-child(2){text-align:center}
.introduction{padding-bottom:80px}
.intro-kicker{text-align:center;font-size:21px;margin-top:78px}
.masthead{text-align:center;line-height:.98;font-size:clamp(100px,16.2vw,270px);letter-spacing:var(--tracking-display);margin:14px -10px 0;white-space:nowrap}
.intro-specs{display:flex;align-items:center;justify-content:center;gap:50px;font-size:18px;margin-top:35px}
.intro-deck{font-size:clamp(34px,3.7vw,64px);line-height:1.12;text-align:center;margin:100px auto 76px;letter-spacing:var(--tracking-display)}
.outlined-word{outline:1px solid var(--ink);outline-offset:2px}
.editorial-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;font-size:19px;line-height:1.16;text-align:justify}
.editorial-columns p+p{margin-top:21px}
.drop-cap::first-letter{float:left;font-size:80px;line-height:.7;padding:9px 5px 0 0}
.editorial-image{height:245px;margin-top:23px;position:relative;display:flex;align-items:center;justify-content:center;background:#b9bcb3;overflow:hidden}
.editorial-image>span:first-child{font-size:240px;line-height:1;font-style:italic;transform:translateY(-8px)}
.image-note{position:absolute;bottom:10px;left:10px;font:9px var(--sans)}
.round-arrow{display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);width:48px;height:48px;border-radius:50%;font:28px var(--sans);margin:70px auto 0}
.round-arrow:hover{text-decoration:none;background:var(--ink);color:var(--paper)}
.two-styles{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px var(--gutter) 50px;gap:30px;overflow:hidden}
.styles-number{font-size:clamp(240px,37vw,630px);line-height:.94;letter-spacing:var(--tracking-numerals);font-kerning:normal;margin-left:0}
.styles-copy{padding:45px 0 0 28px}
.styles-copy>p{font-size:20px;margin-bottom:36px}
.styles-copy h2{font-size:clamp(45px,5vw,86px);line-height:1.05;letter-spacing:var(--tracking-display)}
.style-names{display:flex;gap:45px;margin-top:44px;font:13px var(--sans);text-transform:uppercase}
.compositions{padding-bottom:45px}
.composition-heading{font-size:clamp(70px,10.2vw,165px);line-height:.95;text-align:center;padding:90px 0 85px;letter-spacing:var(--tracking-display)}
.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.poster{aspect-ratio:4/5;padding:26px;position:relative;display:flex;flex-direction:column;overflow:hidden}
.poster-top,.poster-bottom{display:flex;justify-content:space-between;gap:18px;font:10px/1.4 var(--sans);position:relative;z-index:1}
.poster-one{background:#e7e5dc;color:var(--ink)}
.poster-two{background:#a8b3a7;color:#1c2922}
.poster-title{font-size:clamp(48px,7.5vw,130px);line-height:.93;letter-spacing:var(--tracking-display);margin:auto 0}
.poster-bottom{margin-top:auto;padding-top:24px;border-top:1px solid currentColor}
.poster-mark{font-size:clamp(230px,30vw,500px);line-height:.8;font-style:italic;position:absolute;left:50%;top:16%;transform:translateX(-50%);opacity:.9}
.poster-line{position:relative;z-index:1;font-size:clamp(34px,4.5vw,76px);line-height:.95;letter-spacing:var(--tracking-display);margin-top:auto;margin-bottom:28px;padding-top:270px}
.poster-two .poster-bottom{margin-top:0}
.under-caption{display:flex;justify-content:space-between;padding-top:24px;font:12px/1.3 var(--sans)}
.characters>.section-eyebrow{margin:0 var(--gutter)}
.character-spread{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.character-left{padding:55px 30px 30px var(--gutter);border-right:1px solid var(--line)}
.character-left h2{font-size:clamp(37px,4.1vw,70px);line-height:1.05;letter-spacing:var(--tracking-display)}
.character-description{max-width:380px;font-size:22px;line-height:1.15;margin-top:25px;margin-bottom:42px}
.glyph-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}
.glyph-grid span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(25px,3.1vw,50px);display:flex;align-items:center;justify-content:center;aspect-ratio:1;line-height:1;padding-bottom:3px}
.character-foot{font:11px var(--sans);margin-top:20px}
.character-right{position:relative;display:flex;flex-direction:column;padding:27px 30px;min-width:0}
.detail-label{display:flex;justify-content:space-between;font:12px var(--sans)}
.detail-label.bottom{margin-top:auto}
.large-character{font-size:clamp(350px,47vw,800px);line-height:1;margin:auto 0;text-align:center;letter-spacing:var(--tracking-display);transform:translateY(-22px)}
.style-strip{display:grid;grid-template-columns:repeat(3,1fr)}
.style-strip>div{min-width:0;padding:25px var(--gutter);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.style-strip>div:last-child{border-right:0}
.style-label{font:12px var(--sans);display:block}
.style-a{font-size:clamp(90px,13vw,210px);line-height:1.2;display:block;text-align:center;letter-spacing:var(--tracking-display)}
.specimen{padding-bottom:70px}
.specimen-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;font:12px/1.5 var(--sans);padding-top:29px}
.specimen-meta span{display:flex;flex-direction:column}
.specimen-meta b{font-size:16px;margin-top:10px}
.specimen-title{font-size:clamp(70px,11.1vw,185px);line-height:.96;letter-spacing:var(--tracking-display);margin:80px 0 75px}
.specimen-caption{display:flex;justify-content:space-between;gap:20px;font:12px/1.3 var(--sans);border-bottom:1px solid var(--line);padding-bottom:29px}
.sample-lines>div{padding:29px 0 27px;border-bottom:1px solid var(--line)}
.sample-label{font:12px var(--sans);display:block}
.sample-lines p{font-size:clamp(60px,10.4vw,172px);line-height:1.1;letter-spacing:var(--tracking-display);padding-top:26px}
.reading-pair{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:65px}
.reading-pair h3{font-size:clamp(40px,4.3vw,70px);line-height:1.02;letter-spacing:var(--tracking-display);margin-bottom:25px}
.reading-pair p{max-width:420px;font-size:23px;line-height:1.25}
.reading-pair blockquote{font-size:clamp(40px,4.6vw,76px);line-height:1.04;font-style:italic;letter-spacing:var(--tracking-display)}
.reading-pair cite{display:block;font:11px var(--sans);margin-top:32px;letter-spacing:0}
.applications{padding-bottom:65px;border-top:1px solid var(--line)}
.applications-title{font-size:clamp(65px,9.3vw,155px);line-height:.94;letter-spacing:var(--tracking-display);margin:85px 0 80px}
.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}
.application-board{aspect-ratio:1.05;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;container-type:inline-size}
.application-grid figcaption{display:flex;justify-content:space-between;gap:20px;font:11px/1.3 var(--sans);padding-top:13px}
.book-board{background:#c0c0b6}
.mock-book{width:56%;height:78%;background:#efede3;display:flex;flex-direction:column;padding:26px 22px;box-shadow:5px 7px 7px #0002;border-left:3px solid #dedbd0;transform:rotate(-7deg);position:relative}
.mock-small{font:8px/1.4 var(--sans)}
.book-title{font-size:clamp(30px,11.6cqw,82px);line-height:.93;letter-spacing:var(--tracking-display);margin-top:30px}
.book-rule{height:1px;width:100%;background:var(--ink);margin:auto 0 15px}
.book-bottom{font:8px/1.4 var(--sans)}
.web-board{background:#deded9}
.mock-browser{background:#f6f5f0;width:82%;padding:15px 17px 10px;box-shadow:0 8px 25px #0000000d;border:1px solid #bbb}
.browser-bar{font:7px/1.2 var(--sans);display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mock-browser>p{font-size:clamp(35px,4.9vw,82px);line-height:.95;letter-spacing:var(--tracking-display);padding:28px 0 22px}
.browser-color{height:85px;background:#959e91}
.browser-bottom{display:flex;justify-content:space-between;font:6px/1.3 var(--sans);padding-top:10px;gap:5px}
.stationery-board{background:#afb4af}
.business-card{position:absolute;width:62%;height:34%;padding:20px;box-shadow:2px 5px 8px #0002;display:flex;align-items:flex-start;justify-content:space-between}
.card-one{background:#f2f0e7;left:12%;top:20%;transform:rotate(-8deg)}
.card-one>span:first-child{font-size:clamp(34px,4vw,65px);line-height:.83}
.card-one>span:last-child{font:7px/1.4 var(--sans);align-self:flex-end;text-align:right}
.card-two{background:#202a25;color:#e3e6df;right:9%;bottom:15%;transform:rotate(9deg);align-items:center}
.card-monogram{font-size:clamp(65px,8vw,135px);line-height:.9;font-style:italic}
.card-two>span:last-child{font:7px/1.4 var(--sans)}
.poster-board{background:#c9c4b9}
.mock-exhibition{width:68%;height:84%;background:#9e523a;color:#f1e8d8;padding:23px;display:flex;flex-direction:column}
.exhibition-title{font-size:clamp(45px,17.5cqw,115px);line-height:.83;letter-spacing:var(--tracking-display);margin:auto 0}
.exhibition-footer{font:8px/1.4 var(--sans);border-top:1px solid currentColor;padding-top:12px}
.special{padding-bottom:85px;border-top:1px solid var(--line)}
.special-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:70px 0 50px}
.special-top h2{font-size:clamp(55px,7vw,110px);line-height:.95;letter-spacing:var(--tracking-display)}
.special-top>p{font-size:23px;line-height:1.15;margin-bottom:7px}
.accent-line{font-size:clamp(130px,19vw,320px);line-height:1.1;letter-spacing:var(--tracking-display);word-spacing:.1em;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:15px 0 35px;white-space:nowrap}
.special-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-top:60px}
.language-kicker{font:12px var(--sans);display:block;margin-bottom:25px}
.special-bottom p{font-size:clamp(45px,5.1vw,85px);line-height:1;letter-spacing:var(--tracking-display)}
.accent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.accent-grid span{font-size:clamp(30px,3.4vw,58px);line-height:1.3;text-align:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:7px 0}
.colophon{padding-bottom:22px}
.footer-statement{font-size:clamp(90px,13.5vw,225px);line-height:.92;letter-spacing:var(--tracking-display);padding:80px 0}
.footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--inverse-line);border-bottom:1px solid var(--inverse-line);padding:30px 0}
.footer-actions a{font-size:clamp(27px,3.4vw,55px);line-height:1.1;display:flex;justify-content:space-between;gap:25px;align-items:baseline}
.footer-actions a span{font-family:var(--sans);font-size:.7em}
.credits{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:35px;padding:65px 0 60px}
.credits>h2{font-size:37px;line-height:1}
.credits h3{font:12px var(--sans);margin-bottom:20px}
.credits p{font-size:19px;line-height:1.15;color:#d4d4d1}
.credits p a{text-decoration:underline;text-underline-offset:3px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 var(--sans);padding-top:22px;border-top:1px solid var(--inverse-line)}
@media(min-width:1700px){.cover-paper{padding-top:65px}.paper-specs{margin-top:45px}.paper-deck{margin-top:70px}.paper-columns{margin-top:65px}.paper-image{height:60px}.poster-line{padding-top:350px}.browser-color{height:130px}}
@media(max-width:1100px){
  :root{--gutter:32px;--rail:48px}
  .site-header{padding:0 20px;font-size:12px;gap:12px}.header-right{gap:18px}.edition-label{gap:10px}.pill{padding:13px 20px}.studio-credit>span{display:none}
  .menu-icon{left:11px}.rail-label{left:16px}.cover-paper{width:340px}.cover-foot{font-size:10px}.intro-kicker{font-size:19px}
  .editorial-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;font-size:20px}.editorial-image{height:240px}.editorial-columns>div:nth-child(3),.editorial-columns>div:nth-child(4){margin-top:6px}
  .intro-specs{gap:30px;font-size:16px}.styles-copy{padding-left:0}.poster{padding:20px}.poster-top,.poster-bottom{font-size:8px}.poster-line{padding-top:clamp(155px,22vw,215px)}
  .character-left{padding-left:var(--gutter);padding-right:22px}.character-description{font-size:20px}.character-right{padding:27px 20px}.detail-label{font-size:10px}.large-character{font-size:45vw}
  .style-strip>div{padding:20px}.style-label{font-size:10px}.reading-pair{gap:45px}.reading-pair p{font-size:21px}.credits{grid-template-columns:1fr 1fr;gap:36px}.credits>h2{grid-column:1/-1}.credits p{font-size:20px}
  .mock-book{padding:19px 16px}.book-title{margin-top:24px}.mock-small,.book-bottom{font-size:7px}.mock-exhibition{padding:18px}.business-card{padding:14px}.card-one>span:last-child,.card-two>span:last-child{font-size:6px}.browser-color{height:65px}
}
@media(max-width:760px){
  :root{--header:59px;--rail:38px;--gutter:22px}
  .site-header{grid-template-columns:1fr auto;padding:0 15px}.studio-credit{display:none}.header-name{font-size:21px;justify-self:start}.edition-label{display:none}.pill{font-size:11px;padding:12px 17px}
  .contents-rail summary{width:var(--rail)}.menu-icon{left:9px;width:20px}.menu-icon span{width:20px}.rail-label{left:13px;bottom:20px;font-size:11px}.contents-panel{padding:25px 22px}.contents-name{font-size:34px}.contents-panel nav{font-size:29px;gap:10px}.contents-panel nav a span{font-size:24px}.contents-end{font-size:32px}.contents-foot{font-size:12px}
  .cover{min-height:610px}.cover-paper{width:min(330px,calc(100vw - 85px));margin-right:0;padding:42px 18px 14px}.paper-kicker{font-size:2.8cqw}.paper-specs{gap:23px;margin-top:27px}.paper-deck{margin-top:43px;font-size:3.5cqw}.paper-columns{gap:7px;margin-top:38px;font-size:1.9cqw}.paper-image{height:37px}.paper-image span{font-size:34px}.paper-bottom{margin-top:13px}.cover-foot{left:16px;right:16px;bottom:19px;font-size:9px}.cover-foot>span{max-width:110px}.cover-foot a span{margin-left:5px}
  .section-eyebrow{font-size:10px;padding:20px 0;gap:15px;align-items:baseline}.section-eyebrow>span:nth-child(2){display:none}.intro-kicker{font-size:17px;margin-top:55px}.masthead{font-size:clamp(65px,16.5vw,120px);margin-top:18px;letter-spacing:var(--tracking-display)}.intro-specs{gap:13px;flex-wrap:wrap;font-size:13px;margin-top:22px}.intro-specs>span:nth-child(2){display:none}.intro-deck{font-size:clamp(28px,6vw,43px);margin:64px 0 45px;line-height:1.12}.desktop-break{display:none}.introduction{padding-bottom:45px}
  .editorial-columns{grid-template-columns:1fr 1fr;gap:22px;font-size:17px;line-height:1.18;text-align:left}.editorial-columns p+p{margin-top:18px}.drop-cap::first-letter{font-size:63px}.editorial-image{height:180px}.editorial-image>span:first-child{font-size:180px}.image-note{font-size:7px;left:6px}.round-arrow{margin-top:40px;width:42px;height:42px}
  .two-styles{grid-template-columns:1fr;gap:0;padding-top:20px;padding-bottom:45px}.styles-number{font-size:clamp(220px,65vw,440px);text-align:center;margin-left:0}.styles-copy{padding-top:15px;text-align:center}.styles-copy>p{font-size:17px;margin-bottom:22px}.styles-copy h2{font-size:52px}.style-names{justify-content:center;margin-top:28px}
  .composition-heading{font-size:clamp(49px,10.7vw,83px);padding:60px 0 45px;line-height:.98}.poster-grid{grid-template-columns:1fr;gap:25px}.poster{padding:22px}.poster-title{font-size:clamp(65px,15.2vw,115px)}.poster-mark{font-size:clamp(185px,52vw,410px)}.poster-line{font-size:clamp(44px,10vw,73px);padding-top:clamp(120px,27vw,230px)}.poster-top,.poster-bottom{font-size:9px}.under-caption{font-size:10px;gap:15px}.compositions{padding-bottom:30px}
  .character-spread{grid-template-columns:1fr}.character-left{padding:40px var(--gutter) 30px;border-right:0}.character-left h2{font-size:clamp(38px,8vw,57px)}.character-description{font-size:21px;margin-bottom:32px}.glyph-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.glyph-grid span{font-size:clamp(24px,6vw,42px)}.character-right{border-top:1px solid var(--line);padding:22px var(--gutter);height:480px}.large-character{font-size:480px;line-height:.85;transform:translateY(-15px)}.style-strip>div{padding:19px 10px}.style-label{font-size:8px}.style-a{font-size:clamp(63px,15vw,110px);line-height:1.5}
  .specimen{padding-bottom:50px}.specimen-meta{grid-template-columns:1fr 1fr;gap:22px;font-size:10px}.specimen-meta b{font-size:14px;margin-top:5px}.specimen-title{font-size:clamp(54px,11.4vw,88px);margin:54px 0 45px;line-height:1}.specimen-caption{font-size:9px;gap:20px;padding-bottom:23px}.sample-label{font-size:10px}.sample-lines p{font-size:clamp(43px,10.3vw,78px);padding-top:24px}.sample-lines>div{padding-top:25px}.reading-pair{grid-template-columns:1fr;gap:35px;padding-top:45px}.reading-pair h3{font-size:45px}.reading-pair p{font-size:21px}.reading-pair blockquote{font-size:43px}.reading-pair cite{font-size:10px;margin-top:24px}
  .applications-title{font-size:clamp(51px,10.5vw,79px);margin:60px 0 45px}.application-grid{grid-template-columns:1fr;gap:30px}.application-grid figcaption{font-size:9px;gap:12px}.mock-book{padding:24px 18px}.mock-small,.book-bottom{font-size:7px}.mock-browser{padding:17px 14px 12px}.mock-browser>p{font-size:clamp(43px,11.3vw,75px)}.browser-color{height:75px}.card-one>span:first-child{font-size:clamp(39px,9vw,65px)}.card-monogram{font-size:clamp(76px,20vw,124px)}.business-card{padding:17px}.card-one>span:last-child,.card-two>span:last-child{font-size:6px}.mock-exhibition{padding:24px}.applications{padding-bottom:45px}
  .special{padding-bottom:50px}.special-top{display:block;margin:50px 0 35px}.special-top h2{font-size:58px}.special-top>p{font-size:21px;margin-top:24px}.accent-line{font-size:clamp(62px,16.5vw,112px);padding:20px 0 28px;word-spacing:.03em}.special-bottom{grid-template-columns:1fr;gap:35px;padding-top:35px}.special-bottom p{font-size:54px}.accent-grid span{font-size:35px;padding:9px 0}.language-kicker{font-size:10px;margin-bottom:20px}
  .footer-statement{font-size:clamp(65px,13vw,100px);padding:60px 0 50px}.footer-actions{grid-template-columns:1fr;gap:25px;padding:25px 0}.footer-actions a{font-size:30px}.credits{grid-template-columns:1fr;gap:32px;padding:45px 0}.credits>h2{font-size:32px}.credits h3{font-size:11px;margin-bottom:14px}.credits p{font-size:20px;max-width:420px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:13px}.footer-bottom>span:last-child{width:100%}.colophon .section-eyebrow{font-size:9px}
}
@media(max-width:420px){.editorial-columns{grid-template-columns:1fr;font-size:20px;line-height:1.2}.editorial-image{height:230px}.editorial-image>span:first-child{font-size:250px}.editorial-columns>div{margin-top:0!important}.cover-paper{padding-top:38px}.cover{min-height:580px}.paper-columns{margin-top:34px}.poster-line{padding-top:100px;margin-bottom:22px}.poster{padding:18px;aspect-ratio:2/3}.poster-mark{top:12%;font-size:clamp(175px,52vw,220px)}.poster-title{font-size:64px}.poster-top,.poster-bottom{font-size:8px}.character-right{height:400px}.large-character{font-size:410px}.style-label{font-size:7px}.browser-bar{font-size:6px}.browser-bottom{font-size:5px}.mock-exhibition{padding:18px}.business-card{padding:14px}.card-one>span:last-child,.card-two>span:last-child{font-size:5px}.special-top h2{font-size:51px}.sample-lines p{letter-spacing:var(--tracking-display)}}
@media(max-width:420px){.composition-heading{font-size:clamp(43px,12.5vw,49px)}.poster-title{font-size:clamp(59px,17.8vw,64px)}.specimen-title{font-size:clamp(49px,13.6vw,54px)}.applications-title{font-size:clamp(44px,12.2vw,51px)}.footer-statement{font-size:clamp(54px,16.3vw,65px)}.mock-browser>p{font-size:clamp(37px,10.5vw,43px)}.card-one>span:first-child{font-size:clamp(32px,9.8vw,39px)}}
@media print{.site-header,.contents-rail,.cover,.skip-link,.round-arrow{display:none}main{margin:0;padding:0}.dark{background:#fff;color:#111}.section-pad{padding:0 20px}section{break-inside:avoid}.poster-grid,.application-grid{break-inside:avoid}.colophon{break-before:page}.dark .section-eyebrow,.footer-actions,.footer-bottom{border-color:#999}.credits p{color:#111}}