@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap";.header__nav{display:flex;overflow:hidden;align-items:center}.header__logo{flex:1;display:flex;position:relative;padding:20px;background-color:var(--primary-color);margin:auto 0}.header__logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background-color:var(--primary-color);z-index:-1}.header__logo h4{padding-left:30px;font-weight:700;font-size:28px;text-transform:uppercase;font-family:var(--cursive-font);color:#fff;opacity:.8;align-items:flex-end;margin:auto 0}.header__logo h4 a{cursor:pointer}.header__menu,.header__menu-mobile{padding:20px;margin:auto 0;flex:1.236;display:flex;align-items:center;justify-content:flex-end;gap:64px;list-style:none}.header__menu li{font-weight:500;font-family:var(--plus-jakarta-sans);color:var(--secondary-color);font-size:16px;text-transform:uppercase;line-height:20px;cursor:pointer;transition:font-size .25s ease-out,color .25s ease-out}.header__menu li:hover{font-size:20px;color:var(--primary-color)}.header__menu li img{width:28px;height:28px}.header__menu-mobile{display:none;gap:20px;position:relative}.hero{display:flex;min-height:calc(100vh - 74px)}.hero-image{flex:1;display:flex;flex-direction:column;position:relative;z-index:5;padding-bottom:2rem}.hero-image .queen-img{position:absolute;width:100%;height:100%;object-fit:contain;margin-left:5%;margin-top:20%;filter:drop-shadow(5px 5px 6px black);border-radius:2px;animation-name:spin;animation-duration:4s;animation-delay:.2s;animation-timing-function:ease-in-out;z-index:20000}.hero-image .postcard-back-img{position:absolute;width:100%;height:100%;object-fit:contain;margin-left:-5%;margin-top:-10%;filter:drop-shadow(5px 5px 6px black);border-radius:2px;animation-name:spin;animation-duration:3.5s;animation-delay:.5s;animation-timing-function:ease-in-out}.hero-image__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background-color:var(--primary-color);z-index:-1}#hero-content-info__wedding-date{color:var(--color-creamson);background-color:var(--primary-color);font-size:60px;padding:.5rem 2rem 0;border-radius:1em}.hero-content-info h2{font-family:var(--cursive-font);font-weight:400;font-size:100px;color:var(--secondary-color);display:flex}.hero-content{flex:1.22;display:flex;justify-content:space-between;flex-direction:column}.hero-content-info{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.hero-content-info h1{font-size:110px;font-weight:700;font-family:var(--cursive-font);color:var(--secondary-color)}.hero-content-info p{display:block;font-family:var(--plus-jakarta-sans);color:var(--secondary-color);font-size:28px;font-weight:400}.hero-content__buttons{display:flex}.hero-content__order-button{padding:20px;border-radius:36px;min-width:212px;outline:none;border:none;background:var(--primary-color);cursor:pointer;color:var(--color-creamson);font-weight:500;font-size:18px;line-height:23px;transition:background-color .25s ease-in,box-shadow .25s ease-out;animation-name:heartBeat;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero-content__order-button:hover{background-color:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color-hover);animation-play-state:paused}@keyframes heartBeat{0%{box-shadow:none}50%{box-shadow:0 0 20px var(--primary-color);transform:scale(1.05)}0%{box-shadow:none}}@media screen and (max-width: 1024px){@keyframes heartBeat{0%{box-shadow:none}50%{box-shadow:0 0 30px var(--secondary-color);transform:scale(1.05)}to{box-shadow:none}}}.about-us{display:flex;min-height:720px;overflow:hidden;position:relative}.about-us__image{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}.about-us__image div{flex:1;display:flex;align-items:center;background-position:center;background-repeat:no-repeat;background-size:contain}.about-us__postcard-img img{height:100%;width:100%;object-fit:cover}.about-us__image-sushi2 img{width:240px;height:160px}.about-us__button{position:absolute;right:0;padding:12px 32px;min-height:64px;background:var(--secondary-color);border-radius:32px 0 0 32px;border:0;outline:0;color:#fff;font-family:var(--plus-jakarta-sans);font-weight:500;font-size:18px;line-height:23px;cursor:pointer}.about-us__button img{object-fit:contain;margin-left:32px}.about-us__content{padding:0 64px;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative}.wedding-info-divider{padding:0 20px}.return-to-top{color:var(--secondary-color);background-color:#fffc;padding:10px 20px;border-radius:10px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;position:fixed;bottom:5%;margin:0 auto;transform:scale(0);z-index:99;transition:bottom .5s ease}.return-to-top a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em}.return-to-top i{font-size:1.2rem}.return-to-top:hover{cursor:pointer;bottom:6%}.show{transform:scale(1)}.rsvp{display:flex;min-height:720px;overflow:hidden;background-image:url(./okoboji-post-card-2-COFH1d89.jpeg);background-position:top center;background-size:contain;width:90%;max-width:900px;margin:150px auto;box-shadow:0 0 50px}.rsvp-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.google-form-container{padding:5rem 0 10rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:100vw;overflow:hidden;position:relative;background-image:url(../images/okoboji-post-card-3.jpeg);background-color:#fff6;background-blend-mode:lighten;box-shadow:0 0 50px}.google-form-container h2{font-size:5vw;color:var(--color-creamson);margin-bottom:5rem;font-weight:400;background-color:var(--primary-color);padding:.25em 1em;border-radius:1em;box-shadow:0 0 50px #000}.rsvp-title{z-index:5}iframe{background-position:top center;background-repeat:no-repeat;background-size:cover;padding:1rem 0rem;background-color:var(--primary-color);border-radius:1rem;box-shadow:0 0 50px #000;width:80%}.carousel{margin:100px 10%}:root{--playfair-display: "Playfair Display", serif;--plus-jakarta-sans: "Plus Jakarta Sans", sans-serif;--cursive-font: "Style Script", cursive;--primary-color: #d98467;--secondary-color: #87cfe6;--secondary-color-hover: #34b0da;--black-200: #020202;--black-300: #333333;--black-400: #1f1e31;--black-500: #555555;--gray-100: #888888;--color-white: #fff;--color-creamson: #fff0de}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--color-creamson)}main{max-width:1280px;margin:0 auto;background-color:var(--color-creamson);position:relative}a{text-decoration:none;color:inherit}.intro{display:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary-color);color:var(--color-creamson);transition:1s ease-in-out}.intro.fade{top:-100vh;height:0;z-index:-2}.date-intro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:600;font-family:var(--playfair-display)}.date-intro__span{position:relative;display:inline-block;opacity:0;bottom:-50px}.date-intro__span.active{opacity:1;bottom:0;transition:all .5s ease-in-out}.date-intro__span.fade{opacity:0;bottom:150px;transition:all .5s ease-in-out}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.sushi__subtitle{font-size:22px;font-weight:600;font-family:var(--plus-jakarta-sans);color:var(--color-creamson);background-color:var(--primary-color);opacity:.8;letter-spacing:-.01em;width:75%;margin-bottom:20px;padding:20px;border-radius:5px;position:absolute;top:0}.sushi__title{font-size:44px;font-weight:600;font-family:var(--playfair-display);color:var(--secondary-color);margin-top:16px}.sushi__description{font-size:18px;font-weight:400;font-family:var(--plus-jakarta-sans);line-height:36px;letter-spacing:-.01em;color:var(--primary-color);width:50%;margin:16px 0}.sushi__hide-scrollbar::-webkit-scrollbar{display:none}.sushi__hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width: 1024px){.about-us{flex-direction:column}.about-us__image{flex-direction:row}.about-us__image-sushi3{border-bottom:none;border-right:8px solid var(--color-creamson)}.about-us__button{display:none}.about-us__content{margin-top:192px}.sushi__subtitle{top:-128px;width:50%}}@media screen and (min-width: 1024px){.return-to-top{right:5%}}@media screen and (max-width: 750px){.about-us__image{flex-direction:column}.about-us__image-sushi3{border-bottom:8px solid var(--color-creamson);border-right:none}.about-us__button{display:block;top:47%}}@media screen and (max-width: 550px){.about-us__image-sushi2 img,.about-us__image-sushi3 img{width:50%;height:160px;object-fit:contain}.about-us__image div{padding:32px}.about-us__button{top:44%}.sushi__description,.sushi__subtitle{width:75%}}@media screen and (max-width: 1050px){.header__nav{background:var(--primary-color)}.header__menu a{color:var(--color-creamson)}}@media screen and (max-width: 550px){.header__logo{padding-left:0}.date-intro{width:100vw;padding:1rem;display:flex;justify-content:center}}@media screen and (max-width: 1060px){.hero{flex-direction:column}.hero-image .queen-img{position:relative;object-fit:cover;object-position:center;width:100%;height:500px;margin:0;padding:0 0 00px;background-color:var(--color-creamson);filter:drop-shadow(0 0 0);animation-name:none}.hero-image .postcard-back-img,.hero-image__overlay{display:none}.hero-content-info{margin:10px auto 80px;width:85%;background-blend-mode:lighten;background-position:top center;padding:50px 20px;gap:20px}#hero-content-info__wedding-date{background-color:var(--secondary-color);font-size:4rem;padding:.5rem 8rem 0;margin:auto 0}.hero-content-info h2{font-size:80px;color:var(--primary-color);text-align:center}.hero-content-info h1{font-size:120px;color:var(--primary-color);text-align:center}.hero-content-info p{color:var(--primary-color);text-shadow:0 0 5px lightgray}.hero-content__order-button{background-color:var(--secondary-color);color:var(--color-creamson)}.hero-content__order-button:hover{background-color:var(--primary-color);box-shadow:0 0 30px var(--primary-color)}}@media screen and (max-width: 750px){.hero-content-info h2{font-size:100px}}@media screen and (max-width: 550px){.hero-image{padding-bottom:0;margin:0}.hero-content-info{background-image:none;background-color:var(--color-creamson);box-shadow:0 0 0 var(--color-creamson) inset}.hero-image .queen-img{position:relative;object-fit:cover;object-position:center;width:100%;height:300px;padding:0 0 16px;margin-top:0;filter:drop-shadow(0 0 0)}#hero-content-info__wedding-date{font-size:55px;padding:.5rem 3rem 0}.hero-content-info h2{position:relative;font-size:60px}.hero-content-info{padding:0;margin:48px auto;width:95%;display:flex;gap:15px}.hero-content-info:hover{box-sizing:0 0 5px black}.hero-content-info h1{font-size:70px}.hero-content-info p{font-size:20px}.hero-content__order-button{min-width:172px}}@media screen and (max-width: 550px){.rsvp{width:100%}.rsvp-title h2{font-size:50px;font-weight:300}}