@charset "UTF-8";
:root{--paper:#f5f3eb;--ink:#253a30;--muted:#626b62;--line:#d5d8cc}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{width:88%;max-width:1340px;min-height:100svh;margin:auto;display:flex;flex-direction:column}
header{padding:43px 0 34px;border-bottom:1px solid var(--line)}
.wordmark{font-size:20px;letter-spacing:.07em;font-weight:600;line-height:1.1;display:inline-flex;flex-direction:column}
.wordmark span{font-size:10px;letter-spacing:.39em;margin-top:9px}
main{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;padding:65px 0 70px}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 30px;color:var(--muted)}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,6.5vw,96px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0}
em{font-weight:400}
.description{font-size:16px;line-height:1.6;color:var(--muted);margin:30px 0 0;max-width:350px}
.art{width:100%;aspect-ratio:1/1.05;background:var(--ink);overflow:hidden}
.art svg{width:100%;height:100%;display:block}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 30px;font-size:10px;color:var(--muted)}
@media(max-width:760px){header{padding:30px 0 25px}.wordmark{font-size:18px}.wordmark span{font-size:9px}main{grid-template-columns:1fr;gap:38px;padding:45px 0 38px}h1{font-size:clamp(48px,10.5vw,76px)}.eyebrow{font-size:9px;margin-bottom:24px}.description{font-size:14px;margin-top:24px}.art{aspect-ratio:1.45}.art svg{height:auto;transform:translateY(-15%)}footer{font-size:9px;padding:20px 0 24px}}
@media(min-width:761px) and (max-height:650px){main{padding:35px 0}.art{max-height:360px}header{padding-top:25px;padding-bottom:25px}}