:root{color-scheme:dark;--ink:#19171d;--paper:#f4eee6;--lilac:#c5b3e2;--muted:#b7afb9;--line:#423b48}
*{box-sizing:border-box}
html{min-width:280px;background:var(--ink)}
body{margin:0;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--lilac);color:var(--ink)}
.page{min-height:100svh;display:flex;flex-direction:column;max-width:1800px;margin:auto;padding:0 clamp(24px,6vw,100px);background:radial-gradient(ellipse at 85% 48%,#30263850,transparent 46%)}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:114px;border-bottom:1px solid var(--line)}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:27px;letter-spacing:-1px}
.wordmark span{font-size:27px;color:var(--lilac);display:inline-block;margin-left:8px}
.status,.eyebrow,.art-caption{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:2px}
.status{display:flex;align-items:center;gap:10px;color:var(--muted);letter-spacing:1.6px}
.status>span{height:5px;width:5px;border-radius:50%;background:var(--lilac)}
main{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;flex:1;align-items:center;padding:70px 0 82px;min-height:600px}
.intro{position:relative;z-index:1}
.eyebrow{color:var(--lilac);margin:0 0 36px;letter-spacing:2.8px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5.65vw,90px);line-height:1.06;letter-spacing:-3.4px;margin:0;max-width:850px}
h1 em{font-weight:400;color:var(--lilac)}
.message{display:flex;align-items:flex-start;gap:21px;margin-top:38px}
.message p{margin:0;font-size:15px;line-height:1.85;color:var(--muted)}
.small-star{color:var(--lilac);font-size:31px;line-height:1.3}
.art{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--lilac)}
.seal{width:min(100%,350px);position:relative;z-index:1}
.seal svg{display:block;width:100%;height:auto}
.halo{position:absolute;width:85%;max-width:380px;aspect-ratio:1;border:1px solid #c5b3e20e;border-radius:50%;transform:rotate(-25deg) scaleX(.8)}
.halo-two{width:95%;max-width:430px;transform:rotate(25deg) scaleX(.8)}
.art-caption{margin-top:12px;color:#b7a5c4;font-size:9px;letter-spacing:3px}
footer{min-height:86px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.4px;color:var(--muted)}
.footer-star{color:var(--lilac);font-size:19px;margin-left:7px}
@media(min-width:1500px){main{min-height:700px}.art{min-height:500px}.seal{width:400px}}
@media(max-width:800px){.masthead{min-height:88px}.status{font-size:9px;letter-spacing:1px}main{grid-template-columns:1fr;gap:24px;padding:60px 0 42px;min-height:unset}.eyebrow{font-size:10px;margin-bottom:24px}h1{font-size:clamp(43px,8.8vw,70px);letter-spacing:-2px}.message{margin-top:28px;gap:16px}.message p{font-size:14px}.art{min-height:260px}.seal{width:225px}.halo{max-width:245px}.halo-two{max-width:275px}.art-caption{margin-top:6px;font-size:8px}footer{min-height:74px}}
@media(max-width:380px){.status{max-width:100px;line-height:1.6}.wordmark{font-size:24px}h1{font-size:40px;letter-spacing:-1.8px}.message p{font-size:13px}}