:root{--wine:#2a1113;--wine-2:#471d20;--cream:#f4eee4;--paper:#eae2d6;--ink:#2c2522;--gold:#cbb894;--display:"Playfair Display",Georgia,serif;--script:"Allura",cursive;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wine);color:var(--cream);font-family:var(--display)}button,a{font:inherit}.envelope-stage{min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,#faf5ee 0,#e9e0d4 58%,#d4c7b9 100%);position:relative}.envelope-stage:before{content:"";position:absolute;inset:0;opacity:.38;background-image:repeating-linear-gradient(105deg,transparent 0 31px,rgba(110,77,48,.05) 32px 33px),repeating-linear-gradient(-20deg,transparent 0 77px,rgba(255,255,255,.27) 78px 80px)}.envelope{width:min(96vw,1100px);height:min(80vh,670px);position:relative;display:grid;place-items:center;cursor:pointer;filter:drop-shadow(0 20px 30px rgba(50,29,17,.22));transform:rotate(-.4deg);transition:transform .5s ease}.envelope:hover{transform:rotate(0) scale(1.01)}.envelope:before,.envelope:after{content:"";position:absolute;background:linear-gradient(145deg,#fcf9f3,#e3d9cc);inset:7% 8%;clip-path:polygon(0 0,100% 0,50% 74%);box-shadow:inset 0 1px 2px #fff}.envelope:after{inset:7% 8%;clip-path:polygon(0 0,50% 74%,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#e9dfd3,#f9f5ee);z-index:1}.envelope-flap{position:absolute;inset:7% 8%;z-index:3;background:linear-gradient(145deg,#fbf7f0,#e7ddd1);clip-path:polygon(0 0,100% 0,50% 73%);transform-origin:top;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.envelope-names{position:absolute;z-index:5;top:18%;font:48px var(--script);color:#40332d;text-shadow:0 1px #fff}.lace{width:42%;height:15px;position:absolute;top:9%;z-index:4;background:repeating-radial-gradient(ellipse at 10px 100%,transparent 0 7px,#f5ece0 8px 10px,transparent 11px 17px);filter:drop-shadow(0 2px 2px #a4927f);transform-origin:left}.lace-left{left:8%;transform:rotate(43deg)}.lace-right{right:8%;transform:rotate(137deg)}.wax-seal{position:absolute;z-index:7;top:56%;width:145px;height:145px;border:8px solid rgba(98,22,18,.36);border-radius:50%;color:#e8c4aa;background:radial-gradient(circle at 35% 24%,#9d4940,#72231f 44%,#4c1515 86%);box-shadow:inset 0 4px 7px #b9675b,inset 0 -7px 12px #350909,0 7px 12px #644837;cursor:pointer;display:grid;place-items:center;transition:scale .2s}.wax-seal:hover{scale:1.05}.wax-seal span{font:27px var(--display);font-style:italic;border:1px solid rgba(239,205,180,.35);border-radius:50%;width:95px;height:95px;display:grid;place-items:center}.wax-seal small{position:absolute;top:112%;font:10px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#42322e;width:200px}.language-picker{position:absolute;z-index:10;bottom:-2.5%;left:50%;transform:translateX(-50%);width:max-content;text-align:center;font:10px var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:#65554c}.language-picker span{display:block;margin-bottom:9px}.language-picker button{border:0;border-right:1px solid #a89a8d;background:transparent;padding:0 11px;color:#43342e;cursor:pointer;text-transform:uppercase;font:10px var(--mono);letter-spacing:1.2px}.language-picker button:last-child{border-right:0}.language-picker button.active{color:#7b2421;font-weight:500;text-decoration:underline;text-underline-offset:3px}.is-opening .envelope-flap{transform:rotateX(175deg);z-index:0}.is-opening .envelope{pointer-events:none}.website{background:var(--cream);color:var(--ink)}.site-header{height:77px;position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;gap:30px;padding:0 4.6%;border-bottom:1px solid rgba(243,234,222,.23);transition:background .3s}.site-header.scrolled{background:rgba(35,13,15,.94);backdrop-filter:blur(10px)}.monogram{border:1px solid rgba(245,235,220,.67);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--cream);text-decoration:none;font-size:13px;flex:none}.monogram span{font-size:9px}.site-header nav{display:flex;gap:31px}.site-header nav a,.language{color:var(--cream);text-decoration:none;text-transform:uppercase;font:10px var(--mono);letter-spacing:1.6px}.language{margin-left:auto;background:none;border:0;cursor:pointer}.language span{opacity:.53}.language [data-current-language]{opacity:1}.hero{min-height:100svh;display:grid;align-items:end;padding:0 4.6% 12vh;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(24,6,7,.78),rgba(34,11,13,.32) 56%,rgba(16,5,4,.14)),url('assets/vinica-farna.jpg') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(31,9,11,.84));pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1200px}.eyebrow{margin:0 0 22px;text-transform:uppercase;font:12px var(--mono);letter-spacing:4px;color:var(--gold)}.eyebrow.dark{color:#72594b}.hero h1{font-weight:400;line-height:.71;font-size:clamp(76px,15vw,220px);letter-spacing:-.065em;margin:0;display:flex;flex-wrap:wrap;gap:0 .16em}.hero h1 b{display:none}.hero h1 span:last-child{display:block;width:100%;margin-left:1.4em}.script{font:clamp(50px,6vw,91px);margin:22px 0 31px;color:#e5ccab}.hero-meta{margin:0;display:flex;align-items:center;gap:25px;text-transform:uppercase;font:12px var(--mono);letter-spacing:2.7px}.hero-meta i{width:103px;height:1px;background:rgba(237,224,207,.6)}.hero-recipient{margin:21px 0 0;color:#edddcc;font:11px var(--mono);letter-spacing:1.6px;text-transform:uppercase}.scroll-cue{position:absolute;left:50%;top:calc(100% + 30px);color:var(--cream);font-size:29px;text-decoration:none;animation:bob 2s infinite}@keyframes bob{50%{transform:translateY(10px)}}.section{padding:130px max(7vw,40px)}.details{text-align:center;background:linear-gradient(100deg,#f4eee4,#ded0be)}.details h2,.gifts h2,.rsvp h2{font-weight:400;font-size:clamp(48px,7vw,94px);line-height:.98;margin:0 0 75px}.section h2 em{font-family:var(--script);font-weight:400;color:#8c6d57}.timeline{display:flex;justify-content:center;max-width:1050px;margin:auto}.timeline article{width:33%;padding:0 42px;border-left:1px solid #b6a999}.timeline article:last-child{border-right:1px solid #b6a999}.timeline time{font:12px var(--mono);letter-spacing:2px;color:#86634e}.timeline h3{font-size:25px;font-weight:500;margin:19px 0 13px}.timeline p,.gifts p,.rsvp p,.dress-copy,.faq p{font-size:17px;line-height:1.75;color:#5e504a;margin:0}.dress{display:flex;justify-content:space-between;align-items:end;gap:40px;background:var(--wine);color:var(--cream);min-height:540px}.dress h2{font-size:clamp(54px,8vw,115px);line-height:.86;font-weight:400;margin:0}.dress h2 em{color:#c6a978}.dress-copy{color:#e7dbcd;max-width:350px;margin-bottom:8px}.gifts{text-align:center;background:#f7f2ea}.gifts p{max-width:500px;margin:0 auto 28px}.outline-button,.solid-button{display:inline-block;padding:16px 25px;border:1px solid #6e5041;background:transparent;color:#51352d;text-decoration:none;text-transform:uppercase;font:11px var(--mono);letter-spacing:2px;cursor:pointer}.copy-notice{display:block;min-height:1.4em;margin-top:12px;font:12px var(--mono);color:#775748}.rsvp{text-align:center;background:linear-gradient(rgba(38,10,12,.42),rgba(38,10,12,.82)),url('assets/vinica-farna.jpg') center 60%/cover;color:var(--cream)}.rsvp .eyebrow{color:#e2c9a4}.rsvp h2{margin-bottom:24px}.rsvp p{color:#eee1d2;margin-bottom:30px}.rsvp strong{color:#e5c292}.solid-button{border-color:#eadbcd;background:#eadbcd;color:#3a1718}.faq{max-width:920px;margin:auto}.faq details{border-top:1px solid #b8aa9e;padding:22px 0}.faq details:last-child{border-bottom:1px solid #b8aa9e}.faq summary{cursor:pointer;list-style:none;font-size:23px;display:flex;justify-content:space-between;gap:24px}.faq summary:after{content:"+";font:28px var(--mono);color:#876a59}.faq details[open] summary:after{content:"−"}.faq p{padding:17px 40px 4px 0}footer{padding:80px 7vw;background:var(--wine);display:flex;justify-content:space-between;align-items:end}footer p{font:52px var(--script);margin:0;color:#d6b78a}footer span{font:11px var(--mono);letter-spacing:3px}@media(max-width:760px){.envelope{height:68vh}.envelope-names{font-size:35px}.wax-seal{width:112px;height:112px;top:54%}.wax-seal span{width:74px;height:74px;font-size:20px}.language-picker{bottom:-8%;font-size:9px}.site-header{height:61px;padding:0 20px}.site-header nav{display:none}.language{font-size:9px}.hero{padding:0 24px 12vh}.hero h1{font-size:clamp(68px,22vw,115px);line-height:.79}.hero h1 span:last-child{margin-left:.55em}.hero-meta{font-size:9px;gap:13px;letter-spacing:1.1px;flex-wrap:wrap}.hero-meta i{width:46px}.section{padding:90px 27px}.timeline{display:block}.timeline article{width:100%;padding:24px;border-left:1px solid #b6a999;border-right:0!important}.timeline article:last-child{border-bottom:1px solid #b6a999}.dress{display:block;min-height:auto}.dress-copy{margin-top:48px}.faq summary{font-size:20px}footer{padding:58px 27px;display:block}footer p{font-size:44px;margin-bottom:15px}}
