:root{--smoke:#130f0c;--smoke-2:#2a2119;--paper:#f3eee6;--paper-dim:#c9bfb2;--haze:#e9ede7;--haze-2:#f6f8f4;--ink:#17201a;--ink-dim:#4d5a50;--green:#21b04d;--green-ink:#11803a;--ember:#ff6b2c;--rule:#17201a24;--font:"Archivo Variable", "Archivo", Arial, sans-serif;--display:125;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.22, .61, .36, 1);--scene-safe-height:100vh;--scene-canvas-height:100vh;--scene-extra:max(0px, calc(var(--scene-canvas-height) - var(--scene-safe-height)));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (height:100svh){:root{--scene-safe-height:100svh;--scene-canvas-height:100lvh}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--smoke);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{z-index:50;background:var(--green);color:var(--ink);padding:10px 14px;font-weight:700;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}h1,h2{font-variation-settings:"wdth" var(--display);letter-spacing:-.012em;text-wrap:balance;margin:0 0 .35em;font-weight:860;line-height:.98}h1{font-size:clamp(2.6rem,5vw,5.2rem)}h2{font-size:clamp(2rem,4.4vw,4rem)}h3{font-variation-settings:"wdth" 112;margin:2.2em 0 .6em;font-size:1.0625rem;font-weight:720}p{max-width:34em;margin:0 0 1em}.bar{z-index:20;padding:max(14px, env(safe-area-inset-top)) var(--gutter) 14px;color:var(--paper);transition:color .4s var(--ease), background-color .4s var(--ease);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.bar__brand{display:block}.bar__brand img{width:clamp(150px,16vw,210px);height:auto}.bar__nav{align-items:center;gap:clamp(14px,2.2vw,30px);font-size:.9375rem;font-weight:560;display:flex}.bar__nav a{opacity:.86;text-decoration:none}.bar__nav a:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.bar__cta{background:var(--green);border-radius:999px;padding:8px 14px;font-weight:700;color:var(--ink)!important;opacity:1!important}body[data-theme=light] .bar{color:var(--ink)}body[data-scrolled=store] .bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);background:#f6f8f4eb}@media (max-width:760px){.bar__nav a:not(.bar__cta){display:none}.bar__cta{padding:7px 12px;font-size:.875rem}}.stage{width:100%;height:var(--scene-canvas-height);z-index:0;position:fixed;top:0;left:0}.stage__canvas{width:100%;height:100%;display:block}.stage.is-off{visibility:hidden}.callouts{pointer-events:none;color:var(--paper);position:absolute;inset:0}.callouts__lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callouts__lines polyline{fill:none;stroke:#f3eee6bf;stroke-width:1px}.callouts__lines circle{fill:var(--smoke);stroke:var(--green);stroke-width:2px}.callouts__labels{margin:0;padding:0;list-style:none}.callout{opacity:0;will-change:transform, opacity;max-width:15.5em;font-size:.875rem;line-height:1.3;position:absolute;top:0;left:0}.callout strong{font-variation-settings:"wdth" 118;color:#fff;font-size:.9375rem;font-weight:760;display:block}.callout span{color:var(--paper-dim)}.callout[data-side=left]{text-align:right}@media (max-width:719px),(max-height:559px){.callout{max-width:11em;font-size:.75rem}.callout strong{font-size:.8125rem}}.loader{z-index:15;background:var(--smoke);color:var(--paper-dim);transition:opacity .6s var(--ease), visibility .6s;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader[hidden]{display:none}.loader__bar{background:#f3eee626;width:min(240px,60vw);height:2px;overflow:hidden}.loader__bar span{background:var(--green);width:0;height:100%;transition:width .2s linear;display:block}.loader__text{margin:0;font-size:.875rem}.loader__brand{width:min(230px,62vw);margin-bottom:12px}.loader__title{text-align:center;font-variation-settings:"wdth" 125;letter-spacing:-.04em;color:var(--paper);margin:0;font-size:clamp(2rem,8vw,3.2rem);font-weight:860;line-height:1.02}.loader__skip{min-height:44px;color:var(--paper);text-underline-offset:5px;align-items:center;gap:10px;margin-top:8px;font-size:.875rem;display:inline-flex}.loader__skip span{color:var(--green);font-size:1.25rem}.loader__twist{width:82px;height:82px;margin:6px 0 12px;position:relative}.loader__twist i{border:1px solid #f3eee63d;border-radius:50%;position:absolute;inset:5px;transform:rotateX(58deg)}.loader__twist i:nth-child(2){border-color:var(--green);animation:2.6s linear infinite thread-turn;inset:15px 5px -5px}.loader__twist i:nth-child(3){inset:25px 5px -15px}@keyframes thread-turn{to{transform:rotateX(58deg)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader__twist i:nth-child(2){animation:none}}@media (max-height:559px){.loader{gap:10px;padding:16px}.loader__brand{width:180px;margin-bottom:0}.loader__twist{width:50px;height:50px;margin:0}.loader__title{font-size:1.75rem}.loader__skip{margin-top:0}}.story{z-index:1;height:calc(var(--scene-safe-height) * 10.5);position:relative}.story__pin{height:var(--scene-safe-height);pointer-events:none;position:sticky;top:0}.cap{left:var(--gutter);width:min(30vw,30rem);color:var(--paper);opacity:0;visibility:hidden;transition:opacity .5s var(--ease), transform .7s var(--ease), visibility .5s;position:absolute;top:50%;transform:translateY(calc(18px - 50%))}.cap.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)}.cap p{color:var(--paper-dim);font-size:1.125rem}.cap--hero{width:min(44vw,42rem)}.cap--hero p{font-size:1.25rem}.cap--low{top:auto;bottom:9vh;transform:translateY(18px)}.cap--low.is-on{transform:none}.cap--light{color:var(--ink)}.cap--light p{color:var(--ink-dim)}.cap__skip{text-underline-offset:4px;margin-top:.4em;font-weight:600;display:inline-block}.cap__scroll{color:var(--paper-dim);padding-bottom:26px;font-size:.8125rem;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.cap__scroll:after{content:"";width:1px;height:18px;animation:drip 1.8s var(--ease) infinite;background:currentColor;position:absolute;bottom:0;left:50%}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (max-width:760px),(max-aspect-ratio:4/5){.cap,.cap--hero,.cap--low{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:max(28px, env(safe-area-inset-bottom));transform:translateY(14px)}.cap{--caption-tail:var(--scene-extra);transition:none}.cap.is-on{transform:none}@supports (height:100dvh){.cap--low{--caption-drop:clamp(0px, calc(100dvh - var(--scene-safe-height)), var(--scene-extra));--caption-tail:max(0px, calc(var(--scene-extra) - var(--caption-drop)));bottom:calc(max(28px, env(safe-area-inset-bottom)) - var(--caption-drop))}}.cap:before{content:"";inset:-60px calc(-1 * var(--gutter)) calc(-40px - var(--caption-tail));z-index:-1;background:linear-gradient(to top, #130f0cd9 0 var(--caption-tail), #130f0c00 100%);position:absolute}.cap--light:before{background:linear-gradient(to top, #e9ede7eb 0 var(--caption-tail), #e9ede700 100%)}.cap p,.cap--hero p{font-size:1rem}h1{font-size:clamp(2.3rem,11vw,3.4rem)}h2{font-size:clamp(1.8rem,8.4vw,2.6rem)}.cap__scroll{display:none}}@media (max-height:559px){.cap{transition:none}}.fits{z-index:1;height:calc(var(--scene-safe-height) * 4.2);position:relative}.fits__pin{height:var(--scene-safe-height);pointer-events:none;position:sticky;top:0}.fits__text{left:var(--gutter);width:min(30vw,26rem);color:var(--ink);position:absolute;top:50%;transform:translateY(-50%)}.fits__list{gap:6px;margin:0 0 28px;padding:0;list-style:none;display:grid}.fits__list li{transition:opacity .4s var(--ease);opacity:.4}.fits__list li.is-on{opacity:1}.fits__list strong{font-variation-settings:"wdth" 118;transition:font-size .4s var(--ease);font-size:1.125rem;font-weight:760;line-height:1.2;display:block}.fits__list li.is-on strong{font-variation-settings:"wdth" 125;margin:6px 0 4px;font-size:clamp(1.8rem,3vw,2.75rem);font-weight:860;line-height:1}.fits__list span{color:var(--ink-dim);font-size:1rem;display:none}.fits__list li.is-on span{margin-bottom:8px;display:block}.fits__note{color:var(--ink-dim);margin:0;font-size:.9375rem}@media (max-width:760px),(max-aspect-ratio:4/5){.fits__text{top:auto;bottom:max(28px, env(safe-area-inset-bottom));right:var(--gutter);width:auto;transform:none}.fits__text:before{content:"";inset:-60px calc(-1 * var(--gutter)) calc(-40px - var(--scene-extra));z-index:-1;background:linear-gradient(to top, #e9ede7f2 calc(55% + var(--scene-extra) * .45), #e9ede700 100%);position:absolute}.fits__list{margin-bottom:12px}.fits__list li{display:none}.fits__list li.is-on{display:block}}.wrap{width:min(1240px,100%);padding:0 var(--gutter);margin:0 auto}.stores,.product{z-index:2;background:var(--haze-2);position:relative}.stores{padding:clamp(80px,12vh,140px) 0 clamp(56px,8vh,96px)}.stores__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 40px;margin-bottom:28px;display:flex}.stores__head h2{margin:0}.sample-note{color:#6a4b00;background:#fff3cf;border-radius:6px;margin:0;padding:8px 12px;font-size:.875rem}.stores__grid{grid-template-columns:minmax(280px,380px) 1fr;gap:24px;min-height:560px;display:grid}.stores__panel{flex-direction:column;min-height:0;display:flex}.stores__search label{margin-bottom:6px;font-size:.9375rem;font-weight:640;display:block}.stores__row{gap:8px;display:flex}.stores__row input{min-width:0;font:inherit;color:var(--ink);background:#fff;border:1.5px solid #17201a4d;border-radius:8px;flex:1;padding:11px 12px}.stores__row input:focus-visible{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green-ink)}button{font:inherit;cursor:pointer}.stores__row button,.button{background:var(--green);color:var(--ink);border:0;border-radius:8px;padding:11px 18px;font-weight:720;text-decoration:none;display:inline-block}.button--quiet{color:inherit;background:0 0;box-shadow:inset 0 0 0 1.5px}.linkish{color:var(--green-ink);text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:0;font-weight:640;text-decoration:underline}.stores__status{color:var(--ink-dim);margin:14px 0 8px;font-size:.875rem}.stores__list{border-top:1px solid var(--rule);max-height:470px;margin:0;padding:0;list-style:none;overflow-y:auto}.store{border-bottom:1px solid var(--rule)}.store button{all:unset;cursor:pointer;box-sizing:border-box;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:12px 4px;display:grid}.store button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.store button[aria-pressed=true]{background:#21b04d1a}.store__name{font-weight:700}.store__dist{color:var(--ink-dim);grid-row:span 2;align-self:center;font-size:.875rem}.store__addr{color:var(--ink-dim);font-size:.9375rem}.store__tag{color:#6a4b00;font-size:.75rem}.stores__map{background:var(--haze);border-radius:12px;min-height:420px;overflow:hidden}.stores__map .leaflet-tile-pane{filter:grayscale(.85)contrast(.95)brightness(1.04)}.pin{background:var(--green);border:2px solid var(--ink);border-radius:50% 50% 50% 0;width:18px;height:18px;transform:rotate(-45deg)}.pin.is-on{background:var(--ink);border-color:var(--green)}@media (max-width:860px){.stores__grid{grid-template-columns:1fr}.stores__map{order:-1;min-height:300px}.stores__list{max-height:none}}.product{border-top:1px solid var(--rule);padding:clamp(64px,10vh,120px) 0}.product__grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(28px,5vw,80px);display:grid}.product__media{margin:0;position:sticky;top:90px}.product__media img{background:#fbfbf8;border-radius:4px}.zoomable{margin:0;position:relative}.zoom-hint{color:var(--ink-dim);margin:10px 0 0;font-size:.8125rem}.lens{z-index:30;pointer-events:none;width:200px;height:200px;box-shadow:0 0 0 3px #fff, 0 0 0 4.5px var(--ink), 0 14px 34px #00000047;opacity:0;transition:opacity .15s, transform .15s var(--ease);background-color:#fbfbf8;background-repeat:no-repeat;border-radius:50%;margin:-100px 0 0 -100px;position:fixed;transform:scale(.85)}.lens.is-on{opacity:1;transform:none}@media (pointer:coarse){.lens{width:150px;height:150px;margin:-170px 0 0 -75px}}.colours{border:0;margin:4px 0 22px;padding:0}.colours legend{margin-bottom:10px;padding:0;font-weight:650}.colours__name{color:var(--ink-dim);font-weight:450}.colours__row{gap:12px;display:flex}.swatch{cursor:pointer;border-radius:50%;width:40px;height:40px;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch:has(input:checked){outline:2px solid var(--ink);outline-offset:3px}.swatch:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px}.swatch--black{background:radial-gradient(circle at 35% 30%,#6a6b64,#1f1f1d 62%)}.swatch--green{background:radial-gradient(circle at 35% 30%,#c4f78f,#5cc226 65%)}.swatch--blue{background:radial-gradient(circle at 35% 30%,#c4ecf8,#3aa6d4 65%)}.swatch--clear{background:radial-gradient(circle at 35% 30%,#fff,#e3e7e4 60%,#c9cfcb)}.product__lede{font-size:1.25rem}.product__price{font-variation-settings:"wdth" 118;font-size:1.125rem;font-weight:700}.product__aside{color:var(--ink-dim);font-size:.9375rem}.plain{margin:0 0 .8em;padding-left:1.1em}.plain li{margin-bottom:.3em}.specs{margin:0}.specs div{border-bottom:1px solid var(--rule);grid-template-columns:9em 1fr;gap:12px;padding:10px 0;display:grid}.specs dt{font-weight:650}.specs dd{color:var(--ink-dim);margin:0}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;grid-template-columns:2.2em 1fr;padding:6px 0;display:grid}.part{background:var(--green);color:#fff;font-variation-settings:"wdth" 125;vertical-align:.08em;border-radius:50%;place-items:center;width:1.5em;height:1.5em;margin-right:.1em;font-size:.8em;font-style:normal;font-weight:860;line-height:1;display:inline-grid}.steps li:before{content:counter(step);font-variation-settings:"wdth" 125;color:var(--green-ink);font-weight:860}.gallery{grid-template-columns:1.4fr 1fr;align-items:center;gap:16px;margin-top:clamp(48px,8vh,96px);display:grid}.gallery img{border-radius:4px}.gallery__wide{grid-column:1/-1}.gallery>*,.product__grid>*,.wholesale__grid>*{min-width:0}.gallery img,.zoomable img{width:100%}@media (max-width:860px){.product__grid,.gallery{grid-template-columns:1fr}.product__media{position:static}}.wholesale{z-index:2;background:var(--haze);border-top:1px solid var(--rule);scroll-margin-top:calc(24px + env(safe-area-inset-top));padding:clamp(64px,10vh,120px) 0;position:relative}.wholesale__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.wholesale__intro{position:sticky;top:90px}.wholesale__lede{font-size:1.25rem}.wholesale__terms{color:var(--ink-dim);font-size:.9375rem}.wholesale__panel{background:var(--haze-2);border-radius:14px;padding:clamp(20px,3vw,36px);box-shadow:0 1px #17201a0f}.wholesale__form{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px;display:grid}.field{flex-direction:column;grid-column:1/-1;gap:6px;min-width:0;display:flex}.field--half{grid-column:span 3}.field--third{grid-column:span 2}.field label,.field legend{font-size:.9375rem;font-weight:640}.opt{color:var(--ink-dim);font-weight:400}.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:#fff;border:1.5px solid #17201a47;border-radius:8px;width:100%;min-height:46px;padding:10px 12px;font-size:1rem}.field textarea{resize:vertical;min-height:110px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green-ink)}.field [aria-invalid=true]{border-color:#b3261e}.field__err{color:#b3261e;font-size:.8125rem}.checks{border:0;flex-flow:wrap;gap:8px 20px;margin:0;padding:0}.checks legend{width:100%;margin-bottom:8px}.checks label{align-items:center;gap:8px;font-weight:450;display:inline-flex}.checks input,.agree input{width:20px;height:20px;accent-color:var(--green-ink);flex:none;margin:2px 0 0}.agree{grid-column:1/-1;align-items:flex-start;gap:10px;font-size:.9375rem;display:flex}.hp{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.form-error{color:#b3261e;grid-column:1/-1;margin:0;font-weight:600}.wholesale__form .button{border:0;grid-column:1/-1;justify-self:start}.form-note{color:#6a4b00;grid-column:1/-1;margin:0;font-size:.8125rem}.wholesale__done h3{margin-top:0;font-size:1.5rem}@media (max-width:860px){.wholesale__grid{grid-template-columns:1fr}.wholesale__intro{position:static}}@media (max-width:560px){.field--half,.field--third{grid-column:1/-1}}.foot{z-index:2;background:var(--smoke);color:var(--paper-dim);padding:56px 0 calc(32px + env(safe-area-inset-bottom));font-size:.9375rem;position:relative}.foot__grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 48px;display:flex}.foot__logo{width:230px}.foot__links{flex-wrap:wrap;gap:8px 22px;max-width:46rem;display:flex}.foot__links a{color:var(--paper);text-decoration:none}.foot__links a:hover{text-underline-offset:4px;text-decoration:underline}.foot__base{border-top:1px solid #f3eee624;flex-wrap:wrap;align-items:center;gap:10px 32px;margin-top:40px;padding-top:20px;display:flex}.foot p{margin:0}.foot__draft{color:var(--ember)}.devtag{letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);border:1px solid #f3eee638;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:.75rem;font-weight:700;text-decoration:none}.devtag:hover{color:var(--paper);border-color:var(--green)}.gate{background:0 0;border:0;max-width:min(460px,100vw - 32px);padding:0}.gate::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#130f0cd1}.gate__form{background:var(--haze-2);color:var(--ink);border-radius:14px;padding:28px}.gate__form img{width:180px;margin-bottom:18px}.gate h2{font-size:1.75rem}.gate__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.gate__denied{margin:16px 0 0;font-weight:600}.noscript{z-index:3;background:var(--haze);padding:16px var(--gutter);max-width:none;margin:0;position:relative}@media (prefers-reduced-motion:reduce){.cap,.fits__list li,.loader,.bar{transition:none}.cap__scroll:after{animation:none}}body.no-webgl .stage,body.no-webgl .story,body.no-webgl .fits,.fallback-intro{display:none}body.no-webgl .fallback-intro{color:var(--ink);padding-top:120px;padding-bottom:36px;display:block}body.no-webgl{background:var(--haze-2)}body.no-webgl .stores{padding-top:120px}.boxset{gap:16px;margin-top:clamp(48px,8vh,96px);display:grid}.boxset>*{min-width:0}.boxset__text{max-width:40em}.boxset__text h3{margin:0 0 6px}.boxset__text p{color:var(--ink-dim);margin:0}.boxset img{background:#fbfbf8;border-radius:4px;width:100%;height:auto}.boxset__row{grid-template-columns:minmax(0,.375fr) minmax(0,.7fr);justify-self:center;align-items:end;gap:16px;width:min(100%,700px);display:grid}.product__ctas{flex-wrap:wrap;gap:10px;display:flex}.viewer{gap:18px;margin-top:clamp(56px,9vh,110px);scroll-margin-top:84px;display:grid}.viewer>*{min-width:0}.viewer__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 40px;display:flex}.viewer__head h2{margin:0}.viewer__head p{max-width:34em;color:var(--ink-dim);margin:0}.viewer__stage{background:#eef0ec;border-radius:12px;height:clamp(440px,74vh,760px);position:relative;overflow:hidden}.viewer__canvas{touch-action:pan-y;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer__canvas:active{cursor:grabbing}.viewer__canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--green)}.viewer__poster{object-fit:cover;width:100%;height:100%;transition:opacity .5s var(--ease);pointer-events:none;position:absolute;inset:0}.viewer.is-ready .viewer__poster{opacity:0}.viewer__status{color:var(--ink-dim);white-space:nowrap;background:#ffffffd9;border-radius:99px;margin:0;padding:7px 14px;font-size:.875rem;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.viewer.is-static .viewer__status{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 32px)}.viewer__load{position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.viewer__tags{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.viewer__tags.is-on{opacity:1}.viewer__tags span{white-space:nowrap;align-items:center;gap:8px;padding-right:6px;font-size:.875rem;font-weight:650;display:flex;position:absolute;top:0;left:0}.viewer__tags b{background:var(--green);color:#fff;font-variation-settings:"wdth" 125;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:860;display:grid}.viewer__bar{grid-template-columns:1fr auto;align-items:center;gap:16px 32px;display:grid}.viewer__views{grid-column:1/-1}.viewer__colours{flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0;display:flex}.viewer__colours legend{float:left;margin:0}.viewer__colour-name{color:var(--ink-dim);font-weight:450}.viewer__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.viewer__actions .button{padding:10px 16px}.viewer__actions [disabled],.viewer__bottle:disabled{opacity:.4;cursor:default}.seg{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{white-space:nowrap;border-radius:99px;padding:8px 14px;font-size:.9375rem;font-weight:600;display:block;box-shadow:inset 0 0 0 1.5px #17201a40}.seg input:checked+span{background:var(--ink);color:#fff;box-shadow:none}.seg input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.seg input:disabled{cursor:default}@media (max-width:760px){.viewer__stage{height:min(72svh,600px)}.viewer__bar{grid-template-columns:1fr}.viewer__actions{justify-content:flex-start}.viewer__actions .button{padding:9px 14px;font-size:.9375rem}.viewer__bottle{order:2}.seg span{padding:7px 12px;font-size:.875rem}}.bar__brand,.bar__cta,.cap__skip,.linkish,.devtag,.swatch{position:relative}.bar__brand:after,.bar__cta:after,.cap__skip:after,.linkish:after,.devtag:after{content:"";height:44px;min-height:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.swatch:after{content:"";border-radius:50%;position:absolute;inset:-2px}.agree{cursor:pointer}@media (max-width:719px){.foot__links{gap:0 22px}.foot__links a{align-items:center;min-height:44px;display:inline-flex}.seg span{align-items:center;column-gap:.25em;min-height:44px;padding-block:0;display:flex}.button,.stores__row button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.viewer__actions .button{padding-block:0}.checks label{min-height:44px}.agree{min-height:44px;padding-block:4px}.checks input,.agree input{width:24px;height:24px}}
