@import "https://fonts.googleapis.com/css2?family=Italiana&family=DM+Sans:wght@400;500&display=swap";:root{--maroon:#350814;--bone:#e8dfce;--muted:#b9a6a2;--line:#e8dfce59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--maroon);color:var(--bone);font-synthesis:none;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}::selection{background:var(--bone);color:var(--maroon)}.landing{isolation:isolate;background:#350814;flex-direction:column;min-height:100svh;padding:32px 42px 26px;display:flex;position:relative;overflow:hidden}.architecture{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.background-image{background:url(/assets/courtyard-background.png) 50%/cover no-repeat;position:absolute;inset:0}.background-shade{background:linear-gradient(#1e02092e,#1e02090d 35%,#1a02097a);position:absolute;inset:0}.header{z-index:1;justify-content:center;display:flex;position:relative}.brand{justify-content:center;align-items:center;width:44px;height:59px;display:flex}.alif{width:9px;height:49px;display:block;overflow:visible}.invitation{text-align:center;width:100%;max-width:1250px;margin:auto;padding:66px 0 86px;position:relative}h1{letter-spacing:-.045em;white-space:nowrap;margin:0 auto 34px;font-family:Italiana,Didot,Times New Roman,serif;font-size:clamp(64px,12.6vw,150px);font-weight:400;line-height:.93}h1>span{font-size:.91em}.form-area{max-width:660px;min-height:216px;margin:0 auto}.intro{letter-spacing:.45px;color:#d1beb5;margin:0 0 29px;font-size:11px;line-height:1.6}form{position:relative}.fields{text-align:left;grid-template-columns:1fr 1.1fr 1fr;gap:25px;display:grid}.field{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;transition:border-color .2s;display:flex}.field:focus-within{border-color:var(--bone)}.field>span{letter-spacing:1.3px;text-transform:uppercase;color:#d7c5ba;font-size:9px}.field input{color:var(--bone);background:0 0;border:0;border-radius:0;outline:0;width:100%;min-width:0;padding:13px 0 15px;font-size:12px}.field input::placeholder{color:#b7a09c;opacity:1}.field input:focus-visible{outline-offset:3px;outline:1px solid #e8dfce99}.field input:-webkit-autofill{-webkit-text-fill-color:var(--bone);box-shadow:inset 0 0 0 1000px #350814}button{background:var(--bone);border:1px solid var(--bone);color:#3b0b19;text-align:left;cursor:pointer;border-radius:1px;justify-content:space-between;align-items:center;gap:40px;min-width:188px;min-height:45px;margin:32px auto 0;padding:12px 20px;font-size:11px;transition:background .2s;display:flex}button>span:last-child{font-size:19px;font-weight:400;line-height:1;transition:transform .2s}button:hover{background:#f7f0e4}button:hover>span:last-child{transform:translate(3px)}:is(button:focus-visible,a:focus-visible){outline:1px solid var(--bone);outline-offset:5px}button:disabled{opacity:.6;cursor:wait}.note{color:#bda6a0;letter-spacing:.25px;margin:13px 0 0;font-size:9px;line-height:1.5}footer{color:#b99b99;letter-spacing:1.2px;justify-content:space-between;gap:20px;font-size:9px;display:flex}.honey{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.error{color:var(--bone);font-size:12px;line-height:1.5}.success{max-width:370px;margin:0 auto;padding:20px 0}.success-mark{font-size:24px}.success h2{margin:18px 0;font:400 34px/1.1 Italiana,Didot,serif}.success p{color:#c8b5af;margin:0;font-size:13px;line-height:1.6}@media (min-width:701px) and (max-width:1100px){.background-image{background-position:95%}}@media (max-width:700px){.landing{padding:27px 24px 22px}.brand{height:48px}.alif{width:8px;height:43px}.invitation{margin:35px auto auto;padding:36px 0 40px}h1{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(46px,13.5vw,76px);line-height:.98}.form-area{max-width:350px;min-height:320px}.intro{letter-spacing:.2px;margin-bottom:28px;font-size:10px}.fields{grid-template-columns:1fr;gap:18px}.field{gap:0}.field>span{letter-spacing:1.1px;font-size:9px}.field input{padding:10px 0 13px;font-size:16px}.background-image{background-position:100%}.background-shade{background:#1e020938}button{min-width:175px;margin-top:27px;font-size:12px}.note{font-size:9px}footer{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.invitation{padding-top:38px;padding-bottom:42px}h1{margin-bottom:22px;font-size:clamp(64px,11.7vw,130px)}.slogan{letter-spacing:3px;color:var(--bone);margin:0 0 22px;font-size:11px;font-weight:500;line-height:1.5}.countdown{color:var(--bone);letter-spacing:3px;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:5px;margin:0 auto 16px;font-size:25px;font-weight:400;line-height:1.2;display:flex}.countdown-units{letter-spacing:2px;color:#bda6a0;font-size:7px}.countdown-units span{opacity:.6;margin:0 6px}.form-area{max-width:390px;min-height:260px}.fields{grid-template-columns:1fr;gap:0}.field{height:59px;display:block;position:relative}.field>span{letter-spacing:.2px;text-transform:none;pointer-events:none;color:#d7c5ba;font-size:12px;transition:top .15s,font-size .15s;position:absolute;top:20px;left:0}.field input{height:100%;padding:25px 0 8px;font-size:14px}:is(.field:has(input:focus)>span,.field:has(input:not(:placeholder-shown))>span){letter-spacing:.3px;font-size:9px;top:6px}.field input:focus-visible{outline:0}.field:focus-within{box-shadow:0 1px 0 var(--bone)}button{min-width:210px;margin-top:25px}.note{margin-top:12px}@media (max-width:700px){.invitation{margin:25px auto auto;padding:23px 0 34px}h1{margin-bottom:21px;font-size:clamp(49px,14.3vw,76px)}.slogan{letter-spacing:2.5px;margin-bottom:23px;font-size:9px}.countdown{margin-bottom:15px;font-size:24px}.form-area{max-width:350px;min-height:280px}.field{height:61px}.field input{font-size:16px}.field>span{font-size:13px}.note{font-size:9px}}.success h2{letter-spacing:0;font-size:32px;line-height:1.5}
