:root{--navy:#122d43;--deep:#fbf7ed;--gold:#967126;--cream:#183448;--muted:#657078}body{background:#fbf7ed;color:var(--cream)}body.gate-locked{overflow:hidden}.draft-bar{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;justify-content:space-between;align-items:center;background:#10283eea;color:#efdbb0;font-size:.8rem;padding:7px 18px;backdrop-filter:blur(10px)}.draft-bar button{border:0;background:none;color:#efdbb0;text-decoration:underline;font-size:.8rem}.gate-stage{position:fixed;inset:0;z-index:50;background:#faf4e5;overflow:hidden;perspective:1500px}.gateway{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 2.1s cubic-bezier(.3,0,.3,1) 1.1s,opacity .85s ease 2.4s;background:radial-gradient(ellipse,#fffdf5 0%,#f8eed8 80%)}.door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;backface-visibility:hidden;transition:transform 2.5s cubic-bezier(.22,.65,.18,1) .2s,filter 2s;box-shadow:0 0 20px #0003}.door img{position:absolute;width:200%;height:100%;max-width:none;object-fit:cover;object-position:center}.door-left{left:0;transform-origin:left center}.door-right{right:0;transform-origin:right center}.door-left img{left:0}.door-right img{right:0}.gate-tint{position:absolute;inset:0;background:linear-gradient(transparent 35%,#071a2b25 50%,#071a2b9e 85%);pointer-events:none;transition:opacity .5s}.gate-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:50px 24px 11svh;text-align:center;color:#fff6e6;transition:opacity .45s,transform .6s;text-shadow:0 2px 25px #001222}.gate-copy .eyebrow{color:#f1d69e}.gate-copy h1{font-size:clamp(3.7rem,8vw,6.5rem);color:#ffe6ad;margin:2px 0;line-height:1.05}.gate-copy h1 i{color:#ffe6ad}.gate-copy .gold-button{margin-top:20px;border-radius:40px;box-shadow:0 6px 30px #07142266}.gate-copy .cover-date{margin:15px 0}.gate-copy .small{color:#fff0d2;margin:10px 0 0}.skip-intro{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#10283eb8;border:1px solid #e6cc9344;color:#fff4dd;padding:7px 22px;border-radius:30px;font-size:.9rem;z-index:55}.gate-stage.opening .door-left{transform:rotateY(-88deg);filter:brightness(1.15)}.gate-stage.opening .door-right{transform:rotateY(88deg);filter:brightness(1.15)}.gate-stage.opening .gateway{transform:scale(2.2);opacity:0}.gate-stage.opening .gate-copy{opacity:0;transform:translateY(-15px);pointer-events:none}.gate-stage.opening .gate-tint{opacity:0}.gate-stage.opening{background:transparent;transition:background 1s 1.5s}.gate-stage.opening .skip-intro{color:#16344a;background:#fff8e6cc}.hero{min-height:100svh;background:linear-gradient(#fffaf008,#fffaf020),url('ivory.webp') center/cover;color:#173548;padding-top:90px}.hero h1{color:#173548;font-size:clamp(4.5rem,10vw,8rem)}.hero h1 i{color:#a78135}.hero .eyebrow{color:#886823}.script-intro{color:#7e6538;margin-top:50px}.scroll-hint{color:#58646c}.hero-inner{max-width:850px;padding:50px 10px}.invitation-section{background:#fffdf6}.section{color:#243d4c}.section h2,.parents,.couple-full{color:#18384f}.section .eyebrow{color:#886823}.arabic{color:#987431}.rsvp-section{background:#f3eddf}.rsvp-card{background:#fffdf8;border-color:#bca16c55;border-radius:8px}.rsvp-card input:not([type=radio]),.rsvp-card select{background:white;color:#173548;border:1px solid #c6bfaf;border-radius:5px}.attendance label{border-color:#c8b995}.attendance label:has(input:checked){border-color:#a48035;background:#f7f0df}.form-note,.demo-disclosure{color:#606c72}.submit{background:#153349;color:#f5d794;border:1px solid #a8894b;border-radius:40px}.outline-button{color:#74571f;border-color:#b79b64}.contact-grid a{background:#fffdf7;border-color:#d2c19c}.contact-grid a:hover{background:#f4ebd7}.contact-grid h3,.contact-grid b{color:#87652c}.event-grid p,.attire,.countdown span{color:#657078}.text-link{color:#886324}.schedule span,.countdown strong{color:#94712c}footer{background:linear-gradient(#fffdf6aa,#fffdf6bb),url('ivory.webp') center/cover}footer h2{color:#173548}footer .footer-note{color:#6c7478}nav{background:#112d43f2}nav a,nav button{color:#f1dba6}.invitation-arriving .hero-inner{animation:welcome 2s ease 1.6s both}@keyframes welcome{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}@media(min-width:760px){.gateway{width:min(100vw,700px);left:50%;right:auto;transform:translateX(-50%);box-shadow:0 0 100px #80683f55}.gate-stage{background:radial-gradient(ellipse,#eadcc3,#f8f2e8)}.gate-stage.opening .gateway{transform:translateX(-50%) scale(2.2)}.hero{background-size:auto 100%;background-repeat:no-repeat;background-color:#fcf8ef}.gate-copy{padding-bottom:9svh}}@media(max-height:650px){.gate-copy{padding-bottom:65px}.gate-copy h1{font-size:3.3rem}.gate-copy .gold-button{margin-top:5px}.gate-copy .cover-date{margin:5px}.gate-copy .eyebrow{margin:5px}}@media(prefers-reduced-motion:reduce){.door,.gateway,.gate-copy,.gate-tint{transition:none!important}.invitation-arriving .hero-inner{animation:none}.gate-stage.opening{transition:none}}
:root{--door-top:16%;--door-height:80%}.gate-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:3;pointer-events:none;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,17% 16%,17% 96%,83% 96%,83% 16%,17% 16%)}.gateway .door{top:var(--door-top);bottom:auto;height:var(--door-height);width:33%;z-index:2}.gateway .door-left{left:17%}.gateway .door-right{right:17%}.gateway .door img{width:303.031%;height:125%;top:-20%;object-fit:fill}.gateway .door-left img{left:-51.515%}.gateway .door-right img{right:-51.515%}