@font-face{font-family:Alchemist;src:url('fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Alchemist;src:url('fonts/dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--paper:#171110;--ink:#ff795e;--ink-soft:#cd8673;--rust:#b15a46;--line:#472b25;--faint:#31211d;--meta:#d5826d;--link:#b46b59;--caption:#b3715f;--index:#b87562;--margin:#a56453;--footer:#c07b66;--rule:#7d4436;--tick:#b16751;--register:#cd765d;--axis:#724336;--point:#ce6851;--cross:#b05e48;--sample-border:#82503f;--contrast:#ffad97;--ease:cubic-bezier(.22,1,.36,1);--duration:700ms;font-family:Alchemist,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}p,h1,figure{margin:0}svg{display:block}::selection{background:var(--ink);color:var(--paper)}
.poster{width:calc(100% - 104px);max-width:1456px;min-height:100svh;margin-inline:auto;display:flex;flex-direction:column;position:relative;padding-top:30px}
.imprint,.logo-study figcaption,.quote-index,.margin-note,.colophon{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.04em}
.imprint{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;text-transform:uppercase;color:var(--meta)}.theme-picker{justify-self:start;margin-left:18%}.philosophy{color:var(--link);text-decoration:none;text-underline-offset:5px;padding-block:10px;margin-block:-10px;touch-action:manipulation}.philosophy:hover{color:var(--ink);text-decoration:underline}.philosophy:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.edition{letter-spacing:.07em}
.composition{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;min-height:520px;flex:1;padding-block:42px 36px}
.composition:before{content:'';position:absolute;left:58.333%;top:82px;bottom:58px;border-left:1px solid var(--faint);pointer-events:none}
.logo-study{grid-column:1/7;width:min(100%,520px);justify-self:center;position:relative;margin-left:-5%;padding-bottom:24px;min-width:0}
.symbol{width:100%;height:auto;color:var(--ink)}.logo-study figcaption{position:absolute;bottom:0;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;color:var(--caption);font-size:12px;letter-spacing:.025em}
.manifesto{grid-column:9/13;align-self:end;margin-bottom:70px;min-width:0;position:relative}.quote-index{display:block;color:var(--index);margin-bottom:25px}.quote{font-size:clamp(1.5rem,2.55vw,2.625rem);font-weight:400;line-height:1.2;letter-spacing:-.045em;overflow-wrap:break-word}.quote>span{display:block}.quote-last,.labs{color:var(--ink-soft)}.quote-end{display:block;width:6px;height:6px;background:var(--ink);margin-top:28px}
.margin-note{position:absolute;right:0;top:58px;color:var(--margin);writing-mode:vertical-rl;letter-spacing:.07em;font-size:12px}
.wordmark{font-weight:500;display:flex;align-items:baseline;justify-content:space-between;gap:24px;line-height:.96;letter-spacing:-.085em;position:relative;padding:20px 0 28px;min-width:0}.name{font-size:clamp(3.2rem,17.25vw,16.9rem);font-weight:500;min-width:0}.labs{font-size:clamp(1.6rem,5.35vw,5.25rem);letter-spacing:-.075em;font-weight:400;line-height:1.1;flex-shrink:0}.wordmark-period{color:inherit}
.colophon{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);color:var(--footer);position:relative;padding-block:20px}.colophon:before,.colophon:after{content:'';position:absolute;top:-5px;height:9px;border-left:1px solid var(--tick)}.colophon:before{left:0}.colophon:after{right:0}.colophon>svg{width:20px;height:20px;fill:none;stroke:var(--register);stroke-width:1}.ink-samples{display:flex;gap:5px;margin-left:auto;margin-right:24px}.ink-samples i{display:block;width:10px;height:10px;background:var(--ink)}.ink-samples i:nth-child(2){background:var(--rust)}.ink-samples i:nth-child(3){background:var(--line);border:1px solid var(--sample-border)}
html[data-theme="indigo"]{--paper:#111119;--ink:#a5a5ff;--ink-soft:#9292bd;--rust:#636393;--line:#343449;--faint:#242431;--meta:#9292b7;--link:#9191b5;--caption:#8c8cab;--index:#9494b5;--margin:#8888a3;--footer:#9696b6;--rule:#4e4e72;--tick:#6f6f96;--register:#9696c0;--axis:#525275;--point:#a0a0ca;--cross:#7575a7;--sample-border:#61618a;--contrast:#c4c4ff}
html[data-theme="carbon"]{--paper:#0c0c0e;--ink:#ededf0;--ink-soft:#99999f;--rust:#6c6c73;--line:#39393f;--faint:#242429;--meta:#a2a2ab;--link:#9999a2;--caption:#95959e;--index:#9999a2;--margin:#8f8f98;--footer:#a1a1a9;--rule:#505058;--tick:#797982;--register:#9999a3;--axis:#53535c;--point:#a2a2ad;--cross:#84848e;--sample-border:#66666d;--contrast:#ffffff}
html,body,.poster,.poster *,.poster:before,.poster:after,.poster *:before,.poster *:after{transition-property:color,background-color,border-color,fill,stroke;transition-duration:var(--duration);transition-timing-function:var(--ease)}
.grid-half{opacity:.55}
.sr-only,.theme-choice input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
.theme-picker{display:flex;gap:0;padding:0;border:0;min-width:0;margin-block:-13px;position:relative;z-index:2}
.theme-choice{width:44px;height:44px;display:grid;place-items:center;position:relative;cursor:pointer;touch-action:manipulation}
.swatch{display:block;width:12px;height:12px;border-radius:50%;background:var(--swatch);position:relative}
.swatch-oxide{--swatch:#ff795e}.swatch-indigo{--swatch:#a5a5ff}.swatch-carbon{--swatch:#ededf0}
.swatch:after{content:'';position:absolute;inset:-5px;border:1px solid transparent;border-radius:50%;transition:border-color 300ms var(--ease)}
.theme-choice input:checked+.swatch:after{border-color:var(--ink-soft)}
.theme-choice input:focus-visible+.swatch:after{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:4px}
.theme-label{position:absolute;top:42px;left:50%;transform:translateX(-50%) translateY(-3px);padding:4px 7px;background:var(--paper);color:var(--ink-soft);font-size:12px;line-height:1.5;letter-spacing:.015em;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease,visibility 180ms}
.theme-choice:hover .theme-label,.theme-choice input:focus-visible~.theme-label{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(max-width:360px){.imprint{column-gap:10px}.theme-choice{width:40px}}
@media(prefers-reduced-motion:reduce){:root{--duration:0ms}.theme-label,.swatch:after{transition:none}}
@media(min-width:1700px){.composition{min-height:610px}.logo-study{width:570px}.manifesto{margin-bottom:105px}.poster{padding-top:40px}}
@media(max-width:1100px){.poster{width:calc(100% - 72px)}.composition{min-height:490px;gap:16px;padding-top:42px}.logo-study{grid-column:1/8;width:470px;max-width:100%;margin-left:-4%}.manifesto{grid-column:9/13;margin-bottom:54px}.quote{font-size:clamp(1.5rem,2.6vw,2rem)}.margin-note{top:40px}.wordmark{gap:20px}.name{font-size:17vw}.labs{font-size:5vw}}
@media(max-width:760px){
 .poster{width:calc(100% - 48px);padding-top:24px}
 .imprint{grid-template-columns:auto 1fr auto;gap:16px}
 .theme-picker{margin-inline:0;justify-self:center}
 .composition{min-height:0;grid-template-columns:minmax(0,1fr);gap:0;align-content:start;padding-block:44px 46px}
 .margin-note{grid-column:1;grid-row:1;position:static;writing-mode:horizontal-tb;height:auto;letter-spacing:.025em;margin-bottom:22px}
 .logo-study{grid-column:1;grid-row:2;width:100%;max-width:none;justify-self:stretch;margin-left:0;padding-bottom:24px}
 .composition:before{grid-column:1;grid-row:3;position:static;inset:auto;width:100%;height:0;border-left:0;border-top:1px solid var(--faint);margin-block:32px 30px}
 .manifesto{grid-column:1;grid-row:4;justify-self:center;align-self:start;margin:0;width:max-content;max-width:100%;text-align:left}
 .quote{font-size:clamp(1.75rem,7.2vw,2.5rem)}
 .quote-index{margin-bottom:20px}.quote-end{margin:24px 0 0}
 .wordmark{padding-block:18px 24px;gap:12px}.name{font-size:16.5vw}.labs{font-size:5vw}
 .colophon{min-height:70px;gap:16px}.ink-samples{margin-right:4px}
}
@media(max-width:440px){
 .poster{width:calc(100% - 40px)}
 .composition{padding-block:38px 38px}
 .margin-note{letter-spacing:.015em;margin-bottom:18px}
 .logo-study figcaption{font-size:12px;gap:12px;letter-spacing:0}
 .composition:before{margin-block:28px 26px}
 .wordmark{gap:9px;padding-bottom:20px}.name{font-size:16vw}.labs{font-size:5.5vw}
 .colophon{font-size:12px}.ink-samples{gap:4px}.ink-samples i{width:8px;height:8px}
}
@media screen and (min-width:761px) and (min-height:640px){
 .poster{height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding-top:clamp(20px,3svh,30px)}
 .composition{min-height:0;padding-block:clamp(16px,3svh,30px) clamp(12px,2svh,22px)}
 .logo-study{height:100%;min-height:0;width:auto;aspect-ratio:1;max-width:min(100%,520px);align-self:stretch}
 .symbol{height:100%}
 .composition:before{top:clamp(32px,6svh,60px);bottom:clamp(24px,4svh,42px)}
 .manifesto{margin-bottom:clamp(24px,5svh,54px)}
 .margin-note{top:clamp(24px,4svh,42px)}
 .wordmark{padding-block:12px 22px}
 .name{font-size:clamp(3.2rem,min(17.25vw,27svh),16.9rem)}
 .labs{font-size:clamp(1.6rem,min(5.35vw,8.4svh),5.25rem)}
 .colophon{min-height:64px;padding-block:16px}
}
@media(prefers-contrast:more){.labs,.philosophy,.quote-last,.imprint,.quote-index,.logo-study figcaption,.colophon,.margin-note{color:var(--contrast)}.composition:before{border-color:var(--axis)}}
@media print{.poster{width:100%;min-height:auto}.composition{min-height:530px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}