@font-face{font-family:"Bodoni Moda";src:url("/bodoni-moda-italic.woff2") format("woff2");font-style:italic;font-weight:400 900;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/dm-sans-latin.woff2") format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}
:root{color-scheme:dark;font-family:"DM Sans",Arial,sans-serif;background:#101110;color:#efeee7;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}::selection{background:#dce0c7;color:#101110}
.page{min-height:100svh;max-width:1800px;margin:auto;padding:38px 64px 28px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:500;letter-spacing:-.3px}.identity small{display:block;color:#9c9e94;font-size:12px;font-weight:400;margin-top:5px;letter-spacing:.1px}.mark{font-family:"Bodoni Moda",serif;font-style:italic;font-size:48px;line-height:1;font-weight:400;letter-spacing:-.045em;padding-right:5px}.status{display:flex;gap:10px;align-items:center;color:#b1b4a5;font-size:12px}.status>span{width:6px;height:6px;border-radius:50%;background:#c5cea6}
.main{flex:1;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:16px;padding:60px 0}.copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#c0c5af;margin:0 0 28px}h1{font-weight:450;font-size:clamp(64px,7.3vw,116px);letter-spacing:-.065em;line-height:1.01;margin:0 0 32px}h1 span{color:#c5cbb3}.intro{font-size:17px;line-height:1.7;color:#bdbeb5;letter-spacing:-.2px;margin:0 0 12px}.note{font-size:14px;line-height:1.8;color:#90958a;margin:0}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{background:#e3e6d5;color:#1a1e16;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 22px;border-radius:4px;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;color:#d3d5c9;min-height:48px}.text-link span{font-size:20px}.text-link:hover,.footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.button:hover{background:#f4f5eb;transform:translateY(-2px)}a:focus-visible{outline:2px solid #e6ebcb;outline-offset:7px;border-radius:4px}
.art{width:100%;max-width:520px;justify-self:end;padding-top:8px}.shape{width:100%;display:block;aspect-ratio:1;overflow:visible}.art-caption{display:flex;justify-content:space-between;gap:16px;padding:0 10%;color:#8f9583;font-size:8px;letter-spacing:1.5px;margin-top:-4px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#93998b;font-size:11px;letter-spacing:.1px}.footer a{min-height:44px;display:inline-flex;align-items:center;gap:12px}.footer-note{color:#a7ad9c}
@media(min-width:1000px){.copy{animation:appear .8s both}.art{animation:appear 1s .1s both}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.page{padding-inline:88px}.main{gap:64px}}
@media(max-width:1050px){.page{padding:30px 36px 24px}.main{grid-template-columns:1.2fr 1fr;padding:80px 0}.intro{font-size:15px}.desktop-break{display:none}.art-caption{font-size:7px;letter-spacing:.8px}.footer-note{display:none}}
@media(max-width:700px){.page{padding:26px 24px 22px}.identity{font-size:14px;gap:12px}.identity small{font-size:11px}.mark{font-size:40px}.status{font-size:0;gap:0}.status>span{width:7px;height:7px}.main{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:64px 0 32px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:24px}h1{font-size:clamp(52px,12vw,82px);margin-bottom:24px;letter-spacing:-.06em}.intro{max-width:380px;font-size:15px;line-height:1.7}.note{font-size:13px}.actions{margin-top:26px;gap:28px}.button{min-height:50px;padding:14px 20px;gap:35px}.art{max-width:360px;width:88%;align-self:center;padding:0}.art-caption{font-size:7px;letter-spacing:1px;padding:0 5%;margin-top:-18px}.footer{flex-wrap:wrap;gap:0 16px;font-size:10px}.footer a{font-size:10px;gap:7px}}
@media(max-width:360px){.page{padding-inline:20px}.main{padding-top:52px}.footer{flex-direction:column;align-items:flex-start}.art{width:94%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}