@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#193c2b;font-synthesis:none;--ink:#193c2b;--paper:#f7f8f2;--celadon:#e4eadf;--acid:#def093;--line:#193c2b2e;--display:"Space Grotesk Variable", Arial, sans-serif;--scroll:0;scroll-behavior:smooth;background:#f7f8f2;scroll-padding-top:100px;font-family:Manrope Variable,Arial,sans-serif;font-weight:450}*{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #426cbd}svg{display:block}a svg,button svg{flex-shrink:0;width:24px;height:24px}button{color:inherit}button:disabled{cursor:default}::selection{color:#193c2b;background:#deef9d}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 20px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--line);align-items:center;gap:40px;height:110px;padding:0 5%;display:flex;position:absolute;inset:0 0 auto}.logo-link{font-family:var(--display);letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:10px;font-size:25px;font-weight:700;display:flex}.logo-link img{object-fit:contain;mix-blend-mode:multiply;width:37px;height:46px}.wordmark-dot{vertical-align:super;letter-spacing:0;margin-left:3px;font-size:10px}.site-header nav{gap:34px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--ink);width:0;height:1px;transition:width .25s;position:absolute;bottom:-7px;left:0}.site-header nav a:hover:after{width:100%}.header-cta{border:1px solid var(--ink);border-radius:4px;align-items:center;gap:28px;padding:13px 17px;font-size:12px;font-weight:650;transition:background .2s,color .2s;display:flex}.header-cta:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.hero{isolation:isolate;--mx:0;--my:0;--scroll:0;background:radial-gradient(at 50% 52%,#f1f4e9 0%,#e4eadf 56%,#e0e7df 100%);height:100svh;min-height:850px;max-height:1100px;position:relative;overflow:hidden}.hero-topline{letter-spacing:1.8px;justify-content:space-between;font-size:9px;font-weight:650;display:flex;position:absolute;top:139px;left:5%;right:5%}.hero-title{font-family:var(--display);letter-spacing:-.075em;transform:translateY(calc(var(--scroll) * -55px));will-change:transform;flex-direction:column;align-items:center;gap:225px;margin:0;font-size:clamp(100px,14.8vw,215px);font-weight:600;line-height:.86;display:flex;position:absolute;top:169px;left:0;right:0}.hero-title span:first-child{padding-right:30px}.hero-title span:last-child{font-size:.94em}.hero-bags{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-bag{transform-origin:50% 75%;will-change:transform;position:absolute}.hero-bag svg{width:100%;height:auto;overflow:visible}.hero-bag-paper{width:260px;transform:translate(calc(var(--mx) * -14px), calc(var(--my) * -14px + var(--scroll) * 110px)) rotate(calc(-19deg - var(--scroll) * 16deg));z-index:1;top:260px;left:calc(50% - 380px)}.hero-bag-textile{width:295px;transform:translate(calc(var(--mx) * 22px), calc(var(--my) * 16px - var(--scroll) * 85px)) rotate(calc(16deg + var(--scroll) * 14deg));z-index:2;top:235px;left:calc(50% + 136px)}.hero-bag-plastic{width:320px;transform:translate(calc(var(--mx) * 35px), calc(var(--my) * 22px + var(--scroll) * -20px)) rotate(calc(-5deg + var(--scroll) * 12deg));z-index:3;top:255px;left:calc(50% - 150px)}.float{animation:7s ease-in-out infinite float}.hero-bag-paper .float{animation-delay:-2s}.hero-bag-textile .float{animation-delay:-4s}.bag-label{letter-spacing:1.2px;white-space:nowrap;font-size:7px;font-weight:650;position:absolute;bottom:9px;left:27%}.hero-bag-plastic .bag-label{left:23%}.hero-bottom{z-index:4;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px;display:grid;position:absolute;bottom:41px;left:5%;right:5%}.hero-bottom p{margin:0;font-size:12px;font-weight:450;line-height:1.8}.hero-bottom strong{font-weight:650}.hero-cta{border:1px solid var(--ink);background:#ecf0e4;border-radius:100px;justify-self:center;align-items:center;gap:22px;height:57px;padding:0 5px 0 22px;font-size:13px;font-weight:650;transition:background .3s,transform .3s;display:flex}.hero-cta:hover{background:var(--acid);transform:translateY(-3px)}.cta-disc{background:var(--ink);color:var(--paper);border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.scroll-cue{letter-spacing:1px;justify-self:end;align-items:center;gap:15px;font-size:8px;font-weight:700;display:flex}.scroll-cue svg{width:20px;height:32px}.hero-side-note{writing-mode:vertical-rl;letter-spacing:1.5px;font-size:8px;font-weight:600;position:absolute;top:49%;right:24px}.promise-strip{background:var(--ink);color:var(--acid);font-family:var(--display);letter-spacing:-1px;justify-content:space-between;align-items:center;gap:25px;padding:28px 5%;font-size:clamp(18px,2.4vw,34px);font-weight:450;display:flex}.promise-strip .strip-flower{font-size:32px;font-weight:300}.promise-strip svg{flex-shrink:0;width:35px;height:35px}.section-pad{padding:112px 5%}.section-index{letter-spacing:1.9px;margin-bottom:30px;font-size:9px;font-weight:700;display:block}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:48px;display:flex}h2{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.6vw,69px);font-weight:500;line-height:1.06}h2 span{color:#728071}.section-heading>p{max-width:380px;margin:0;padding-bottom:3px;font-size:13px;line-height:1.9}.material-section{background:radial-gradient(560px 400px at 16% 76%,#def0938c,#0000 70%),radial-gradient(480px 340px at 88% 24%,#a8c6d66b,#0000 68%)}.material-studio{border:1px solid var(--line);border-radius:8px;grid-template-columns:59% 41%;display:grid;overflow:hidden}.material-tabs{background:var(--paper);border-bottom:1px solid var(--line);grid-column:1/-1;display:flex}.material-tabs button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;border-radius:0;flex:1;align-items:center;gap:23px;padding:22px 27px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.material-tabs button:last-child{border-right:0}.material-tabs button[aria-pressed=true]{background:var(--ink);color:#f1f4e8}.material-tabs button:hover:not([aria-pressed=true]){background:#e7ecd9}.material-tabs button span{opacity:.7;font-size:9px}.material-tabs button svg{width:19px;height:19px;margin-left:auto}.material-display{background:var(--material-bg);place-items:center;min-height:525px;transition:background .5s;display:grid;position:relative;overflow:hidden}.material-big-word{font-family:var(--display);letter-spacing:-.06em;color:var(--ink);opacity:.2;white-space:nowrap;font-size:clamp(58px,6.3vw,94px);font-weight:550;line-height:1;position:absolute;inset:44px 35px auto}.material-bag{z-index:1;width:330px;margin-top:35px;transition:transform .3s;animation:.7s cubic-bezier(.16,1,.3,1) both bag-in;transform:rotate(-8deg)}.material-bag:hover{transform:rotate(-2deg)translateY(-8px)}.material-bag svg{width:100%;height:auto}.material-fact{z-index:2;background:#f7f8f2c7;border:1px solid #193c2b66;align-items:center;gap:9px;max-width:calc(100% - 64px);padding:10px 13px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:56px;left:32px}.fact-mark{font-size:19px;line-height:1}.material-caption{letter-spacing:1px;opacity:.75;font-size:7px;position:absolute;bottom:23px;left:32px}.material-copy{background:var(--paper);border-left:1px solid var(--line);flex-direction:column;gap:35px;padding:48px 43px;display:flex}.product-eyebrow{letter-spacing:1.6px;font-size:9px;font-weight:700}.material-copy h3{font-family:var(--display);letter-spacing:-1.8px;margin:18px 0 21px;font-size:38px;font-weight:500;line-height:1}.material-copy p{color:#5c6d5f;font-size:13px;line-height:1.85}.material-copy p.product-material{color:var(--ink);font-size:12px;font-weight:700}.product-detail{border-top:1px solid var(--line);padding-top:23px}.product-detail>span{letter-spacing:1px;font-size:8px;font-weight:700}.product-detail p{margin-bottom:0}.material-link{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-bottom:14px;font-size:12px;font-weight:700;display:flex}.material-link svg{width:20px;transition:transform .25s}.material-link:hover svg{transform:translate(5px)}.brand-section{background:radial-gradient(520px 380px at 78% 72%,#def09380,#0000 70%),radial-gradient(440px 300px at 8% 18%,#a8c6d661,#0000 68%);padding-top:88px}.brand-panel{grid-template-columns:1fr 1fr;gap:9%;padding:42px clamp(28px,3.2vw,56px);display:grid}.brand-copy h2{font-size:clamp(42px,4.3vw,65px)}.brand-copy h2 em{color:#768875;font-style:normal}.brand-copy>p{color:#546b57;margin:26px 0 35px;font-size:13px;line-height:1.9}.brand-form{max-width:370px}.brand-form>label{letter-spacing:1.2px;justify-content:space-between;margin-bottom:12px;font-size:8px;font-weight:700;display:flex}.brand-form>label span{letter-spacing:0;color:#4a5f50;font-weight:450}.brand-form input:not([type=checkbox],[type=range],[type=file]){border:0;border-bottom:1px solid var(--ink);width:100%;font-family:var(--display);color:var(--ink);letter-spacing:-.7px;background:0 0;border-radius:0;padding:0 0 15px;font-size:25px}.brand-form fieldset{border:0;margin:25px 0 0;padding:0}.brand-form legend{letter-spacing:1.2px;margin-bottom:15px;font-size:8px;font-weight:700}.preview-types>div{flex-wrap:wrap;gap:6px;display:flex}.preview-types button{background:0 0;border:1px solid #a9b4a5;border-radius:3px;padding:8px 11px;font-size:10px;transition:background .2s}.preview-types button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.brand-cta{background:var(--ink);width:100%;max-width:370px;color:var(--paper);justify-content:space-between;align-items:center;margin-top:33px;padding:19px 23px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.brand-cta:hover{background:#315e3c}.brand-copy .preview-note{color:#4a5f50;max-width:350px;margin:13px 0 0;font-size:9px;line-height:1.7}.preview-stage{isolation:isolate;background:radial-gradient(at 50% 42%,#f5f7e8 0%,#dce5cd 75%);border:1px solid #bac9b3;border-radius:50% 50% 8px 8px/25% 25% 8px 8px;flex-direction:column;justify-content:space-between;align-items:center;min-height:620px;padding:48px 33px 32px;display:flex;position:relative;overflow:hidden}.studio-label{letter-spacing:1.2px;justify-content:space-between;font-size:8px;font-weight:700;display:flex}.studio-label span,.studio-swatches legend span{letter-spacing:0;color:#4a5f50;font-weight:450}.studio-label__value{cursor:pointer;-webkit-user-select:none;user-select:none}.studio-upload{margin-bottom:27px}.studio-upload__row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.studio-upload__button{border:1px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:inline-flex;position:relative}.studio-upload__button:hover{background:var(--ink);color:var(--paper)}.studio-upload__button:focus-within{outline-offset:4px;outline:3px solid #426cbd}.studio-upload__button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.studio-upload__button svg{width:17px;height:17px}.studio-upload__hint{color:#546b57;font-size:11px}.studio-upload__file{background:#fff9;border-radius:999px;align-items:center;gap:6px;max-width:210px;padding:4px 4px 4px 12px;font-size:11px;display:inline-flex}.studio-upload__file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-upload__file button{background:#193c2b1f;border:0;border-radius:50%;flex:none;width:22px;height:22px;line-height:1}.studio-upload__error{color:#a3281e;margin:9px 0 0;font-size:11px}.studio-options{flex-wrap:wrap;gap:8px 18px;margin-top:13px;font-size:11px;display:flex}.studio-options label{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.studio-options input,.studio-size input{accent-color:var(--ink)}.studio-size{margin-top:19px;display:block}.studio-size input{width:100%;margin:10px 0 0}.studio-privacy{color:#4a5f50;margin:8px 0 0;font-size:9px;line-height:1.7}.studio-advanced{margin-top:18px}.studio-advanced summary{cursor:pointer;letter-spacing:1.2px;align-items:center;gap:8px;width:fit-content;font-size:8px;font-weight:700;list-style:none;display:flex}.studio-advanced summary::-webkit-details-marker{content:"";display:none}.studio-advanced summary::marker{content:"";display:none}.studio-advanced summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)translateY(-2px)}.studio-advanced[open] summary:after{transform:rotate(-135deg)translate(-1px,-1px)}.studio-picker{--picker-speed:2;--picker-reveal:calc(.32s / var(--picker-speed));--picker-radius:calc(80ms / var(--picker-speed));--picker-radius-end:calc(.18s / var(--picker-speed));--picker-slots:calc(.2s / var(--picker-speed));--swatch-fall:calc(.46s / var(--picker-speed));--swatch-fall-fade:calc(.18s / var(--picker-speed));--swatch-fall-gap:calc(.14s / var(--picker-speed));--swatch-stagger:calc(60ms / var(--picker-speed));--swatch-rise:calc(.2s / var(--picker-speed));--swatch-rise-fade:calc(.14s / var(--picker-speed));z-index:4;--swatch-size:34px;--swatch-ring:3px;--picker-pill:calc((var(--swatch-size) + var(--swatch-ring) * 2 + 16px) / 2);border-radius:var(--picker-pill);width:max-content;max-width:calc(100% - 52px);clip-path:inset(0 round var(--picker-pill));transition:padding var(--picker-reveal) ease, border-radius var(--picker-radius-end) ease calc(var(--picker-reveal) - var(--picker-radius-end)), clip-path var(--picker-radius-end) ease calc(var(--picker-reveal) - var(--picker-radius-end));background:0 0;flex-direction:column;align-items:flex-end;padding:8px 14px 8px 8px;display:flex;position:absolute;top:26px;right:26px;overflow:hidden}.studio-picker:before{content:"";z-index:-1;background:var(--studio-surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;position:absolute;inset:0}.studio-picker:hover,.studio-picker:focus-within{clip-path:inset(0 round 18px);transition:border-radius var(--picker-radius) ease, clip-path var(--picker-radius) ease, padding var(--picker-reveal) ease var(--picker-radius);border-radius:18px;padding:14px 16px 16px}.studio-picker__line{align-items:center;display:flex}.studio-picker fieldset{border:0;margin:0;padding:0;position:relative}.studio-picker legend{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-picker .studio-swatches__row{justify-content:flex-end;align-items:center;gap:0;display:flex;overflow:hidden}.studio-picker .studio-swatches__slot{width:0;height:calc(var(--swatch-size) + var(--swatch-ring) * 2);min-width:0;transition:width var(--picker-reveal) ease, margin-right var(--picker-reveal) ease;margin-right:0;position:relative;overflow:hidden}.studio-picker .studio-swatches__slot.is-selected{width:calc(var(--swatch-size) + var(--swatch-ring) * 2)}.studio-picker:hover .studio-swatches__slot,.studio-picker:focus-within .studio-swatches__slot{width:calc(var(--swatch-size) + var(--swatch-ring) * 2);transition:width var(--picker-slots) ease var(--picker-radius), margin-right var(--picker-slots) ease var(--picker-radius)}.studio-picker:hover .studio-swatches__slot:not(:last-child),.studio-picker:focus-within .studio-swatches__slot:not(:last-child){margin-right:calc(11px - var(--swatch-ring) * 2)}.studio-picker .studio-swatches__slot>button{top:var(--swatch-ring);left:var(--swatch-ring);width:var(--swatch-size);min-width:var(--swatch-size);max-width:var(--swatch-size);height:var(--swatch-size);transform:translateY(calc(-100% - var(--swatch-ring) - 4px));opacity:0;transition:transform var(--swatch-rise) cubic-bezier(.4, 0, 1, 1), opacity var(--swatch-rise-fade) ease;position:absolute}.studio-picker .studio-swatches__slot.is-selected>button{opacity:1;transition:none;transform:none}.studio-picker:hover .studio-swatches__slot>button,.studio-picker:focus-within .studio-swatches__slot>button{opacity:1;transition:transform var(--swatch-fall) cubic-bezier(.16, 1, .3, 1), opacity var(--swatch-fall-fade) ease;transition-delay:calc(var(--picker-radius) + var(--swatch-fall-gap) + var(--swatch-index,0) * var(--swatch-stagger));transform:translateY(0)}.studio-picker .studio-swatches__slot.is-selected>button:hover{transform:none}.studio-picker__type-slot{transition:grid-template-columns var(--picker-reveal) ease, margin-left var(--picker-reveal) ease;grid-template-columns:1fr;margin-left:10px;display:grid}.studio-picker:hover .studio-picker__type-slot,.studio-picker:focus-within .studio-picker__type-slot{transition:grid-template-columns var(--picker-reveal) ease var(--picker-radius), margin-left var(--picker-reveal) ease var(--picker-radius);grid-template-columns:0fr;margin-left:0}.studio-picker__type{min-width:0;color:var(--studio-ink);white-space:nowrap;font-size:13px;font-weight:650;line-height:1;overflow:hidden}.studio-picker__reveal{transition:grid-template-rows var(--picker-reveal) ease, grid-template-columns var(--picker-reveal) ease;grid-template-rows:0fr;grid-template-columns:0fr;justify-items:end;display:grid}.studio-picker:hover .studio-picker__reveal,.studio-picker:focus-within .studio-picker__reveal{transition:grid-template-rows var(--picker-reveal) ease var(--picker-radius), grid-template-columns var(--picker-reveal) ease var(--picker-radius);grid-template-rows:1fr;grid-template-columns:1fr}.studio-picker__reveal-inner{justify-content:flex-end;align-items:flex-start;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-picker__reveal-content{flex-direction:column;flex:none;align-items:flex-end;gap:14px;width:max-content;max-width:none;padding-top:14px;display:flex}.studio-picker .preview-types>div{flex-wrap:nowrap;justify-content:flex-end;gap:6px}.studio-picker__depth{width:240px;margin:0}.studio-picker__depth input{width:100%}@media (prefers-reduced-motion:reduce){.studio-picker,.studio-picker .studio-swatches__slot,.studio-picker .studio-swatches__slot>button,.studio-picker:hover .studio-swatches__slot>button,.studio-picker:focus-within .studio-swatches__slot>button,.studio-picker__type-slot,.studio-picker__reveal{opacity:1;transition:none;transform:none}}.studio-swatches>div{flex-wrap:wrap;gap:11px;display:flex}.studio-swatches button{background:var(--swatch);border:3px solid #fff9;border-radius:50%;outline:1px solid #193c2b2e;place-items:center;width:34px;height:34px;transition:transform .2s,outline-color .2s;display:grid}.studio-swatches button[aria-pressed=true]{outline:2px solid var(--ink)}.studio-swatches button:focus-visible{outline-offset:4px;outline:3px solid #426cbd}.studio-swatches button:hover{transform:scale(1.1)}.studio-swatches:disabled button{opacity:.4;cursor:default;transform:none}.studio-swatches button span{color:#fff;mix-blend-mode:difference;font-size:14px}@property --studio-ink{syntax:"<color>";inherits:true;initial-value:#193c2b}@property --studio-muted{syntax:"<color>";inherits:true;initial-value:#4a5f50}@property --studio-line{syntax:"<color>";inherits:true;initial-value:#193c2b4d}@property --studio-surface{syntax:"<color>";inherits:true;initial-value:#ffffff80}@property --studio-surface-strong{syntax:"<color>";inherits:true;initial-value:#ffffffc7}@property --studio-accent{syntax:"<color>";inherits:true;initial-value:#193c2b}@property --studio-accent-ink{syntax:"<color>";inherits:true;initial-value:#f7f8f2}@property --studio-scrim{syntax:"<color>";inherits:true;initial-value:#0000}@property --studio-base{syntax:"<color>";inherits:true;initial-value:#1c1a19}.brand-panel.studio-panel{background:var(--studio-base);min-height:clamp(660px,60vw,900px);color:var(--studio-ink);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:6%;padding:48px clamp(28px,3.6vw,60px) 44px;transition:--studio-ink .7s,--studio-muted .7s,--studio-line .7s,--studio-surface .7s,--studio-surface-strong .7s,--studio-accent .7s,--studio-accent-ink .7s,--studio-scrim .7s,--studio-base .7s}.liquid-pane.studio-panel>.studio-scene{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.liquid-pane.studio-panel>.brand-copy{z-index:3;align-self:center}.liquid-pane.studio-panel .liquid-pane__glass,.liquid-pane.studio-panel:before{display:none}.studio-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg, var(--studio-scrim) 0%, var(--studio-scrim) 24%, transparent 58%);position:absolute;inset:0}.studio-caption{z-index:2;background:var(--studio-surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--studio-ink);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:baseline;gap:8px;margin:0;padding:7px 14px 6px;font-size:11px;display:flex;position:absolute;bottom:20px;right:22px}.studio-caption strong{font-weight:650}.studio-caption span{color:var(--studio-muted)}.mockup-toolbar{z-index:4;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.mockup-toolbar__pill,.mockup-toolbar__flyout{pointer-events:auto}.mockup-toolbar__pill{background:var(--studio-surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.mockup-toolbar__pill button{width:34px;height:34px;color:var(--studio-ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.mockup-toolbar__pill button svg{width:18px;height:18px}.mockup-toolbar__pill button[aria-pressed=true],.mockup-toolbar__pill button[aria-expanded=true]{background:var(--studio-accent);color:var(--studio-accent-ink)}.mockup-toolbar__pill button:disabled{opacity:.35}.mockup-toolbar__flyout{background:var(--studio-surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:200px;color:var(--studio-ink);border-radius:18px;padding:12px 14px}.mockup-toolbar__flyout.is-crop{width:248px}.mockup-toolbar__flyout .studio-size{margin:0}.mockup-toolbar__color{background:var(--swatch);cursor:pointer;border:3px solid #fff9;border-radius:50%;outline:1px solid #193c2b2e;width:34px;height:34px;display:block;position:relative}.mockup-toolbar__background{flex-direction:column;align-items:center;gap:4px;display:flex}.mockup-toolbar__color.is-on{outline:2px solid var(--studio-ink)}.mockup-toolbar__color:has(input:disabled){opacity:.35}.mockup-toolbar__color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.mockup-crop{flex-direction:column;gap:8px;display:flex}.mockup-crop__stage{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;position:relative;overflow:hidden}.mockup-crop__stage img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.mockup-crop__rect{cursor:move;touch-action:none;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 999px #14100e73}.mockup-crop__handle{background:#fff;border-radius:2px;width:10px;height:10px;position:absolute;box-shadow:0 0 0 1px #14100e47}.mockup-crop__handle[data-handle=nw]{cursor:nwse-resize;top:3px;left:3px}.mockup-crop__handle[data-handle=ne]{cursor:nesw-resize;top:3px;right:3px}.mockup-crop__handle[data-handle=sw]{cursor:nesw-resize;bottom:3px;left:3px}.mockup-crop__handle[data-handle=se]{cursor:nwse-resize;bottom:3px;right:3px}.mockup-crop__handle[data-handle=n]{cursor:ns-resize;top:3px;left:calc(50% - 5px)}.mockup-crop__handle[data-handle=s]{cursor:ns-resize;bottom:3px;left:calc(50% - 5px)}.mockup-crop__handle[data-handle=e]{cursor:ew-resize;top:calc(50% - 5px);right:3px}.mockup-crop__handle[data-handle=w]{cursor:ew-resize;top:calc(50% - 5px);left:3px}.studio-panel .brand-copy h2{color:var(--studio-ink)}.studio-panel .brand-copy h2 em,.studio-panel .brand-copy>p,.studio-panel .brand-copy .preview-note,.studio-panel .studio-privacy,.studio-panel .studio-upload__hint,.studio-panel .brand-form>label span,.studio-panel .studio-label span,.studio-panel .studio-swatches legend span{color:var(--studio-muted)}.studio-panel .brand-form>label,.studio-panel .brand-form legend,.studio-panel .studio-picker legend,.studio-panel .studio-advanced summary,.studio-panel .studio-label,.studio-panel .studio-options{color:var(--studio-ink)}.studio-panel .brand-form input:not([type=checkbox],[type=range],[type=file]){color:var(--studio-ink);border-bottom-color:var(--studio-line)}.studio-panel .studio-upload__button{border-color:var(--studio-ink);background:var(--studio-surface);color:var(--studio-ink)}.studio-panel .studio-upload__button:hover{background:var(--studio-ink);color:var(--studio-base)}.studio-panel .studio-upload__file{background:var(--studio-surface-strong);color:var(--studio-ink)}.studio-panel .studio-upload__file button{background:var(--studio-surface);color:var(--studio-ink)}.studio-panel .studio-upload__error{color:var(--studio-ink);font-weight:650}.studio-panel .studio-options input,.studio-panel .studio-size input{accent-color:var(--studio-accent)}.studio-panel .studio-swatches button{border-color:var(--studio-surface-strong);outline-color:var(--studio-line)}.studio-panel .studio-swatches button[aria-pressed=true]{outline:2px solid var(--studio-ink)}.studio-panel .preview-types button{border-color:var(--studio-line);background:var(--studio-surface);color:var(--studio-ink)}.studio-panel .preview-types button[aria-pressed=true]{border-color:var(--studio-ink);background:var(--studio-ink);color:var(--studio-base)}.studio-panel .brand-cta{background:var(--studio-accent);color:var(--studio-accent-ink)}.studio-panel .brand-cta:hover{background:var(--studio-accent);filter:brightness(1.1)}@media (width<=760px){.brand-panel.studio-panel{grid-template-columns:1fr;gap:0;min-height:0;padding:0}.liquid-pane.studio-panel>.studio-scene{border-radius:inherit;border-bottom-right-radius:0;border-bottom-left-radius:0;height:0;padding-bottom:112%;position:relative;inset:auto}.studio-scrim{background:linear-gradient(180deg, transparent 72%, var(--studio-base) 100%)}.studio-caption{inset:auto 12px 12px auto;transform:none}.studio-picker{--swatch-size:28px;max-width:calc(100% - 24px);top:12px;right:12px}.mockup-toolbar{right:12px}.studio-picker .preview-types button{padding:6px 8px;font-size:9px}.liquid-pane.studio-panel>.brand-copy{padding:22px 18px 28px}}.nowrap{white-space:nowrap}.site-header nav a[aria-current=page]:after{width:100%}.about-teaser.section-pad{padding-top:0}.about-teaser__card{border:1px solid var(--line);background:linear-gradient(115deg,#def0936b,#e4eadf9e 48%,#f7f8f2d9);border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(28px,3.4vw,48px);transition:box-shadow .3s,transform .3s;display:grid}.about-teaser__card:hover{transform:translateY(-3px);box-shadow:0 24px 50px #193c2b1f}.about-teaser__faces{padding-left:22px;display:flex}.about-teaser__faces img{border:3px solid var(--paper);object-fit:cover;object-position:50% 16%;border-radius:50%;width:88px;height:88px;margin-left:-22px;transition:margin .35s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 10px 22px #193c2b24}.about-teaser__card:hover .about-teaser__faces img{margin-left:-10px}.about-teaser__copy .section-index{margin-bottom:14px}.about-teaser__copy h2{font-size:clamp(32px,3.4vw,50px)}.about-teaser__copy p{max-width:520px;margin:14px 0 0;font-size:13px;line-height:1.8}.about-teaser__link{border:1px solid var(--ink);white-space:nowrap;border-radius:4px;align-items:center;gap:14px;padding:14px 18px;font-size:13px;font-weight:650;transition:background .2s,color .2s;display:inline-flex}.about-teaser__card:hover .about-teaser__link{background:var(--ink);color:var(--paper)}.site-footer{background:#eef0e5;padding:64px 5% 92px;font-size:12px}.footer-top{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;padding-bottom:44px;display:grid}.footer-brand{font-family:var(--display);letter-spacing:-1.5px;font-size:34px;font-weight:600}.footer-lead p{color:#4a5f50;margin:10px 0 24px;font-size:13px}.footer-contact{border-bottom:1px solid var(--ink);align-items:center;gap:10px;padding-bottom:5px;font-size:13px;font-weight:650;display:inline-flex}.footer-contact svg{width:16px;height:16px;transition:transform .25s}.footer-contact:hover svg{transform:translate(3px,-3px)}.footer-sitemap{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.footer-sitemap__title{letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:700;display:block}a.footer-sitemap__title:hover{text-underline-offset:4px;text-decoration:underline}.footer-sitemap ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-sitemap li a{color:#3c5444;align-items:center;gap:6px;display:inline-flex}.footer-sitemap li a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.footer-sitemap li svg{width:12px;height:12px}.footer-bottom{color:#4a5f50;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:24px;font-size:10px;display:flex}.footer-bottom address{font-style:normal;line-height:1.8}.demo-label{letter-spacing:1px;color:#4a5f50;font-size:8px}@media (width<=1050px){.about-teaser__card{grid-template-columns:auto minmax(0,1fr)}.about-teaser__link{grid-column:2;justify-self:start}.footer-top{grid-template-columns:1fr}}@media (width<=760px){.about-teaser__card{border-radius:22px;grid-template-columns:1fr;gap:22px;padding:26px 22px}.about-teaser__faces img{width:68px;height:68px}.about-teaser__link{grid-column:auto;justify-content:space-between;justify-self:stretch}.site-footer{padding:44px 5% 96px}.footer-sitemap{grid-template-columns:1fr 1fr;row-gap:30px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}.theme-switch{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f2f2;border:1px solid #193c2b40;border-radius:6px;align-items:center;gap:3px;padding:5px;display:flex;position:fixed;bottom:17px;right:22px;box-shadow:0 3px 25px #193c2b14}.theme-switch>span{letter-spacing:1px;margin:0 9px;font-size:7px;font-weight:700}.theme-switch button{background:0 0;border:0;border-radius:3px;padding:8px 11px;font-size:9px;font-weight:600}.theme-switch button[aria-pressed=true]{background:var(--ink);color:#f3f5e8}[data-reveal]{opacity:1;transform:none}[data-reveal].is-visible{animation:.8s cubic-bezier(.16,1,.3,1) both reveal}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bag-in{0%{opacity:0;filter:blur(4px);translate:0 15px}to{opacity:1;filter:blur();translate:0}}@keyframes reveal{0%{opacity:.35;translate:0 25px}to{opacity:1;translate:0}}html[data-theme=classic]{--display:Georgia, "Times New Roman", serif;--paper:#fcfaf3;--celadon:#edeedf;--acid:#e8edc9;--ink:#285d38;background:var(--paper)}html[data-theme=classic] .hero{background:radial-gradient(at 50% 52%,#faf9ee,#e5e9db)}html[data-theme=classic] .hero-title{letter-spacing:-.055em;font-weight:500}html[data-theme=classic] .logo-link,html[data-theme=classic] .footer-brand{font-family:Manrope Variable,Arial,sans-serif}html[data-theme=classic] .brand-section{background:radial-gradient(520px 380px at 78% 72%,#e8edc9bf,#0000 70%),radial-gradient(440px 300px at 8% 18%,#d6ceb88c,#0000 68%)}html[data-theme=classic] .material-display{filter:saturate(.6)}@media (width>=1600px){.hero-title{gap:285px;top:180px}.hero-bag-paper{width:310px;top:295px;left:calc(50% - 435px)}.hero-bag-textile{width:345px;top:270px;left:calc(50% + 160px)}.hero-bag-plastic{width:375px;top:310px;left:calc(50% - 175px)}.hero-bottom{bottom:55px}.section-pad{padding-left:max(5%,50vw - 750px);padding-right:max(5%,50vw - 750px)}}@media (width<=1050px){.site-header{gap:25px;height:96px;padding:0 4%}.site-header nav{gap:20px}.logo-link{font-size:22px}.hero{min-height:780px}.hero-topline{top:124px}.hero-title{gap:220px;font-size:15.5vw;top:175px}.hero-bag-paper{width:220px;top:255px;left:calc(50% - 305px)}.hero-bag-textile{width:240px;top:255px;left:calc(50% + 95px)}.hero-bag-plastic{width:275px;top:265px;left:calc(50% - 135px)}.hero-bottom{grid-template-columns:1fr 1fr}.scroll-cue{display:none}.hero-cta{justify-self:end}.section-pad{padding:85px 5%}.section-heading>p{max-width:270px;font-size:12px}.material-studio{grid-template-columns:56% 44%}.material-copy{padding:38px 28px}.material-copy h3{font-size:32px}.material-display{min-height:500px}.material-bag{width:285px}.material-tabs button{gap:13px;padding:20px 22px}.brand-panel{gap:6%}.preview-stage{min-height:640px;padding:43px 25px 32px}.brand-copy h2{font-size:43px}}@media (width<=760px){.site-header{gap:15px;height:86px;padding:0 5%}.logo-link{gap:7px;font-size:21px}.logo-link img{width:28px;height:38px}.header-cta{gap:10px;margin-left:auto;padding:9px 11px;font-size:10px}.header-cta svg{width:17px;height:17px}.menu-toggle{background:0 0;border:0;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:30px;height:33px;padding:5px;display:flex}.menu-toggle span{background:var(--ink);width:20px;height:1px;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px)rotate(-45deg)}.site-header nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 5% 17px;display:none;position:absolute;top:85px;left:0;right:0;box-shadow:0 14px 25px #193c2b0d}.site-header nav.is-open{display:flex}.site-header nav a{padding:13px 0}.site-header nav a:after{display:none}.hero{height:790px;min-height:0;max-height:none}.hero-topline{letter-spacing:1.1px;font-size:6px;top:111px;left:5%;right:5%}.hero-title{gap:262px;font-size:clamp(82px,17.3vw,130px);top:157px}.hero-title span:first-child{padding-right:13px}.hero-title span:last-child{letter-spacing:-.07em;font-size:.87em}.hero-bag-paper{width:190px;top:277px;left:calc(50% - 240px)}.hero-bag-textile{width:210px;top:259px;left:calc(50% + 60px)}.hero-bag-plastic{width:247px;top:273px;left:calc(50% - 118px)}.hero-bottom{text-align:center;flex-direction:column;align-items:center;gap:23px;display:flex;bottom:38px}.hero-bottom p{font-size:11px;line-height:1.8}.hero-cta{gap:20px;height:49px;padding-left:19px;font-size:11px}.cta-disc{width:37px;height:37px}.cta-disc svg{width:19px}.hero-side-note{display:none}.bag-label{letter-spacing:.6px;font-size:5.5px}.promise-strip{letter-spacing:-.5px;flex-wrap:wrap;justify-content:center;gap:15px;padding:20px 5%;font-size:17px}.promise-strip span:nth-of-type(4),.promise-strip svg{display:none}.promise-strip .strip-flower{font-size:20px}.promise-strip span:nth-of-type(5){text-align:center;opacity:.8;width:100%;font-size:13px}.section-pad{padding:67px 5%}.section-index{letter-spacing:1.5px;margin-bottom:22px;font-size:8px}h2{font-size:43px}.section-heading{margin-bottom:30px;display:block}.section-heading>p{max-width:100%;margin:24px 0 0;font-size:12px}.material-studio{grid-template-columns:1fr}.material-tabs{grid-column:auto}.material-tabs button{justify-content:center;gap:6px;padding:15px 10px;font-size:10px}.material-tabs button span{font-size:7px}.material-tabs button svg{display:none}.material-display{min-height:460px}.material-big-word{font-size:64px;top:29px;left:25px}.material-bag{width:283px;margin-top:20px}.material-fact{padding:9px 11px;font-size:9px;bottom:50px;left:23px}.material-caption{font-size:6px;bottom:22px;left:23px}.material-copy{border-left:0;border-top:1px solid var(--line);gap:22px;padding:30px 26px}.material-copy h3{margin:13px 0 16px;font-size:34px}.material-copy p{font-size:12px}.product-detail{padding-top:19px}.material-link{padding-bottom:9px}.brand-panel{grid-template-columns:1fr;gap:43px;padding:28px 18px}.brand-copy h2{font-size:43px}.brand-copy>p{margin:23px 0 29px;font-size:12px}.brand-form,.brand-cta,.brand-copy .preview-note{max-width:100%}.preview-stage{border-radius:50% 50% 8px 8px/21% 21% 8px 8px;min-height:555px;padding:40px 27px 26px}.theme-switch{bottom:12px;right:12px}.theme-switch button{padding:8px 9px;font-size:8px}.theme-switch>span{font-size:6px}}@media (width<=390px){.hero{height:760px}.logo-link{font-size:18px}.logo-link img{width:25px;height:33px}.header-cta{padding:9px;font-size:9px}.hero-title{gap:244px;top:170px}.hero-bag-paper{width:169px;top:285px;left:calc(50% - 205px)}.hero-bag-textile{width:182px;top:277px;left:calc(50% + 45px)}.hero-bag-plastic{width:219px;top:286px;left:calc(50% - 107px)}.promise-strip{gap:12px;font-size:15px}.material-tabs button{font-size:9px}.material-big-word{font-size:56px}h2,.brand-copy h2{font-size:38px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-title,.hero-bag{will-change:auto}.hero-title{transform:none}.hero-bag-paper{transform:rotate(-19deg)}.hero-bag-textile{transform:rotate(16deg)}.hero-bag-plastic{transform:rotate(-5deg)}}html[data-motion=paused] .float{animation-play-state:paused}html[data-motion=paused] .hero-title{transform:none}html[data-motion=paused] .hero-bag-paper{transform:rotate(-19deg)}html[data-motion=paused] .hero-bag-textile{transform:rotate(16deg)}html[data-motion=paused] .hero-bag-plastic{transform:rotate(-5deg)}.theme-switch button.motion-toggle{min-width:29px;padding:7px 8px;font-family:Arial,sans-serif;font-size:13px;line-height:1}.scroll-cue{translate:0 -22px}.header-cta{white-space:nowrap}@media (width<=760px){.hero-topline{display:none}.theme-switch{box-shadow:none;background:#f7f8f2a6;position:absolute;top:107px;bottom:auto;right:50%;transform:translate(50%)}}@media (width<=390px){.hero-title{font-size:clamp(65px,20vw,78px)}.site-header,.header-cta{gap:10px}}@media (width<=760px){.hero-title{gap:310px}}@media (width<=390px){.hero-title{gap:295px}}.material-bag{mix-blend-mode:multiply;width:min(72%,390px);height:420px;margin:0;transform:rotate(-5deg)}.material-bag img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.material-fact{bottom:24px}.material-copy h3{margin-top:0}.preview-stage{justify-content:center}@media (width<=760px){.material-bag{width:min(82%,330px);height:370px}.material-fact{bottom:20px}}.liquid-defs{width:0;height:0;position:absolute}.liquid-glass{--glass-angle:30deg;box-shadow:calc(cos(var(--glass-angle)) * 16px) calc(sin(var(--glass-angle)) * 16px) 24px #193c2b1a, calc(cos(var(--glass-angle)) * 3px) calc(sin(var(--glass-angle)) * 3px) 0 #193c2b0f;border-radius:28px}.liquid-pane{isolation:isolate;border-radius:inherit;background:0 0;position:relative;overflow:hidden}.liquid-pane.material-studio{border-radius:inherit;border:0}.liquid-pane__glass{z-index:0;pointer-events:none;background:linear-gradient(calc(90deg + var(--glass-angle)), #ffffff6b, #f7f8f229 46%, #ffffff47);-webkit-backdrop-filter:blur(12px)saturate(1.45)url(#kv-liquid);backdrop-filter:blur(12px)saturate(1.45)url(#kv-liquid);position:absolute;inset:0}.liquid-pane>:not(.liquid-pane__glass){z-index:1;position:relative}.liquid-pane:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(calc(90deg + var(--glass-angle)), #fffffffa 0%, #ffffffb8 16%, #ffffff1f 46%, #193c2b29 78%, #193c2b0f 100%);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass:has(.brand-panel){box-shadow:calc(cos(var(--glass-angle)) * 18px) calc(sin(var(--glass-angle)) * 18px) 26px #193c2b24, calc(cos(var(--glass-angle)) * 4px) calc(sin(var(--glass-angle)) * 4px) 0 #193c2b1a}.liquid-pane.brand-panel .liquid-pane__glass{background:linear-gradient(calc(90deg + var(--glass-angle)), #fff6, #f7f8f224 46%, #ffffff3d);box-shadow:inset 0 28px 36px #193c2b24,inset 0 -28px 36px #193c2b1a}.liquid-pane.brand-panel:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:url(#kv-marble);backdrop-filter:url(#kv-marble);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 36px 72px,#0000 180px calc(100% - 180px),#000 calc(100% - 72px) calc(100% - 36px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 36px 72px,#0000 180px calc(100% - 180px),#000 calc(100% - 72px) calc(100% - 36px),#0000 100%)}.liquid-pane.brand-panel:after{background:linear-gradient(calc(90deg + var(--glass-angle)), #fffffff5 0%, #ffffff80 18%, #ffffff14 46%, #193c2b42 76%, #193c2b1f 100%);filter:drop-shadow(calc(cos(var(--glass-angle)) * 3px) calc(sin(var(--glass-angle)) * 3px) 2px #193c2b29)}.liquid-pane .material-tabs,.liquid-pane .material-copy{background:0 0}.liquid-pane .material-tabs{border-bottom-color:#ffffff6b}.liquid-pane .material-tabs button{border-right-color:#ffffff47}.liquid-pane .material-tabs button:hover:not([aria-pressed=true]){background:#ffffff57}.liquid-pane .material-display{background:var(--material-bg);isolation:isolate}.liquid-pane .material-bag{mix-blend-mode:multiply}.liquid-pane .material-bag img{mix-blend-mode:normal}.liquid-pane .material-copy{border-left-color:#ffffff61}.liquid-pane .preview-stage{background:radial-gradient(at 50% 42%,#ffffff61,#dce5cd24 75%);border-color:#ffffff7a}@media (width<=760px){.liquid-glass{border-radius:22px}}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.liquid-pane__glass{filter:none;-webkit-backdrop-filter:none;background:#f7f8f2f0}.liquid-pane.brand-panel:before{display:none}}.roosa-logo{--logo-w:176px;--logo-size:max(140px, var(--logo-w));--logo-extra:0px;width:max-content;padding:calc(var(--logo-size) * 143 / 1635 + var(--logo-extra));background:#f5f5f5;display:block}.roosa-logo img{width:var(--logo-size);max-width:none;height:auto;display:block}.contact-section{--contact-text:#eef2d9;--contact-muted:#c5d19f;--contact-line:#eef2d947;background:var(--ink);color:var(--contact-text);position:relative;overflow:hidden}.contact-section.section-pad{padding-top:95px;padding-bottom:48px}.contact-section .section-index{color:var(--contact-muted)}.contact-section h2{letter-spacing:-.06em;font-size:clamp(48px,7vw,100px)}.contact-section h2 span{color:var(--acid)}.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.contact-intro>p{color:#dce4c4;max-width:420px;margin:30px 0 0;font-size:14px;line-height:1.85}.contact-people{border-top:1px solid var(--contact-line);gap:0;max-width:460px;margin:40px 0 0;padding:0;list-style:none;display:grid}.contact-people li{border-bottom:1px solid var(--contact-line);grid-template-columns:1.1fr .9fr 1.3fr;align-items:baseline;gap:12px;padding:14px 0;font-size:12px;display:grid}.contact-people strong{font-weight:650}.contact-people a{color:#dce4c4;transition:color .2s}.contact-people a:hover{color:var(--acid)}.contact-form{background:linear-gradient(150deg,#eef2d91a,#eef2d908 55%,#def0930f);border:1px solid #eef2d929;border-radius:28px;grid-template-columns:1fr 1fr;gap:26px 28px;padding:clamp(26px,3.4vw,44px);display:grid;box-shadow:inset 0 1px #eef2d929}.contact-topic{color:#1e3465;background:#ecaacb;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;gap:10px;margin:0;padding:6px 6px 6px 14px;font-size:12px;font-weight:650;display:inline-flex}.contact-topic span{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:9px}.contact-topic button{background:#1e34651f;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:15px;line-height:1;display:grid}.contact-field{flex-direction:column;gap:8px;min-width:0;display:flex}.contact-field--wide{grid-column:1/-1}.contact-field label{letter-spacing:.16em;text-transform:uppercase;color:var(--contact-muted);font-size:10px;font-weight:700;transition:color .2s}.contact-field label span,.contact-field:focus-within label{color:var(--acid)}.contact-field input,.contact-field textarea{border:0;border-bottom:1px solid var(--contact-line);width:100%;color:var(--contact-text);font:inherit;font-family:var(--display);letter-spacing:-.02em;background:0 0;border-radius:0;padding:10px 0 12px;font-size:clamp(18px,1.5vw,21px);transition:border-color .2s}.contact-field textarea{resize:vertical;min-height:132px;line-height:1.5}.contact-field input:hover,.contact-field textarea:hover{border-bottom-color:#eef2d980}.contact-field input:focus,.contact-field textarea:focus{border-bottom-color:var(--acid);box-shadow:0 1px 0 var(--acid);outline:none}.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:none}.contact-field input[aria-invalid=true]{border-bottom-color:#f6a99d;box-shadow:0 1px #f6a99d}.contact-field input:-webkit-autofill{-webkit-text-fill-color:var(--contact-text);caret-color:var(--contact-text);box-shadow:inset 0 0 0 100px #24503a}.contact-error{color:#f6c3ba;margin:2px 0 0;font-size:12px}.contact-actions{grid-column:1/-1;align-items:center;gap:22px;margin-top:4px;display:flex}.contact-submit{background:var(--acid);color:var(--ink);border:0;border-radius:4px;flex-shrink:0;align-items:center;gap:26px;padding:15px 18px 15px 22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.contact-submit svg{transition:transform .25s}.contact-submit:hover{background:#eef7c2}.contact-submit:hover svg{transform:translate(4px)}.contact-submit:active{transform:translateY(1px)}.contact-submit:focus-visible{outline-color:var(--acid)}.contact-note{max-width:300px;color:var(--contact-muted);margin:0;font-size:11px;line-height:1.6}.contact-status{color:var(--acid);grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}.contact-status:empty{display:none}.contact-status a{text-underline-offset:3px;text-decoration:underline}.contact-section .contact-bottom{border-top:1px solid var(--contact-line);color:#dce4c4;margin:56px 0 0;padding-top:22px;font-size:11px;display:block}@media (width<=1050px){.contact-section.section-pad{padding-top:85px;padding-bottom:45px}.contact-grid{grid-template-columns:1fr}.contact-people{max-width:560px}}@media (width<=760px){.contact-section.section-pad{padding-top:67px}.contact-section h2{font-size:clamp(40px,9.5vw,67px)}.contact-section .section-index{letter-spacing:1px;font-size:7px}.contact-intro>p{font-size:13px}.contact-people li{grid-template-columns:1fr auto;row-gap:2px}.contact-people li a:last-child{grid-column:1/-1}.contact-form{border-radius:22px;grid-template-columns:1fr;gap:22px;padding:24px 20px}.contact-actions{flex-direction:column;align-items:stretch;gap:14px}.contact-submit{justify-content:space-between}}@media (width<=390px){.contact-section h2{font-size:37px}}
