/* Final screenshot alignment. Measurements use the supplied 1024px-wide reference. */
:root{--u:clamp(.88px,.09765625vw,1.4px)}
.highlights{background-image:url('assets/champagne-ornament.svg');background-color:#f4e4c6;background-size:150px 110px}
.event-panel .event-countdown-date{display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid #d6ad6266;color:#f5efdf;font:400 11px/1.5 var(--sans);font-variant-numeric:lining-nums tabular-nums;flex-shrink:0}
.event-panel .event-countdown-date .line-icon{width:22px;height:22px}
.event-panel .event-counter{border:1px solid #b99a5659;border-radius:9px;padding:6px 10px 5px;background:#00271d66;box-shadow:inset 0 0 8px #d6ad6210}
.event-panel .event-counter b{font-family:var(--serif);font-size:31px;font-weight:600;line-height:1;letter-spacing:0}
.event-panel .event-counter>span{margin-top:2px;letter-spacing:.5px}
.event-panel .event-panel-countdown{gap:20px}
.event-panel .event-countdown-copy{flex:0 1 auto}
.event-panel .countdown-label{display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0}
.event-panel .countdown-label:before,.event-panel .countdown-label:after{content:'';display:block;width:24px;height:1px;background:#d6ad6280}
.event-panel .compact-clock{max-width:none;width:350px;grid-template-columns:repeat(3,minmax(53px,1fr) 10px) minmax(53px,1fr);gap:7px;flex-shrink:1}
.event-panel .event-counter-divider{font-size:18px;line-height:2.2}
@media(min-width:901px){
.wrap{width:86%;max-width:1240px}
header.wrap{width:84%;height:calc(82*var(--u));gap:calc(24*var(--u))}
header .logo{width:calc(190*var(--u))}
header nav{display:flex;position:static;flex-direction:row;align-items:center;gap:calc(30*var(--u));padding:0;border:0;background:none;box-shadow:none;font-size:calc(11.5*var(--u))}
header .menu{display:none}
header .header-rsvp{font-size:calc(11*var(--u));min-height:calc(34*var(--u));padding:calc(8*var(--u)) calc(20*var(--u))}
.hero{min-height:calc(340*var(--u));height:calc(340*var(--u));padding:0;grid-template-columns:.95fr 1.1fr;gap:calc(20*var(--u))}
.hero-copy{padding-left:calc(28*var(--u))}
.hero-copy .eyebrow{font:500 calc(12*var(--u))/1.2 var(--serif);letter-spacing:calc(1.4*var(--u));margin-bottom:calc(12*var(--u));gap:calc(12*var(--u))}
.hero-copy .eyebrow:before{width:calc(30*var(--u))}
.hero h1{font-size:calc(64*var(--u));line-height:.8;letter-spacing:calc(.7*var(--u));margin-bottom:calc(12*var(--u))}
.hero h1 .flourish{width:calc(105*var(--u));height:calc(40*var(--u));margin-left:calc(16*var(--u))}
.hero .intro{font:italic 500 calc(23*var(--u))/1.05 var(--serif)}
.hero .intro strong{font-size:calc(31*var(--u));line-height:1.02}
.hero .sub{font-size:calc(12*var(--u));margin-top:calc(7*var(--u))}
.hero .badges{gap:calc(13*var(--u));margin-top:calc(13*var(--u))}
.hero .badges>div{padding:calc(7*var(--u)) calc(10*var(--u));gap:calc(8*var(--u));border-radius:calc(8*var(--u))}
.hero .badges .line-icon{width:calc(23*var(--u));height:calc(23*var(--u))}
.hero .badges strong{font-size:calc(11*var(--u))}
.hero .badges small{font-size:calc(8*var(--u))}
.hero .actions{margin-top:calc(15*var(--u));gap:calc(24*var(--u))}
.hero .btn{padding:calc(10*var(--u)) calc(23*var(--u));font-size:calc(11*var(--u));min-height:calc(38*var(--u))}
.hero .btn .line-icon{width:calc(18*var(--u));height:calc(18*var(--u))}
.showcase{height:calc(340*var(--u));width:calc(480*var(--u));aspect-ratio:auto;margin:0;align-self:end}
.reference-hero{position:absolute;left:0;bottom:0;width:100%;height:auto;max-width:none;aspect-ratio:503/394}
.showcase:after{bottom:calc(-6*var(--u));height:calc(22*var(--u))}
.about{padding:0;min-height:calc(232*var(--u));background-size:100% 100%}
.about-inner{min-height:0;height:calc(232*var(--u));grid-template-columns:1fr 1.15fr;gap:calc(40*var(--u))}
.about-copy{padding-left:calc(56*var(--u))}
.about-copy .eyebrow{font-size:calc(12*var(--u));margin-bottom:calc(12*var(--u))}
.about-copy h2{font-size:calc(34*var(--u));line-height:.97;white-space:nowrap}
.about-copy p:not(.eyebrow){font-size:calc(12*var(--u));line-height:1.35;max-width:calc(375*var(--u));margin:calc(12*var(--u)) 0 calc(15*var(--u))}
.about-copy .btn{font-size:calc(11*var(--u));padding:calc(7*var(--u)) calc(22*var(--u));min-height:calc(31*var(--u))}
.about-products{height:calc(232*var(--u))}
.about-products .about-bar{height:calc(213*var(--u));width:51%;left:11%;bottom:calc(15*var(--u))}
.about-products .about-coin{height:calc(120*var(--u));width:38%;right:9%;bottom:calc(18*var(--u))}
.collection.wrap{width:86.5%;padding:calc(10*var(--u)) 0 calc(24*var(--u))}
.section-title{margin-bottom:calc(12*var(--u))}
.section-title .eyebrow{font-size:calc(13*var(--u));line-height:1.2;margin-bottom:calc(1*var(--u))}
.section-title h2{font-size:calc(33*var(--u));line-height:1.05;letter-spacing:calc(.7*var(--u))}
.cards{gap:calc(24*var(--u))}
.card{padding:calc(5*var(--u)) calc(20*var(--u)) calc(12*var(--u));border-radius:calc(13*var(--u))}
.card-art{height:calc(96*var(--u));margin:0 calc(-14*var(--u)) calc(7*var(--u))}
.card h3{font-size:calc(22*var(--u));line-height:1.05;white-space:nowrap}
.card p{font-size:calc(10*var(--u));margin-top:calc(3*var(--u));line-height:1.3;padding-right:calc(16*var(--u))}
.arrow{width:calc(22*var(--u));height:calc(22*var(--u));font-size:calc(17*var(--u));line-height:calc(18*var(--u));right:calc(12*var(--u));bottom:calc(14*var(--u))}
.highlights.wrap{width:89.5%;padding:calc(12*var(--u)) calc(24*var(--u)) calc(15*var(--u));border-radius:calc(24*var(--u)) calc(16*var(--u))}
.highlights h2{font-size:calc(19*var(--u));margin-bottom:calc(8*var(--u));letter-spacing:calc(1.5*var(--u))}
.highlights .line-icon{width:calc(28*var(--u));height:calc(28*var(--u))}
.highlights b{margin-bottom:calc(5*var(--u))}
.highlights h3{font-size:calc(18*var(--u));line-height:1.05}
.venue.wrap{width:88%;grid-template-columns:1fr 1.1fr;gap:calc(44*var(--u));padding:calc(26*var(--u)) 0 calc(20*var(--u))}
.venue-photo{padding:calc(3*var(--u));border-radius:calc(18*var(--u)) calc(12*var(--u));outline-offset:calc(3*var(--u))}
.venue .eyebrow{font-size:calc(12*var(--u));margin-bottom:calc(7*var(--u))}
.venue h2{font-size:calc(29*var(--u));line-height:1.05}
.venue .address{font-size:calc(11*var(--u));line-height:1.4;margin-top:calc(10*var(--u));padding-left:calc(25*var(--u))}
.address .line-icon{width:calc(19*var(--u));height:calc(19*var(--u))}
.venue .actions{margin-top:calc(16*var(--u));gap:calc(22*var(--u))}
.venue .btn{font-size:calc(11*var(--u));min-height:calc(36*var(--u));padding:calc(9*var(--u)) calc(20*var(--u))}
.venue .temple{width:calc(155*var(--u));right:calc(-15*var(--u));bottom:calc(16*var(--u))}
.closing{padding:calc(12*var(--u)) 0 calc(30*var(--u));min-height:calc(170*var(--u))}
.closing .eyebrow{font-size:calc(13*var(--u));margin-bottom:calc(5*var(--u))}
.closing h2{font-size:calc(35*var(--u));letter-spacing:0}
.closing h2:before,.closing h2:after{width:calc(80*var(--u));height:calc(25*var(--u));margin-inline:calc(25*var(--u))}
.closing p:not(.eyebrow){font-size:calc(13*var(--u));margin:calc(8*var(--u)) 0 calc(12*var(--u))}
.closing .btn{font-size:calc(23*var(--u));padding:calc(8*var(--u)) calc(46*var(--u));min-height:calc(40*var(--u));border-radius:calc(24*var(--u))}
footer{padding:calc(13*var(--u)) calc(20*var(--u));font-size:calc(9*var(--u))}
}
@media(min-width:1024px){
.event-panel{padding:0 calc(30*var(--u));margin:calc(3*var(--u)) auto 0;border-radius:calc(20*var(--u))}
.event-panel .event-information{grid-template-columns:.95fr 1.15fr 1.4fr .9fr;padding:calc(12*var(--u)) 0 calc(11*var(--u));min-height:calc(73*var(--u));align-items:center}
.event-panel .event-item{min-height:calc(44*var(--u));padding-inline:calc(24*var(--u));gap:calc(13*var(--u));align-items:center}
.event-panel .event-item:first-child{padding-left:0}.event-panel .event-item:last-child{padding-right:0}
.event-panel .event-item .line-icon{width:calc(26*var(--u));height:calc(26*var(--u))}
.event-panel .event-item p{font-size:calc(12*var(--u));line-height:1.25}
.event-panel .event-meta-label{font-size:calc(8*var(--u));letter-spacing:calc(.6*var(--u));margin-bottom:calc(4*var(--u))}
.event-panel .event-item strong{font-size:calc(12*var(--u));line-height:1.2}
.event-panel .event-item .date{font-size:calc(24*var(--u));line-height:1}
.event-panel .event-contact strong{font-size:calc(14*var(--u))}
.event-panel .event-item small{font-size:calc(8*var(--u));line-height:1.3;margin-top:calc(2*var(--u))}
.event-panel .event-panel-countdown{min-height:calc(65*var(--u));padding:calc(9*var(--u)) 0;gap:calc(16*var(--u))}
.event-panel .event-countdown-copy{flex:0 0 calc(201*var(--u))}
.event-panel .countdown-label{font-size:calc(13*var(--u));gap:calc(10*var(--u))}
.event-panel .countdown-label:before,.event-panel .countdown-label:after{width:calc(24*var(--u))}
.event-panel .compact-clock{width:calc(350*var(--u));grid-template-columns:repeat(3,minmax(0,1fr) calc(10*var(--u))) minmax(0,1fr);gap:calc(7*var(--u))}
.event-panel .event-counter{padding:calc(4*var(--u)) calc(7*var(--u));border-radius:calc(9*var(--u))}
.event-panel .event-counter b{font-size:calc(29*var(--u));line-height:1}
.event-panel .event-counter>span{font-size:calc(7*var(--u));margin-top:calc(1*var(--u));letter-spacing:calc(.2*var(--u))}
.event-panel .event-counter-divider{font-size:calc(17*var(--u));line-height:2.1}
.event-panel .event-countdown-date{width:calc(195*var(--u));padding-left:calc(20*var(--u));gap:calc(12*var(--u));font-size:calc(11*var(--u));line-height:1.45}
.event-panel .event-countdown-date .line-icon{width:calc(20*var(--u));height:calc(20*var(--u))}
}
@media(max-width:1023px){.event-panel .event-panel-countdown{flex-wrap:wrap;justify-content:center}.event-panel .event-countdown-copy{flex:0 0 100%;text-align:center}.event-panel .countdown-label{justify-content:center}.event-panel .compact-clock{flex:1 1 300px;max-width:420px}.event-panel .event-countdown-date{border:0;padding:0;justify-content:center;font-size:11px}}
@media(max-width:600px){.event-panel .event-panel-countdown{gap:16px}.event-panel .compact-clock{flex:0 0 auto;width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr) 6px) minmax(0,1fr);gap:4px}.event-panel .event-counter{padding:6px 5px}.event-panel .event-counter b{font-size:30px}.event-panel .event-countdown-date{font-size:10px;border:0;padding-top:2px}.event-panel .event-countdown-date time br{display:none}.event-panel .event-countdown-date time br:after{content:' '}.event-panel .event-counter-divider{font-size:17px}.event-panel .countdown-label{font-size:13px}.event-panel #countdown-status{text-align:center}}
@media(min-width:901px){
.section-title{margin-bottom:calc(10*var(--u))}.card-art{height:calc(90*var(--u))}.card h3{font-size:calc(21*var(--u))}.card p{font-size:calc(9.5*var(--u))}
.highlights.wrap{padding:calc(10*var(--u)) calc(24*var(--u)) calc(12*var(--u))}.highlights h2{font-size:calc(17*var(--u));line-height:1.05;margin-bottom:calc(3*var(--u))}.highlights .line-icon{width:calc(26*var(--u));height:calc(26*var(--u))}.highlights b{margin-bottom:calc(4*var(--u))}.highlights h3{font-size:calc(17*var(--u));line-height:1}
.venue.wrap{padding-top:calc(24*var(--u));padding-bottom:calc(16*var(--u))}
.closing{padding-bottom:calc(20*var(--u))}footer{padding-block:calc(11*var(--u))}
}
@media(min-width:901px){
.hero-copy{align-self:start;padding-top:calc(12*var(--u))}.hero-copy .eyebrow{margin-bottom:calc(8*var(--u))}.hero h1{margin-bottom:0}.hero .badges{margin-top:calc(6*var(--u))}.hero .actions{margin-top:calc(12*var(--u))}
.card{padding-inline:calc(18*var(--u))}.card p{font-size:calc(9*var(--u));line-height:1.25;padding-right:calc(14*var(--u))}
.highlights b{display:flex;align-items:center;justify-content:center;line-height:0}
.venue-photo{padding:0;border:0;outline:0;box-shadow:none}.venue-photo img{aspect-ratio:407/142;object-fit:cover}
.closing{padding-bottom:calc(14*var(--u))}.closing h2{line-height:1}
}
@media(min-width:1024px){.event-panel .event-information{padding-block:calc(10*var(--u)) calc(8*var(--u))}.event-panel .event-item small{font-size:calc(7*var(--u));line-height:1.3}.event-panel .event-counter b{font-size:calc(27*var(--u))}.event-panel .event-counter>span{line-height:1}}
@media(min-width:901px){
.hero-copy{padding-top:calc(22*var(--u))}.reference-hero{bottom:calc(-10*var(--u))}
.highlights.wrap{padding-top:calc(9*var(--u));padding-bottom:calc(9*var(--u))}
.venue .eyebrow{line-height:1;margin-bottom:calc(5*var(--u))}
}
@media(min-width:901px){
.highlights.wrap{border:0;box-shadow:none;border-radius:calc(20*var(--u))}
.highlights:before{inset:calc(-3*var(--u));border:0;border-radius:0;background:url('assets/champagne-frame.svg') center/100% 100% no-repeat;z-index:1;pointer-events:none}
.highlights>h2,.highlights>div{position:relative;z-index:2}
}
@media(max-width:650px){
.hero-scene{background:#00271e url('assets/about-silk.webp') center top/100% 50% no-repeat}
.hero-scene .scene-backdrop{background-size:100% 62%;background-position:center bottom;background-repeat:no-repeat;mask-image:linear-gradient(180deg,transparent 30%,#000 48%);-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 48%)}
.hero-scene:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/main-left.webp') left top/4% 100% no-repeat,url('assets/main-right.webp') right top/4% 100% no-repeat;mix-blend-mode:lighten;opacity:.6}
.showcase{height:clamp(200px,58vw,340px);aspect-ratio:auto}.reference-hero{position:absolute;bottom:0;width:100%;height:auto;aspect-ratio:503/394}
}
@media(max-width:650px){.hero-scene{background-image:url('assets/hero-mobile-silk.webp')}}
@media(min-width:901px){.highlights.wrap{border:1px solid transparent}}
/* Spacing refinement: retain the artwork and layout, give every section breathing room. */
@media(min-width:901px){
header.wrap{height:calc(92*var(--u))}
.hero{height:calc(380*var(--u));min-height:calc(380*var(--u));padding-top:calc(16*var(--u));padding-bottom:calc(24*var(--u))}
.event-panel{margin-top:calc(18*var(--u));margin-bottom:calc(28*var(--u))}
.about{padding-top:calc(32*var(--u));padding-bottom:calc(32*var(--u))}
.collection.wrap{padding-top:calc(40*var(--u));padding-bottom:calc(48*var(--u))}
.section-title{margin-bottom:calc(24*var(--u))}
.highlights.wrap{padding-top:calc(22*var(--u));padding-bottom:calc(22*var(--u))}
.venue.wrap{padding-top:calc(48*var(--u));padding-bottom:calc(44*var(--u))}
.closing{min-height:calc(208*var(--u));padding-top:calc(30*var(--u));padding-bottom:calc(36*var(--u))}
footer{padding-top:calc(18*var(--u));padding-bottom:calc(18*var(--u))}
}
@media(max-width:900px){
header.wrap{height:96px}
.hero{padding-top:32px;padding-bottom:40px;min-height:0}
.event-panel{margin-top:20px;margin-bottom:28px}
.about{padding-top:48px;padding-bottom:28px}
.collection.wrap{padding-top:48px;padding-bottom:48px}
.section-title{margin-bottom:28px}
.highlights.wrap{padding-top:28px;padding-bottom:28px}
.venue.wrap{padding-top:52px;padding-bottom:48px}
.closing{padding-top:44px;padding-bottom:52px;min-height:0}
footer{padding-top:20px;padding-bottom:20px}
}