:root{font-family:Arial,Helvetica,sans-serif;color:#1d2923;background:#f8f8f3;font-synthesis:none;--green:#284c39;--line:#dedfd7;--muted:#68726a;--sand:#b5a98c;--ocean:#718b87;--clay:#b07761}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,.variant-option:has(input:focus-visible){outline:3px solid #c47733;outline-offset:4px}a{color:inherit}.demo-banner{padding:12px 5vw;background:#223f30;color:#f3f6eb;font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.demo-dot{width:6px;height:6px;border-radius:50%;background:#cfde96}.banner-detail{margin-left:auto;font-size:11px;font-weight:400;letter-spacing:0;color:#d7e0d5}.site-header{margin:0 5vw;padding:26px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:25px;font-weight:700;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center}.wordmark>span:first-child{color:#748572}.wordmark-tag{font-size:8px;letter-spacing:1.8px;margin-left:15px;font-weight:400;padding-left:15px;border-left:1px solid var(--line)}.back-link{font-size:12px;text-decoration:none;color:var(--muted)}.back-link span{padding-left:10px}main{max-width:1350px;padding:0 5vw;margin:auto}.case-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;padding:62px 0 37px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#75816e;margin:0 0 19px}h1{font-size:clamp(35px,4.4vw,62px);line-height:1.07;letter-spacing:-2.7px;font-weight:500;margin:0}.case-intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:340px;justify-self:end;margin:0 0 4px}.mode-panel{background:#eeefe7;border:1px solid var(--line);padding:11px;display:flex;align-items:center;gap:22px;margin-bottom:28px;border-radius:9px}.mode-tabs{display:flex;gap:4px;flex-shrink:0}.mode-tabs button{border:0;background:transparent;padding:12px 17px;font-size:12px;color:#637065;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:8px}.mode-tabs button[aria-pressed=true]{background:#fff;color:#25382a;box-shadow:0 2px 5px #2337220d}.tab-dot{height:5px;width:5px;border-radius:50%}.legacy-dot{background:#c27657}.fixed-dot{background:#547845}.mode-panel>p{margin:0;font-size:11px;line-height:1.6;color:var(--muted)}.product-layout{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.product-art{min-height:530px;position:relative;background:#edeee6;overflow:hidden;display:flex;align-items:center;justify-content:center;--vessel-tone:var(--sand)}.product-art[data-tone=ocean]{--vessel-tone:var(--ocean)}.product-art[data-tone=clay]{--vessel-tone:var(--clay)}.art-label,.art-caption{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;color:#747b6e;font-size:8px;letter-spacing:1.5px;z-index:2}.art-label{top:30px}.art-caption{bottom:29px;font-size:10px;letter-spacing:0}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,#9fa69510 1px,transparent 1px),linear-gradient(#9fa69510 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(transparent,#000,transparent)}.vessel{position:relative;width:174px;height:281px;transform:rotate(-8deg);filter:drop-shadow(15px 17px 13px #3a4a3821);transition:transform .3s}.product-art[data-tone=ocean] .vessel{transform:rotate(-8deg) scale(1.06)}.product-art[data-tone=clay] .vessel{transform:rotate(-8deg) scale(1.13)}.vessel-lid{position:absolute;top:0;left:1px;width:172px;height:45px;border-radius:31px 31px 6px 6px;background:linear-gradient(90deg,#444c42,#6b7564 25%,#566150 70%,#3c4539);box-shadow:inset 0 -3px 2px #27302166;z-index:3}.vessel-lid:before{content:'';position:absolute;top:-12px;left:61px;width:49px;height:15px;border-radius:8px 8px 0 0;background:#46543f}.vessel-body{position:absolute;inset:32px 3px 0;border-radius:10px 10px 40px 40px;background:linear-gradient(90deg,#0002,transparent 22%,#fff3 36%,transparent 64%,#0002),var(--vessel-tone);box-shadow:inset 0 2px 8px #fff6,inset 0 -3px 7px #0002;transition:background-color .25s}.vessel-body>span{position:absolute;top:68%;width:100%;text-align:center;font-size:16px;letter-spacing:-.7px;color:#ffffffb0}.vessel-shadow{position:absolute;width:230px;height:32px;border-radius:50%;background:#6c775524;transform:translate(22px,151px) rotate(-4deg);filter:blur(10px)}.product-details{padding:46px 40px}.product-details>.eyebrow{font-size:8px;margin-bottom:14px}.product-details h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:0 0 9px}.product-subtitle{font-size:11px;color:var(--muted);margin:0}.price-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 22px}.price{font-size:26px;letter-spacing:-.6px;margin:0}.price small{font-size:9px;letter-spacing:.6px;color:var(--muted);margin-left:4px}.availability{font-size:10px;background:#eef3e7;color:#516342;padding:7px 10px;border-radius:20px}.availability.unavailable{background:#f4e8e0;color:#9b624b}.product-copy{font-size:12px;line-height:1.75;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}fieldset{border:0;margin:0;padding:0}legend{font-size:11px;width:100%;margin-bottom:13px;display:flex;justify-content:space-between;color:#4b5a4f}legend>span{font-size:10px;color:var(--muted)}.variant-options{display:grid;gap:8px}.variant-option{border:1px solid #e1e3da;border-radius:5px;padding:12px;display:flex;gap:11px;align-items:center;cursor:pointer;position:relative}.variant-option:has(input:checked){border-color:#627963;background:#f9fbf4;box-shadow:inset 0 0 0 1px #627963}.variant-option input{position:absolute;opacity:0;width:1px;height:1px}.swatch{width:27px;height:27px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d4d7cb;flex-shrink:0}.sand{background:var(--sand)}.ocean{background:var(--ocean)}.clay{background:var(--clay)}.variant-option strong{display:block;font-size:11px;font-weight:500;margin-bottom:4px}.variant-option small{font-size:9px;color:var(--muted)}.sold-out-option{color:#9b624b;margin-left:8px}.choice-indicator{margin-left:auto;width:13px;height:13px;border:1px solid #b8c0b3;border-radius:50%}.variant-option:has(input:checked) .choice-indicator{background:#395d41;border:3px solid #fff;box-shadow:0 0 0 1px #395d41}.submit-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;border:0;border-radius:5px;padding:17px 18px;background:#2d4c37;color:#fff;font-size:11px;cursor:pointer}.submit-button:disabled{background:#e8e9e2;color:#84907e;cursor:not-allowed}.form-note{font-size:9px;line-height:1.7;color:#84907e;margin:11px 0 0}.receipt{margin-top:16px;padding:12px;border:1px solid #cbd8bf;background:#f5f8ef;font-size:11px;line-height:1.8;border-radius:5px;overflow-wrap:anywhere}.receipt.mismatch{border-color:#d7b9a5;background:#fff6ee;color:#975d43}.diagnostics{margin:28px 0 0;border:1px solid var(--line);border-radius:9px;background:#f0f1e9;padding:27px}.diagnostic-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.diagnostic-heading .eyebrow{font-size:8px;margin-bottom:9px}.diagnostic-heading h2,.try-section h2{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0}.sync-badge{font-size:10px;color:#58734b;border:1px solid #cad5bc;border-radius:20px;padding:8px 12px}.sync-badge.mismatch{color:#985e43;border-color:#dfc4b0;background:#fcf3e9}.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.diagnostic-grid>div{border-top:1px solid #d6dbcc;padding-top:17px}.diagnostic-grid span{display:block;font-size:8px;letter-spacing:1.3px;color:#7f897a;margin-bottom:9px}.diagnostic-grid strong{display:block;font-family:Consolas,monospace;font-size:13px;font-weight:400}.diagnostic-grid small{display:block;font-size:9px;color:#7e8978;margin-top:7px}.url-row{margin-top:23px;padding-top:16px;border-top:1px solid #d6dbcc;display:flex;align-items:baseline;gap:22px}.url-row>span{font-size:8px;letter-spacing:1.2px;white-space:nowrap;color:#7f897a}.url-row code{font-size:10px;overflow-wrap:anywhere;line-height:1.7;color:#52604e}.inspector-note{font-size:9px;color:#7d8775;line-height:1.7;margin:9px 0 0}.try-section{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:54px 0}.try-section .eyebrow{font-size:8px}.try-section ol{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;gap:19px}.try-section li{position:relative;padding-left:32px;counter-increment:steps}.try-section li:before{content:'0' counter(steps);position:absolute;left:0;top:2px;font-size:9px;color:#839278}.try-section strong{display:block;font-size:11px;font-weight:500;margin-bottom:6px}.try-section li span{font-size:11px;line-height:1.8;color:var(--muted);display:block}footer{border-top:1px solid var(--line);padding:24px 5vw;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#88917f}footer span{white-space:nowrap}footer p{margin:0;max-width:480px;line-height:1.7;text-align:right}.noscript{padding:20px;background:#fff0df}
@media(min-width:1600px){main{padding:0 60px}}@media(max-width:900px){.product-details{padding:32px 26px}.product-art{min-height:520px}.mode-panel{align-items:flex-start;gap:10px;flex-direction:column}.mode-panel>p{padding:0 8px 5px}.diagnostic-grid strong{font-size:11px}.case-heading{gap:30px}.case-intro{font-size:12px}}@media(max-width:640px){.banner-detail{margin-left:0;flex-basis:100%;padding-left:16px}.site-header{padding:20px 0}.wordmark-tag{display:none}.case-heading{grid-template-columns:1fr;gap:22px;padding:38px 0 28px}h1{letter-spacing:-1.6px}.case-intro{justify-self:start;max-width:100%}.mode-tabs{width:100%}.mode-tabs button{flex:1;justify-content:center;padding:12px 9px}.product-layout{grid-template-columns:1fr}.product-art{min-height:360px}.vessel{transform:rotate(-8deg) scale(.8)}.product-art[data-tone=ocean] .vessel{transform:rotate(-8deg) scale(.85)}.product-art[data-tone=clay] .vessel{transform:rotate(-8deg) scale(.9)}.vessel-shadow{transform:translate(14px,120px) scale(.8)}.art-label,.art-caption{left:22px;right:22px}.product-details{padding:29px 24px}.diagnostics{padding:22px}.diagnostic-heading{align-items:flex-start;flex-direction:column;gap:15px}.diagnostic-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.diagnostic-grid strong{font-size:12px}.url-row{display:block}.url-row>span{display:block;margin-bottom:8px}.try-section{grid-template-columns:1fr;gap:25px;padding:38px 0}footer{display:block}footer p{text-align:left;margin-top:10px}.back-link{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}