@import "https://fonts.googleapis.com/css2?family=Italiana&family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@300;400;600&display=swap";
:root{--black:#0b0a09;--ivory:#f4f0e7;--gold:#b79b6c;--muted:#a8a197}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ivory);background:var(--black);margin:0;font-family:Noto Serif SC,Songti SC,serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.serif-en{font-family:Italiana,Times New Roman,serif}.shell{width:min(1180px,100% - 38px);margin-inline:auto}.section-kicker{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font:12px Arial,sans-serif}.reveal{animation:.9s both rise}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes drift{50%{transform:scale(1.045)}}@keyframes pulse{50%{opacity:.45}}@keyframes orbitFloat{50%{translate:0 -12px;rotate:8deg}}@keyframes recordSpin{to{transform:rotate(360deg)}}@keyframes equalize{50%{opacity:.5;transform:scaleY(.35)}}.cursor-aura{z-index:4;pointer-events:none;opacity:.18;filter:blur(14px);mix-blend-mode:screen;will-change:transform;background:radial-gradient(circle,#d8be8952,#b79b6c14 38%,#0000 70%);border-radius:50%;width:420px;height:420px;position:fixed;top:0;left:0}.grain{z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{--pointer-x:0;--pointer-y:0;perspective:1200px;isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-media{transform:translate3d(calc(var(--pointer-x) * -10px),calc(var(--pointer-y) * -8px),0) scale(1.035);will-change:transform;transition:transform .5s cubic-bezier(.2,.75,.25,1);position:absolute;inset:-3%}.hero-media img{object-fit:cover;object-position:center 27%;animation:18s ease-in-out infinite drift}.hero-shade{background:linear-gradient(#08070640,#0807064d 48%,#080706f0);position:absolute;inset:0}.hero-light{background:radial-gradient(circle at calc(50% + var(--pointer-x) * 16%) calc(42% + var(--pointer-y) * 12%),#eed29d33,transparent 32%);mix-blend-mode:screen;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;translate:calc(var(--pointer-x) * 13px) calc(var(--pointer-y) * 8px);transform-style:preserve-3d;padding:90px 20px 30px;transition:translate .45s cubic-bezier(.2,.75,.25,1);position:relative}.hero-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff73;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 28px;font-size:18px;display:grid;transform:translateZ(80px);box-shadow:0 0 45px #d8be8929,inset 0 0 24px #ffffff14}.hero-mark span{transform:translateZ(18px)}.hero-orbit{z-index:1;pointer-events:none;transform-style:preserve-3d;border:1px solid #d8be8933;border-radius:50%;animation:8s ease-in-out infinite orbitFloat;position:absolute;top:50%;left:50%}.orbit-one{width:min(78vw,900px);height:min(34vw,390px);transform:translate(-50%,-50%)rotateX(68deg)rotate(-9deg)}.orbit-two{width:min(58vw,660px);height:min(58vw,660px);animation-delay:-3s;transform:translate(-50%,-50%)rotateX(72deg)rotateY(44deg)}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(54px,10vw,126px);font-weight:400;line-height:.86}.hero h1 em{color:var(--gold);letter-spacing:.45em;margin-top:15px;font-size:.28em;font-style:normal;display:block;transform:translate(.22em)}.hero-date{letter-spacing:.28em;margin-top:42px;font:13px Arial,sans-serif}.nav{z-index:5;letter-spacing:.18em;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,70px);font:11px Arial,sans-serif;display:flex;position:absolute;top:0;left:0;right:0}.nav-links{gap:28px;display:flex}.scroll-cue{z-index:3;letter-spacing:.25em;color:#d4cec4;font:9px Arial,sans-serif;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-cue:after{content:"";background:var(--gold);width:1px;height:36px;margin:12px auto 0;animation:2s infinite pulse;display:block}.intro{background:var(--ivory);min-height:80vh;color:var(--black);text-align:center;place-items:center;padding:110px 20px;display:grid}.intro-inner{max-width:760px}.intro h2{letter-spacing:.08em;margin:26px 0;font-size:clamp(34px,6vw,72px);font-weight:300;line-height:1.3}.intro p{color:#746e66;font-size:15px;line-height:2.2}.film{place-items:center;min-height:82vh;display:grid;position:relative;overflow:hidden}.film-bg{position:absolute;inset:0}.film-bg img{object-fit:cover;object-position:center 38%;filter:brightness(.48)saturate(.75)}.film-content{z-index:2;text-align:center;position:relative}.play{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000002e;border:1px solid #ffffff94;border-radius:50%;width:88px;height:88px;font-size:23px;transition:all .3s}.play:hover{background:#b79b6c40;transform:scale(1.08)}.film h2{margin:25px 0 6px;font-size:clamp(36px,6vw,70px);font-weight:400}.film p{color:#d0cbc3;letter-spacing:.25em;font-size:12px}.date-section{background:#12100e;padding:130px 0}.date-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:8vw;display:grid}.date-number{color:var(--gold);font-size:clamp(84px,15vw,196px);line-height:.8}.date-copy h2{margin:15px 0 25px;font-size:clamp(34px,5vw,64px);font-weight:300}.date-copy p{color:var(--muted);line-height:2}.countdown{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px;display:grid}.count-unit{border-top:1px solid #39332d;padding-top:17px}.count-unit b{font-variant-numeric:tabular-nums;font:34px Italiana,serif}.count-unit span{color:#777169;letter-spacing:.18em;margin-top:8px;font:9px Arial,sans-serif;display:block}.gallery{background:var(--ivory);color:var(--black);padding:120px 0}.gallery-head{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.gallery-head h2{margin:12px 0 0;font-size:clamp(42px,7vw,80px);font-weight:300}.gallery-grid{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.gallery-col{gap:14px;display:grid}.photo{cursor:zoom-in;background:#ddd4c9;min-height:420px;position:relative;overflow:hidden}.photo.tall{min-height:720px}.photo img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.photo:hover img{transform:scale(1.035)}.venue{background:#0b0a09;padding:130px 0}.venue-card{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;border:1px solid #302b26;grid-template-columns:1fr 1fr;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s;display:grid}.venue-card:hover{box-shadow:0 42px 100px #00000061}.venue-copy{flex-direction:column;justify-content:center;padding:clamp(35px,7vw,80px);display:flex}.venue-copy h2{margin:20px 0 10px;font-size:clamp(32px,5vw,60px);font-weight:300}.venue-copy p{color:var(--muted);line-height:1.8}.venue-date{margin:20px 0;font-size:18px;color:var(--gold)!important}.button{border:1px solid var(--gold);width:max-content;color:var(--gold);letter-spacing:.18em;cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-top:25px;padding:15px 24px;font:11px Arial,sans-serif;transition:all .25s;display:inline-flex}.button:hover{background:var(--gold);color:var(--black)}.venue-art{color:#15120e;background:#d7cfc1;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.venue-art:before,.venue-art:after{content:"";border:1px solid #32281e40;border-radius:50%;position:absolute}.venue-art:before{width:420px;height:420px}.venue-art:after{width:260px;height:260px}.venue-pin{z-index:2;text-align:center;position:relative}.venue-pin b{color:#d5b981;background:#15120e;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font:23px Arial;display:grid}.venue-pin span{letter-spacing:.15em;margin-top:18px;font:11px Arial;display:block}.response{background:var(--ivory);color:var(--black);padding:120px 0}.response-grid{grid-template-columns:.8fr 1.2fr;gap:8vw;display:grid}.response h2{margin:15px 0 20px;font-size:clamp(42px,6vw,76px);font-weight:300}.response p{color:#726b63;line-height:2}.form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:#746e66;letter-spacing:.16em;font:10px Arial}.field input,.field select,.field textarea{color:#17130f;background:0 0;border:0;border-bottom:1px solid #bfb5a7;outline:none;width:100%;padding:13px 2px}.field textarea{resize:vertical;min-height:86px}.form-status{color:#7e6846;grid-column:1/-1;font-size:13px}.blessings{background:#151310;padding:120px 0}.blessing-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px;display:grid}.blessing{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:50%;color:#c9c1b8;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#b79b6c1f,transparent 48%);min-height:180px;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));border:1px solid #302b26;flex-direction:column;justify-content:space-between;padding:28px;line-height:1.8;transition:transform .3s,border-color .3s;display:flex;position:relative}.blessing:hover{border-color:#66563e}.blessing small{color:var(--gold);letter-spacing:.16em;font:10px Arial}.footer{text-align:center;place-items:center;min-height:80vh;display:grid;position:relative;overflow:hidden}.footer img{object-fit:cover;filter:brightness(.35)saturate(.75)}.footer-content{z-index:2;position:relative}.footer h2{margin:0;font-size:clamp(56px,10vw,126px);font-weight:400}.footer p{color:#d3ccc3;letter-spacing:.18em;margin-top:28px;font-size:12px}.lightbox{z-index:100;background:#050403f5;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain}.lightbox-close{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;font-size:32px;position:absolute;top:20px;right:24px}.film-modal{z-index:110;background:#050403f7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.film-modal video{background:#000;width:min(440px,100%);max-height:92vh;box-shadow:0 28px 90px #0000008c}.film-close{z-index:3;color:#fff;cursor:pointer;background:0 0;border:0;font-size:34px;position:absolute;top:18px;right:24px}.music-control{z-index:90;color:#f4f0e7;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);cursor:pointer;background:#0c0a08b8;border:1px solid #d8be894d;border-radius:999px;align-items:center;gap:11px;min-width:202px;height:58px;padding:7px 13px 7px 7px;transition:transform .3s,border-color .3s,background .3s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 55px #0000005c,inset 0 1px #ffffff0f}.music-control:hover{background:#120f0bdb;border-color:#d8be899e;transform:translateY(-3px)}.music-disc{background:repeating-radial-gradient(circle,#17130f 0 3px,#2d271f 4px 5px);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 20px #0000005c}.music-disc:before{content:"";background:var(--gold);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 18px #b79b6c8c}.music-disc i{z-index:1;color:#15110d;font:9px Arial,sans-serif;position:relative}.is-playing .music-disc{animation:5s linear infinite recordSpin}.music-meta{text-align:left;gap:3px;min-width:95px;display:grid}.music-meta small{color:var(--gold);letter-spacing:.17em;font:8px Arial,sans-serif}.music-meta b{letter-spacing:.12em;white-space:nowrap;font-size:12px;font-weight:400}.music-meta em{color:#9e968c;font-size:10px;font-style:normal}.music-bars{align-items:center;gap:2px;width:14px;height:18px;margin-left:auto;display:flex}.music-bars i{background:var(--gold);transform-origin:50%;width:2px;height:13px;animation:.75s ease-in-out infinite paused equalize}.music-bars i:nth-child(2){height:18px;animation-delay:-.25s}.music-bars i:nth-child(3){height:9px;animation-delay:-.5s}.is-playing .music-bars i{animation-play-state:running}.needs-tap{animation:2.4s ease-in-out infinite musicAttention}@keyframes musicAttention{50%{box-shadow:0 16px 55px #0000005c,0 0 0 7px #b79b6c14}}@media (max-width:760px){.nav-links{display:none}.nav{padding:20px}.hero h1{font-size:58px}.hero-media img{object-position:47% 28%}.date-grid,.venue-card,.response-grid{grid-template-columns:1fr}.date-grid{gap:70px}.count-unit b{font-size:26px}.gallery-grid{grid-template-columns:1fr}.photo,.photo.tall{min-height:530px}.gallery-head span:last-child{display:none}.venue-art{grid-row:1;min-height:400px}.form{grid-template-columns:1fr}.field{grid-column:1/-1}.blessing-list{grid-template-columns:1fr}.intro,.gallery,.venue,.response,.blessings,.date-section{padding-block:90px}.footer{min-height:68vh}.hero-orbit{opacity:.55}.cursor-aura{display:none}.music-control{width:52px;min-width:0;height:52px;padding:5px;bottom:13px;right:13px}.music-disc{flex-basis:40px;width:40px;height:40px}.music-meta,.music-bars{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cursor-aura,.hero-orbit{display:none}.hero-media,.hero-content{transform:translate(0,0)}}