*{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}
button,input{font:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
img{max-width:100%;display:block}
h1,h2,h3,p,figure{margin:0}
::selection{background:var(--lime);color:var(--ink)}
.site-header{padding:35px 44px 0;display:flex;align-items:flex-start;gap:30px}
.identity{width:247px;display:block}
.frames{margin-top:12px;width:100%}
.descriptor{font-size:12px;line-height:1.5;margin-left:auto;margin-right:13vw}
.site-header nav{display:flex;gap:38px;font-size:12px;padding-top:2px}
.lab,.editions,.system{padding:38px 5% 65px}
.lab{background:var(--paper);padding-top:42px}
.section-kicker{display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.055em}
.section-kicker>span:last-child{text-align:right}
.lab-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;padding:90px 0 78px}
.lab h2{font-size:clamp(48px,5.8vw,83px);line-height:1.05;letter-spacing:-4.5px;font-weight:400}
.lab h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-4px}
.lab-copy{max-width:435px}
.lab-copy .lead{font-size:26px;line-height:1.3;letter-spacing:-.8px;margin-bottom:29px}
.lab-copy p:not(.lead){font-size:14px;line-height:1.7;color:#5d5861;margin-top:17px}
.lab-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px;border-top:1px solid #24202c30;padding-top:25px}
.lab-foot img{width:156px}
.editions{padding-top:44px;background:#dcd9e5;padding-bottom:85px}
.edition-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:65px 0 70px}
.edition-heading h2,.system-heading h2{font-size:54px;line-height:1.03;letter-spacing:-2.7px;font-weight:400}
.edition-heading p,.system-heading p{font-size:13px;line-height:1.6;max-width:300px}
.system{background:var(--paper);padding-top:40px;padding-bottom:65px}
.system-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:64px 0 47px}
.system-heading h2{font-size:45px;line-height:1.08}
.palette{display:grid;grid-template-columns:repeat(5,1fr)}
.palette>div{background:var(--color);color:var(--text,var(--ink));height:184px;padding:20px;display:flex;justify-content:space-between;flex-direction:column;font-size:11px;line-height:1.7}
.palette>div>span:last-child{font-size:9px}
.system-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;margin-top:44px}
.system-notes p{font-size:12px;line-height:1.65;color:#625c69;max-width:300px}
.system-notes span{display:block;font-size:9px;letter-spacing:.05em;color:var(--ink);margin-bottom:12px}
.site-footer{background:var(--lavender);padding:28px 44px}
.footer-line{display:flex;justify-content:space-between;font-size:10px;gap:20px}
.footer-wordmark{width:100%;margin:55px 0 45px}
@media(max-width:1100px){.site-header{padding:28px 30px 0}
.identity{width:210px}
.descriptor{margin-right:6vw}
.site-header nav{gap:25px}
.lab-intro{gap:5%;padding:70px 0}
.lab h2{font-size:63px}
.system-notes{gap:30px}}
@media(max-width:700px){.site-header{padding:25px 22px 0;gap:20px;align-items:flex-start}
.identity{width:185px}
.frames{margin-top:9px}
.descriptor{display:none}
.site-header nav{margin-left:auto;display:flex;flex-direction:column;gap:11px;font-size:10px;text-align:right;padding-top:2px}
.overline{font-size:7px;letter-spacing:.05em}
.art-caption{right:22px;bottom:6px;font-size:8px}
.lab,.editions,.system{padding:28px 22px 40px}
.section-kicker{font-size:7px;gap:20px}
.section-kicker>span:last-child{max-width:150px}
.lab-intro{display:block;padding:48px 0 37px}
.lab h2{font-size:53px;letter-spacing:-3px}
.lab h2 em{letter-spacing:-2.7px}
.lab-copy{margin-top:37px;max-width:100%}
.lab-copy .lead{font-size:23px;line-height:1.35;margin-bottom:21px}
.lab-copy p:not(.lead){font-size:13px;line-height:1.65}
.lab-foot{font-size:10px;padding-top:20px}
.lab-foot img{width:100px}
.edition-heading{display:block;padding:45px 0 37px}
.edition-heading h2,.system-heading h2{font-size:40px;letter-spacing:-1.9px;line-height:1.05}
.edition-heading p,.system-heading p{font-size:12px;margin-top:22px}
.system-heading{display:block;margin:44px 0 31px}
.system-heading h2{font-size:35px;letter-spacing:-1.5px}
.palette{grid-template-columns:repeat(6,1fr)}
.palette>div{grid-column:span 2;height:135px;padding:13px;font-size:9px}
.palette>div>span:last-child{font-size:8px}
.palette>div:nth-last-child(-n+2){grid-column:span 3}
.system-notes{grid-template-columns:1fr;gap:23px;margin-top:30px}
.system-notes p{max-width:100%;font-size:12px}
.system-notes span{margin-bottom:7px;font-size:8px}
.site-footer{padding:25px 22px}
.footer-line{font-size:8px}
.footer-wordmark{margin:36px 0 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The opening is a jacket: one title, one form, one continuous color field. */
.site-header{position:relative;z-index:2}
.site-header nav{margin-left:auto}
.hero{position:relative;isolation:isolate;height:calc(100svh - 118px);min-height:650px;max-height:1100px;margin:0;overflow:hidden}
.hero h1{position:relative;z-index:1;font-size:clamp(68px,6.7vw,116px);font-weight:400;letter-spacing:-.065em;line-height:1.015;margin:0;padding:72px 44px 0}
.hero-art{position:absolute;width:82vw;height:82vw;max-width:1350px;max-height:1350px;right:-7vw;top:auto;bottom:-27vw;pointer-events:none}
.hero-art canvas{width:100%;height:100%;display:block}
@media(min-width:1750px){.hero-art{bottom:-570px;right:-80px}
.hero h1{padding-top:85px}}
@media(min-width:701px) and (max-width:1100px){.hero{min-height:720px}
.hero h1{padding:75px 30px 0;font-size:76px}
.hero-art{width:110vw;height:110vw;right:-18vw;bottom:-20vw}}
@media(max-width:700px){.hero{height:calc(100svh - 93px);min-height:630px;max-height:1000px}
.hero h1{padding:67px 22px 0;font-size:clamp(43px,11.6vw,75px);letter-spacing:-.065em;line-height:1.035}
.hero-art{width:160vw;height:160vw;max-width:none;max-height:none;right:-32vw;top:auto;bottom:-12vw}}
/* The letter reads as a publication's opening correspondence. */
.letter{background:var(--paper);padding:39px 5% 100px}
.letter-running-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid #24202c28}
.letter-running-head>span{font-size:9px;letter-spacing:.08em}
.letter-running-head>img{width:124px}
.letter-page{max-width:690px;margin:85px auto 0}
.letter h2{font-family:var(--rf-sans);font-size:48px;line-height:1.15;letter-spacing:-2px;font-weight:400;margin-bottom:37px}
.letter-body{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.72;letter-spacing:-.16px;color:#35313c}
.letter-body p+p{margin-top:27px}
.letter-body .letter-opening{font-size:24px;line-height:1.56;letter-spacing:-.35px;margin-bottom:31px;color:var(--ink)}
.letter-signature{display:flex;justify-content:space-between;align-items:center;margin-top:38px;padding-top:26px}
.letter-signature>img{width:178px}
.letter-signature>canvas{width:108px;height:108px}
@media(max-width:700px){.letter{padding:27px 24px 55px}
.letter-running-head{padding-bottom:22px}
.letter-running-head>span{font-size:7px;letter-spacing:.07em}
.letter-running-head>img{width:87px}
.letter-page{margin-top:47px}
.letter h2{font-size:38px;letter-spacing:-1.4px;margin-bottom:27px}
.letter-body{font-size:18px;line-height:1.65;letter-spacing:-.1px}
.letter-body .letter-opening{font-size:21px;line-height:1.5;letter-spacing:-.2px;margin-bottom:26px}
.letter-body p+p{margin-top:24px}
.letter-signature{margin-top:26px;padding-top:15px}
.letter-signature>img{width:151px}
.letter-signature>canvas{width:86px;height:86px}}
.hero-mission{position:relative;z-index:1;max-width:430px;margin:28px 0 0 44px;font-size:17px;line-height:1.55;letter-spacing:-.2px}
@media(min-width:701px) and (max-width:1100px){.hero-mission{margin-left:30px;max-width:365px}
.hero{min-height:840px}
.hero-art{bottom:-30vw}}
@media(max-width:700px){.hero{height:auto;min-height:850px}
.hero-mission{margin:25px 24px 0 22px;max-width:330px;font-size:16px;line-height:1.55}
.hero-art{bottom:-32vw}}