html[data-theme=paper]{--bg:#eee7d7;--ink:#24363b;--muted:#596968;--accent:#895d2f;--red:#a25239;--rule:#24363b2c;--surface:#e4dccb;--paper:#e8dfcd;--paper-ink:#24363b;--teal:#4f7774}
html[data-theme=screen]{--teal:#8db0a9}
html[data-theme=paper] .brand img{filter:none;opacity:1}
.site-header{border-bottom:2px solid var(--ink)}
.study-tools{background:var(--bg)}
.hero{padding-top:43px}
.hero-grid{min-height:490px;gap:38px;padding:30px 0 35px}
.hero h1{font-weight:450;font-size:clamp(58px,6.2vw,91px)}
.hero h1 .soft,.about-opening h1 span{color:var(--teal)}
.hero-description{font-size:15px;max-width:450px;margin-top:27px}
.hero-art{border:1px solid #b5a78b;padding:12px 16px 20px;background:#131c29;color:#ede7d1}
.hero-art::before{content:'';height:6px;position:absolute;left:-1px;right:-1px;top:-1px;background:linear-gradient(to right,#b47d3a 0 56%,#9b5139 56% 72%,#4f7774 72% 100%)}
.hero-art::after{content:'';position:absolute;right:19px;top:24px;width:50px;height:20px;background:repeating-linear-gradient(132deg,transparent 0 5px,#e8ba6880 5px 6px,transparent 6px 10px)}
.focus-strip{padding:16px 0 20px}
.release-note{border-top:1px solid var(--rule);padding:17px 0;display:flex;justify-content:space-between;gap:24px;font:11px/1.5 var(--mono)}
.release-note a{text-decoration:underline;text-underline-offset:4px}
.release-note span{color:var(--muted)}
.about-plate{border:1px solid #a8b0a850}
.people-intro .small-copy p+p{margin-top:18px}
.people-intro{grid-template-columns:.65fr 1.35fr;gap:65px;margin-bottom:40px}
.people-intro h2{font-size:54px}
.people-intro .small-copy p{font-size:15px}
.about-opening h1{font-weight:450}
.logo-board{background:var(--surface);color:var(--ink);border:1px solid var(--rule);position:relative}
.logo-board::before{content:'';position:absolute;inset:17px;border:1px solid var(--rule);pointer-events:none}
.logo-board img{width:130px;height:130px}
.logo-board .wordmark{font-size:33px}
.logo-grid{gap:30px}
.logo-study h2{font-size:26px}
.logo-study p{min-height:74px;font-size:14px}
.identity-intro{padding:43px 0 35px}
.identity-intro h1{font-size:60px;max-width:880px;margin:21px 0 21px;line-height:1.04}
.identity-intro p{max-width:800px}
.identity-intro p.micro{margin-top:16px}
.identity-notes h3{font-size:25px}
.palette-strip{grid-template-columns:repeat(5,1fr)}
.logo-study:nth-child(2) .logo-board{background:var(--bg)}
.logo-study:nth-child(3) .logo-board::after{content:'';position:absolute;left:18px;right:18px;bottom:18px;height:9px;background:repeating-linear-gradient(135deg,transparent 0 7px,#a5743845 7px 8px,transparent 8px 13px)}
@media(max-width:1050px){.hero-grid{gap:25px}.hero h1{font-size:66px}}
@media(max-width:760px){.hero{padding-top:30px}.hero-grid{min-height:0;gap:27px;padding-top:26px}.hero h1{font-size:clamp(49px,10.2vw,75px)}.hero-description{font-size:15px}.release-note{flex-direction:column;gap:6px;font-size:10px}.people-intro{grid-template-columns:1fr;gap:24px}.people-intro h2{font-size:42px}.identity-intro h1{font-size:46px}.logo-study p{min-height:0}.palette-strip{grid-template-columns:repeat(2,1fr)}}
.hero-ctas{display:flex;gap:32px;flex-wrap:wrap}.hero-ctas .text-link{font-size:11px;gap:0}