:root{--wine:#541c2d;--wine-deep:#3e1322;--paper:#faf6f0;--cream:#f8eddf;--ink:#472b33;--muted:#806b6e;--line:#d9c8c8;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button svg,a svg{width:20px;height:20px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #bd955d;outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-weight:400;font-family:var(--serif);line-height:1.03}h2{font-size:clamp(42px,5.2vw,70px);letter-spacing:-.035em}em{font-weight:400}img{display:block;width:100%;object-fit:cover}.section{max-width:1200px;margin:auto;padding:100px 60px}.section-label{font-size:14px;letter-spacing:.06em}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;z-index:100;background:var(--paper);color:var(--wine)}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:5;left:0;right:0;top:0;height:100px;padding:0 58px;display:flex;align-items:center;justify-content:space-between;color:var(--cream)}.monogram{font-family:var(--serif);font-size:36px;line-height:1;letter-spacing:-.07em;width:86px}.monogram span{font-size:26px;font-style:italic;padding:0 3px}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:40px;font-size:14px}.site-header nav a{border-bottom:1px solid transparent}.site-header nav a:hover{border-color:currentColor}.sound-toggle{background:transparent;color:inherit;display:flex;align-items:center;gap:10px;border:1px solid #ecd9c944;border-radius:30px;padding:10px 15px;min-height:44px;font-size:12px}.sound-status{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4}.sound-toggle[aria-pressed=true] .sound-status{opacity:1;box-shadow:0 0 8px currentColor}.hero{position:relative;min-height:780px;height:100svh;max-height:1060px;background:var(--wine);isolation:isolate;color:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-3}.hero-art{background-image:url('assets/invitation.jpg');background-size:cover;background-position:center;animation:hero-settle 2.5s var(--ease) both}.hero-shade{z-index:-2;background:linear-gradient(90deg,#350d2010,#350d2030 50%,#350d2010)}.hero-frame{position:absolute;inset:24px;border:1px solid #ead3bd30;pointer-events:none}.hero-content{text-align:center;padding:108px 28px 85px;position:relative;width:100%;animation:invitation-in 1.6s var(--ease) both}.hero-kicker{font-size:14px;letter-spacing:.09em;margin-bottom:33px}.hero h1{display:flex;flex-direction:column;align-items:center;font-size:clamp(75px,8.6vw,126px);letter-spacing:-.035em;line-height:.87;text-shadow:0 2px 24px #31071920}.hero h1 em{font-size:.44em;line-height:1.04;margin:7px 0 12px;color:#e5cdb8}.hero-dedication{font-family:var(--serif);font-size:22px;font-style:italic;margin-top:30px}.hero-date{display:flex;align-items:center;justify-content:center;gap:25px;margin:25px auto 27px}.hero-date strong{font-family:var(--serif);font-weight:400;font-size:49px;line-height:1;min-width:80px;border-right:1px solid #e4cbb460;border-left:1px solid #e4cbb460}.hero-date>span{font-size:14px;min-width:68px}.open-invitation{display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #ead3bd90;padding:9px 0;font-size:14px;transition:opacity .25s}.open-invitation:hover{opacity:.7}.hero-foot{position:absolute;bottom:45px;left:58px;right:58px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.035em}.scroll-line{position:absolute;width:1px;height:35px;background:#e9d1be90;left:50%;bottom:-12px}.letter{position:relative;text-align:center;padding-top:104px;padding-bottom:78px}.letter-mark{font-family:var(--serif);font-style:italic;color:#c9aaa9;font-size:57px;line-height:1;margin-bottom:23px}.letter .section-label{color:var(--muted);margin-bottom:28px}.letter h2{font-size:clamp(42px,4.45vw,62px);line-height:1.1}.letter h2 em{color:var(--wine)}.letter-copy{margin-top:27px;font-size:16px;line-height:1.9;color:#725d62}.signature{font-family:var(--serif);font-size:31px;font-style:italic;margin-top:31px;color:var(--wine)}.small-diamond{display:block;font-size:31px;color:#99777c;margin:28px auto 0}.date-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);align-items:center;padding-top:80px;padding-bottom:90px}.date-intro h2{margin:22px 0 24px}.date-intro>p:not(.section-label){color:var(--muted);line-height:1.85}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 22px;min-height:52px;border:1px solid transparent;border-radius:2px;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.button-wine{background:var(--wine);color:var(--cream)}.button-wine:hover{background:var(--wine-deep);transform:translateY(-2px)}.date-intro .button{margin-top:28px}.calendar-wrap{padding:18px 0 0}.calendar-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 12px 18px;font-family:var(--serif);font-size:34px}.calendar-heading span:last-child{color:var(--muted);font-size:24px}.calendar{width:100%;table-layout:fixed;text-align:center;border-collapse:separate;border-spacing:0 8px}.calendar th{font-weight:400;color:var(--muted);font-size:12px;height:32px}.calendar td{height:45px;font-family:var(--serif);font-size:23px}.calendar .outside{color:#aa9798}.wedding-day span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--wine);color:var(--cream);position:relative}.wedding-day span::after{content:'';position:absolute;inset:-4px;border:1px solid #976674;border-radius:50%;transform:rotate(-15deg) scaleX(1.07)}.calendar-note{text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted);font-size:19px;margin-top:18px}.countdown-section{background:var(--wine);color:var(--cream);text-align:center;padding:53px 20px 55px}.countdown-section .section-label{opacity:.8}.countdown{display:flex;justify-content:center;gap:30px;align-items:flex-start;margin-top:22px}.countdown>div{min-width:92px;display:flex;flex-direction:column}.countdown strong{font-family:var(--serif);font-size:70px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.countdown span{font-size:12px;opacity:.8}.countdown b{font-family:var(--serif);font-size:43px;line-height:1.65;font-weight:400;opacity:.35}.venue-section{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding-top:110px;padding-bottom:110px}.venue-photo{position:relative;overflow:hidden}.venue-photo img{height:565px;object-position:center}.photo-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:65px 20px 20px;color:#fff;font-size:12px;background:linear-gradient(transparent,#241916a8)}.venue-info h2{font-size:94px;margin-top:24px;letter-spacing:-.04em}.venue-subtitle{color:var(--muted);font-size:16px;margin-top:10px}.venue-rule{width:54px;height:1px;background:#a5787e;margin:27px 0}.venue-info>p:not(.section-label):not(.venue-subtitle):not(.map-note){font-size:16px;color:#725d62}.venue-details{margin:29px 0;font-size:14px}.venue-details>div{display:grid;grid-template-columns:106px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #dfd2d0}.venue-details dt{color:var(--muted)}.venue-details dd{margin:0}.venue-details dd span{color:var(--muted);font-size:12px}.map-note{font-size:12px;color:var(--muted);margin-top:11px}.closing{text-align:center;background:#efe6e2;padding:78px 24px 35px;position:relative;overflow:hidden}.closing h2{font-size:76px;margin:28px 0 23px}.closing>p:not(.section-label):not(.closing-names):not(.closing-date){font-size:14px;color:#725d62}.closing-monogram{font-family:var(--serif);font-size:83px;line-height:1;margin:39px auto 21px;color:var(--wine);letter-spacing:-.08em}.closing-monogram span{font-style:italic;font-size:.7em;margin:0 4px}.closing-names{font-family:var(--serif);font-size:25px;font-style:italic}.closing-date{font-size:13px;letter-spacing:.17em;margin-top:13px}.back-top{display:inline-block;font-size:12px;color:var(--muted);margin-top:40px;border-bottom:1px solid #b79ba2}.mobile-dock{display:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:20;background:var(--wine-deep);color:var(--cream);border:1px solid #ffffff30;border-radius:6px;padding:15px 22px;font-size:14px;width:max-content;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 8px 30px #0002}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes hero-settle{from{transform:scale(1.05)}to{transform:scale(1)}}@keyframes invitation-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-art{background-position:center 55%}.hero-content{padding-top:150px}}
@media(max-width:1000px){.section{padding-left:40px;padding-right:40px}.date-section,.venue-section{gap:50px}.site-header{padding:0 40px}.venue-info h2{font-size:74px}.venue-photo img{height:530px}.venue-details>div{grid-template-columns:85px 1fr}.hero h1{font-size:100px}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:82px;padding:0 25px}.site-header nav{display:none}.monogram{font-size:30px}.monogram span{font-size:23px}.sound-toggle{padding:10px 12px;font-size:12px;min-height:44px;gap:8px}.sound-toggle svg{width:17px;height:17px}.hero{min-height:730px;height:100svh;max-height:960px}.hero-art{background-size:auto 100%;background-position:30% center}.hero-shade{background:linear-gradient(90deg,#47112440,#3d102033 60%,#47112433)}.hero-frame{inset:12px}.hero-content{padding:100px 22px 90px}.hero-kicker{font-size:12px;letter-spacing:.035em;max-width:230px;margin:0 auto 42px;line-height:1.7}.hero h1{font-size:clamp(48px,13.65vw,92px);line-height:.95;letter-spacing:-.045em}.hero h1 em{font-size:35px;margin:10px 0 17px;line-height:1.1}.hero-dedication{font-size:19px;margin-top:30px;max-width:270px;margin-left:auto;margin-right:auto;line-height:1.5}.hero-date{margin-top:30px;margin-bottom:27px;gap:16px}.hero-date strong{font-size:49px}.hero-date>span{font-size:13px}.open-invitation{font-size:14px;gap:14px;padding:12px 0}.hero-foot{left:28px;right:28px;bottom:36px;font-size:12px;letter-spacing:0}.hero-foot span:last-child{display:none}.scroll-line{left:auto;right:8px;bottom:-7px;height:29px}.section{padding:68px 27px}.letter{padding-top:68px;padding-bottom:58px}.letter-mark{font-size:48px;margin-bottom:25px}.section-label{font-size:13px;letter-spacing:.015em}.letter .section-label{margin-bottom:23px}.letter h2{font-size:40px;line-height:1.13;letter-spacing:-.04em}.letter-copy{font-size:16px;line-height:1.9;margin-top:24px}.desktop-break{display:none}.signature{font-size:28px;line-height:1.3}.small-diamond{margin-top:20px}.date-section{display:flex;flex-direction:column;gap:39px;text-align:center;margin:0 27px;padding-left:0;padding-right:0}.date-intro h2{font-size:52px;line-height:1.02;margin:20px 0}.date-intro>p:not(.section-label){font-size:16px}.date-intro .button{margin-top:24px}.button{font-size:14px;padding:15px 21px}.calendar-wrap{width:100%;max-width:380px;padding-top:0}.calendar-heading{font-size:31px;padding-bottom:10px}.calendar{border-spacing:0 6px}.calendar td{height:42px;font-size:23px}.calendar-note{font-size:18px;padding:0 10px;line-height:1.35;margin-top:15px}.countdown-section{padding:40px 18px 42px}.countdown{gap:10px;margin-top:21px}.countdown>div{min-width:57px}.countdown strong{font-size:49px}.countdown b{font-size:30px}.countdown span{font-size:12px}.venue-section{display:flex;flex-direction:column;gap:35px;padding:65px 27px}.venue-photo{width:100%;max-width:430px}.venue-photo img{height:410px}.photo-caption{font-size:12px;padding:55px 15px 17px}.venue-info{width:100%;max-width:430px}.venue-info h2{font-size:78px;margin-top:18px}.venue-subtitle{font-size:16px;margin-top:9px}.venue-rule{margin:23px 0}.venue-info>p:not(.section-label):not(.venue-subtitle):not(.map-note){font-size:16px}.venue-details{font-size:14px}.venue-details>div{grid-template-columns:85px 1fr}.venue-details dd span{display:block;font-size:12px}.venue-info .button{width:100%}.map-note{text-align:center}.closing{padding:59px 25px 119px}.closing h2{font-size:58px;margin-top:23px}.closing>p:not(.section-label):not(.closing-names):not(.closing-date){font-size:14px;max-width:245px;margin:auto}.closing-monogram{font-size:75px;margin-top:32px}.closing-names{font-size:26px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:13px 22px calc(13px + env(safe-area-inset-bottom));background:#faf6f0f5;border-top:1px solid #dacacc;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;transform:translateY(120%);transition:transform .45s var(--ease);box-shadow:0 -4px 30px #3e132208}.mobile-dock.is-visible{transform:translateY(0)}.mobile-dock>div{display:flex;flex-direction:column}.mobile-dock strong{font-size:14px;font-weight:500}.mobile-dock>div>span{font-size:12px;color:var(--muted)}.mobile-dock a{display:flex;gap:7px;align-items:center;color:var(--wine);font-size:13px;padding:10px 0 10px 14px;min-height:44px}.mobile-dock svg{width:17px;height:17px}.toast{bottom:100px;font-size:13px;text-align:center;width:calc(100% - 40px)}
}
@media(max-width:360px){.hero{min-height:690px}.hero-kicker{margin-bottom:31px}.hero h1{font-size:13.25vw}.hero-content{padding-top:90px}.hero-dedication{font-size:18px}.hero-date{margin-top:22px;margin-bottom:20px}.letter h2{font-size:35px}.section{padding-left:23px;padding-right:23px}.date-section{padding-left:0;padding-right:0}.sound-toggle{font-size:12px}.countdown{gap:7px}.countdown>div{min-width:53px}.countdown strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none}.hero-content{opacity:1;transform:none}}
/* Element-by-element invitation tour, styled to match the paper invitation. */
.tour-ready .hero-content{animation:none;opacity:1;transform:none}
.sound-toggle{position:fixed;top:max(18px,env(safe-area-inset-top));right:24px;z-index:10001;background:#faf6f0f5;color:var(--wine);border-color:#c3a3ad80;box-shadow:0 5px 26px #2a0b2020;backdrop-filter:blur(14px);font-size:14px}
[hidden]{display:none!important}
.hero h1{width:fit-content;max-width:100%;margin-inline:auto}
.closing h2{width:fit-content;max-width:100%;margin-inline:auto}
.with-tour .hero-foot{bottom:90px}
.with-tour .hero-foot .scroll-line{display:none}
.with-tour .closing{padding-bottom:115px}
.tour-launch{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 20px;border:1px solid #c3a3ad80;border-radius:28px;background:#faf6f0f5;color:var(--wine);font:14px var(--sans);box-shadow:0 5px 26px #2a0b2029;backdrop-filter:blur(14px)}
.tour-launch:hover{background:var(--cream)}
.driver-active .tour-launch{visibility:hidden}
.driver-active .sound-toggle,.driver-active .sound-toggle *{pointer-events:auto}
.driver-active .driver-active-element{outline:none}
.driver-active .button.driver-active-element:hover{transform:none}
.wedding-tour.driver-popover{width:330px;min-width:0;max-width:calc(100vw - 32px);padding:14px 22px 22px;border:1px solid #dfcbd0;border-radius:16px;background:var(--paper);color:var(--ink);font-family:var(--sans);box-shadow:0 18px 70px #10040c45}
.wedding-tour .tour-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px -8px 7px 0}
.wedding-tour .driver-popover-progress-text{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--muted);white-space:nowrap}
.wedding-tour .driver-popover-close-btn{position:static;width:auto;height:auto;min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;font:12px var(--sans);color:var(--muted);text-shadow:none;cursor:pointer;white-space:nowrap}
.wedding-tour .driver-popover-close-btn:hover{color:var(--wine);background:transparent}
.wedding-tour .driver-popover-title{padding:0;font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.05;letter-spacing:-.025em;color:var(--wine)}
.wedding-tour .driver-popover-description{margin-top:12px;font-family:var(--sans);font-size:14px;line-height:1.65;color:#725d62}
.wedding-tour .driver-popover-footer{margin-top:22px}
.wedding-tour .driver-popover-navigation-btns{display:flex;gap:10px;width:100%}
.wedding-tour .driver-popover-footer button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #d9c4cc;border-radius:8px;background:transparent;box-shadow:none;text-shadow:none;font:14px var(--sans);color:var(--wine);cursor:pointer}
.wedding-tour .driver-popover-footer button+button{margin-left:0}
.wedding-tour .driver-popover-footer .driver-popover-next-btn{flex:1;background:var(--wine);border-color:var(--wine);color:var(--cream)}
.wedding-tour .driver-popover-footer .driver-popover-next-btn:hover{background:var(--wine-deep)}
.wedding-tour .driver-popover-footer .driver-popover-prev-btn:hover{background:#eee2e3}
.wedding-tour .driver-popover-btn-disabled{opacity:.35;pointer-events:none}
.wedding-tour button:focus-visible{outline:2px solid #ad824f;outline-offset:3px}
.wedding-tour .driver-popover-arrow-side-top{border-bottom-color:var(--paper)}
.wedding-tour .driver-popover-arrow-side-bottom{border-top-color:var(--paper)}
.wedding-tour .driver-popover-arrow-side-left{border-right-color:var(--paper)}
.wedding-tour .driver-popover-arrow-side-right{border-left-color:var(--paper)}
@media(max-width:700px){.tour-launch{bottom:max(14px,env(safe-area-inset-bottom))}.with-tour .hero-foot{bottom:84px}.wedding-tour.driver-popover{width:330px;padding:12px 20px 20px}.wedding-tour .driver-popover-title{font-size:30px}}
@media(max-height:600px){.wedding-tour.driver-popover{padding:8px 16px 14px}.wedding-tour .tour-header{margin-bottom:2px}.wedding-tour .driver-popover-title{font-size:27px}.wedding-tour .driver-popover-description{margin-top:8px;line-height:1.5}.wedding-tour .driver-popover-footer{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html:has(.driver-active){scroll-behavior:auto}}

/* The family invitation and its confirmed event details. */
.venue-building{width:100%;max-width:335px;margin-inline:auto;box-shadow:0 12px 40px #3e132218}
.venue-building img{height:auto;object-fit:contain}
.venue-info h2{font-size:clamp(48px,6.2vw,76px)}
.closing .family-signature{display:flex;flex-direction:column;gap:7px;margin:24px auto 0;max-width:430px;font-size:14px;line-height:1.7;color:var(--muted)}
.family-signature strong{font-weight:500;color:var(--wine)}
@media(max-width:700px){.hero h1>span:last-child{font-size:.92em}.venue-info h2{font-size:clamp(42px,12vw,62px)}.closing .family-signature{max-width:310px;font-size:14px}.family-signature strong{max-width:270px;align-self:center}}
@media(max-width:700px){.tour-launch{left:16px;transform:none}}
@media(max-width:380px){.tour-launch{width:48px;padding:12px;justify-content:center}.tour-launch span{display:none}}

/* A quiet jewellery portrait, composed separately for a phone. */
.hero-jewellery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;padding:110px 7% 135px;min-height:800px;background:#360d1e}
.hero-jewellery .hero-art{opacity:.38;animation:none;filter:saturate(.7)}
.hero-jewellery .hero-shade{background:radial-gradient(ellipse at 28% 38%,#7c344d38,transparent 55%),linear-gradient(90deg,#23061515,#360d1e75);z-index:-2}
.hero-jewellery::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-jewellery .hero-content{padding:0 0 0 20px;animation:invitation-in 1.6s var(--ease) both}
.hero-jewellery .hero-kicker{font-size:11px;letter-spacing:.13em;margin-bottom:28px}
.hero-jewellery h1{font-size:clamp(60px,6.4vw,105px)}
.hero-jewellery h1 em{margin:12px 0 17px}
.hero-jewellery .hero-dedication{font-size:21px;line-height:1.4;max-width:300px;margin:24px auto 0}
.hero-jewellery .hero-date{margin:25px auto 19px}
.ring-presentation{position:relative;align-self:center;min-width:0;text-align:center;margin-top:-35px}
.ring-scene{height:clamp(370px,40vw,570px);width:100%;position:relative;isolation:isolate;touch-action:pan-y}
.ring-scene::before{content:'';position:absolute;inset:10% -5%;z-index:-1;background:radial-gradient(ellipse,#bb7d5220,transparent 67%);pointer-events:none}
.ring-scene::after{content:'';position:absolute;bottom:8%;left:25%;width:50%;height:8%;background:radial-gradient(ellipse,#12030d70,transparent 68%);filter:blur(7px);pointer-events:none}
.ring-scene canvas,.ring-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ring-scene canvas{opacity:0;transition:opacity 1s ease}
.ring-scene[data-render-path=live] canvas{opacity:1}
.ring-scene[data-render-path=live] .ring-poster{opacity:0}
.ring-poster{transition:opacity .8s ease}
.ring-caption{font-family:var(--serif);font-size:23px;font-style:italic;color:#dfbd93;margin-top:-12px}
.ring-motion{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;background:none;color:#e6c8adbf;font-size:10px;letter-spacing:.035em;padding:8px 10px}
.ring-motion svg{width:12px;height:12px}
.ring-motion:hover{color:var(--cream)}

.ring-motion:disabled{opacity:.5;cursor:default}
@media(max-width:1100px) and (min-width:901px){.hero-jewellery{padding-inline:4%}.hero-jewellery h1{font-size:6.7vw}.hero-jewellery .hero-kicker{letter-spacing:.04em}}
@media(max-width:900px){
 .hero-jewellery{grid-template-columns:minmax(0,1fr);align-content:center;padding:86px 24px 105px;min-height:830px;height:auto;max-height:none;gap:9px}
 .hero-jewellery .hero-art{background-position:30% center;opacity:.3}
 .hero-jewellery .hero-shade{background:radial-gradient(ellipse at 50% 28%,#7c344d35,transparent 60%),linear-gradient(#360d1e00,#360d1e70)}
 .hero-jewellery .hero-content{padding:0}
 .ring-presentation{margin-top:0}
 .ring-scene{height:245px;max-width:410px;margin:auto}
 .ring-caption{font-size:18px;margin-top:-13px}
 .ring-motion{font-size:10px;min-height:44px;padding:8px 10px}
 .hero-jewellery .hero-kicker{font-size:10px;letter-spacing:.075em;max-width:none;margin:10px auto 22px}
 .hero-jewellery h1{font-size:clamp(44px,12.8vw,77px);line-height:.92}
 .hero-jewellery h1 em{font-size:26px;margin:7px 0 10px}
 .hero-jewellery .hero-dedication{font-size:18px;max-width:280px;margin:20px auto 0}
 .hero-jewellery .hero-date{margin:21px auto 15px;gap:18px}
 .hero-jewellery .hero-date strong{font-size:42px}
 .hero-jewellery .hero-date>span{font-size:12px}
 .hero-jewellery .open-invitation{font-size:12px;padding:10px 0}
 .hero-jewellery .hero-foot{bottom:78px;left:28px;right:28px;font-size:10px;opacity:.65}
 .hero-jewellery .hero-foot span:last-child{display:none}
}
@media(max-width:380px){.hero-jewellery{padding-inline:20px;min-height:800px;gap:5px}.ring-scene{height:220px}.hero-jewellery .hero-kicker{font-size:9px;letter-spacing:.04em}.hero-jewellery .hero-dedication{font-size:17px}.hero-jewellery .hero-foot{bottom:77px}}
@media(prefers-reduced-motion:reduce){.ring-motion{display:none}}
@media(max-width:330px){.countdown{gap:4px}.countdown>div{min-width:0;flex:1}.countdown strong{font-size:38px}}