@import"https://fonts.googleapis.com/css2?family=Arya:wght@400;700&family=Open+Sans:ital,wght@0,600;1,600&family=Pinyon+Script&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg: #6b8b72;--color-surface: rgb(255, 255, 255);--color-text: #263b33;--color-text-secondary: #fffff0;--color-primary: #fffff0;--color-border: rgba(255, 255, 255, .8);--font-display: "Pinyon Script", cursive;--font-body: "Playfair Display", serif;--spacing-section: 60px;--radius-default: 2rem;--shadow-card: 0 8px 16px rgba(33, 35, 63, .2), inset 0 4px 20px rgba(255, 255, 255, .3)}@layer components{.btn{@apply bg-surface text-text px-6 py-3 font-body transition-colors text-color-text hover:opacity-90;}.card{@apply bg-surface shadow-card p-6;}.section{@apply max-w-4xl mx-auto px-4 py-16;}.heading-xl{@apply font-display text-4xl md:text-5xl text-text;}.nav-link{@apply text-text hover:text-text-muted;}.hero-panel{@apply relative overflow-hidden;}.form-field{@apply mb-4;}}@font-face{font-family:Modernline Handwritting;src:url(/assets/modernline-personal-use.bold-DyATdC7R.otf) format("opentype");font-weight:400;font-style:bold;font-display:swap}*{margin:0;padding:0;font-family:var(--font-body)!important;box-sizing:border-box}body{background-color:var(--color-bg);min-height:100vh;margin:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}*{transition:all .3s ease}nav,.nav-links{display:flex}.nav-links{font-size:1.5rem;gap:2rem 32px;list-style:none}.top-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}.header-nav{background:#ffffff26;-webkit-backdrop-filter:blur(2px) saturate(180%);backdrop-filter:blur(2px) saturate(180%);box-shadow:0 8px 16px #21233f33,inset 0 4px 20px #ffffff4d;position:fixed;left:50%;transform:translate(-50%);justify-content:space-around;align-items:center;height:60px;width:100%;z-index:1000;transition:height .4s ease;overflow:hidden;border-color:var(--color-primary)}.ham-header-nav{background:#ffffff26;-webkit-backdrop-filter:blur(2px) saturate(180%);backdrop-filter:blur(2px) saturate(180%);box-shadow:0 8px 16px #21233f33,inset 0 4px 20px #ffffff4d;position:fixed;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;height:60px;width:100%;z-index:1000;transition:height .4s ease;overflow:hidden;flex-direction:column;border-color:var(--color-primary)}.header-nav:after,.ham-header-nav:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:inset -10px -8px 0 -11px #fff,inset 0 -9px 0 -8px #fff;opacity:.6;z-index:-1;filter:blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);border-color:var(--color-primary)}.ham-header-nav.open{height:259px}.hamburger-nav-links{display:none;flex-direction:column;gap:1.5rem;list-style:none;font-size:1.5rem;align-items:center}.ham-header-nav.open .hamburger-nav-links{display:flex}a{color:var(--color-text-secondary);text-decoration:none}a:hover{color:var(--color-text);padding:.5rem;text-decoration:none}p{color:var(--color-text)}p.subtitle{text-shadow:none}.checkbox:hover{color:var(--color-text)}.logo{font-size:2rem;font-weight:500}.logo a:hover{color:var(--color-text);padding:0;cursor:pointer;text-decoration:none}#hamburger-nav{display:none}.hamburger-menu{position:relative;display:inline-block}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer}.hamburger-icon span{height:2px;width:100%;background-color:var(--color-primary);transition:all .3s ease-in-out}.menu-links{position:absolute;top:130%;right:0%;background-color:var(--color-text);border-radius:1rem;width:500%;max-height:0;overflow:hidden;transition:all .3s ease-in-out}.menu-links a{display:block;padding:10px;text-align:center;font-size:1.5rem;color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease-in-out}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1}.hamburger-icon span:first-child{transform:none}.btn{font-weight:600;transition:all .3s ease;padding:1rem;width:8rem;border-color:var(--color-text);border-width:1px;border-style:solid;color:var(--color-text);background-color:var(--color-primary)}.btn:hover{background-color:var(--color-text);color:var(--color-primary);cursor:pointer}section{padding-top:13vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content}.section-container{display:flex}.title-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;flex-direction:column;text-align:center}.title-container h1{font-size:3rem;color:var(--color-text-secondary);justify-content:center;align-items:center}.title-container p{font-size:1.5rem;color:var(--color-text-secondary)}#main{width:100vw;height:100vh;padding-top:0;overflow:hidden;position:relative;margin:0}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003}.hero-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-text-secondary);z-index:1;text-shadow:2px 2px 3px rgba(0,0,0,.7)}.hero-title{font-family:Modernline Handwritting!important;font-size:5rem;object-fit:cover;display:block}.hero-subtitle{color:var(--color-text-secondary);font-size:2rem;margin-top:.5rem;text-shadow:2px 2px 3px rgba(0,0,0,.7)}#details{position:relative}.details-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:68vh;margin-top:-50px}.details-background{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-primary);padding:1rem;gap:2rem;text-align:center;width:60%;height:75%;box-shadow:10px 10px 5px #0000001a}.details-background h1,.details-background p{color:var(--color-text)}.details-content{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center}.detail-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.detail-label{font-size:.875rem;letter-spacing:.15em;color:var(--color-text-muted);text-shadow:none;margin:0;font-weight:600}.detail-text{font-size:1.25rem;color:var(--color-text);margin:0}.details-background .btn{width:100%;max-width:300px}#story{position:relative}.story-img{width:100%;height:100%;box-shadow:0 4px 8px #0003}.video-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0;padding-bottom:2rem;margin-top:-50px}video{width:100%;height:auto;max-height:60vh}.timeline{position:relative;max-width:1200px;margin:0 auto;padding-bottom:1.5rem}.timeline:after{content:"";position:absolute;width:6px;background-color:var(--color-primary);top:0;bottom:0;left:50%;margin-left:-3px}.timeline-container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline-container:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:var(--color-primary);border:4px solid var(--color-primary);top:15px;z-index:1}.left{left:0}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid var(--color-primary);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--color-primary)}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid var(--color-primary);border-width:10px 10px 10px 0;border-color:transparent var(--color-primary) transparent transparent}.right:after{left:-16px}.timeline-content{padding:20px 30px;background-color:var(--color-primary);position:relative}.timeline-container p{margin:0;color:var(--color-text);text-shadow:none}#gallery{position:relative}.gallery{column-count:3;column-gap:15px;padding-bottom:1.5rem}.gallery img{width:100%;margin-bottom:15px;display:block;box-shadow:0 4px 8px #0003}.gallery img:hover{transform:translateY(-3px);transition:transform .3s ease}#registry{position:relative}.project-img{border-radius:2rem;width:100%;height:100%}.experience-details-container{display:flex;justify-content:center;flex-direction:column}.article-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:2.5rem;justify-content:space-around}.about-containers{display:flex;gap:2rem;margin-bottom:2rem;margin-top:2rem;flex-wrap:wrap;justify-content:center;align-items:stretch}.registry-container{padding:1.5rem;flex:1 1 300px;aspect-ratio:2 / 1;background:var(--color-primary);text-align:center;min-width:250px;max-width:400px;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;align-items:center}.registry-container:hover{transform:translateY(-3px);transition:transform .4s ease}#rsvp{position:relative}#entireForm{display:flex;flex-direction:column;align-items:left;gap:1.5rem;min-width:75%}.container{display:flex;justify-content:center;align-items:center}.column{padding:2rem;gap:2rem}.is-centered{display:flex;justify-content:center;align-items:center;min-width:75%}.rsvp-background{background-color:var(--color-primary);box-shadow:10px 10px 5px #0000001a;gap:1.5rem;width:60%;height:75%}.label{color:var(--color-text);display:block;font-size:1.25rem;margin-bottom:.5rem}.input{border:1px solid var(--color-text);padding:.5rem 1rem;font-size:1rem;color:var(--color-text);background-color:var(--color-primary);margin-bottom:.25rem}input[type=checkbox]{accent-color:var(--color-bg);margin-right:.4em}.card{background-color:var(--color-primary);border:1px solid var(--color-text);padding:1rem;margin-bottom:1rem}.notification{margin-top:.5rem}.rsvp-response{background-color:var(--color-primary);border:1px solid var(--color-text);padding:1rem;margin-top:1rem;margin-bottom:1rem;color:var(--color-text);font-size:1rem}.rsvp-response h6,.rsvp-success p{color:var(--color-text);font-size:1.25rem}.help{color:var(--color-text);font-size:1rem;text-shadow:none;margin-bottom:1rem}.button,.button.is-link{background-color:var(--color-primary);color:var(--color-text);cursor:pointer;font-weight:600;transition:all .3s ease;padding:1.5rem;width:8rem;border-color:var(--color-text);border-width:1px;border-style:solid}.button.is-link:hover{background-color:var(--color-text);color:var(--color-primary);cursor:pointer}.rsvp-container{text-align:center;gap:2rem}.rsvp-container h6{color:var(--color-text);text-shadow:none}.rsvp-header{color:var(--color-text);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.guest-list{list-style-type:none;padding:0;color:var(--color-text)}.attending{border:2px solid #2d8a63;background-color:var(--brand-color, #2d8a63);color:var(--color-text-secondary);padding:.25rem;margin:.25rem 0}.not{border:2px solid #b85c5c;background-color:var(--danger-color, #b85c5c)}.addeventatc{font-family:var(--font-family)}#output{color:var(--color-text);margin-bottom:1rem}footer{padding-bottom:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(2px) saturate(180%);backdrop-filter:blur(2px) saturate(180%);box-shadow:0 8px 16px #21233f33,inset 0 4px 20px #ffffff4d;top:1rem;justify-content:space-around;align-items:center;z-index:1000}footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:inset -10px -8px 0 -11px #fff,inset 0 -9px 0 -8px #fff;opacity:.6;z-index:-1;filter:blur(1px) drop-shadow(10px 4px 6px black) brightness(115%)}footer p{text-align:center;color:var(--color-text-secondary)}footer a{color:var(--color-text-secondary)}footer a:hover{color:var(--color-primary);text-decoration:none}.footer-nav{position:relative;justify-content:space-around;align-items:center;padding:2rem}.countDown-container{display:flex;justify-content:center;align-items:center;padding-top:3rem}.countDown__cont{font-family:var(--font-family);font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--color-text)}.countDown__interval_cont{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:auto}.countDown__interval_cont:nth-child(n+1):not(:last-child){margin-right:1em}.countDown__interval_basic_cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.countDown__interval_basic_cont_description{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:.3em;margin-top:.3em;font-size:1.75em;color:var(--color-text-secondary)}.countDown__digit_cont{-webkit-perspective:3.2em;perspective:3.2em;box-shadow:0 4px 8px #0003;width:1em;height:1.6em;position:relative;line-height:1.6em;font-size:5em;font-weight:700}.countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:.05em}.countDown__digit_last_placeholder,.countDown__digit_new_placeholder{position:absolute;left:0;width:100%;height:50%;text-align:center;overflow:hidden}.countDown__digit_last_placeholder{bottom:0;background:var(--color-primary)}.countDown__digit_last_placeholder_inner{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50%;position:absolute}.countDown__digit_new_placeholder{top:0;background:var(--color-primary)}.countDown__digit_last_rotate,.countDown__digit_new_rotate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50%;font-weight:700;position:absolute;top:0;overflow:hidden;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.countDown__digit_last_rotate:after,.countDown__digit_new_rotate:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:.01em solid rgba(0,0,0,.1)}.countDown__digit_last_rotate{-webkit-animation-name:countDown_flip_1;animation-name:countDown_flip_1;background:var(--color-primary)}.countDown__digit_new_rotate{-webkit-animation-name:countDown_flip_2;animation-name:countDown_flip_2;background:var(--color-primary)}.countDown__digit_new_rotated{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);width:100%;height:100%}.countDown__digit_new_rotated_inner{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50%;position:absolute}@-webkit-keyframes countDown_flip_1{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);z-index:1}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:0}}@keyframes countDown_flip_1{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);z-index:1}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:0}}@-webkit-keyframes countDown_flip_2{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);z-index:0}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1}}@keyframes countDown_flip_2{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);z-index:0}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1}}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:6rem}.rsvp-background{width:75%}}@media screen and (max-width:1200px){#experience,.experience-details-container{margin-top:2rem}section{margin:0 10%}.section__pic-container{width:275px;height:275px;margin:0 auto 2rem;justify-content:center}.about-containers{margin-top:0}}@media screen and (max-width:1000px){#desktop-nav{display:none}#hamburger-nav{display:flex}.details-background{width:75%;height:75%}}@media screen and (max-width:850px){.hero-title{font-size:4rem}}@media screen and (max-width:750px){.rsvp-background{width:100%}}@media screen and (max-width:675px){.hero-title{font-size:3rem}}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline-container{width:100%;padding-left:70px;padding-right:25px}.left:before,.right:before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.left:after,.right:after{left:15px}.right{left:0}.gallery{column-count:1}.countDown__cont{column-count:2;align-items:center;font-size:7px}.details-container{height:80vh;padding-bottom:1rem}.details-background{width:100%;height:85%}.nav-links{flex-direction:column;align-items:center;font-size:20px;gap:1rem}footer p{font-size:12px}}@media screen and (max-width:515px){.hero-title{font-size:2rem}}@media screen and (max-width:415px){#rsvp{margin:0 5%}}@media screen and (max-height:750px){.details-background{height:100%}section{padding-top:90px}.rsvp-background{margin-bottom:3rem}}@media screen and (max-height:650px){.details-background,.details-content{gap:1rem}}@media screen and (max-height:550px){.details-background{font-size:.75rem}.detail-text{font-size:1rem}.btn{padding:.5rem}}
