:root{--paper:#f4f0e5;--ink:#24463b;--muted:#59655a;--orange:#ce532f;--line:#c6cbbc;--yellow:#e7bd64}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.skip{position:absolute;top:-100px;left:16px;padding:12px;background:var(--paper);z-index:10}
.skip:focus{top:12px}
.page{max-width:1352px;margin:auto;padding:0 56px}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);min-height:92px}
.wordmark{display:flex;align-items:center;gap:12px;font-weight:800;font-size:14px;letter-spacing:.045em;text-decoration:none}
.signal{display:block;width:9px;height:9px;background:var(--orange);border-radius:50%}
.header-link{font-size:13px;text-decoration:none}
.header-link span{margin-left:9px}
.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:40px;align-items:center;padding:76px 0 72px}
.eyebrow,.hero-art figcaption{font-family:"Courier New",monospace;font-size:11px;line-height:1.5;letter-spacing:.095em;font-weight:400}
.eyebrow{margin:0 0 24px;color:var(--muted)}
h1{font-size:clamp(40px,5.5vw,76px);font-weight:900;letter-spacing:-.065em;line-height:.94;margin:0 0 30px;white-space:nowrap}
.period{color:var(--orange)}
.tagline{font-size:clamp(23px,2.6vw,32px);line-height:1.18;letter-spacing:-.03em;margin:0 0 20px}
.intro{font-size:16px;line-height:1.65;max-width:350px;margin:0 0 28px;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;min-height:50px;padding:14px 19px;background:var(--ink);color:var(--paper);font-size:14px;text-decoration:none;font-weight:600;border:1px solid var(--ink);transition:background .15s,color .15s}
.button:hover{background:var(--paper);color:var(--ink)}


.hero-art{margin:0;min-width:0;position:relative;padding-top:20px}
.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.hero-art figcaption{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;border-top:1px solid var(--line);color:var(--muted)}
.swatches{display:flex;gap:5px}.swatches i{width:13px;height:13px;background:var(--orange)}.swatches i:nth-child(2){background:var(--yellow)}.swatches i:nth-child(3){background:#708c72}



h2{font-size:34px;letter-spacing:-.045em;line-height:1.05;font-weight:700;margin:0}








.signoff{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:35px;padding:46px 0 50px}
.signoff .eyebrow{margin:0;align-self:start;padding-top:7px}
.signoff h2{font-size:42px;line-height:1.03}
footer{border-top:1px solid var(--line);padding:28px 0 32px;display:flex;justify-content:space-between;align-items:start;gap:30px;font-size:11px;line-height:1.6;color:var(--muted)}
footer strong{font-size:11px;letter-spacing:.06em;color:var(--ink)}footer p{margin:5px 0 0}footer a{white-space:nowrap;text-decoration:none}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:88px}}
@media(max-width:1000px){.page{padding:0 32px}.hero{gap:26px;padding:60px 0}.signoff{grid-template-columns:1fr 1fr}.signoff .eyebrow{grid-column:1/-1}.signoff .button{justify-self:end}}
@media(max-width:700px){.page{padding:0 22px}header{min-height:76px;gap:12px}.wordmark{font-size:10px;gap:7px}.header-link{font-size:11px}.header-link span{margin-left:2px}.hero{grid-template-columns:1fr;gap:22px;padding:42px 0 40px}.eyebrow{font-size:10px;margin-bottom:22px}h1{font-size:clamp(33px,8.3vw,58px);margin-bottom:25px;letter-spacing:-.06em}.tagline{font-size:27px}.intro{max-width:340px;font-size:15px}.hero-art{max-width:380px;width:100%;justify-self:center;padding-top:8px}.hero-art figcaption{font-size:9px}h2{font-size:30px}.signoff{grid-template-columns:1fr;padding:32px 0 36px;gap:22px}.signoff .eyebrow{padding:0}.signoff h2{font-size:39px}.signoff .button{justify-self:start}footer{display:block;padding-top:23px}footer a{display:inline-block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}