:root{--navy:#112839;--ink:#172b37;--muted:#546571;--cream:#f6f5f1;--line:#dce2e5;--mint:#d4e8dc;--accent:#eb7369;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}body.dialog-open{overflow:hidden}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ce624c;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.test-bar{text-align:center;padding:12px 18px;background:#e7eee9;color:#253f36;font-size:12px;line-height:1.5}.test-bar strong{font-size:10px;letter-spacing:.14em;margin-right:14px;border:1px solid #72867b;border-radius:4px;padding:3px 6px}.team-header{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.aloe-wordmark{font-weight:850;letter-spacing:.12em;font-size:22px;white-space:nowrap}.aloe-wordmark span{display:block;font-size:9px;letter-spacing:.19em;margin-top:6px;font-weight:600}.team-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.team-header nav>a{text-decoration:none}.cart-toggle{border:1px solid #c9d0d3;background:transparent;border-radius:30px;padding:13px 18px;color:var(--ink);font-weight:700}.cart-toggle span{margin-left:9px;background:var(--navy);color:white;border-radius:20px;padding:4px 8px;font-size:12px}.hero{background:var(--navy);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:590px}.hero-copy{padding:60px 52px;color:#fff;align-self:center}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.2em;line-height:1.6}.hero-copy .eyebrow{color:#b9d3c7}.hero h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:-.065em;line-height:1.03;font-weight:600;margin:25px 0}.hero h1 em{color:var(--mint);font-style:normal}.hero p{font-size:16px;color:#d0d9de;line-height:1.65;max-width:380px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 21px;border:0;border-radius:10px;background:var(--navy);color:white;font-size:14px;font-weight:700;text-decoration:none;min-height:50px}.button:hover{background:#234356}.button.light{background:var(--mint);color:var(--navy)}.button.light:hover{background:white}.hero-notes{display:flex;gap:17px;flex-wrap:wrap;margin-top:34px;color:#c7d3d8;font-size:10px}.hero-notes span:before{content:"✓";margin-right:6px;color:var(--mint)}.hero-visual{position:relative;background:#e8eaec;min-width:0;display:flex;align-items:center}.hero-visual>img{width:100%;height:100%;object-fit:cover}.club-stamp{position:absolute;top:25px;right:24px;display:flex;align-items:center;gap:10px;background:#ffffffdf;padding:12px 15px;border-radius:10px;font-size:12px;letter-spacing:.12em;font-weight:700}.club-stamp>span{font-size:26px}.club-stamp small{display:block;font-size:7px;margin-top:4px;font-weight:500}.image-caption{position:absolute;bottom:18px;right:22px;font-size:10px;color:#52626c}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-block:34px;border-bottom:1px solid var(--line);gap:25px}.benefits>div{display:flex;align-items:center;gap:15px}.benefits>div>span{font-size:12px;color:#71837b;border:1px solid #cbd7d0;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none}.benefits p{margin:0;font-size:12px;color:var(--muted);line-height:1.7}.benefits strong{display:block;color:var(--ink);font-size:14px}.collection{padding-block:65px;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:18px}h2{font-size:36px;letter-spacing:-.04em;line-height:1.12;font-weight:600;margin:12px 0 0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.test-prices{font-size:11px;color:var(--muted);line-height:1.65;max-width:850px;margin:0 0 27px;font-weight:400}.test-prices strong{font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.product-image{position:relative;background:#e8eaed;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.product-card:hover .product-image img{transform:scale(1.025)}.product-badge{position:absolute;left:17px;top:17px;background:#fffdf7ed;border-radius:20px;font-size:8px;letter-spacing:.1em;padding:8px 10px;font-weight:700}.product-body{padding:25px}.product-overline{font-size:8px;letter-spacing:.17em;color:#60746b}.product-body h3{font-size:23px;letter-spacing:-.025em;margin:10px 0}.product-description{font-size:13px;color:var(--muted);line-height:1.6;min-height:42px;margin:0 0 19px}.color{font-size:11px;display:flex;align-items:center;gap:8px}.swatch{background:#162a43;display:inline-block;width:14px;height:14px;outline:1px solid #b7c1c7;outline-offset:2px;border-radius:50%}.price{font-size:12px;margin:20px 0 5px}.price strong{font-size:24px;font-weight:700}.price-note{font-size:10px;color:var(--muted);margin:0 0 20px;line-height:1.5}.product-form{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:12px}.product-form label{font-size:11px;font-weight:700;display:block;margin-bottom:7px}.product-form input,.product-form select,#test-delivery{width:100%;min-width:0;border:1px solid #c7cfd4;background:white;color:var(--ink);border-radius:8px;padding:12px;min-height:46px;font-size:14px}.product-form button{grid-column:1/-1;width:100%;margin-top:3px;font-size:12px}.faq{padding-block:50px 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq h2{font-size:32px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:14px;font-weight:700;cursor:pointer;line-height:1.5}.faq details p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:0}.team-footer{padding-block:30px 80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.team-footer .aloe-wordmark{font-size:17px}.team-footer p{font-size:10px;line-height:1.7;color:var(--muted)}.team-footer a{font-size:11px}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:white;z-index:1000}.skip:focus{top:10px}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:#fff;border:1px solid #405c6e;border-radius:10px;box-shadow:0 10px 40px #14273533;max-width:calc(100% - 32px);padding:15px 20px;z-index:20;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 50px);padding:30px;border:0;border-radius:20px;color:var(--ink);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#0b1c2bc9;backdrop-filter:blur(4px)}.dialog-top{display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.dialog-top h2{font-size:29px}.icon-button{border:1px solid var(--line);border-radius:50%;height:40px;width:40px;flex:none;background:white;font-size:26px;color:var(--ink)}.cart-notice{background:#edf2ee;color:#375344;padding:12px 14px;border-radius:8px;font-size:11px;margin:23px 0}.cart-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;align-items:start}.cart-line img{width:72px;height:72px;border-radius:8px;object-fit:cover}.line-info h3{font-size:14px;margin:0 0 7px}.line-info p{font-size:10px;color:var(--muted);line-height:1.5;margin:4px 0}.line-price{font-size:13px;white-space:nowrap}.line-controls{display:flex;gap:10px;align-items:center;margin-top:10px}.line-controls input{width:65px;border:1px solid #bcc8d0;border-radius:6px;padding:10px;min-height:42px;color:var(--ink)}.text-button{padding:12px 0;border:0;background:transparent;font-size:11px;color:var(--muted);text-decoration:underline;min-height:42px}.delivery-label{display:block;font-size:12px;font-weight:700;margin:24px 0 10px}.totals{padding:15px 0}.totals p{display:flex;justify-content:space-between;gap:10px;font-size:13px}.totals .grand-total{padding-top:16px;border-top:1px solid var(--line);font-size:17px}.totals .tax-note{display:block;font-size:10px;color:var(--muted);line-height:1.6}.full{width:100%}.fineprint{font-size:10px;color:var(--muted);line-height:1.7}.empty-cart{padding:25px 0;line-height:1.7;font-size:14px}.success-mark{display:grid;place-items:center;font-size:24px;width:55px;height:55px;background:var(--mint);border-radius:50%;margin-top:25px}#test-confirmation h3{font-size:23px;margin-bottom:12px}#test-confirmation p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}#test-confirmation .button{margin-top:15px;font-size:12px}
@media(min-width:1100px){.product-card:nth-child(4){grid-column:1/2}.product-card:nth-child(5){grid-column:2/3}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{min-height:480px}.hero-copy{padding:38px 32px}.hero h1{font-size:48px}.hero p{font-size:14px}.hero-notes{gap:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{gap:14px}.benefits strong{font-size:12px}.benefits p{font-size:10px}.faq{gap:35px}.team-footer{flex-wrap:wrap}.club-stamp{top:14px;right:14px;padding:10px;font-size:9px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.test-bar{font-size:9px;padding:10px 15px}.test-bar strong{font-size:8px;margin-right:6px}.team-header{min-height:85px;gap:12px}.aloe-wordmark{font-size:17px;letter-spacing:.08em}.aloe-wordmark span{font-size:7px}.team-header nav>a{display:none}.cart-toggle{font-size:10px;padding:10px 11px}.cart-toggle span{font-size:10px;margin-left:3px}.hero{grid-template-columns:1fr;border-radius:16px;min-height:0}.hero-copy{padding:35px 27px 30px}.hero h1{font-size:49px;margin:18px 0 21px}.hero p{font-size:14px;margin-bottom:24px;max-width:340px}.hero-notes{margin-top:24px;font-size:9px;gap:13px}.hero-visual{max-height:390px;aspect-ratio:1.15}.hero-visual>img{object-position:center 48%}.club-stamp{font-size:10px}.benefits{padding-block:24px;grid-template-columns:1fr;gap:15px}.benefits strong{font-size:13px}.benefits p{font-size:11px}.benefits>div>span{width:30px;height:30px;font-size:10px}.collection{padding-block:40px}.section-heading{display:block}.section-heading h2{font-size:31px}.section-heading>p{margin-top:14px;font-size:12px}.test-prices{font-size:10px}.product-grid{grid-template-columns:1fr;gap:20px}.product-body{padding:23px}.product-description{min-height:0}.product-badge{font-size:9px}.faq{grid-template-columns:1fr;gap:22px;padding-block:35px 45px}.faq h2{font-size:29px}.faq summary{font-size:13px}.team-footer{display:block;padding-block:25px 80px}.team-footer p{margin:20px 0}.toast{width:calc(100% - 32px);text-align:center;font-size:12px}dialog{padding:21px;width:calc(100% - 20px);max-height:calc(100dvh - 30px);border-radius:15px}.dialog-top h2{font-size:24px}.cart-line{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}.cart-line img{width:56px;height:56px}.line-info h3{font-size:12px}.line-info p{font-size:9px}.line-price{font-size:11px}.totals .grand-total{font-size:15px}}
.team-header{position:sticky;top:0;z-index:10;background:var(--cream)}.collection{scroll-margin-top:110px}.team-brand-logo{width:auto;max-width:180px;height:auto;max-height:85px;object-fit:contain;margin-bottom:24px}.hero h1{overflow-wrap:anywhere}.club-stamp{max-width:calc(100% - 32px);overflow-wrap:anywhere}.hero-copy{min-width:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}