:root{--cream:#f2eddf;--ink:#173f43;--blue:#78a0af;--clay:#c9826e;--acid:#ddf05d;--navy:#163b68;--white:#fffdf7;--line:rgba(23,63,67,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wordmark,h1,h2{font-family:"Fraunces",serif}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.wordmark{font-size:2rem;letter-spacing:-2px;text-transform:none}.intro{padding:100px 7vw 0}.eyebrow{margin:0;text-transform:uppercase;font-size:.62rem;font-weight:700;letter-spacing:2.4px}.intro h1{max-width:1050px;font-size:clamp(4.5rem,10vw,10rem);line-height:.88;letter-spacing:-7px;margin:30px 0}.intro h1 em,.brief h2 em{color:var(--clay);font-weight:inherit}.intro-lead{font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.5;max-width:760px;margin:0 0 85px auto}.manifesto{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.story-card,.difference{padding:45px}.card-number,.step{font-size:.55rem;letter-spacing:1.8px;font-weight:700}.story-card{background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;min-height:330px}.story-card p{font-family:"Fraunces";font-size:clamp(1.6rem,3vw,3rem);line-height:1.12;letter-spacing:-1px;margin:50px 0 0}.difference{display:flex;flex-direction:column;gap:20px}.fact{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:center}.fact:first-of-type{margin-top:auto}.fact strong{font:600 2.2rem "Fraunces"}.fact span{font-size:.82rem;line-height:1.6}.promise{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.promise span{text-align:center;padding:22px;border-right:1px solid var(--line);font-size:.62rem;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.promise span:last-child{border:0}.brief{text-align:center;padding:140px 4vw 100px}.brief p{font-size:.75rem;text-transform:uppercase;letter-spacing:2px}.brief h2{font-size:clamp(3rem,6.5vw,7rem);line-height:.95;letter-spacing:-4px;max-width:1050px;margin:28px auto 50px}.round-link{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:1px solid var(--ink);border-radius:50%}.vote-section{background:var(--ink);color:var(--cream);padding-top:90px}.section-title{text-align:center;padding:0 5vw 65px}.section-title h2,.survey h2,.comments h2,.thanks h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.9;letter-spacing:-4px;margin:24px 0}.section-title>p:last-child{font-size:.85rem}.options{display:grid;grid-template-columns:1fr 1fr;min-height:780px}.option{position:relative;overflow:hidden;cursor:pointer;padding:38px;display:flex;align-items:center;justify-content:center}.option-a{background:#d5cbb5;color:var(--ink)}.option-b{background:var(--acid);color:var(--navy)}.option input{position:absolute;opacity:0}.option-meta{position:absolute;left:38px;top:35px;display:flex;flex-direction:column;gap:5px;text-transform:uppercase}.option-meta b{font-size:.65rem;letter-spacing:1.7px}.option-meta small{font-size:.48rem;letter-spacing:1.2px}.pick{position:absolute;z-index:5;right:38px;top:30px;border:1px solid currentColor;border-radius:50px;padding:10px 15px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.option-copy{position:absolute;bottom:35px;left:38px;font:600 clamp(1.4rem,2.5vw,2.5rem)/1.08 "Fraunces"}.check{position:absolute;z-index:5;bottom:35px;right:38px;opacity:0;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.3px}.option:has(input:checked){box-shadow:inset 0 0 0 8px currentColor}.option:has(input:checked) .check{opacity:1}.option:has(input:checked) .pick{background:currentColor;color:var(--cream)}.option-b:has(input:checked) .pick{color:var(--acid)}.bottle{position:relative;width:265px;height:570px;background:rgba(255,255,255,.6);border-radius:42px 42px 80px 80px;box-shadow:18px 24px 35px rgba(20,40,40,.22);transition:.35s}.option:hover .bottle{transform:translateY(-10px) rotate(-2deg)}.bottle .cap{position:absolute;width:150px;height:74px;left:58px;top:-25px;border-radius:12px 12px 5px 5px}.bottle .label{position:absolute;left:16px;right:16px;top:85px;bottom:26px;display:flex;flex-direction:column;align-items:center;text-align:center;font-style:normal}.bottle-a{background:linear-gradient(90deg,#f5efe0,#fffdf5 45%,#e7dfce)}.bottle-a .cap{background:var(--ink)}.bottle-a .label{border:1px solid var(--ink);padding:60px 15px 25px}.bottle-a small{font-size:.42rem;letter-spacing:2px}.bottle-a strong{font:700 5.8rem/.9 "Fraunces";letter-spacing:-8px;margin-top:50px}.bottle-a b{font-size:.58rem;letter-spacing:5px;margin-left:7px}.bottle-a span{margin-top:auto;font-size:.48rem;letter-spacing:1.4px}.bottle-a em{font-size:.42rem;margin-top:55px}.bottle-b{background:linear-gradient(90deg,#fbfbf3,#fff 50%,#e6eadc)}.bottle-b .cap{background:var(--navy)}.bottle-b .label{background:var(--navy);color:var(--acid);border-radius:120px 120px 30px 30px;padding:55px 18px 25px}.bottle-b small{font-size:.43rem;letter-spacing:1.5px}.bottle-b strong{font:bold 5.4rem/1 "DM Sans";letter-spacing:-8px;margin:25px 0 40px}.bottle-b span{width:110px;height:110px;border-radius:50%;background:var(--acid);color:var(--navy);display:grid;place-items:center;font-size:2.1rem;font-weight:700;line-height:.65}.bottle-b span b{font-size:.44rem;letter-spacing:1px}.bottle-b em{margin-top:auto;font-size:.42rem;letter-spacing:1.5px}.survey{padding:120px 7vw}.survey-heading{display:grid;grid-template-columns:.35fr 1.2fr 1fr;gap:40px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:55px}.survey-heading h2{margin-bottom:0}.survey-heading>p{font-size:.82rem;line-height:1.7;max-width:340px}.questions{max-width:1050px;margin:20px auto 0}.questions fieldset{border:0;border-bottom:1px solid var(--line);padding:50px 0}.questions legend{font:600 1.6rem "Fraunces";width:100%;margin-bottom:28px}.questions legend span{display:inline-block;width:45px;font:700 .55rem "DM Sans";letter-spacing:1px}.questions legend small{float:right;font:500 .55rem "DM Sans";text-transform:uppercase;letter-spacing:1px;margin-top:8px}.chips{display:flex;gap:9px;flex-wrap:wrap;padding-left:45px}.chips input{position:absolute;opacity:0}.chips span{display:block;border:1px solid var(--line);border-radius:50px;padding:12px 17px;font-size:.72rem;cursor:pointer}.chips input:checked+span{background:var(--ink);color:var(--cream)}.price-row{padding-left:45px}.price-row output{display:block;font:600 3.5rem "Fraunces";margin-bottom:15px}.price-row input{width:100%;accent-color:var(--clay)}.price-row div{display:flex;justify-content:space-between;font-size:.55rem;margin-top:8px}.comments{background:var(--blue);text-align:center;padding:110px 7vw}.comments textarea{display:block;resize:vertical;width:min(760px,100%);min-height:160px;margin:45px auto 20px;background:transparent;border:1px solid rgba(23,63,67,.45);padding:20px;color:var(--ink);outline:none}.comments textarea::placeholder,.name-field input::placeholder{color:rgba(23,63,67,.65)}.name-field{display:flex;width:min(760px,100%);margin:0 auto 40px;align-items:center;border-bottom:1px solid rgba(23,63,67,.45);font-size:.65rem;text-transform:uppercase;letter-spacing:1px}.name-field small{text-transform:none;letter-spacing:0}.name-field input{flex:1;background:transparent;border:0;padding:15px;text-align:right;outline:0}.comments button,.thanks button{border:0;background:var(--ink);color:var(--cream);padding:17px 24px;min-width:260px;cursor:pointer;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.3px}.comments button span{float:right}.privacy{font-size:.55rem;margin-top:20px}.thanks{text-align:center;padding:150px 7vw;min-height:80vh}.thanks>span{display:grid;place-items:center;margin:0 auto 35px;width:60px;height:60px;border:1px solid var(--ink);border-radius:50%}.thanks p:not(.eyebrow){font-size:.8rem}.thanks button{display:block;margin:35px auto 0}.thanks .reset-button{margin-top:10px;background:transparent;color:var(--ink);text-decoration:underline}.thanks[hidden]{display:none}footer{background:var(--ink);color:var(--cream);padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:.5rem;letter-spacing:1.5px}
@media(max-width:760px){.topbar{height:62px}.topbar span{display:none}.intro{padding:70px 5vw 0}.intro h1{font-size:4.2rem;letter-spacing:-4px}.intro-lead{margin:0 0 55px}.manifesto{grid-template-columns:1fr}.story-card,.difference{padding:28px}.story-card{min-height:280px}.fact{grid-template-columns:90px 1fr}.fact strong{font-size:1.6rem}.promise{grid-template-columns:1fr}.promise span{border-right:0;border-bottom:1px solid var(--line)}.brief{padding:90px 4vw 70px}.brief h2{letter-spacing:-2px}.vote-section{padding-top:65px}.options{grid-template-columns:1fr;min-height:auto}.option{min-height:660px;padding:25px}.option-meta{top:24px;left:24px}.pick{top:18px;right:20px}.option-copy{left:24px;bottom:24px}.check{bottom:26px;right:22px}.bottle{width:220px;height:475px}.bottle .cap{width:124px;height:62px;left:48px}.bottle-a strong{font-size:4.6rem;margin-top:35px}.bottle-b strong{font-size:4.5rem;margin:15px 0 25px}.bottle-b span{width:95px;height:95px}.survey{padding:85px 5vw}.survey-heading{display:block}.survey-heading .step{display:block;margin-bottom:35px}.survey-heading>p{margin-top:25px}.questions fieldset{padding:40px 0}.questions legend{font-size:1.35rem;line-height:1.3}.questions legend small{float:none;display:block;margin:8px 0 0 45px}.chips,.price-row{padding-left:0}.comments{padding:85px 5vw}.comments h2{font-size:3.5rem;letter-spacing:-2px}.name-field{display:block;text-align:left;padding-top:10px}.name-field input{width:100%;text-align:left;padding-left:0}footer{gap:18px;flex-direction:column;text-align:center}}
.bottle-photo{position:relative;width:360px;height:570px;object-fit:cover;object-position:center;border-radius:18px;transition:.35s}.option:hover .bottle-photo{transform:translateY(-10px) rotate(-2deg)}
@media(max-width:760px){.bottle-photo{width:300px;height:475px}}
.options{grid-template-columns:repeat(3,1fr)}.option{padding:28px}.option-c{background:#e85d46;color:#512d26}.option-c:has(input:checked) .pick{color:#e85d46}.option-c .cap{background:#512d26}.option-c .label{top:90px;bottom:28px;border-radius:130px 130px 20px 20px;background:#f5e7d2;color:#512d26;padding:50px 15px 24px}.option-c .label small{font-size:.4rem;letter-spacing:2px}.option-c .label strong{font:700 4.8rem/1 "Fraunces";letter-spacing:-7px;margin:38px 0 3px}.option-c .label>b{font-size:.45rem;letter-spacing:2px}.option-c .label span{margin-top:auto;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:16px 0;width:100%;font-size:.45rem;text-transform:uppercase;letter-spacing:1px}.option-c .label span em{display:block;font:600 2.2rem/1 "Fraunces";font-style:normal}.option-c .label>i{font-size:.38rem;letter-spacing:1.5px;margin-top:28px}.options .bottle{width:230px;height:520px}.options .bottle .cap{width:130px;height:64px;left:50px}.options .bottle-photo{width:325px;height:520px}.options .bottle-b strong{font-size:4.7rem}.options .bottle-b span{width:95px;height:95px}.options .option-copy{font-size:clamp(1.15rem,1.8vw,2rem)}
@media(max-width:1050px) and (min-width:761px){.options{grid-template-columns:1fr}.option{min-height:700px}.options .bottle{width:265px;height:570px}.options .bottle .cap{width:150px;left:58px}.options .bottle-photo{width:360px;height:570px}}
@media(max-width:760px){.options{grid-template-columns:1fr}.options .bottle{width:220px;height:475px}.options .bottle .cap{width:124px;left:48px}.options .bottle-photo{width:300px;height:475px}.option-c .label strong{font-size:4rem}}
.skyr-card{display:grid;grid-template-columns:1fr 1fr;background:var(--clay);border:1px solid var(--line);border-top:0;padding:55px 45px;gap:8vw}.skyr-card h2{font-size:clamp(3rem,5vw,6rem);line-height:.9;letter-spacing:-4px;margin:45px 0 0}.skyr-copy{display:flex;flex-direction:column;justify-content:flex-end}.skyr-copy>p{font-size:.9rem;line-height:1.75;max-width:560px}.skyr-points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid rgba(23,63,67,.35);padding-top:18px;gap:12px}.skyr-points span{display:flex;flex-direction:column;gap:8px;font-size:.58rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.skyr-points b{font-size:.48rem}
@media(max-width:760px){.skyr-card{grid-template-columns:1fr;padding:35px 28px;gap:35px}.skyr-card h2{font-size:3.4rem;letter-spacing:-2px;margin-top:30px}.skyr-points{grid-template-columns:1fr}.skyr-points span{padding-bottom:12px;border-bottom:1px solid rgba(23,63,67,.2)}}