@charset "UTF-8";
:root{color-scheme:light;--paper:#f4f2eb;--ink:#242e28;--muted:#62695f;--accent:#b74324;--line:#cdcec3}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
body{margin:0}
::selection{background:#eab59b;color:var(--ink)}
.page{width:min(1440px,100%);min-height:100svh;margin:auto;padding:0 clamp(24px,5.6vw,88px);display:flex;flex-direction:column}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 0;border-bottom:1px solid var(--line)}
.brand{font-size:27px;font-weight:750;letter-spacing:-1.4px;white-space:nowrap}
.brand-dot{color:var(--accent)}
.header-note{font-family:monospace;font-size:11px;letter-spacing:.025em;color:var(--muted)}
main{display:grid;grid-template-columns:1.1fr 1fr;column-gap:2vw;align-items:center;flex:1;padding-top:48px}
.hero-copy{padding:30px 0 45px}
.eyebrow{display:flex;align-items:center;gap:10px;font-family:monospace;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:35px;color:var(--muted)}
.eyebrow>span{height:7px;width:7px;background:var(--accent);border-radius:50%}
h1{font-size:clamp(76px,8.8vw,138px);font-weight:600;letter-spacing:-.075em;line-height:.92;margin:0 0 35px}
.period{color:var(--accent)}
.intro{color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.6;margin:0}
.study{padding:0 0 32px;width:100%;max-width:580px;justify-self:end}
.object{width:100%;height:auto;display:block}
.study-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-family:monospace;font-size:10px;line-height:1.6;padding:0 6%}
.disciplines{list-style:none;margin:30px 0 0;padding:0;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.disciplines li{display:flex;align-items:baseline;gap:18px;padding:29px 0;font-size:clamp(16px,1.6vw,22px);letter-spacing:-.025em}
.disciplines li+li{padding-left:28px;border-left:1px solid var(--line)}
.number{font-family:monospace;font-size:10px;letter-spacing:0;color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:24px;padding:26px 0;font-size:11px;color:var(--muted);line-height:1.6}
.footer-mark{font-family:monospace;font-size:10px}
@media(min-width:1500px){main{padding-top:70px}.hero-copy{padding-bottom:80px}}
@media(max-width:760px){.masthead{padding:25px 0}.brand{font-size:25px}.header-note{display:none}main{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding:18px 0 0}.eyebrow{margin-bottom:26px;font-size:10px}h1{font-size:clamp(76px,17vw,126px);margin-bottom:24px}.study{max-width:400px;justify-self:center;padding-bottom:12px;margin-top:0}.study-caption{font-size:9px}.disciplines{margin-top:20px}.disciplines li{padding:22px 0;display:block;font-size:15px;line-height:1.4}.disciplines li+li{padding-left:16px}.number{display:block;margin-bottom:8px}footer{padding:24px 0;font-size:10px}.footer-mark{display:none}}
@media(max-width:360px){.page{padding:0 20px}.disciplines li{font-size:14px}.disciplines li+li{padding-left:12px}}
@media(prefers-contrast:more){:root{--muted:#343d32;--line:#767d71}}