/* A complete typographic composition, independent of photography. */
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f3f1eb;background:#101011;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 46%,#1b1a17 0%,#101011 65%)}
header{height:112px;flex-shrink:0;padding:0 6%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:40px;height:40px}
.brand span{font-size:29px;letter-spacing:.035em}
.brand i{width:6px;height:6px;background:#c8a261;border-radius:50%;margin:13px 0 0 -4px}
.domain{font-size:12px;letter-spacing:.08em;color:#aaa8a2}
main{flex:1;display:grid;place-items:center;padding:45px 24px 70px;text-align:center}
.copy{width:100%;max-width:1000px}
.eyebrow{font-size:10px;letter-spacing:.32em;color:#aaa8a2;margin:0 0 37px}
h1{font-weight:400;margin:0;line-height:.92}
h1 span{display:block;font-size:clamp(76px,9vw,144px);letter-spacing:-.075em}
h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(130px,15vw,230px);font-weight:400;color:#c8a261;letter-spacing:-.08em;padding-right:.09em;margin-top:3px}
.coming{margin:42px 0 0;font-size:12px;letter-spacing:.055em;color:#c6c3bc;display:flex;flex-direction:column;align-items:center;gap:23px}

footer{min-height:64px;display:flex;align-items:center;justify-content:center;color:#85837e;font-size:10px;letter-spacing:.06em}
@media(max-width:700px){header{height:88px;padding:0 7%}.brand img{width:32px;height:32px}.brand span{font-size:24px}.domain{font-size:11px}main{padding:35px 20px 65px}.eyebrow{font-size:9px;letter-spacing:.25em;margin-bottom:30px}h1 span{font-size:clamp(66px,17vw,110px)}h1 em{font-size:clamp(118px,31vw,190px)}.coming{margin-top:35px;gap:20px}footer{min-height:55px}}
@media(max-height:650px) and (min-width:701px){header{height:80px}main{padding:20px 24px 30px}.eyebrow{margin-bottom:22px}h1 span{font-size:80px}h1 em{font-size:130px}.coming{margin-top:24px;gap:15px}footer{min-height:42px}}

/* Detached punctuation echoes the CHAIR wordmark. */
h1 .look-dot{display:inline-block;width:.145em;height:.145em;margin-left:.18em;margin-bottom:0;background:#c8a261;border-radius:50%;font-size:inherit;vertical-align:baseline}