@font-face{font-family:Geist;src:url(/fonts/geist.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Franklin;src:url(/fonts/franklin-italic.woff2)format("woff2");font-display:swap;font-weight:900;font-style:italic}@font-face{font-family:GeistMono;src:url(/fonts/geist-mono.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--muted:#b6b6b6;--border:#ffffff30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--bg);color:#fff;margin:0;font:16px/1.5 Geist,Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:disabled{cursor:wait;opacity:.55}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline:2px solid var(--tint,#ffcc36);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{text-transform:uppercase;letter-spacing:-.035em;font-family:Franklin,Arial Black,Arial,sans-serif;font-style:italic;font-weight:900;line-height:1.02}p{line-height:1.65}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font:12px/1.6 GeistMono,monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:#000;z-index:99;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.section-pad{padding:120px 7vw}.nav{z-index:20;background:linear-gradient(#0009,#0000);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100px;padding:20px 4vw;display:grid;position:fixed;top:0}.wordmark{letter-spacing:-3px;text-align:center;font:900 44px/.9 Arial Black,Arial,sans-serif;display:block}.wordmark small{letter-spacing:2.5px;margin-top:6px;font:10px/2 GeistMono,monospace;display:block}.nav-right{justify-content:flex-end;align-items:center;gap:28px;display:flex}.nav button,.account-link{letter-spacing:.05em;font:12px/1.3 GeistMono,monospace}.menu-toggle{align-items:center;gap:12px;display:flex}.dot-menu{font-size:28px;line-height:1}.menu-dialog{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;border:1px solid var(--border);background:#101010ef;border-radius:18px;width:min(590px,100% - 32px);max-height:90dvh;padding:48px 40px}.menu-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000b}.close-menu{font-size:36px;position:absolute;top:12px;right:20px}.menu-dialog nav{margin:25px 0;display:grid}.menu-dialog nav a{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:11px 0;font-size:clamp(22px,3vw,34px);display:flex}.menu-dialog nav small{color:#aaa;font:12px GeistMono,monospace}.menu-dialog nav a:hover{color:var(--tint)}.menu-bottom{justify-content:space-between;padding-top:12px;font:12px GeistMono,monospace;display:flex}.hero{isolation:isolate;flex-direction:column;justify-content:flex-end;align-items:center;height:100svh;min-height:780px;padding:110px 0 80px;display:flex;position:relative;overflow:hidden}.hero-glow,.story-glow{background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--tint),transparent 48%) 0,transparent 63%);z-index:-1;transition:background 1s;position:absolute;inset:10% -20% -15%}.hero-tag{letter-spacing:.35em;opacity:.7;font:12px GeistMono,monospace;position:absolute;top:130px}.hero-cans{perspective:1000px;justify-content:center;align-items:center;width:100%;height:51%;display:flex;position:absolute;top:20%}.hero-main-can{z-index:2;height:100%;animation:.85s cubic-bezier(.2,.8,.2,1) both can-in;position:relative}.hero-main-can img{filter:drop-shadow(0 25px 28px #0008);width:auto;height:100%;animation:7s ease-in-out infinite float;transform:rotate(-9deg)}.neighbor{opacity:.45;filter:brightness(.5)blur(.7px);width:auto;height:80%;transition:all .6s;position:absolute}.neighbor-left{left:14%;transform:rotate(11deg)translateY(20px)}.neighbor-right{right:14%;transform:rotate(14deg)translateY(-20px)}.hero-caption{text-align:center;z-index:3;max-width:90%;position:relative}.hero-caption h1{margin:8px 0;font-size:clamp(40px,4.5vw,66px)}.hero-caption p{color:#ffffffb0;font-size:14px}.hero-caption .eyebrow{color:#ffffffa0;font-size:11px}.carousel-controls{z-index:4;justify-content:center;align-items:center;gap:24px;margin-top:20px;display:flex}.carousel-controls>button{padding:8px 18px}.liquid-pagination{gap:12px;padding:8px;display:flex}.liquid-pagination button{background:var(--dot-color);opacity:.5;border-radius:50%;width:12px;height:12px;padding:0;transition:transform .3s,opacity .3s}.liquid-pagination button[aria-pressed=true]{opacity:1;box-shadow:0 0 14px color-mix(in srgb,var(--dot-color),transparent 40%);transform:scale(1.5)}.discover{letter-spacing:.05em;color:#ffffff90;align-items:center;gap:16px;font:11px GeistMono,monospace;display:flex;position:absolute;bottom:25px;right:4vw}.discover span{font-size:24px}.hero-index{color:#ffffff90;font:12px GeistMono,monospace;position:absolute;bottom:28px;left:4vw}.profile{background:radial-gradient(ellipse at 73% 65%,color-mix(in srgb,var(--deep),transparent 70%),transparent 48%);grid-template-columns:1fr 1fr;align-items:center;gap:7vw;min-height:100svh;display:grid;position:relative;overflow:hidden}.profile h2{margin:20px 0;font-size:clamp(52px,7vw,120px)}.profile h2 span{color:var(--tint)}.profile p{max-width:380px;color:var(--muted)}.outline-button{border:1px solid var(--border);border-radius:100px;margin-top:30px;padding:15px 24px;font:12px GeistMono,monospace;transition:background .3s;display:inline-block}.outline-button:hover{background:#ffffff12}.profile-pack{perspective:1000px;flex-direction:column;align-items:center;gap:25px;display:flex}.can-turn{width:220px;height:560px;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.3,.1,.2,1);position:relative;transform:rotate(-7deg)}.can-turn.is-back{transform:rotateY(180deg)rotate(6deg)}.can-turn img{object-fit:contain;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 25px 30px #0007);width:100%;height:100%;position:absolute;inset:0}.can-back{transform:rotateY(180deg)}.turn-control{color:#ffffffb0;align-items:center;gap:12px;padding:15px;font:12px GeistMono,monospace;display:flex}.turn-control span{font:24px Arial}.vertical-note{writing-mode:vertical-rl;letter-spacing:.16em;color:#ffffff60;font:10px GeistMono,monospace;position:absolute;top:50%;right:25px}.story{height:440svh;position:relative}.story-stage{isolation:isolate;perspective:1000px;height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.story-glow{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--deep),transparent 40%),transparent 60%);inset:0}.story-title{text-align:center;animation:.6s both copy-in;position:absolute;inset:15% 3% auto}.story-title h2{overflow-wrap:anywhere;margin-top:50px;font-size:clamp(50px,11vw,175px);line-height:1.07}.story-title .eyebrow{color:#ffffff70}.story-can{width:230px;height:57%;max-height:570px;transform:rotateZ(var(--scroll-tilt,-7deg));position:absolute;top:32%;left:calc(50% - 115px)}.story-copy{width:250px;animation:.6s both copy-in;position:absolute;bottom:19%;right:7vw}.story-copy .eyebrow{color:var(--tint)}.story-copy p{color:#ffffffc0;margin-top:16px;font-size:16px}.story-progress{gap:20px;width:600px;max-width:90%;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.story-progress button{flex:1;padding:12px 0}.story-progress span{background:#ffffff40;width:100%;height:2px;margin-bottom:10px;display:block}.story-progress small{color:#ffffff90;white-space:nowrap;font:10px GeistMono,monospace}.about{background:#080808}.about>.eyebrow{color:var(--tint)}.about h2{margin:35px 0 60px;font-size:clamp(50px,8.4vw,145px);line-height:1.02}.about h2 span{color:#ffffff4a}.about-bottom{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8vw;padding-top:45px;display:grid}.made{font:italic 900 clamp(28px,3.5vw,54px)/1.1 Franklin,Arial Black,sans-serif}.about-bottom p{color:#c1c1c1;max-width:570px;margin-bottom:18px}.text-link{border-bottom:1px solid #ffffff80;margin-top:12px;padding-bottom:6px;font:12px GeistMono,monospace;display:inline-block}.range{text-align:center;background:radial-gradient(at 50% 70%,#17244280,#0000 70%);position:relative;overflow:hidden}.range h2{margin:20px 0 65px;font-size:clamp(45px,7vw,100px)}.range-products{grid-template-columns:repeat(4,1fr);gap:4vw;max-width:1080px;margin:auto;display:grid}.range-products button{min-width:0}.range-products img{width:auto;height:clamp(230px,29vw,430px);margin:auto;transition:transform .5s}.range-products h3{color:var(--product-color);overflow-wrap:anywhere;margin-top:25px;font-size:clamp(22px,2.5vw,36px)}.range-products button>span{color:#b0b0b0;letter-spacing:.05em;margin-top:10px;font:9px GeistMono,monospace;display:block}.faq{border-top:1px solid #ffffff10;grid-template-columns:.8fr 1.2fr;gap:7vw;display:grid}.faq h2{height:fit-content;font-size:clamp(45px,6vw,90px);position:sticky;top:120px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}summary{cursor:pointer;align-items:center;gap:20px;padding:23px 0;font-size:17px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary small{color:#777;font:10px GeistMono,monospace}summary span{flex:1}summary i{font:28px Arial;transition:transform .3s}details[open] summary i{transform:rotate(45deg)}details p{color:#b6b6b6;margin:0 35px 25px;font-size:15px;line-height:1.7}.newsletter{text-align:center;background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--deep),transparent 50%),transparent 65%)}.newsletter h2{margin:20px 0;font-size:clamp(60px,9vw,140px)}.newsletter>p{color:#b6b6b6;max-width:450px;margin:0 auto}.newsletter form{max-width:650px;margin:35px auto 0}.email-row{border-bottom:1px solid #ffffff90;gap:20px;padding-bottom:18px;display:flex}.email-row input{color:#fff;background:0 0;border:0;border-radius:0;flex:1;min-width:0;padding:12px 4px;font:16px GeistMono,monospace}.email-row input::placeholder{color:#ffffff60}.email-row button{border:1px solid #ffffff60;border-radius:100px;min-height:48px;padding:13px 25px;font:12px GeistMono,monospace}.email-row button:hover{color:#000;background:#fff}.consent{text-align:left;color:#b6b6b6;align-items:flex-start;gap:10px;margin-top:20px;font-size:13px;display:flex}.consent input{accent-color:var(--tint);margin:4px 0 0}.consent a{text-decoration:underline}.form-message{min-height:25px;margin-top:20px;font-size:14px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px}.footer{border-top:1px solid var(--border);padding-top:90px;padding-bottom:30px;overflow:hidden}.footer-top{grid-template-columns:.8fr 1fr 1fr;align-items:start;gap:50px;display:grid}.footer-top>.wordmark{text-align:left;font-size:65px}.footer-top>.wordmark small{letter-spacing:4px}.contact-number{letter-spacing:-1px;margin-top:14px;font-size:26px;display:block}.company-address{color:#999;font-size:12px}.company-address p+p{margin-top:20px}.footer-bottom{color:#999;align-items:center;gap:30px;padding-top:60px;font:10px GeistMono,monospace;display:flex}.footer-bottom span{margin-right:auto}.footer-statement{letter-spacing:-.06em;white-space:nowrap;color:#ffffff12;margin-top:60px;padding-bottom:15px;font:italic 900 17.2vw/.95 Franklin,Arial Black,Arial,sans-serif}.product-dock{z-index:15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212aa;border:1px solid #ffffff20;border-radius:60px;align-items:center;gap:5px;padding:8px;display:flex;position:fixed;bottom:20px;left:24px;box-shadow:0 5px 30px #0004}.product-dock button{color:#aaa;border-radius:30px;align-items:center;gap:7px;padding:8px 10px;font:10px GeistMono,monospace;transition:background .3s;display:flex}.product-dock button span{background:var(--product-color);border-radius:50%;width:7px;height:7px}.product-dock button.selected{color:#fff;background:#ffffff15}.page-shell{max-width:800px;min-height:100svh;margin:0 auto;padding:150px 28px 90px}.page-shell h1{margin:24px 0;font-size:clamp(42px,7vw,85px)}.page-shell h2{margin:35px 0 15px;font-size:28px}.page-shell p{color:#b6b6b6;margin:15px 0}.page-shell .back-link{font:12px GeistMono,monospace}.account-card{border:1px solid var(--border);border-radius:15px;margin-top:30px;padding:28px}.account-card label{color:#999;margin:15px 0 5px;font-size:13px;display:block}.account-card input{border:1px solid var(--border);color:#fff;background:#171717;width:100%;padding:12px 15px}.account-card .outline-button{cursor:pointer}.account-actions{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.account-row{border-bottom:1px solid var(--border);padding:15px 0}.account-row small{color:#999;display:block}.account-row span{overflow-wrap:anywhere}@keyframes float{0%,to{transform:rotate(-9deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-12px)}}@keyframes can-in{0%{opacity:0;transform:translateY(70px)rotate(12deg)scale(.8)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes copy-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.hero{min-height:900px}.hero-cans{height:54%}.hero-caption{margin-bottom:10px}.story-copy{right:12vw}}@media (max-width:900px){.section-pad{padding:90px 6vw}.nav{height:85px;padding:15px 5vw}.nav-right{gap:18px}.hero{min-height:760px}.neighbor-left{left:6%}.neighbor-right{right:6%}.profile{gap:3vw}.profile h2{font-size:8vw}.can-turn{width:172px;height:440px}.story-can{width:200px;height:52%;left:calc(50% - 100px)}.story-copy{width:180px;font-size:14px;bottom:18%;right:5%}.story-title h2{font-size:11vw}.story-copy p{font-size:14px}.faq{grid-template-columns:1fr;gap:40px}.faq h2{position:static}.footer-top{grid-template-columns:1fr 1fr}.footer-top>.wordmark{grid-column:1/-1}.account-link{display:none}}@media (max-width:600px){html{scroll-padding-top:80px}.nav{grid-template-columns:1fr auto 1fr;height:80px}.nav .wordmark{letter-spacing:-2px;font-size:31px}.wordmark small{letter-spacing:1px;margin-top:3px;font-size:8px}.menu-toggle span:first-child{display:none}.hero{height:100svh;min-height:680px;padding-bottom:75px}.hero-tag{font-size:10px;top:115px}.hero-cans{height:42%;top:24%}.hero-main-can img{transform:rotate(-7deg)}.neighbor{opacity:.3;height:74%}.neighbor-left{left:-10%;transform:rotate(15deg)}.neighbor-right{right:-10%;transform:rotate(15deg)}.hero-caption h1{font-size:42px}.hero-caption p{font-size:13px}.hero-caption .eyebrow{font-size:9px}.carousel-controls{gap:18px;margin-top:10px}.discover{font-size:9px;bottom:17px;right:5vw}.hero-index{font-size:10px;bottom:23px;left:5vw}.section-pad{padding:80px 6vw}.profile{text-align:center;grid-template-columns:1fr;gap:50px;min-height:950px;padding-top:110px}.profile-copy p{margin:auto}.profile h2{margin:20px 0;font-size:62px}.profile-pack .can-turn{width:140px;height:350px}.vertical-note{display:none}.profile-pack{gap:18px}.story{height:380svh}.story-stage{height:100svh;min-height:660px}.story-title{top:15%;inset-inline:4%}.story-title h2{margin-top:20px;font-size:clamp(43px,11.2vw,75px)}.story-title .eyebrow{font-size:9px}.story-can{width:145px;height:43%;top:30%;left:calc(50% - 72.5px)}.story-copy{text-align:center;width:auto;bottom:13%;left:10%;right:10%}.story-copy .eyebrow{font-size:10px}.story-copy p{margin-top:6px;font-size:14px;line-height:1.5}.story-progress{gap:10px;width:86%;bottom:14px}.story-progress small{letter-spacing:-.04em;font-size:8px}.about h2{margin:30px 0 35px;font-size:clamp(38px,10.6vw,70px);line-height:1.08}.about-bottom{grid-template-columns:1fr;gap:25px;padding-top:30px}.made{font-size:30px}.about-bottom p{font-size:15px}.range h2{margin-bottom:40px;font-size:48px}.range>.eyebrow{letter-spacing:.04em;font-size:9px}.range-products{grid-template-columns:1fr 1fr;gap:40px 7vw}.range-products img{height:250px}.range-products h3{margin-top:20px;font-size:25px}.range-products button>span{font-size:8px}.faq h2{font-size:50px}.faq-list summary{gap:14px;padding:20px 0;font-size:15px}.faq-list details p{margin-left:24px;margin-right:20px;font-size:14px}.newsletter h2{font-size:60px}.newsletter>p{font-size:15px}.email-row{gap:10px}.email-row input{font-size:12px}.email-row button{padding:12px 16px;font-size:10px}.consent{font-size:12px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-top>.wordmark{font-size:65px}.company-address{max-width:320px}.footer-bottom{flex-wrap:wrap;gap:18px;padding-top:45px;font-size:9px}.footer-bottom span{width:100%}.footer-statement{margin-top:40px;font-size:17vw}.product-dock{gap:0;max-width:95vw;padding:5px;bottom:10px;left:50%;transform:translate(-50%)}.product-dock button{gap:5px;padding:9px 8px;font-size:9px}.product-dock button span{width:6px;height:6px}.footer{padding-bottom:75px}.menu-dialog{padding:35px 25px}.menu-dialog nav a{font-size:25px}.eyebrow{font-size:10px}.account-card{padding:20px}.page-shell{padding-top:120px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.story{height:auto}.story-stage{position:relative}.story-can{transform:none}.story-progress{display:none}}.nav .wordmark img{width:120px;height:auto}.footer .wordmark img{width:180px;height:auto}.footer .wordmark small{text-align:left}.hero-index,.story-progress{bottom:85px}.discover{bottom:30px}@media (max-width:600px){.nav .wordmark img{width:95px}.hero-index{bottom:75px}.story-progress{bottom:62px}.discover{font-size:8px;bottom:68px}.story-copy{bottom:19%}}@media (prefers-reduced-motion:reduce){.story-progress{display:flex}}.nav button,.account-link{font-size:14px}.eyebrow,.hero-tag,.hero-caption .eyebrow,.discover,.hero-index,.story-title .eyebrow,.story-copy .eyebrow,.story-progress small,.range-products button>span,.range>.eyebrow,.footer-bottom,.company-address,.product-dock button,.vertical-note,.wordmark small,.menu-bottom{font-size:12px}.profile p,.story-copy p,.about-bottom p,.faq-list details p,.newsletter>p{font-size:16px}.liquid-pagination{gap:0;padding:0}.liquid-pagination button{background:0 0;border-radius:0;width:34px;height:44px;position:relative;box-shadow:none!important;transform:none!important}.liquid-pagination button:after{content:"";background:var(--dot-color);border-radius:50%;width:12px;height:12px;transition:transform .3s;position:absolute;top:16px;left:11px}.liquid-pagination button[aria-pressed=true]:after{transform:scale(1.5)}.story-progress small{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.about h2{overflow-wrap:anywhere}@media (max-width:600px){.product-dock{width:calc(100% - 20px);max-width:370px}.product-dock button{flex:1;justify-content:center;gap:3px;padding:10px 5px;font-size:12px}.nav button{font-size:14px}.wordmark small{letter-spacing:1px;font-size:10px}.story-progress{gap:12px}.discover{letter-spacing:0;text-align:right;max-width:53%;font-size:12px;line-height:1.3}.hero-caption p{font-size:14px}.consent{font-size:13px}.hero-index{bottom:78px}.story-copy p{font-size:16px}.story-title h2{letter-spacing:-.05em}}.hero{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.hero.is-dragging{cursor:grabbing}.hero-cans{will-change:transform;transition:transform .3s ease-out}.hero.is-dragging .hero-cans{transition:none}.hero-cans img{-webkit-user-drag:none}@media (prefers-reduced-motion:reduce){.hero-cans{transition:none}}:root{--header-height:100px}.hero-cans img{pointer-events:none}.hero-cans{touch-action:pan-y}.drag-hint{color:#ffffff80;margin-top:12px;font:12px GeistMono,monospace}.story{height:calc(100svh - var(--header-height));min-height:0;scroll-margin-top:0}.story-stage{height:100%;min-height:0;position:relative;top:auto}.story-title h2{margin-top:14px;font-size:clamp(48px,9vw,140px);line-height:1.05}.story-can{width:210px;height:55%;max-height:450px;top:25%;left:calc(50% - 105px);transform:rotate(-7deg)}.story-can.is-back{transform:rotateY(180deg)rotate(6deg)}.feature-arrow{z-index:3;background:#05050560;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:56px;height:64px;display:grid;position:absolute;top:49%;transform:translateY(-50%)}.feature-arrow:hover{border-color:var(--tint);background:#ffffff15}.feature-prev{left:calc(50% - 185px)}.feature-next{right:calc(50% - 185px)}.story-copy{width:22%;max-width:260px;bottom:36%;right:6%}.story-copy p{margin-top:12px;font-size:18px;line-height:1.5}.story-progress{gap:20px;width:600px;max-width:85%;bottom:68px}.story-progress small{letter-spacing:0;font-size:14px;line-height:1.3}@media (max-width:900px){:root{--header-height:85px}.story-copy{width:21%;right:4%}.story-can{width:180px;left:calc(50% - 90px)}.feature-prev{left:calc(50% - 155px)}.feature-next{right:calc(50% - 155px)}.feature-arrow{width:48px;height:56px}}@media (max-width:700px){:root{--header-height:80px}.story-title{top:3%;inset-inline:5%}.story-title h2{letter-spacing:-.035em;margin-top:10px;font-size:clamp(36px,9.5vw,66px)}.story-title .eyebrow{font-size:12px}.story-can{width:130px;height:43%;top:23%;left:calc(50% - 65px)}.feature-arrow{width:48px;height:56px;top:44%}.feature-prev{left:12%}.feature-next{right:12%}.story-copy{text-align:center;width:auto;max-width:none;bottom:23%;left:7%;right:7%}.story-copy p{margin-top:5px;font-size:16px}.story-progress{gap:12px;width:86%;bottom:60px}.story-progress small{font-size:12px}.story-progress button{padding:8px 0}.story-progress span{margin-bottom:7px}}@media (max-height:540px) and (min-width:701px){.story-title{top:2%}.story-title h2{margin-top:5px;font-size:54px}.story-can{height:58%;top:22%}.story-progress{bottom:50px}.story-copy{bottom:30%}.feature-arrow{top:48%}}@media (prefers-reduced-motion:reduce){.story{height:calc(100svh - var(--header-height))}.story-progress{display:flex}}.nav{grid-template-columns:1fr auto 1fr;position:absolute}.nav .wordmark{grid-column:2}.nav-right{grid-column:3}html{scroll-padding-top:0}.story{height:100svh}.story-stage{height:100%}.story-title{top:7%;inset-inline:4%}.story-title h2{margin-top:0}.story-can{height:56%;top:28%}.feature-arrow{top:54%}.story-copy{bottom:32%}.story-copy p{margin-top:0}.story{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.story-stage img{pointer-events:none;-webkit-user-drag:none}@media (max-width:900px){.lemon-morph{width:370px}.feature-prev{left:calc(50% - 190px)}.feature-next{right:calc(50% - 190px)}}@media (max-width:700px){.story-title{top:7%}.story-title h2{font-size:clamp(36px,10vw,70px)}.story-can{height:48%;top:23%}.lemon-morph{width:min(340px,88vw);height:48%;top:23%}.feature-arrow{top:48%}.feature-prev{left:5%}.feature-next{right:5%}.story-copy{bottom:19%;left:7%;right:7%}.morph-scene .morph-splash{width:120%;height:120%;inset:-10%}}@media (max-height:540px) and (min-width:701px){.story-title{top:5%}.story-title h2{font-size:54px}.lemon-morph{width:300px;height:60%;top:26%}.story-can{height:60%;top:26%}.feature-arrow{top:58%}.story-copy{bottom:25%}}@media (prefers-reduced-motion:reduce){.story{height:100svh}.morph-scene img{animation:none!important}.morph-splash{display:none}.to-fruit .morph-can,.to-can .morph-fruit{opacity:0}.to-fruit .morph-fruit,.to-can .morph-can{opacity:1}}.story-progress{z-index:5;gap:22px;width:min(520px,70%);display:flex;bottom:65px;left:50%}.story-progress button{flex:1;min-height:44px;padding:16px 0}.story-progress span{background:#ffffff65;height:2px;margin:0;transition:background .2s}.story-progress button[aria-pressed=true] span{background:var(--tint)}.feature-arrow{z-index:6}.feature-arrow:disabled{cursor:default;opacity:.3}@media (min-width:901px){.feature-prev{left:calc(50% - 310px)}.feature-next{right:calc(50% - 310px)}}.lemon-timeline{pointer-events:none;perspective:900px;z-index:1;--intact:1;--shards:0;--fruit:0;--liquid:0;--spin:0deg;--fruit-scale:1;--fruit-turn:0deg;--liquid-scale:1;--liquid-turn:0deg;width:420px;height:56%;max-height:470px;position:absolute;top:25%;left:50%;transform:translate(-50%)}.timeline-intact,.timeline-shards{aspect-ratio:384/996;filter:drop-shadow(0 20px 25px #0005);width:auto;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-7deg)}.timeline-intact{opacity:var(--intact)}.timeline-shards{opacity:var(--shards);perspective:700px;transform-style:preserve-3d}.spin-canvas,.spin-fallback{width:100%;height:100%;position:absolute;inset:0}.spin-canvas{opacity:0}.spin-fallback{transform:rotateY(var(--spin));transform-style:preserve-3d}.spin-fallback img,.shard-cut img{object-fit:fill;width:100%;height:100%}.timeline-shard,.shard-cut{width:100%;height:100%;position:absolute;inset:0}.timeline-shard{will-change:transform}.timeline-fruit{opacity:var(--fruit);transform:rotateZ(var(--fruit-turn)) scale(var(--fruit-scale));will-change:opacity,transform;position:absolute;inset:15%}.timeline-fruit img{object-fit:contain;filter:drop-shadow(0 18px 25px #0005);width:100%;height:100%}.timeline-liquid{opacity:var(--liquid);transform:rotateZ(var(--liquid-turn)) scale(var(--liquid-scale));will-change:opacity,transform;position:absolute;inset:-5%}.timeline-liquid img{object-fit:contain;width:100%;height:100%}.liquid-behind{z-index:-1;transform:rotateZ(calc(var(--liquid-turn) + 75deg)) scale(calc(var(--liquid-scale) * .87))}.liquid-ahead{z-index:4}@media (max-width:900px){.lemon-timeline{width:370px}}@media (max-width:700px){.lemon-timeline{width:min(340px,88vw);height:48%;top:23%}.story-progress{gap:16px;width:70%;bottom:60px}}@media (max-height:540px) and (min-width:701px){.lemon-timeline{width:300px;height:57%;top:26%}.story-progress{bottom:48px}}@media (prefers-reduced-motion:reduce){.story-progress{display:flex}}.hero{height:100svh;min-height:0}.hero-cans{height:45%}@media (max-height:640px){.hero-cans{height:39%;top:21%}.hero-caption h1{font-size:40px}}.footer{flex-direction:column;justify-content:space-between;min-height:100svh;padding-bottom:90px;scroll-margin-top:0;display:flex;position:relative}.footer .company-address{color:#b6b6b6;font-size:14px}.hero-carousel-can{aspect-ratio:384/996;height:100%;opacity:var(--can-opacity);transform:translateX(calc(-50% + var(--can-slot) * 32vw)) translateY(var(--can-rise)) rotate(var(--can-tilt)) scale(var(--can-scale));filter:brightness(var(--can-brightness)) drop-shadow(0 22px 22px #0007);will-change:transform,opacity;pointer-events:none;transition:transform .48s cubic-bezier(.22,.7,.2,1),opacity .32s,filter .32s;position:absolute;top:0;left:50%}.hero-carousel-can[data-slot="0"]{z-index:2}.hero-carousel-can img{object-fit:contain;width:100%;height:100%;animation:7s ease-in-out infinite hero-bob}@keyframes hero-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:700px){.hero-carousel-can{transform:translateX(calc(-50% + var(--can-slot) * 39vw)) translateY(var(--can-rise)) rotate(var(--can-tilt)) scale(var(--can-scale))}}@media (prefers-reduced-motion:reduce){.hero-carousel-can{transition:none}.hero-carousel-can img{animation:none}}.hero-carousel-can.is-wrapping{transition:none}button.hero-carousel-can{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0}button.hero-carousel-can[data-slot="2"],button.hero-carousel-can[data-slot="-2"]{pointer-events:none}button.hero-carousel-can:focus-visible{outline:2px solid var(--tint);outline-offset:8px}.range-products{--range-can-height:clamp(230px,29vw,430px);align-items:start}.range-products button{grid-template-rows:var(--range-can-height) auto;align-content:start;justify-items:center;display:grid}.range-products img{height:var(--range-can-height);width:calc(var(--range-can-height) * .385542);object-fit:fill;margin:0;transform:none}.range-products button:hover img{transform:none}.range-products h3{text-wrap:balance;width:100%;min-height:2.1em;margin:25px 0 0;line-height:1.05}.footer .contact-number{font-size:clamp(22px,2.4vw,30px)}@media (max-width:700px){.range-products{--range-can-height:250px}.range-products h3{margin-top:20px}}#hakkimizda>.eyebrow{color:#fff}.footer .contact-number{letter-spacing:0;font-size:calc(clamp(22px,2.4vw,30px) - 10px)}.whatsapp-link{color:#25d366;justify-content:center;align-items:center;width:44px;height:44px;margin-top:12px;display:inline-flex}.whatsapp-link svg{width:34px;height:34px}.footer-bottom{align-items:flex-end}.footer-bottom .instagram-link{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:inline-flex}.footer-bottom .instagram-link span{width:auto;margin:0;line-height:1.2}.footer-bottom>a{line-height:1.2}.footer .wordmark small{padding-left:5px}.faq.section-pad{padding-bottom:65px}.newsletter.section-pad{padding-top:65px}.whatsapp-link{justify-content:flex-start}.whatsapp-link:hover{color:#20b858}:is(.whatsapp-link:focus-visible,.instagram-link:focus-visible){outline-offset:4px;outline:2px solid #fff}.whatsapp-link img{object-fit:contain;width:30px;height:30px;display:block}.footer-top .eyebrow{font-size:10px}.story.story-scroll{cursor:auto;height:100svh}.story-scroll .story-stage{height:100svh;min-height:0;position:relative;top:0;overflow:hidden}.collagen-morph{pointer-events:none;--pineapple-opacity:0;--pineapple-scale:.48;--pineapple-turn:-24deg;--splash-opacity:0;--splash-scale:.22;--splash-turn:0deg;--fallback-opacity:1;position:absolute;inset:23% 12%}.collagen-canvas{z-index:3;width:100%;height:100svh;position:absolute;top:50%;left:0;transform:translateY(-50%)}.collagen-loading{width:auto;height:84%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.collagen-morph:has(.collagen-canvas[data-ready=true]) .collagen-loading{display:none}.collagen-splash{z-index:3;opacity:var(--splash-opacity);transform:rotate(var(--splash-turn)) scale(var(--splash-scale));will-change:transform,opacity;position:absolute;inset:15% 0}.collagen-splash img{object-fit:contain;width:100%;height:100%}.collagen-fruit{z-index:4;opacity:var(--pineapple-opacity);transform:rotate(var(--pineapple-turn)) scale(var(--pineapple-scale));will-change:transform,opacity;position:absolute;inset:0}.collagen-fruit img{object-fit:contain;filter:drop-shadow(0 18px 22px #0008);width:100%;height:100%}.story-scroll .story-title{animation:none}.pineapple-particle-layer{z-index:5;opacity:var(--particle-opacity,0);position:absolute;inset:0}.pineapple-particle-canvas{object-fit:contain;width:100%;height:100%;position:absolute}@media (min-width:901px){.collagen-morph{inset:23% 20%}}@media (max-width:600px){.collagen-morph{inset:25% 10%}}@media (max-height:450px){.collagen-morph{inset:24% 20%}.story-scroll .story-progress{bottom:18px}.story-scroll .story-title h2{font-size:40px}}@media (prefers-reduced-motion:reduce){.collagen-splash{display:none}}.hero-caption h1,.story-scroll .story-title h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,5vw,64px);line-height:1.1}.story-scroll .story-title h2{max-width:1000px;margin-inline:auto}.story-title-flow{pointer-events:none;display:grid}.story-title-flow h2{will-change:opacity,transform;grid-area:1/1;animation:none}.story-scroll .story-title{top:12%}.hero-cans button.hero-carousel-can{pointer-events:none}