:root{color-scheme:light;--paper:#f3f1e9;--ink:#232b25;--muted:#60645b;--rust:#a34d33;--line:#d6d7cb}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#ddc8af;color:#17231e}
.page{width:min(100%,1600px);margin:0 auto;min-height:100svh;display:flex;flex-direction:column;padding:38px 5.3vw 26px}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px}
.identity{display:flex;align-items:center;gap:14px;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:.98;letter-spacing:-.7px}
.identity-second{display:block;font-family:"Segoe UI",Arial,sans-serif;text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:4.3px;line-height:1.4;margin-top:7px;margin-left:2px}
.brand-mark{width:29px;height:37px;flex-shrink:0}
.header-note{font-size:12px;color:var(--muted);letter-spacing:.2px}
main{flex:1;display:flex;align-items:center;padding:clamp(26px,5vh,55px) 0}
.introduction{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:7.3%;width:100%}
.copy{padding-bottom:9px}
.eyebrow{display:flex;gap:10px;align-items:center;text-transform:uppercase;font-size:10px;letter-spacing:2.1px;font-weight:600;margin:0 0 32px}
.status-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--rust)}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,6.6vw,104px);font-weight:400;letter-spacing:-5px;line-height:1.015;margin:0 0 31px}
h1 em{font-weight:400;color:#53634f}
.description{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.small-rule{width:38px;height:1px;background:var(--rust);margin:30px 0 18px}
.invitation{font-family:Georgia,"Times New Roman",serif;font-size:16px;font-style:italic;color:#565e50;margin:0}
.artwork{margin:0;position:relative;width:min(100%,calc(65svh * .9032));max-width:560px;justify-self:end}
.artwork>svg{display:block;width:100%;height:auto;aspect-ratio:560/620}
figcaption{display:flex;justify-content:space-between;gap:16px;position:absolute;bottom:29px;left:30px;right:30px;color:#e4e2ce;font-size:8px;text-transform:uppercase;letter-spacing:1.8px}
footer{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.3px}
.domain{color:var(--ink)}
.domain>span{display:inline-block;margin-left:12px;color:var(--rust);font-size:15px;line-height:.5}
@media(min-width:1600px){.page{padding-left:85px;padding-right:85px}}
@media(max-width:1000px){.page{padding:30px 5vw 24px}.introduction{gap:6%}h1{font-size:clamp(60px,7.4vw,85px);letter-spacing:-3.8px}.eyebrow{font-size:9px;letter-spacing:1.6px}.description{font-size:14px}figcaption{font-size:6px;letter-spacing:1.2px;left:24px;right:24px;bottom:24px}}
@media(max-width:680px){.page{padding:26px 25px 22px}.identity{font-size:21px;gap:11px}.identity-second{font-size:8px;letter-spacing:4px}.brand-mark{width:25px;height:33px}.header-note{display:none}main{padding:61px 0 38px}.introduction{grid-template-columns:1fr;gap:39px}.copy{padding:0}.eyebrow{margin-bottom:25px;font-size:9px;letter-spacing:1.8px}h1{font-size:clamp(54px,10.7vw,75px);letter-spacing:-3px;line-height:1.03;margin-bottom:25px}.desktop-break{display:none}.description{font-size:14px;line-height:1.75}.small-rule{margin:25px 0 16px}.invitation{font-size:15px}.artwork{width:100%;max-width:none}.artwork>svg{aspect-ratio:1.08;object-fit:cover}figcaption{font-size:7px;bottom:24px}footer{font-size:9px;flex-wrap:wrap;row-gap:13px;padding-top:19px}.domain>span{font-size:13px;margin-left:5px}}
@media(max-width:360px){.page{padding-left:20px;padding-right:20px}h1{font-size:52px}.eyebrow{font-size:8px}}
