:root{--ink:#0a0a09;--paper:#f1ede7;--cream:#e8dfd2;--green:#0d452f;--line:rgba(10,10,9,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
.totes-nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:2}
.totes-wordmark,.totes-nm-link,.totes-language{color:inherit;text-decoration:none;font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:800;letter-spacing:.12em}
.totes-wordmark{font-size:1.55rem}
.totes-nav-actions{display:flex;align-items:center;gap:24px}
.totes-language{border:1px solid var(--ink);background:transparent;padding:8px 12px;cursor:pointer}
.totes-hero{min-height:calc(100vh - 86px);padding:10vh clamp(22px,7vw,110px) 7vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 75% 35%,#fff 0,transparent 35%),var(--paper)}
.totes-kicker,.totes-section-heading>p:first-child,.totes-interest-copy>p:first-child{font:700 .82rem Inter,sans-serif;letter-spacing:.2em}
.totes-hero h1,.totes-section-heading h2,.totes-interest h2,.totes-thanks h1{font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:.82;margin:.18em 0;font-size:clamp(4.6rem,13vw,12rem)}
.totes-hero-line{font-size:clamp(1.05rem,2vw,1.5rem)}
.totes-arrow{color:inherit;text-decoration:none;font-size:3rem;margin-top:7vh;align-self:flex-start}
.totes-drop{padding:clamp(70px,10vw,150px) clamp(18px,5vw,76px);background:#fff}
.totes-section-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:5vw;margin-bottom:90px}
.totes-section-heading h2{font-size:clamp(4rem,10vw,9rem);grid-column:2}
.totes-section-heading h2 em{color:var(--green);font-style:normal}
.totes-intro{grid-column:2;max-width:620px;font-size:1.1rem;line-height:1.7}
.totes-product{display:grid;grid-template-columns:minmax(240px,.72fr) 1.6fr;align-items:center;gap:clamp(25px,5vw,80px);padding:55px 0;border-top:1px solid var(--line)}
.totes-product img{width:100%;height:auto;display:block}
.totes-product-copy span{font-weight:700;letter-spacing:.18em}
.totes-product-copy h3{font:900 clamp(4rem,9vw,8rem)/.9 "Barlow Condensed",Arial Narrow,sans-serif;margin:.1em 0}
.totes-product-copy p{line-height:1.65;max-width:440px}
.totes-product-copy strong{display:block;font-family:"Barlow Condensed",Arial Narrow,sans-serif;letter-spacing:.12em}
.totes-product-link{display:inline-block;margin-top:24px;color:inherit;text-decoration:none;font:800 .82rem Inter,sans-serif;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:5px}
.totes-product-reverse img{order:-1}
.totes-product-reverse{grid-template-columns:1.6fr minmax(240px,.72fr)}
.totes-calendar{background:var(--green);color:#fff;margin:55px calc(clamp(18px,5vw,76px) * -1) -150px;padding:clamp(45px,6vw,90px) clamp(18px,5vw,76px);border:0}
.totes-interest{background:var(--ink);color:#fff;padding:clamp(95px,12vw,180px) clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,140px)}
.totes-interest h2{font-size:clamp(4rem,9vw,8rem)}
.totes-interest-copy>p:last-child{max-width:500px;line-height:1.7}
.totes-form{align-self:center}
.totes-form .errorlist{list-style:none;padding:8px 0 0;margin:0;color:#f1ae9b;font-size:.85rem}
.totes-form>ul.errorlist{border:1px solid #f1ae9b;padding:12px;margin-bottom:18px}
.totes-field{margin-bottom:25px}
.totes-field label,.totes-form legend{display:block;font:700 .78rem Inter,sans-serif;letter-spacing:.14em;margin-bottom:9px}
.totes-input{width:100%;border:0;border-bottom:1px solid #777;background:transparent;color:#fff;padding:10px 2px;font:500 1.15rem Inter,sans-serif;border-radius:0}
.totes-input:focus{outline:0;border-color:#fff}
.totes-quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.totes-quantities .totes-input{border:1px solid #666;padding:12px}
.totes-consent{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:18px 0 30px;font-size:.85rem;line-height:1.5}
.totes-check{width:18px;height:18px;accent-color:var(--green)}
.totes-submit{width:100%;padding:18px 22px;background:var(--paper);border:1px solid var(--paper);color:var(--ink);font:800 1rem Inter,sans-serif;letter-spacing:.08em;cursor:pointer}
.totes-submit:hover,.totes-submit:focus{background:var(--green);color:#fff;border-color:#fff}
.totes-honeypot-wrap{position:absolute;left:-10000px}
.totes-footer{display:flex;justify-content:space-between;gap:20px;padding:32px clamp(22px,5vw,76px);background:var(--green);color:#fff;font:700 .75rem Inter,sans-serif;letter-spacing:.14em}
.totes-thanks-page{background:var(--green);color:#fff}
.totes-thanks{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8vw}
.totes-thanks h1{font-size:clamp(5rem,14vw,13rem)}
.totes-thanks>p:last-of-type{font-size:1.15rem}
.totes-thanks div{display:flex;gap:30px;margin-top:45px}
.totes-thanks a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:5px}
@media(max-width:800px){.totes-nm-link{display:none}
.totes-hero{min-height:75vh}
.totes-section-heading{display:block}
.totes-section-heading h2,.totes-intro{grid-column:auto}
.totes-product,.totes-product-reverse{grid-template-columns:1fr}
.totes-product img,.totes-product-reverse img{order:-1}
.totes-calendar{margin-bottom:-150px}
.totes-interest{grid-template-columns:1fr}
.totes-quantities{grid-template-columns:1fr}
.totes-footer{flex-direction:column}
.totes-thanks div{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){.totes-nav{height:72px}
.totes-wordmark{font-size:1.25rem}
.totes-hero h1{font-size:4.4rem}
.totes-product-copy h3{font-size:4.4rem}
.totes-product{padding:38px 0}
.totes-calendar{padding-top:45px;padding-bottom:45px}
.totes-thanks{padding:24px}
}

.totes-wordmark{display:inline-flex;align-items:center;gap:12px}
.totes-collaboration{background:var(--green);color:#fff;margin:55px calc(clamp(18px,5vw,76px) * -1) -150px;padding:clamp(60px,8vw,120px) clamp(18px,7vw,110px)}
.totes-collaboration p{font-weight:700;letter-spacing:.18em}
.totes-collaboration h3{font:900 clamp(3.5rem,8vw,7rem)/.9 "Barlow Condensed",Arial Narrow,sans-serif;max-width:800px;margin:.25em 0}
.totes-preview-crop{width:100%;aspect-ratio:3/1;overflow:hidden;padding:0;background:#f3efe9}
.totes-preview-crop img{width:100%;height:200%;max-width:none;object-fit:cover;display:block}
.totes-preview-en img{transform:translateY(0)}
.totes-preview-bg img{transform:translateY(-50%)}
.totes-product-reverse .totes-preview-crop{order:-1}