@font-face{font-family:Italiana;src:url('assets/italiana-normal.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:WindSong;src:url('assets/windsong-normal.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:VGAmpersand;src:url('assets/bodoni-moda-normal.ttf') format('truetype');font-display:swap;unicode-range:U+0026;font-weight:400}
:root{color-scheme:dark;background:#120a0d;color:#f2ebdd;font-family:'Segoe UI',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative;display:flex;flex-direction:column;isolation:isolate}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #e3b7be;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:#f2ebdd;color:#210d14;padding:12px 18px}.skip:focus{top:15px}
.scene,.shade{position:absolute;inset:0;z-index:-2;pointer-events:none;width:100%;height:100%}.scene{object-fit:cover;object-position:54% center}.shade{z-index:-1;background:linear-gradient(90deg,rgba(17,7,11,.25),rgba(17,7,11,.12) 42%,transparent 68%),linear-gradient(0deg,rgba(14,8,10,.85),transparent 22%,transparent 80%,rgba(14,8,10,.22))}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4.5vw}.brand{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:2.8px}.brand img{width:56px;height:56px;object-fit:contain}.amp{font-family:Georgia,serif;font-style:italic;font-size:16px;letter-spacing:1px}.edition{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#d7c8be}.edition>span{width:4px;height:4px;border-radius:50%;background:#d7b08a}
main{width:100%;padding:35px 7.5vw 58px;flex:1;display:flex;align-items:center}.invitation{width:min(46vw,600px)}.eyebrow{font-size:9px;letter-spacing:2.4px;display:flex;align-items:center;gap:13px;color:#d9b5bd;margin:0 0 27px}.eyebrow>span{width:34px;height:1px;background:#b86a7c;flex-shrink:0}h1{font-family:VGAmpersand,Italiana,Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.025em;font-size:clamp(48px,5.7vw,89px);margin:0}h1>span{display:block;text-transform:uppercase;white-space:nowrap}h1 em{font-family:WindSong,cursive;display:block;font-style:normal;letter-spacing:0;font-size:clamp(35px,4vw,61px);line-height:1.5;color:#e3bec1;margin:0 0 22px}h2{font-family:VGAmpersand,Italiana,Georgia,serif;font-weight:400;font-size:38px;line-height:1.12;margin:0 0 20px}.intro{font-size:14px;line-height:1.9;color:#e1d1ca;margin:0 0 32px;max-width:430px}
.signup-area{width:min(100%,425px)}fieldset{padding:0;margin:0;border:0;min-width:0}label{display:block;font-size:9px;font-weight:500;letter-spacing:1.9px;color:#dcc2c8;margin:0 0 10px}.email-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ad7b856b;background:linear-gradient(90deg,#f2ebdd06,transparent);transition:border-color .2s}.email-line:focus-within{border-color:#eed4d7}.email-line input{color:#f2ebdd;background:transparent;border:0;outline:none;width:100%;min-width:0;height:49px;padding:0 12px 0 1px;font-size:15px}.email-line input::placeholder{color:#bb929c}.email-line input:focus-visible{outline:0}.email-line:has(input:focus-visible){outline:2px solid #e3b7be;outline-offset:4px}.email-line>svg{width:19px;height:19px;fill:none;stroke:#c39ba4;stroke-width:1.2;margin-right:4px;flex-shrink:0}.error{color:#ffd1c8;font-size:12px;line-height:1.5;margin:8px 0 0}.error:empty{display:none}.submit{width:100%;border:1px solid #f2ebdd;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;background:#f2ebdd;color:#3d1520;margin:22px 0 14px;font-size:12px;font-weight:600;letter-spacing:.25px;min-height:53px;transition:background .2s,border-color .2s}.submit>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.submit:hover{background:#e4c4c8;border-color:#e4c4c8}.consent{font-size:10px;line-height:1.85;color:#cbaab2;margin:0;max-width:390px}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:15px}.text-link{border:0;border-bottom:1px solid #c29ba369;padding:2px 0;background:none;color:#e2c6cd;font-size:10px;line-height:1.6}.text-link:hover{border-color:currentColor;color:#fff0e7}.form-foot>p{font-size:9px;line-height:1.5;color:#c2a1aa;margin:0}.preview-note{font-size:11px;color:#e6bec6}
.confirmation{padding:6px 0 0;min-height:246px;position:relative}.confirmation-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9b5bd88;border-radius:50%;color:#e2c0c4;margin-bottom:17px;font-size:15px}.confirmation .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:13px}.confirmation h2{font-size:36px;margin-bottom:12px}.confirmation>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d4bdc4;margin:0 0 14px}.confirmation .confirmation-demo{font-size:10px!important;color:#e6c3bd!important}.confirmation .text-link{margin-top:2px;font-size:11px}
footer{margin:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dec7c51c;padding:22px 0 25px;font-size:8px;letter-spacing:1.5px;color:#c2acae}.footer-note{font-family:VGAmpersand,Italiana,Georgia,serif;font-size:20px;line-height:1.3;letter-spacing:.35px;color:#dec1bd}
dialog{width:min(500px,calc(100% - 36px));padding:43px 37px 35px;max-height:calc(100svh - 40px);border:1px solid #704450;background:#201017;color:#f2ebdd;box-shadow:0 24px 100px #000a}dialog::backdrop{background:#0b070bba;backdrop-filter:blur(5px)}dialog>.eyebrow{font-size:8px;margin-bottom:24px}dialog>p:not(.eyebrow),.dialog-note p{font-size:13px;line-height:1.8;color:#d7c1c8}dialog h2{font-size:38px}.dialog-close{position:absolute;right:12px;top:9px;width:38px;height:38px;background:none;border:0;color:#dec3cb;font-size:28px;font-weight:300}.dialog-note{padding-top:20px;margin-top:22px;border-top:1px solid #6a455340}.dialog-note strong{font-size:12px;font-weight:500;color:#f0d1d7}.dialog-note p{font-size:11px;margin-bottom:0}
@media(min-width:1700px){main{padding-left:10vw}.invitation{width:620px}.signup-area{width:450px}.intro{font-size:15px}.consent{font-size:11px}}
@media(max-width:1000px) and (min-width:701px){main{padding-left:5vw}.invitation{width:51vw}.scene{object-position:58% center}.shade{background:linear-gradient(90deg,#190910bb,transparent 80%),linear-gradient(0deg,#120a0d99,transparent 40%)}h1{font-size:clamp(42px,5.7vw,58px)}h1 em{font-size:clamp(31px,4.1vw,41px)}.signup-area{max-width:350px}.intro{font-size:13px}}
@media(max-width:700px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{min-height:100svh;background:#1b0b12}.scene{height:540px;object-fit:cover;object-position:83% top}.shade{height:560px;background:linear-gradient(0deg,#1b0b12 1%,rgba(27,11,18,.98) 9%,rgba(27,11,18,.67) 24%,transparent 48%),linear-gradient(90deg,#1b0b1244,transparent 65%),linear-gradient(180deg,#120a0d55,transparent 18%)}header{padding:18px 22px;align-items:center;gap:10px}.brand{font-size:9px;letter-spacing:1.4px;gap:9px}.brand img{width:40px;height:40px}.amp{font-size:13px}.edition{font-size:6px;letter-spacing:1px;gap:5px}.edition>span{width:3px;height:3px}main{padding:280px 26px 45px;display:block;flex:1}.invitation{width:100%;max-width:480px;margin:0 auto}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:21px;gap:10px}.eyebrow>span{width:23px}h1{font-size:clamp(42px,11.5vw,68px)}h1 em{font-size:clamp(30px,8.5vw,47px);line-height:1.6;margin-bottom:17px}.intro{font-size:13px;line-height:1.8;margin-bottom:28px}.signup-area{width:100%}.desktop-break{display:none}.email-line input{font-size:16px}.submit{margin-top:19px;padding:16px;font-size:11px}.consent{font-size:10px}.form-foot{gap:9px}.form-foot>p{font-size:8px}footer{margin:0 26px;font-size:6px;letter-spacing:1px;padding:21px 0 25px;gap:12px}.footer-note{display:none}.confirmation{min-height:240px}dialog{padding:42px 27px 28px}dialog h2{font-size:34px}}
@media(max-width:350px){header{padding-left:16px;padding-right:16px}.brand{font-size:8px;letter-spacing:1.2px;gap:7px}.brand img{width:34px;height:34px}.edition{font-size:5px;letter-spacing:.8px}main{padding-left:22px;padding-right:22px}h1{font-size:40px}h1 em{font-size:29px}.eyebrow{font-size:6px;letter-spacing:1.3px}.form-foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.invitation{animation:arrive .8s ease both}.confirmation:not([hidden]){animation:arrive .35s ease both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
