:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}html{scroll-behavior:smooth}.page-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100vh;max-width:100%;background:var(--color-background-1);color:var(--color-text-1);font-family:EB Garamond,serif;position:relative}#root{width:100%}*{box-sizing:border-box}.title{font-size:var(--size-text-3)}.content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;scroll-margin-top:50px}.section-wrapper{max-width:var(--page-content-ratio);min-width:320px;display:flex;flex-direction:column;gap:20px;align-items:center;margin:20px 0;z-index:1;width:100%;animation:fadeIn .8s ease-out;opacity:0;transform:translateY(20px)}.section-wrapper.visible{opacity:1;transform:translateY(0);transition:all .8s ease-out}.background{position:absolute;width:calc(var(--page-content-ratio) + 10%);min-width:calc(320px + 10%);height:100%;background-color:#00000008;-webkit-backdrop-filter:brightness(95%) contrast(120%);backdrop-filter:brightness(95%) contrast(120%);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="1.5" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noiseFilter)" opacity="0.3"/></svg>');background-size:300px 300px;mix-blend-mode:multiply}.dark.content-wrapper{background-color:var(--color-background-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{background:linear-gradient(45deg,var(--color-text-1),var(--color-text-2));-webkit-background-clip:text;background-clip:text;color:transparent;transition:all .3s ease}.title:hover{background:linear-gradient(45deg,var(--color-text-2),var(--color-text-1));-webkit-background-clip:text;background-clip:text}.date-place{display:flex;gap:20px;border-bottom:var(--size-divider) solid var(--color-divider-1);width:85%;justify-content:space-between}.section1{border:var(--size-divider) solid var(--color-divider-1);border-radius:40px;padding:36px}.names{display:flex;justify-content:center;font-family:Beau Rivage,Arial,sans-serif;font-size:calc(5vw + 10px);font-weight:300}.item-top{color:var(--color-text-1);font-size:var(--size-text-1);text-align:center}.item-bottom{color:var(--color-text-2);font-size:var(--size-text-2);text-align:center}.container{display:flex;flex-direction:column;align-items:center}.text{display:flex;flex-direction:column;text-align:center;gap:0px}.text-1,.text-2{font-size:var(--size-text-2)}img{max-width:100%;height:auto;width:100%;object-fit:contain;border-top-left-radius:30vw;border-top-right-radius:30vw;padding:0 5%}@media screen and (min-width: 768px){img{border-top-left-radius:20%;border-top-right-radius:20%}}.text p{text-align:center;max-width:600px;margin:16px auto}@media screen and (min-width: 901px) and (max-width: 1200px){.date-place{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:32px;justify-items:center}.date-place .container:first-child{grid-row:1;grid-column:1 / span 2;justify-self:center}.date-place .container:nth-child(2){grid-row:2;grid-column:1}.date-place .container:nth-child(3){grid-row:2;grid-column:2}}@media screen and (max-width: 900px){.date-place{flex-direction:column;gap:16px;padding-bottom:16px}}.countdown{display:flex;gap:24px;justify-content:center;margin:32px 0}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:70px}.countdown-item span{font-size:36px;font-weight:500;color:var(--color-text-1)}.countdown-item label{font-size:var(--size-text-2);color:var(--color-text-2);margin-top:4px}@media (max-width: 768px){.countdown{gap:12px}.countdown-item{min-width:50px}.countdown-item span{font-size:24px}}.info-section{width:100%;text-align:center;margin-bottom:32px}.info-section h2{font-size:var(--size-text-1);color:var(--color-text-1);margin-bottom:16px}.info-section p{font-size:var(--size-text-2);color:var(--color-text-2);max-width:600px;margin:0 auto}.map-wrapper{border-radius:30px;border:var(--size-divider) solid var(--color-divider-1);width:100%;overflow:hidden;height:100%;margin-top:32px}.info-section a{color:var(--color-text-1);text-decoration:none;transition:all .2s ease}.info-section a:hover{color:var(--color-text-2);text-decoration:underline}.info-section a:visited{color:var(--color-text-1)}.bubble{border-radius:30px;border:var(--size-divider) solid var(--color-divider-1);width:min(300px,100%);overflow:hidden;background-color:var(--color-background-2);padding:20px;display:flex;flex-direction:column;gap:12px}.bubble.left{align-self:flex-start}.bubble.right{align-self:flex-end}.bubble-title{font-size:var(--size-text-1);align-self:center;font-weight:400}.bubbles-wrapper{display:flex;flex-direction:column;width:min(500px,75%);padding:20px}.divider{margin:8px 0;background-color:var(--color-divider-1);align-self:center;width:var(--size-divider);height:40px}.color-palette{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;margin-bottom:40px;padding:0 16px}.color-swatch{width:80px;height:80px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;position:relative}.color-swatch:hover{transform:scale(1.05)}@media (max-width: 768px){.color-swatch{width:60px;height:60px}}.dress-code-section{display:flex;align-items:flex-start;justify-content:center;gap:16px;width:100%;max-width:400px;margin:-20px auto 0}.dress-code-section:first-of-type{margin-top:0}.dress-code-text{padding-top:12px;margin-top:0;max-width:170px;margin-left:auto;margin-right:auto}.dress-code-text h2{font-size:var(--size-text-1);color:var(--color-text-1);margin-bottom:4px}.dress-code-text p{font-size:var(--size-text-2);color:var(--color-text-2);margin:2px 0}.dress-code-image{width:165px;aspect-ratio:436/534;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;flex-shrink:0}.dress-code-note{margin-top:48px;font-size:var(--size-text-2);color:var(--color-text-2);text-align:center;font-style:italic}@media (max-width: 768px){.dress-code-section{text-align:center}.dress-code-section:nth-child(2) .dress-code-text,.dress-code-section:nth-child(4) .dress-code-text{text-align:center}}.landscape-section{flex-direction:column;text-align:left}.dress-code-section:nth-child(6) .dress-code-text{text-align:right}.dress-code-section:nth-child(4) .dress-code-text{text-align:left}.dress-code-section:nth-child(4) .dress-code-image{transform:rotate(6deg)}.arrow-left{width:70px;height:55px;margin-right:10px;background-image:url(/arrow_left.svg);background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:auto;filter:var(--color-text-2);margin-bottom:18px}.arrow-right{width:70px;height:55px;background-image:url(/arrow_right.svg);background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:auto;filter:var(--color-text-2);margin-left:-80px;transform:rotate(77deg);margin-top:6px;position:absolute}.men-image{background-image:url(/dresscode1.jpeg);background-size:calc(100% - 20px);background-position:center;background-repeat:no-repeat;background-color:#fff}.landscape-image{width:250px;aspect-ratio:1.57;background-image:url(/dresscode2.jpg);background-position:center;background-repeat:no-repeat;background-size:calc(100% - 20px);background-color:#fff;transform:rotate(-6deg)}.form-description{text-align:center;color:var(--color-text-2);font-size:var(--size-text-2);max-width:600px;margin:0 auto 12px}.form-link{display:inline-block;padding:12px 24px;background:var(--color-text-1);color:var(--color-background-1);text-decoration:none;border-radius:8px;font-size:var(--size-text-1);transition:all .2s ease;margin-bottom:20px}.form-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:#e6bcb0}.emoji{width:70px;height:70px;aspect-ratio:1;margin-top:20px!important;background-image:url(/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:auto;margin-right:auto}.gifts-description{text-align:center;color:var(--color-text-2);font-size:var(--size-text-2);max-width:600px}.bank-info{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:24px}.account-details{font-size:var(--size-text-1);color:var(--color-text-2)}.qr-code{width:200px;height:200px;margin-bottom:15px}.qr-code img{width:100%;height:100%;object-fit:contain;border-radius:0}.greetings-text{text-align:center;color:var(--color-text-1)}.greetings-text p{margin:8px 0;font-size:var(--size-text-3)}.greetings-text p:first-child{font-family:Beau Rivage,cursive}.signature{font-family:EB Garamond,serif;margin-top:16px!important}.emoji{width:70px;height:70px;aspect-ratio:1;margin-top:20px!important;background-image:url(/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:auto;margin-right:auto}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:0 32px;width:100%;height:50px;background:var(--color-background-1);border-bottom:var(--size-divider) solid var(--color-divider-1);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:10}.nav-logo{height:65px;aspect-ratio:1;background-image:url(/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.nav-links{display:flex;gap:24px;align-items:center;justify-content:center}.nav-link{color:var(--color-text-2);text-decoration:none;font-size:var(--size-text-2);transition:color .2s ease;text-align:center}.nav-link:hover{color:var(--color-text-1)}nav:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--color-text-1);width:min(var(--scroll-progress, 0%),100%);transition:width .1s;transform-origin:left}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger span{width:30px;height:2px;background:var(--color-text-1);transition:all .3s ease}@media (max-width: 768px){nav{padding:0 16px}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:100%;background:var(--color-background-1);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;gap:32px}.nav-links.open{right:0}.hamburger.open span:first-child{transform:rotate(45deg) translate(7px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:rotate(-45deg) translate(7px,-5px)}}