:root{--black:#171717;--cream:#f4f1e8;--yellow:#ffd500;--red:#e4312b;--blue:#1769e0;--green:#23965a;--line:#17171733}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}.demo{background:var(--black);color:white;text-align:center;padding:.55rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.08em}header{height:6.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:2px solid var(--black);gap:2rem;position:sticky;top:0;background:var(--cream);z-index:10}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.1rem;font-weight:900;line-height:.8}.brickmark{position:relative;display:block;background:var(--yellow);border:2px solid var(--black);padding:.1rem .38rem .4rem;letter-spacing:.35rem;line-height:1;font-size:.55rem}.brickmark b{display:block;width:2.1rem;height:1.25rem;background:var(--red);border:2px solid var(--black);margin-top:.15rem}nav{display:flex;gap:2rem;font-weight:700;font-size:.9rem}nav a{text-decoration:none}.saved{border:2px solid var(--black);background:transparent;padding:.65rem .9rem;font-weight:900}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:20}.intro{display:grid;grid-template-columns:.9fr 1.1fr;min-height:36rem;border-bottom:2px solid var(--black)}.intro>div{padding:7rem 5vw 5rem}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.12em;margin:0 0 1.3rem}.intro h1,.shop h2,.how h2,.seller h2,dialog h2{font-size:clamp(3.2rem,6vw,6.6rem);line-height:.88;letter-spacing:-.06em;margin:.2rem 0 2rem;text-transform:uppercase}.intro h1 em{font-style:normal;color:var(--red)}.lead{font-size:1.15rem;max-width:30rem}.intro figure{margin:0;position:relative;min-height:34rem;overflow:hidden;background:var(--yellow)}.intro img{width:100%;height:100%;object-fit:cover}.intro figcaption{position:absolute;bottom:.8rem;right:1rem;background:var(--cream);padding:.35rem .55rem;font-size:.65rem;max-width:85%}.shop{padding:6rem 5vw}.shophead{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.shop h2{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:0}.controls{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:end;margin:3rem 0;border-block:2px solid var(--black);padding:1rem 0}.controls label{display:grid;gap:.3rem;font-size:.75rem;font-weight:800}.controls input,.controls select{background:white;border:2px solid var(--black);min-height:2.8rem;padding:.5rem .7rem}.search input{width:min(27rem,100%)}.filters{display:flex;gap:.4rem}.filters button{border:2px solid var(--black);background:transparent;padding:.55rem .8rem;font-weight:700}.filters button.active{background:var(--black);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem 1.5rem}.product{min-width:0}.visual{aspect-ratio:1.18;display:grid;place-items:center;position:relative;border:2px solid var(--black);overflow:hidden}.visual strong{font-size:clamp(2rem,4.5vw,5.4rem);letter-spacing:-.08em;transform:rotate(-7deg);color:white;text-shadow:3px 3px 0 var(--black)}.visual i{position:absolute;right:1rem;bottom:1rem;background:white;border:2px solid var(--black);padding:.5rem .7rem;font-style:normal;font-weight:900}.yellow{background:#f0bd17}.green{background:var(--green)}.blue{background:var(--blue)}.red{background:var(--red)}.purple{background:#7039a8}.orange{background:#ef7522}.tag,.setno{position:absolute;top:1rem;background:var(--black);color:white;padding:.3rem .5rem;font-size:.7rem;font-weight:900}.tag{left:1rem}.setno{right:1rem}.meta{display:flex;justify-content:space-between;margin-top:1rem;font-size:.75rem;font-weight:700}.heart{border:0;background:none;font-size:1.4rem;line-height:1}.heart.on{color:var(--red)}.product h3{font-size:1.5rem;line-height:1.1;margin:.5rem 0}.product p{font-size:.85rem;min-height:2.6rem}.buy{width:100%;display:flex;justify-content:space-between;border:2px solid var(--black);background:var(--yellow);padding:.8rem 1rem;font-weight:900;cursor:pointer}.buy:hover{background:var(--black);color:white}.empty{border:2px dashed var(--black);padding:3rem;text-align:center}.empty span{display:block}.how{background:var(--yellow);border-block:2px solid var(--black);display:grid;grid-template-columns:.8fr 1.2fr;padding:6rem 5vw;gap:8%}.how h2,.seller h2{font-size:clamp(2.8rem,5vw,5rem)}.how ol{list-style:none;margin:0;padding:0}.how li{display:grid;grid-template-columns:3rem 1fr;gap:.3rem 1rem;padding:1.2rem 0;border-top:2px solid var(--black)}.how li span{grid-column:2;font-size:.9rem}.seller{padding:7rem 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.seller p{max-width:32rem;font-size:1.1rem}.seller a{font-weight:900}footer{background:var(--black);color:white;padding:3rem 5vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:3rem;align-items:end}footer p{font-size:.75rem;margin:0}dialog{width:min(38rem,90vw);border:3px solid var(--black);padding:2.5rem;background:var(--cream);box-shadow:12px 12px 0 var(--yellow)}dialog::backdrop{background:#0009}.close{position:absolute;right:1rem;top:1rem;border:0;background:none;font-size:2rem}.close+ .eyebrow{margin-top:1rem}dialog h2{font-size:3rem}dialog form{display:grid;gap:1rem}dialog label{display:grid;gap:.25rem;font-size:.8rem;font-weight:800}dialog input,dialog textarea{border:2px solid var(--black);padding:.7rem;background:white}dialog textarea{min-height:6rem}dialog form p{font-size:.75rem}.product[hidden]{display:none}@media(max-width:850px){header nav{display:none}.intro{grid-template-columns:1fr}.intro>div{padding:4rem 5vw}.intro figure{min-height:24rem}.controls{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.how,.seller{grid-template-columns:1fr}.how{gap:2rem}footer{grid-template-columns:1fr;align-items:start}}@media(max-width:540px){header{height:5rem}.demo{font-size:.6rem}.grid{grid-template-columns:1fr}.shop{padding-top:4rem}.shophead{display:block}.filters{overflow:auto}.intro h1{font-size:3.5rem}.visual strong{font-size:3.8rem}}
