:root{--neutral-900: #343e4c;--neutral-500: #848990;--neutral-200: #E1DDDA;--neutral-100: #F4F1EB;--neutral-50: #FEFCF6;--neutral-0: #FFFFFF;--teal-600: #0E8684;--teal-300: #66D2CF;--orange-200: #FDD6BA}body{font-family:Fraunces,serif;margin:24px 16px}@media screen and (min-width:768px){body{margin:32px 40px}}@media screen and (min-width:1024px){body{margin:40px 80px}}.main-container{display:flex;flex-direction:column;gap:40px}.page-container{display:flex;flex-direction:column;gap:64px}.button{font-family:Fraunces,serif;border:none;padding:16px 32px;border-radius:6px;font-size:18px;color:var(--neutral-0);width:218px}.primary{background-color:var(--teal-600)}.primary:hover{background-color:var(--teal-300);cursor:pointer}.primary:focus{background-color:var(--teal-600);outline:2px solid var(--teal-600);outline-offset:3px}.disabled{background-color:var(--neutral-200);color:var(--neutral-500);cursor:not-allowed}.navbar{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.hamburger{border:none;background-color:transparent}.nav-menu{display:flex;flex-direction:column;gap:32px;list-style:none;font-size:24px;text-align:center;padding:0;width:100%;background-color:#fffffff2;position:absolute;height:100%;padding-top:2rem;top:3rem;z-index:2}.nav-menu ul>li{list-style-type:none}.nav-closed{display:none}a:link,a:visited{text-decoration:none;color:var(--neutral-900)}.menu-items{display:flex;align-items:center;gap:33px;list-style:none;font-size:12px;font-family:Barlow,sans-serif;padding:0}.navbar-desktop{display:flex;justify-content:space-between;text-transform:uppercase}footer{display:flex;flex-direction:column;align-items:center;font-weight:700;text-transform:uppercase;gap:24px;padding:40px 20px;background-color:var(--neutral-900)}@media screen and (min-width:768px){footer{flex-direction:row;justify-content:space-between}}.footer-items{display:flex;gap:20px;list-style:none;font-size:12px;font-family:Barlow,sans-serif;padding:0;color:var(--neutral-500)}.icon-container{display:flex;gap:20px;height:20px}header{display:flex;flex-direction:column;gap:32px}.header-section{text-align:center;color:#fff}.header-section img{width:100%;border-radius:10px}@media screen and (min-width:768px){.header-section{text-align:left}}@media screen and (min-width:1024px){.header-section img{object-fit:cover;height:600px;width:100%}}.header-content{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;width:80%;top:40%;left:50%;transform:translate(-50%,-50%)}.header-content h1{font-size:40px;font-weight:700;margin-bottom:1rem}.header-content p{font-size:16px;line-height:1.5;margin-bottom:1.5rem}@media screen and (min-width:768px){.header-content{align-items:start;width:45%;top:40%;left:35%}}@media screen and (min-width:1024px){.header-content{width:30%;left:25%}.header-content h1{font-size:72px}}.cta-button{background-color:#0e8784;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border-radius:5px;cursor:pointer;font-family:Fraunces,serif}.cta-button:hover{background-color:#1a9a96}.collection-section{display:flex;flex-direction:column;gap:32px}@media screen and (min-width:1024px){.collection-card-container{display:flex;flex-direction:row;justify-content:center;width:100%;gap:32px}}.collection-header{text-align:center;font-weight:700;font-size:30px}.collection-header h2{margin:0}@media screen and (min-width:768px){.collection-header{font-size:70px}}.transparent-gradient{display:block;position:relative;bottom:3.5rem;left:0;width:100%;height:13.0208333333vw;background:linear-gradient(180deg,transparent 0,#FEFCF7 100%)}@media screen and (min-width:768px){.transparent-gradient{bottom:7.5rem}}.collection-card{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.collection-card h3{font-size:24px;font-weight:700;margin:0;color:var(--neutral-900)}.collection-card p{font-family:Barlow,sans-serif;font-size:16px;color:var(--neutral-500)}.collection-card img{width:253px;border-radius:10px}@media screen and (min-width:768px){.collection-card{flex-direction:row;text-align:left}}@media screen and (min-width:1024px){.collection-card{flex-direction:column;text-align:center;width:280px}.collection-card img{width:100%}}.benefit-section{display:flex;flex-direction:column;align-items:center}.benefit-card-section{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:-192px;z-index:1;width:280px}@media screen and (min-width:768px){.benefit-card-section{margin-top:-270px;gap:20px;width:100%}}@media screen and (min-width:1024px){.benefit-card-section{margin-top:-235px;flex-direction:row;align-items:stretch;justify-content:center;gap:32px}}.card{position:relative;background-color:var(--neutral-900);padding:64px 24px 225px;border-radius:8px;text-align:center;color:var(--neutral-0);font-family:Barlow,sans-serif}.card h3{font-size:30px;font-weight:700;margin:0}.card p{font-size:16px;line-height:1.5}@media screen and (min-width:768px){.card{min-height:230px;padding:56px 70px 250px}.card h3{font-size:40px}}@media screen and (min-width:1024px){.card{min-height:200px;padding:56px 20% 250px}.card p{padding:0rem 5rem}}.benefit-card{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;background-color:var(--teal-600);color:var(--neutral-0);border-radius:8px;padding:24px 20px;width:100%;max-width:340px}.benefit-card h3{font-size:24px;font-weight:700;margin:0}.benefit-card p{font-size:16px;font-family:Barlow,sans-serif}@media screen and (min-width:768px){.benefit-card{flex-direction:row;text-align:left;width:573px;max-width:450px;padding:40px 48px}}@media screen and (min-width:1024px){.benefit-card{flex-direction:column;text-align:center;max-width:280px;height:240px;padding:60px 34px;gap:48px}}.how-it-works-section{display:flex;flex-direction:column;align-items:center;gap:32px}.how-it-works-section h1{font-size:24px;color:var(--neutral-500)}@media screen and (min-width:768px){.how-it-works-section{align-items:start}}.step-card-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:24px;padding:48px 0}@media screen and (min-width:768px){.step-card-container{flex-direction:row;justify-content:center;width:100%;padding:64px 2px}}@media screen and (min-width:1024px){.step-card-container{justify-content:start;gap:95px;width:87%;padding:96px 80px}}.step-card{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;width:343px}.step-card h1{font-size:72px;font-weight:700;color:var(--orange-200);margin:0}.step-card h2{font-size:32px;font-weight:700;margin:0;padding:0 45px}.step-card p{font-family:Barlow,sans-serif;font-size:16px}@media screen and (min-width:768px){.step-card{width:192px;gap:32px;text-align:left;align-items:start}.step-card h2,.step-card h3{padding:0}}@media screen and (min-width:1024px){.step-card{width:285px}.step-card h2{padding-right:32px}}.modal-open{display:flex;position:absolute;z-index:1;flex-direction:column;align-items:center;align-self:center;gap:3px;padding:0 48px 48px;background-color:var(--neutral-50);width:540px;border-radius:0 0 4px 4px;top:200%}.modal{display:none}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#343e4cb3;z-index:1}.modal-header{color:var(--neutral-100);border-radius:4px 4px 0 0;width:100%;padding:40px 48px;font-size:40px;font-weight:700;margin:0;background-color:var(--neutral-900)}.modal-quote{font-size:24px;font-weight:700}.modal-text{font-size:16px;line-height:1.5;color:var(--neutral-500)}.modal-footer{display:flex;justify-content:space-between;align-items:center;width:100%}.modal-footer button{width:153px;font-family:Fraunces,serif}.modal-footer p{font-size:32px;font-weight:700}.our-commitment-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:48px}.our-commitment-section img{width:100%;border-radius:10px}@media screen and (min-width:768px){.our-commitment-section{flex-direction:row;align-items:center;gap:32px}}@media screen and (min-width:1024px){.our-commitment-section{gap:125px;width:80%;margin:0 auto}}.text-container{display:flex;flex-direction:column;gap:10px}.text-container h2{font-size:28px;margin:0;color:var(--neutral-900)}.text-container p{font-family:Barlow,sans-serif;font-size:16px;line-height:1.5;color:var(--neutral-900)}@media screen and (min-width:768px){.text-container{width:50%;text-align:left}}@media screen and (min-width:1024px){.text-container h2{font-size:48px}}.quality-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;margin-top:78px;background-color:var(--neutral-900);border-radius:10px;padding:142px 24px 64px}.quality-card .quality-card-image{position:absolute;top:-78px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:280px}.quality-card .quality-card-image img{width:100%;height:156px;display:block;border-radius:10px;object-fit:cover}@media screen and (min-width:768px){.quality-card{margin-top:160px;padding:224px 74px 72px}.quality-card .quality-card-image{top:-160px;width:calc(100% - 116px);max-width:573px}.quality-card .quality-card-image img{height:320px}}@media screen and (min-width:1024px){.quality-card{display:block;margin-top:88px;height:260px;padding:112px 160px}.quality-card .quality-card-image{top:-88px;left:auto;right:85px;transform:none;width:auto}.quality-card .quality-card-image img{width:445px;height:474px;margin:0}}.quality-card-text{padding:0;color:var(--neutral-0);text-align:center;width:100%;max-width:600px}.quality-card-text h3{font-size:32px;margin:0}.quality-card-text p{font-family:Barlow,sans-serif;margin:24px 0 0;line-height:1.625}@media screen and (min-width:768px){.quality-card-text{max-width:540px}}@media screen and (min-width:1024px){.quality-card-text{text-align:left;max-width:540px}}@media screen and (min-width:1024px){.headquarters-section{width:85%;margin:0 auto}}.headquarters-cards{display:flex;flex-direction:column;gap:24px;text-align:center}@media screen and (min-width:768px){.headquarters-cards{flex-direction:row;justify-content:space-between;width:100%}}@media screen and (min-width:1024px){.headquarters-cards{gap:96px;width:80%;margin:0 auto;text-align:left}}.headquarters-text h2{font-size:32px;margin:0;color:var(--neutral-900)}.headquarters-text p{font-family:Barlow,sans-serif}.headquarters-title{text-align:center;font-size:24px;color:var(--neutral-500)}@media screen and (min-width:768px){.headquarters-title{text-align:left}}.headquarters-container{display:flex;flex-direction:column;gap:64px}@media screen and (min-width:1024px){.headquarters-container{width:80%;margin:0 auto}}.preferences-list-item{display:flex;gap:24px;font-size:24px;color:var(--neutral-500)}.preferences-list-item .preferences-number,.preferences-list-item .preferences-text{font-weight:700}.preferences-number.active{color:var(--teal-300);font-weight:700}.preferences-text.active{color:var(--neutral-900);font-weight:700}.preferences-section{display:flex;flex-direction:column;gap:48px}@media screen and (min-width:1024px){.preferences-section{width:730px;gap:80px}}.question-card{position:relative;display:block;padding:20px;border-radius:8px;gap:16px;border:1px solid transparent;background-color:var(--neutral-100);cursor:pointer}.question-card p{font-family:Barlow,sans-serif}.question-card.active{color:var(--neutral-0);background-color:var(--teal-600)}.question-card-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}.question-card:focus-within{outline:2px solid var(--primary-500);outline-offset:4px}.question-card-list{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:768px){.question-card-list{flex-direction:row;justify-content:start;width:100%}}@media screen and (min-width:1024px){.question-card-list{justify-content:start;width:100%;gap:32px}}.order-summary-section{background-color:var(--neutral-900);color:var(--neutral-0);padding:48px 24px;border-radius:8px;font-size:bold}.order-summary-section h2{font-family:Barlow,sans-serif;text-transform:uppercase;font-size:16px;margin:0;color:var(--neutral-0);font-weight:lighter}.order-summary-section p{font-size:24px}@media screen and (min-width:1024px){.order-summary-section{padding:48px 81px}}.highlight{color:var(--teal-600);font-weight:700}.order-summary-container{display:flex;align-items:end;flex-direction:column;gap:16px}.question-toggle{display:flex;flex-direction:column;gap:24px;width:100%}.question-toggle-button{font-family:Fraunces,serif;background-color:transparent;border:none;color:var(--neutral-500);font-size:28px;font-weight:700;display:flex;text-align:left;justify-content:space-between;gap:32px}@media screen and (min-width:768px){.question-toggle-button{font-size:32px}}@media screen and (min-width:1024px){.question-toggle-button{font-size:40px}}.question-list{display:flex;flex-direction:column;gap:32px}@media screen and (min-width:1024px){.subscription-section{display:flex;flex-direction:row;justify-content:center;gap:128px}}