:root{--paper:#f4f1ea;--ink:#24231f;--muted:#6d6b63;--line:#d9d5cb;--sand:#c5b49c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #936747;outline-offset:5px}.preview{padding:9px 4%;background:#282822;color:#f6f3e9;font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between}.preview span{letter-spacing:.4px;opacity:.75}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line)}.wordmark{font-size:41px;letter-spacing:-3px;font-weight:800}.wordmark span{font-weight:400}nav{display:flex;gap:34px;font-size:12px}#bag{border:0;background:none;font-size:12px}#count{display:inline-flex;border:1px solid var(--ink);border-radius:50%;width:22px;height:22px;align-items:center;justify-content:center;margin-left:8px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:660px}.hero-copy{padding:100px 6% 90px 8%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:25px}h1{font-size:clamp(55px,5.6vw,92px);font-weight:500;letter-spacing:-5px;line-height:.99;margin:0 0 30px}p{font-size:15px;line-height:1.7;color:var(--muted)}.hero-copy p{max-width:300px;margin:0 0 32px}.button{display:inline-flex;padding:18px 23px;align-items:center;gap:45px;font-size:12px;border:1px solid var(--ink);border-radius:3px}.button span{font-size:18px}.dark{background:var(--ink);color:var(--paper)}.button:hover{background:#514b3e;color:white}.hero-note{margin-top:56px;font-size:11px;color:var(--muted)}.paw{font-size:22px;margin-right:10px;color:var(--ink)}.hero-photo{position:relative;background:#e7e1d7;min-height:590px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-tag{position:absolute;bottom:35px;left:35px;font-size:9px;letter-spacing:1.7px;background:#f4f1eac9;padding:12px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:20px 4%;font-size:9px;letter-spacing:1.4px}.hero-bottom a{font-size:25px}.collection{padding:95px 4% 75px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:clamp(38px,4.3vw,65px);line-height:1.04;letter-spacing:-2.8px;font-weight:500;margin:0}.collection-intro p{font-size:13px;margin-bottom:25px}.filters{display:flex;gap:6px}.filters button{background:none;border:1px solid var(--line);padding:9px 14px;border-radius:30px;font-size:11px}.filters .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:0;padding:0;background:none;text-align:left;display:block;width:100%}.product-art{aspect-ratio:4/4.7;position:relative;background:#e9e5dc;display:flex;align-items:center;justify-content:center;overflow:hidden}.product:nth-child(even) .product-art{background:#e2ded4}.product-art svg{width:88%;height:88%;transition:transform .4s}.product:hover svg{transform:scale(1.045)}.product-art .tag{position:absolute;top:16px;left:15px;font-size:8px;letter-spacing:1.3px}.plus{position:absolute;bottom:15px;right:15px;background:var(--paper);border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:20px}.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:16px}.product-meta small{color:var(--muted);font-size:11px}.product-type{font-size:10px;color:var(--muted);margin-top:7px}.fineprint{font-size:10px;line-height:1.6;color:var(--muted);margin-top:24px}.together{display:grid;grid-template-columns:1fr 1fr;margin:0 4% 90px;background:#e7e0d5}.together-art{min-height:500px;position:relative;background:#c6b8a2;overflow:hidden}.circle-text{position:absolute;left:35px;top:30px;font-size:10px;letter-spacing:2px}#pair-art{display:flex;align-items:center;justify-content:center;height:100%;min-height:470px}#pair-art svg{width:58%;filter:drop-shadow(0 15px 10px #69543b26)}#pair-art svg+svg{margin-left:-23%;margin-top:130px;width:52%}.pair-label{position:absolute;bottom:26px;left:35px;font-size:9px;letter-spacing:1.6px}.together-copy{padding:80px 12%;align-self:center}.together-copy p{margin:25px 0;max-width:320px}.small-note{display:block;font-size:10px;color:var(--muted);margin-top:18px}.story{padding:35px 20% 100px;text-align:center}.story p{max-width:440px;margin:25px auto}.story-sign{font-family:Georgia,serif;font-style:italic;font-size:20px}footer{border-top:1px solid var(--line);padding:45px 4% 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}footer p,footer>a:last-of-type{font-size:11px}.footer-line{width:100%;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:20px}dialog{border:0;background:var(--paper);color:var(--ink);padding:45px;width:min(850px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#16161188;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail-art{background:#e5e0d6;display:grid;place-items:center}.detail-art svg{width:100%}.detail-copy h2{font-size:39px}.detail-copy p{font-size:12px}.detail-copy select{background:transparent;border:1px solid var(--line);padding:12px;width:100%;margin-bottom:15px}.detail-copy .button{width:100%;justify-content:space-between}.pair-suggestion{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.pair-suggestion button{border:0;background:none;text-align:left;text-decoration:underline;padding:8px 0}.bag-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.bag-row button{border:0;background:none;text-decoration:underline;font-size:11px}.bag-total{font-size:20px;margin:25px 0}.empty{padding:30px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:15px 25px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}@media(hover:hover) and (pointer:fine){body,a,button,select{cursor:url("assets/paw.svg") 10 10,auto}}@media(max-width:800px){header{height:75px}nav{gap:15px;font-size:10px}.wordmark{font-size:33px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 6% 50px}.hero-copy h1{font-size:65px;letter-spacing:-3.5px}.hero-note{margin-top:30px}.hero-photo{min-height:440px}.hero-bottom span:nth-child(2){display:none}.collection{padding:60px 5%}.section-head{display:block}.collection-intro{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.collection-intro p{font-size:11px}.filters button{padding:8px 10px}.products{grid-template-columns:repeat(2,1fr);gap:25px 12px}.product-meta{font-size:11px}.together{grid-template-columns:1fr;margin-bottom:60px}.together-art{min-height:340px}#pair-art{min-height:340px}.together-copy{padding:45px 8%}.story{padding:0 8% 60px}.preview{font-size:8px}.preview span{font-size:7px;max-width:220px;text-align:right}.detail-grid{grid-template-columns:1fr}.detail-art{max-height:240px}.detail-art svg{height:240px}dialog{padding:35px 22px}.footer-line{gap:20px;line-height:1.7}footer{align-items:start}footer p{max-width:170px}h2{letter-spacing:-1.8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}