:root{--cream:#f9f5ed;--ink:#4d3a38;--gold:#b39462;--wine:#5d2034}body{background:var(--cream)}::selection{background:#dbc299;color:#4e1729}header{padding:20px 5%;justify-content:space-between;border-bottom:1px solid #e7cc9e24;z-index:3}header .monogram{display:grid;width:46px;height:53px;border:1px solid #c7a66c80;font-size:28px;color:#e7cfa8}header nav{gap:25px}header nav a{font-size:9px;letter-spacing:1.6px;color:#f6ebd9}header nav .nav-confirm{border-color:#d7b77f70;border-radius:2px;padding:12px 18px}.hero{min-height:800px;height:100svh;max-height:1100px;display:block;background:radial-gradient(ellipse at 40% 55%,#71364a55,transparent 65%),#4e1729;isolation:isolate}.hero:before{content:'';position:absolute;right:calc(8% - 12px);top:131px;width:calc(37% + 24px);height:calc(100% - 204px);border:1px solid #d0b48090;border-radius:260px 260px 2px 2px;z-index:0}.hero>img{position:absolute;inset:auto;right:8%;top:145px;width:37%;height:calc(100% - 232px);object-fit:cover;object-position:50% 50%;border-radius:250px 250px 2px 2px;z-index:1;transform:scale(1.015);box-shadow:0 20px 60px #22051040}.hero:after{inset:110px auto auto 2%;width:55%;height:80%;border:1px solid #c6a87912;border-radius:50%;background:none;z-index:-1;transform:rotate(-25deg)}.hero-copy{position:relative;align-self:auto;width:47%;padding:145px 12px 90px;margin:0 0 0 3%;text-align:center}.hero-kicker{font:8px Montserrat,sans-serif;letter-spacing:3px;color:#d8bc94;margin:0 0 25px}.wedding-label{font:italic 29px 'Cormorant Garamond',Georgia;text-align:center;margin:0 0 20px;color:#e5cda5}h1{font-size:clamp(80px,8vw,123px);white-space:normal;line-height:.96;margin:0;font-weight:400}h1>span{display:block}h1 em{display:block;font:italic 46px 'Cormorant Garamond',Georgia;line-height:1.15;margin:0;color:#c9a570}.hero .gold-line{width:48px;margin:27px auto 22px;background:#c6a776}.hero .date{font-size:18px;letter-spacing:5px;margin:0 0 16px;color:#f0dfc5}.hero-location{font:italic 19px 'Cormorant Garamond',Georgia;color:#e8d9c6}.hero-location span{padding:0 5px;color:#be9b68}.hero-note{font:italic 18px 'Cormorant Garamond',Georgia;color:#d1b59e;margin-top:28px}.hero-photo-caption{position:absolute;right:8%;bottom:54px;width:37%;text-align:center;font:7px Montserrat,sans-serif;letter-spacing:2.5px;color:#d0b48a}.scroll{bottom:26px;left:25%;font-size:27px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#d8bb90}.scroll span{font:6px Montserrat,sans-serif;letter-spacing:2px}.section{padding:110px 30px}.eyebrow{font-size:8px;letter-spacing:2.7px;color:#9a7b53}h2{font-size:clamp(39px,4.2vw,62px);color:#5c2938;line-height:1.1;margin:20px 0 30px}h2 em{font-weight:400;color:#9e7e54}h3 em{font-weight:400}.welcome{max-width:850px;position:relative}.forever-mark{margin:0 auto 40px;border:1px solid #b3946260;border-radius:50%;height:94px;width:94px;display:flex;justify-content:center;align-items:center;font-family:'Great Vibes',cursive;font-size:36px;color:#7e4550}.forever-mark span{font-family:'Cormorant Garamond',serif;font-size:22px;color:#b39462;padding:0 1px}.prose{font-size:22px;line-height:1.7;max-width:550px;color:#78665e}.guest{border-top:1px solid #c8b18c66;padding-top:26px;margin:35px auto 5px;max-width:420px;color:#70273c;font-size:31px}.signature{color:#7c3e50;font-size:39px}.memories{background:#ede6da;position:relative;overflow:hidden}.memories:before{content:'AMOR';position:absolute;left:0;right:0;top:20px;color:#b39b7512;font-size:200px;letter-spacing:50px;pointer-events:none}.memories>p,.memories>h2{position:relative}.gallery-intro{font:italic 22px 'Cormorant Garamond',Georgia;color:#897560}.gallery{max-width:1080px;grid-template-columns:1fr 1.2fr 1fr;gap:30px;margin-top:65px}.gallery button{padding:9px 9px 24px;background:#fffaf1;box-shadow:0 10px 30px #55422a12;transition:transform .4s}.gallery button:first-child{transform:rotate(-5deg);margin-top:35px}.gallery button:nth-child(2){transform:rotate(2deg)}.gallery button:last-child{transform:rotate(5deg);margin-top:45px}.gallery img{height:330px;filter:saturate(.85)}.gallery button:nth-child(2) img{height:290px;object-position:50% 45%}.gallery button:hover{transform:rotate(0deg) translateY(-8px)}.caption{font:31px 'Great Vibes',cursive;color:#976f59;margin-top:55px}.event{position:relative;background:#f9f5ed}.date-keepsake{display:flex;align-items:center;justify-content:center;gap:25px;margin:45px auto 35px;color:#71384a}.date-keepsake>span{font:8px Montserrat,sans-serif;letter-spacing:3px;writing-mode:vertical-rl;transform:rotate(180deg)}.date-keepsake strong{font-size:108px;font-weight:400;line-height:1;border-right:1px solid #bea57d80;padding-right:25px}.date-keepsake>div{font:11px Montserrat,sans-serif;letter-spacing:3px;line-height:2}.date-keepsake>div span{display:block;font:39px 'Cormorant Garamond',Georgia;letter-spacing:4px}.weekday{color:#8d765f;font-size:9px;letter-spacing:2px;line-height:1.8}.venue{position:relative;max-width:680px;padding:55px 35px;background:#f0e9df;border:0;border-radius:170px 170px 0 0;margin:55px auto 35px;outline:1px solid #bd9c6866;outline-offset:10px}.venue h3{font-size:50px;color:#643346}.venue>p:not(.eyebrow){font-size:22px;color:#887264}.button{padding:18px 25px;border-color:#86505e;border-radius:2px;color:#643346;font-size:9px;letter-spacing:2px;transition:background .3s,color .3s}.button:hover{background:#643346;color:#fff3df}.calendar{font-size:8px;letter-spacing:2px;color:#805a48}.pending-section{padding:90px 24px}.pending-section#vestimenta{background:#5d2639;color:#f3e8d4;position:relative}.dress-star{display:block;font-size:65px;line-height:1;color:#d5b97f}.pending-section#vestimenta .eyebrow{color:#c8aa80}.pending-section#vestimenta h2{color:#f5e8d3;margin:10px 0 22px}.pending-section#vestimenta h2 em{color:#e1c591}.pending-section#vestimenta .prose{color:#d6c3b9;max-width:380px}#confirmar{background:#f9f5ed;padding:105px 24px}#rsvp-message{color:#8b7167;font-size:21px}#rsvp-form{border:1px solid #d7c6ab;box-shadow:0 12px 45px #5b263808;border-radius:160px 160px 4px 4px;padding:65px 40px 35px;margin-top:35px;max-width:500px;background:#fffaf2}#rsvp-name{text-align:center;font-size:32px;color:#743a49;margin-bottom:35px;overflow-wrap:anywhere}#rsvp-form legend{font-size:8px;color:#987c57}#rsvp-form fieldset label{border:1px solid #d7c6ab;padding:16px;border-radius:3px;font-size:20px;cursor:pointer;background:#fffdf8;transition:background .2s}#rsvp-form fieldset label:has(input:checked){background:#eee3d7;border-color:#94616c}#rsvp-form input{accent-color:#6e3044}#rsvp-form select{background:#fffdf8;color:#6f514b}#rsvp-submit{background:#643346;border:1px solid #643346;min-height:52px;font-size:8px}.shared-memories{background:#eee6d9;padding:90px 24px}.shared-memories h2{font-size:47px}.shared-memories .prose{font-size:21px}.count-section{background:#4e1729;color:#f5e8d4;padding:100px 24px;position:relative}.count-section .eyebrow{color:#cdb18b}.count-section h2{color:#f5e8d4}.count-section h2 em{color:#d5b37c}.countdown{gap:30px;margin:50px auto}.countdown div{min-width:85px;border-bottom:1px solid #b89a5d60;padding-bottom:22px}.countdown b{font-size:83px;color:#e5c897}.countdown span{color:#d4bc9c;font-size:8px}.countdown i{color:#9b735e;font-size:35px;padding-top:10px}.count-section>p:last-child{color:#c9ac9d;font-size:21px}footer{padding:75px 24px 65px;background:#f9f5ed}footer .footer-prelude{font:7px Montserrat,sans-serif;letter-spacing:3px;color:#aa8a62;display:block;margin-bottom:25px}footer .ornament{font-size:27px}footer p{font-size:57px;color:#673548;margin:20px}footer small{font-size:10px;color:#a18a6c}.gate:before{background:linear-gradient(#35111f99,#35111f99),url('assets/foto-3.jpg') center 45%/cover;filter:blur(10px)}.gate-heading{position:absolute;top:9%;left:0;right:0;text-align:center;color:#f4e9d4}.gate-heading>span{display:block;font:22px 'Cormorant Garamond',Georgia;letter-spacing:5px}.gate-heading small{display:block;font:6px Montserrat,sans-serif;letter-spacing:3px;margin-top:14px;color:#ddc49b}.envelope{width:min(580px,90vw);height:365px;border:1px solid #bda575;border-radius:4px;box-shadow:0 30px 90px #1c061c66;background:#e8dcca}.envelope:after{background:repeating-linear-gradient(90deg,#f7efdf80 0 1px,#f3e9d7b3 1px 3px),#f4ebda;border-radius:4px}.flap{background:linear-gradient(150deg,#fff9ed,#e8d7ba);filter:drop-shadow(0 4px 3px #96713a66)}.envelope p{color:#7d634c;font-size:25px;line-height:1.3;margin-top:40px}.envelope button{background:radial-gradient(circle at 35% 25%,#8c4053,#5f1d33 80%);border:5px double #a6686c;box-shadow:0 5px 12px #3d132959;font-size:37px;color:#dfc08a;width:86px;height:86px;left:calc(50% - 43px);border-radius:44% 48% 43% 47%}.envelope small{font-size:7px;letter-spacing:2.5px}.photo-letter{padding-bottom:38px}.photo-letter img{object-position:center 35%}.music-control{background:#602739ef;border-color:#b89c73;font-size:8px}.youtube-panel{border-color:#b89c73;border-radius:4px;overflow:hidden}.youtube-heading{font-size:17px}
@media(min-width:761px) and (max-width:1050px){header nav{gap:17px}header nav a{font-size:8px}.hero-copy{width:48%;margin-left:1%;padding-top:150px}.hero>img{right:5%;width:41%}.hero:before{right:calc(5% - 12px);width:calc(41% + 24px)}.hero-photo-caption{right:5%;width:41%}h1{font-size:95px}.hero-kicker{font-size:7px;letter-spacing:2px}.gallery{gap:18px}.gallery img{height:280px}.gallery button:nth-child(2) img{height:250px}}
@media(max-width:760px){header{padding:16px 22px;border-bottom-color:#e7cc9e24}header .monogram{display:grid;width:35px;height:42px;font-size:24px}header nav{background:#f9f5edfa;right:20px;top:70px;gap:0;min-width:230px;z-index:5}header nav a{color:#643346;font-size:10px}header nav .nav-confirm{border-color:#b39462}.hero{height:940px;min-height:940px;max-height:none}.hero-copy{width:100%;margin:0;padding:108px 20px 0}.hero-kicker{font-size:7px;letter-spacing:2.5px;margin-bottom:17px}.wedding-label{font-size:26px;margin-bottom:20px}h1{font-size:clamp(60px,14vw,90px);display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap}h1>span{display:inline}h1 em{display:inline;font-size:38px;line-height:1}.hero .gold-line{margin:25px auto 20px;width:35px}.hero .date{font-size:16px;letter-spacing:4px}.hero-location{font-size:18px;margin:13px 0}.hero-note{font-size:17px;margin-top:17px}.hero>img{top:405px;right:12%;width:76%;height:440px;border-radius:180px 180px 3px 3px;object-position:center 48%}.hero:before{right:calc(12% - 9px);top:396px;width:calc(76% + 18px);height:458px;border-radius:190px 190px 3px 3px}.hero-photo-caption{width:76%;right:12%;bottom:63px;font-size:6px;letter-spacing:2px}.scroll{bottom:12px;left:50%;transform:translateX(-50%);font-size:24px;gap:5px}.scroll span{font-size:5px;white-space:nowrap}.hero:after{top:380px;left:-25%;width:150%;height:480px}.section{padding:80px 24px}.eyebrow{font-size:7px;letter-spacing:2px;line-height:1.8}h2{font-size:42px}.forever-mark{width:78px;height:78px;font-size:30px;margin-bottom:32px}.prose{font-size:21px}.signature{font-size:35px}.guest{font-size:28px}.gallery{gap:10px;margin:45px auto 20px;grid-template-columns:1fr 1fr}.gallery button{padding:6px 6px 15px}.gallery button:first-child{margin-top:0;transform:rotate(-4deg)}.gallery button:nth-child(2){grid-column:1/-1;grid-row:2;max-width:88%;width:88%;justify-self:center;transform:rotate(-2deg);margin-top:8px}.gallery button:last-child{grid-column:2;grid-row:1;margin-top:22px;transform:rotate(5deg)}.gallery img{height:235px}.gallery button:nth-child(2) img{height:210px;object-position:center}.gallery-intro{font-size:20px;max-width:270px;margin:0 auto}.caption{font-size:28px;margin-top:38px;line-height:1.3}.memories:before{font-size:100px;letter-spacing:15px;top:15px}.date-keepsake{gap:20px;margin-top:35px}.date-keepsake strong{font-size:90px;padding-right:20px}.date-keepsake>div span{font-size:33px}.weekday{font-size:8px;letter-spacing:1.5px}.venue{padding:55px 22px 40px;border-radius:150px 150px 0 0;margin-top:45px;max-width:93%}.venue h3{font-size:40px}.venue>p:not(.eyebrow){font-size:20px}.button{font-size:8px;padding:17px 20px;gap:20px}.pending-section{padding:70px 24px}#confirmar{padding:80px 20px}#rsvp-form{padding:55px 24px 28px;border-radius:140px 140px 4px 4px}#rsvp-name{font-size:27px}#rsvp-form fieldset label{font-size:19px}#rsvp-message{font-size:20px}.shared-memories h2{font-size:38px}.countdown{gap:12px;margin:40px auto}.countdown div{min-width:48px;padding-bottom:16px}.countdown b{font-size:49px}.countdown span{font-size:6px;letter-spacing:1px}.countdown i{font-size:23px;padding-top:6px}.count-section>p:last-child{font-size:20px}.count-section h2{font-size:42px}footer p{font-size:47px}.gate{padding:20px}.gate-heading{top:12%}.gate-heading>span{font-size:18px;letter-spacing:4px}.gate-heading small{font-size:5px;letter-spacing:2px}.envelope{height:280px;width:min(90vw,430px)}.envelope p{font-size:21px;margin-top:30px}.envelope button{width:74px;height:74px;left:calc(50% - 37px);font-size:32px}.envelope small{font-size:6px;bottom:23px}.photo-letter img{object-position:center 30%}}
@media(prefers-reduced-motion:reduce){.hero>img,.hero-copy{transition:none}.gallery button{transition:none}}

.hero-copy{position:absolute;left:3%;top:0;margin:0}@media(min-width:761px) and (max-width:1050px){.hero-copy{left:1%;margin:0}}@media(max-width:760px){.hero-copy{left:0;margin:0}}

.music-notice{position:fixed;bottom:82px;right:20px;z-index:8;max-width:min(290px,calc(100vw - 40px));padding:14px 18px;background:#f9f5ed;color:#643346;border:1px solid #b39462;font:11px/1.6 Montserrat,sans-serif;box-shadow:0 5px 20px #0002;border-radius:4px}