@font-face{font-family:Apostolevsky;src:url('assets/ApostolevskyDisplayV9-Oblique.ttf') format('truetype');font-weight:900;font-style:oblique;font-display:block}
:root{--paper:#f3f0e7;--ink:#14232a;--red:#b82235;--muted:#58676c;--line:#bec2bc;color:var(--ink);background:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}button,input{font:inherit}h1,h2,h3,p,figure{margin:0}.page{width:min(100% - 112px,1440px);margin-inline:auto}.display{font-family:Apostolevsky,sans-serif;font-style:oblique;font-weight:900;font-kerning:normal;letter-spacing:0}.eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;z-index:2;padding:12px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}
.masthead{display:flex;justify-content:space-between;align-items:center;padding:29px 0 24px;border-bottom:1px solid var(--ink)}.wordmark{font-size:13px;font-weight:700;letter-spacing:.035em;display:flex;gap:20px;align-items:center}.wordmark span{font-size:10px;font-weight:400;letter-spacing:.1em}.masthead nav{display:flex;gap:32px;font-size:13px}.hero{padding-top:36px;container-type:inline-size}.hero-top{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.ivan{font-size:23cqw;line-height:1.1;color:var(--red);padding-right:.15em}.hero-statement{font-size:clamp(22px,2.55vw,38px);line-height:1.25;letter-spacing:-.035em;padding-right:7%;margin-top:35px}.surname{font-size:21cqw;line-height:1.16;color:var(--red);white-space:nowrap;margin-top:6px;padding:.12em .14em .1em 0}.hero-bottom{border-top:1px solid var(--red);display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0 0;margin-top:16px}.hero-bottom p{font-size:14px}.hero-bottom>span{font-size:10px;letter-spacing:.1em}.section{padding:110px 0}.strategy{display:grid;grid-template-columns:1fr 1.05fr;gap:12%}h2{font-size:clamp(30px,3.3vw,47px);line-height:1.12;letter-spacing:-.045em;font-weight:400}.section-heading h2{margin:26px 0}.intro{max-width:420px;font-size:17px;line-height:1.6}.principles article{display:grid;grid-template-columns:40px 1fr;gap:18px;border-top:1px solid var(--line);padding:24px 0}.principles article:first-child{border-top:1px solid var(--ink)}.number{font-size:11px;padding-top:7px;color:var(--muted)}h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:400}.principles p{font-size:15px;line-height:1.6;margin-top:13px;max-width:420px}
.character{background:var(--ink);color:var(--paper);padding:70px 0 78px}.character-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.character h2{font-size:clamp(90px,11.3vw,175px);line-height:1.17;margin-top:35px;letter-spacing:0}.character-copy{padding-top:54px}.lead{font-size:27px;line-height:1.3;letter-spacing:-.025em;margin-bottom:24px}.character-copy>p:not(.lead){font-size:16px;line-height:1.7;max-width:420px;color:#d2d6d2}.anatomy{border-top:1px solid #546067;margin-top:36px;padding-top:20px;display:flex;align-items:center;gap:30px}.anatomy>span{font-size:105px;line-height:1.3}.anatomy p{font-size:12px;line-height:1.65;color:#d2d6d2}.applications-heading,.font-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.applications-heading h2,.font-heading h2{margin-top:22px}.applications-heading>p{font-size:15px;line-height:1.55}.examples{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.artboard{height:520px;background:#e5e3da;padding:28px;display:flex;align-items:center;justify-content:center}.artboard img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 5px 15px #14232a0b}.artboard.social{background:#e8dcd6;padding:50px}.artboard.report{background:#dce1dd}figcaption{padding-top:23px}figcaption h3{font-size:21px}figcaption p{font-size:14px;line-height:1.6;margin-top:10px}.caption-note{font-size:11px;color:var(--muted);margin-top:30px;max-width:700px}.font-section{border-top:1px solid var(--ink);padding-top:62px;padding-bottom:70px}.font-meta{font-size:10px;line-height:1.8;letter-spacing:.06em;flex-shrink:0}.type-playground label{font-size:12px;display:block;margin-bottom:9px}.input-row{display:flex;gap:24px}.input-row input{width:100%;min-width:0;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;border-radius:0;color:var(--ink)}button{background:transparent;border:1px solid var(--line);padding:8px 20px;cursor:pointer;color:var(--ink);white-space:nowrap;font-size:13px}button:hover{border-color:var(--ink)}button[aria-pressed=true]{background:var(--ink);color:var(--paper)}button span{margin-left:15px}.sample-stage{padding:24px 28px 18px;margin-top:26px;border:1px solid var(--line);min-height:205px;display:flex;align-items:center}.sample-stage.reverse{background:var(--ink);color:var(--paper)}.sample{font-size:140px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;padding-right:.15em}.sample-note{font-size:11px;color:var(--muted);margin-top:10px;min-height:18px}.download-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:44px}.download-row p{font-size:14px;line-height:1.7}.download-row p span{font-size:12px;color:var(--muted)}.download{display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--red);color:var(--paper);padding:17px 24px;font-size:14px;white-space:nowrap}.download:hover{background:#991c2c;text-decoration:none}.download>span{font-size:22px;line-height:1}footer{border-top:1px solid var(--ink);padding:22px 0 36px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.035em}footer p span{margin-left:16px;color:var(--muted)}
@media(min-width:1600px){.artboard{height:580px}}
@media(max-width:1050px){.page{width:calc(100% - 64px)}.strategy{gap:8%}.character-inner{gap:6%}.character h2{font-size:12vw}.character-copy{padding-top:45px}.anatomy{gap:18px}.anatomy>span{font-size:82px}.artboard{height:395px;padding:20px}.artboard.social{padding:35px}.examples{gap:20px}.section{padding:85px 0}.font-section{padding-top:55px}.applications-heading>p{font-size:13px}}
@media(max-width:700px){.page{width:calc(100% - 40px)}.masthead{padding:21px 0 19px;align-items:flex-start}.wordmark{font-size:10px;display:block}.wordmark span{display:block;margin-top:4px;font-size:8px}.masthead nav{gap:16px;font-size:11px;padding-top:2px}.hero{padding-top:27px}.hero .eyebrow{font-size:9px}.hero-top{margin-top:27px}.ivan{font-size:37cqw}.hero-statement{font-size:19px;padding-right:0;margin-top:20px}.surname{font-size:21cqw;margin-top:18px}.hero-bottom{padding-top:16px;margin-top:18px;align-items:flex-start;flex-direction:column;gap:8px}.hero-bottom p{font-size:12px}.hero-bottom>span{font-size:9px}.section{padding:65px 0}.strategy{grid-template-columns:1fr;gap:30px}.section-heading h2{margin:20px 0}.intro{font-size:16px;max-width:100%}.principles article{grid-template-columns:25px 1fr;gap:14px;padding:22px 0}.principles p{font-size:14px}.character{padding:44px 0}.character-inner{grid-template-columns:1fr;gap:22px}.character h2{font-size:27vw;margin-top:22px;line-height:1.2}.character-copy{padding-top:0}.lead{font-size:23px;margin-bottom:18px}.character-copy>p:not(.lead){font-size:15px}.anatomy{margin-top:26px;padding-top:12px;gap:28px}.anatomy>span{font-size:92px}.anatomy p{font-size:12px}.applications-heading,.font-heading{display:block;margin-bottom:30px}.applications-heading>p{margin-top:20px;font-size:14px}.examples{grid-template-columns:1fr;gap:36px}.artboard{height:auto;min-height:340px;padding:30px}.artboard img{max-height:540px;width:auto;max-width:100%}.artboard.social{padding:35px 58px}.artboard.report{padding:30px 42px}figcaption{padding-top:17px}figcaption p br{display:none}.caption-note{font-size:11px;line-height:1.6}.font-section{padding-top:45px}.font-meta{margin-top:20px}.input-row{gap:12px}.input-row input{font-size:13px}button{padding:8px 12px;font-size:11px}button span{margin-left:5px}.sample-stage{padding:14px;min-height:140px}.sample-note{font-size:10px}.download-row{flex-direction:column;align-items:stretch;gap:25px;margin-top:28px}.download{padding:16px 20px}.download-row p{font-size:13px}.download-row p span{font-size:11px}footer{display:block;font-size:10px}footer>a{display:inline-block;margin-top:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{nav,.input-row,.type-playground label,.sample-note,.download,.skip{display:none}body{background:white}.page{width:94%}.section{padding:35px 0}.character{print-color-adjust:exact}.examples{grid-template-columns:repeat(3,1fr)}.artboard{height:300px;padding:10px}.artboard.social{padding:20px}.character-inner{grid-template-columns:1fr 1fr}.character h2{font-size:100px}figure{break-inside:avoid}footer{margin-top:20px}}
