:root{color-scheme:light;--ink:#242721;--bg:#f7f5ef;--olive:#363d30;--line:#cecdc2;--lime:#e3edaf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Instrument Sans',Arial,sans-serif}.wrap{width:min(1240px,91%);margin:auto}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer;color:inherit}button{background:none;border:0}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b06c32;outline-offset:3px}nav,.tools,footer .wrap,.line,.sum,.filters{display:flex;align-items:center;justify-content:space-between;gap:12px}nav{height:72px}nav a:not(.logo){margin-left:auto}nav #bag{border:1px solid var(--line);padding:8px 15px;border-radius:22px}.logo{font:1000 italic 38px/.9 'Archivo Black',Arial,sans-serif;letter-spacing:-4px}.logo span{font:12px Arial;letter-spacing:0;vertical-align:top}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--olive);color:var(--bg)}.heroText{padding:clamp(32px,5vw,80px) max(5vw,calc((100vw - 1240px)/2));padding-right:5vw;align-self:center}small{font:700 11px/1.5 monospace;letter-spacing:.15em}.hero small{color:var(--lime)}h1,h2,h3,p{margin:0}h1{font:900 clamp(76px,8.5vw,145px)/.8 Arial,sans-serif;letter-spacing:-.086em;margin:24px 0}h1 i{font:italic 1.05em/.86 Georgia,serif;letter-spacing:-.085em;color:var(--lime)}.hero p{max-width:32ch}.campaign{width:100%;height:100%;max-height:560px;min-height:405px;object-fit:cover;object-position:center 36%}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--ink);color:white;padding:12px 18px;border:0;font-weight:700;border-radius:3px}.hero .cta{margin-top:25px;background:var(--lime);color:var(--ink)}.collection{padding:60px 0 74px}h2{font-size:clamp(36px,5vw,67px);line-height:1;letter-spacing:-.075em;margin:7px 0 25px}.tools{border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:22px;flex-wrap:wrap}#filters{display:flex;gap:6px;flex-wrap:wrap}#filters button{padding:7px 12px;border-radius:20px;border:1px solid var(--line);font-size:14px}#filters button[aria-pressed=true]{background:var(--ink);color:white}select{border:1px solid var(--line);background:var(--bg);border-radius:3px;padding:8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.tile{text-align:left;padding:0}.tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.tile:hover img{filter:brightness(.96)}.tile h3{font-size:19px;letter-spacing:-.04em;margin:8px 0 2px}.sub{font-size:14px;color:#575c51}footer{background:var(--olive);color:var(--bg);padding:28px 0}footer p{font-size:13px}dialog{width:min(510px,94vw);border:0;background:var(--bg);color:var(--ink);padding:26px;border-radius:10px;max-height:90dvh}dialog::backdrop{background:#10130ee0}#close{position:sticky;top:0;float:right;font-size:25px;line-height:32px;width:34px;background:var(--bg);border:1px solid var(--line);border-radius:50%;z-index:1}dialog h2{font-size:36px;margin:12px 38px 16px 0}dialog .photo{width:100%;max-height:240px;object-fit:contain;background:#ecebe4;margin-top:12px}.field{display:grid;gap:6px;font-weight:bold;margin:15px 0}.price{font-size:20px;margin:8px 0}.line{border-bottom:1px solid var(--line);padding:12px 0}.line button{border:1px solid var(--line);min-width:30px;border-radius:3px}.sum{margin:14px 0}.back{text-decoration:underline;margin:10px 0}.line img{width:54px;height:54px;border-radius:3px}.line .detail{flex:1}.fine{font-size:13px;color:#53584d;margin:10px 0}button:disabled{opacity:.5}@media(max-width:680px){nav{height:58px;font-size:14px}.hero{grid-template-columns:1fr 43%}.heroText{padding:29px 12px 30px 5vw}.hero small{font-size:9px}.hero h1{font-size:clamp(54px,11.5vw,76px);margin:17px 0}.hero p{font-size:14px}.hero .cta{font-size:13px;gap:8px;padding:10px;margin-top:16px}.campaign{min-height:275px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.tile h3{font-size:16px}.collection{padding:38px 0}.tools{gap:10px}footer .wrap{align-items:flex-start}footer p{max-width:220px}}
