:root{color-scheme:light;--paper:#f5f3ee;--ink:#242a3c;--muted:#6e727c;--accent:#5867ca}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{min-height:100vh;min-height:100svh;max-width:1440px;margin:auto;padding:40px 64px 28px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:650;letter-spacing:-1.2px}
.brand svg{color:var(--accent)}
.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #dcdcd7;border-radius:30px;padding:10px 15px;font-size:12px;color:#555d6b;white-space:nowrap}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #5867ca0e}
main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:16px;padding:70px 0 65px}
.intro{position:relative;z-index:1}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0 0 27px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(48px,5.5vw,78px);line-height:1.07;letter-spacing:-3px;margin:0 0 27px}
.period{color:var(--accent)}
.description{color:var(--muted);font-size:17px;line-height:1.75;margin:0;max-width:410px}
.divider{width:38px;height:1px;background:#bfc1c3;margin:33px 0 22px}
.small-note{font-size:12px;line-height:1.75;color:#797d87;margin:0}
.art{position:relative;width:100%;max-width:560px;justify-self:end}
.sky{display:block;width:100%;height:auto}
.art-caption{display:block;margin-top:8px;text-align:center;color:#858995;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #deded9;color:#7b7f87;font-size:11px;line-height:1.5}
.domain{color:#51596c;letter-spacing:.3px}
::selection{background:#dce0f7;color:var(--ink)}
@media(min-width:1600px){.page{padding-top:52px;padding-bottom:34px}}
@media(max-width:1000px){.page{padding:30px 36px 24px}main{gap:0}.brand{font-size:25px}h1{letter-spacing:-2px;font-size:58px}.description{font-size:15px}.art{margin-right:-14px;width:110%}}
@media(max-width:720px){.page{padding:25px 25px 22px}.header{gap:12px}.brand{font-size:23px;gap:8px}.brand svg{width:26px;height:26px}.status{font-size:10px;padding:8px 10px;gap:7px}main{grid-template-columns:1fr;padding:62px 0 35px;gap:26px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:22px}h1{font-size:clamp(46px,9.7vw,68px);letter-spacing:-2px;margin-bottom:23px}.description{font-size:15px}.divider{margin:26px 0 17px}.small-note{font-size:11px}.art{width:75%;max-width:340px;margin:0;justify-self:center}.art-caption{margin-top:0;font-size:8px;letter-spacing:1px}footer{font-size:10px}}
@media(max-width:370px){.page{padding-left:19px;padding-right:19px}.status{font-size:9px;padding:7px 8px}.brand{font-size:21px}h1{font-size:43px}main{padding-top:50px}}