:root{--bg:#f1f0ea;--ink:#20201f;--muted:#62625c;--line:#cdcec4;--purple:#6246a8;--lime:#d5e475}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,sans-serif}h1,h2,h3,p,dl,dd{margin:0}h1,h2{font-weight:500;line-height:1.02;letter-spacing:-.065em}h3{font-weight:500;line-height:1.25}em{font-family:Georgia,serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1340px,calc(100% - 6rem));margin:auto}.skip{position:fixed;top:-100px;left:1rem;z-index:50;background:var(--purple);color:white;padding:1rem}.skip:focus{top:1rem}.demo-bar{background:var(--lime);padding:.6rem 3rem;display:flex;justify-content:space-between;gap:1rem;font-family:ui-monospace,monospace;font-size:.75rem}.demo-bar a{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding-block:1.5rem;gap:2rem}.brand{font-weight:800;font-size:2.1rem;letter-spacing:-.04em;line-height:1}.brand>span{display:block;font: .75rem/1.5 ui-monospace,monospace;letter-spacing:.05em;margin-top:.4rem}header nav{display:flex;align-items:center;gap:2rem;font-size:.9rem}header nav button{background:none;border:1px solid var(--line);padding:.65rem 1rem;color:var(--ink)}#cart-count{font-family:ui-monospace,monospace;margin-left:.4rem}.hero{position:relative;min-height:650px;color:white;background:#393142;isolation:isolate}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c142587,transparent 80%);z-index:-1}.hero-inner{padding-block:4rem 5rem}.eyebrow{font: .75rem/1.6 ui-monospace,monospace;letter-spacing:.07em}.hero h1{font-size:clamp(4rem,7vw,7rem);max-width:60rem;margin-block:1.4rem}.hero h1 em{color:#d9ceec}.hero-inner>p:not(.eyebrow){font-size:1.1rem}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);border:1px solid var(--ink);min-height:50px;padding:.8rem 1.3rem;border-radius:2px;font-size:.9rem;transition:background .2s}.button:hover{background:#474238}.button.light{background:var(--bg);color:var(--ink);border-color:var(--bg)}.hero .button{margin-top:1.5rem}.hero-product{position:absolute;right:3rem;bottom:5rem;background:#f1f0eae8;color:var(--ink);border:0;text-align:left;padding:1.2rem 1.5rem;min-width:240px;backdrop-filter:blur(8px)}.hero-product span{display:block;font:.75rem/1.5 ui-monospace,monospace}.hero-product strong{display:block;font-size:2rem;letter-spacing:-.04em;margin-block:.4rem}.hero-product small{font-size:.85rem}.hero-caption{position:absolute;bottom:0;inset-inline:0;padding:1.2rem 3rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #ffffff52;font: .75rem/1.5 ui-monospace,monospace}.manifesto{display:flex;justify-content:space-between;gap:4rem;align-items:end;padding-block:4rem;border-bottom:1px solid var(--line)}.manifesto h2{font-size:3.2rem}.manifesto>p{color:var(--muted);font-size:.95rem}.collection{padding-block:4rem 5rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2{font-size:3.6rem;margin-top:1rem}.section-head h2 span{font: .85rem/1.5 ui-monospace,monospace;letter-spacing:0;margin-left:1.2rem;vertical-align:middle}.section-head>p{color:var(--muted);font-size:.95rem}.collection-tools{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding-block:1.2rem;border-block:1px solid var(--line)}.categories{display:flex;flex-wrap:wrap;gap:.5rem}.categories button{background:none;border:1px solid transparent;padding:.65rem 1rem;min-height:44px;font-size:.9rem;color:var(--muted)}.categories button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.filter-fields{display:flex;gap:1rem}.filter-fields label{font:.75rem/1.5 ui-monospace,monospace;color:var(--muted)}input[type=search],.filter-fields select{display:block;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);min-height:44px;padding:.6rem .1rem;font-size:.9rem;max-width:100%;width:200px}.micro{font-size:.8rem;color:var(--muted)}#results{padding-block:1rem}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.5rem}.product-image{display:block;position:relative;width:100%;border:0;background:#e6e6df;padding:1.2rem;overflow:hidden}.product-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product-image:hover img{transform:scale(1.055)}.product-image>span{position:absolute;top:1rem;left:1rem;font:.75rem/1.5 ui-monospace,monospace}.product-meta{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-top:1rem}.product-meta h3{font-size:1.2rem;letter-spacing:-.035em}.product-meta h3 button{font:inherit;border:0;background:none;padding:0;text-align:left;color:inherit}.product-meta small{font:.75rem/1.5 ui-monospace,monospace;color:var(--muted)}.price{font-size:.95rem;white-space:nowrap}.product .add{margin-top:1rem;width:100%;background:none;border:1px solid var(--line);padding:.7rem 1rem;color:var(--ink);font-size:.85rem;min-height:44px}.product .add:hover{background:var(--lime);border-color:var(--lime)}.studio{background:#22231e;color:var(--bg);padding-block:5rem;--muted:#bec0b2;--line:#55584a}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.studio h2{font-size:5.3rem;margin-top:1.6rem}.studio h2 em{color:var(--lime)}.studio-lead{font-family:Georgia,serif;font-size:1.5rem;line-height:1.55;margin-bottom:1.5rem}.studio-grid>div>p:not(.studio-lead){color:var(--muted)}.studio-facts{display:flex;gap:2rem;justify-content:space-between;border-block:1px solid var(--line);padding-block:1.6rem;margin-block:2rem}.studio-facts dt{font-size:2.5rem;line-height:1;letter-spacing:-.06em;color:var(--lime)}.studio-facts dd{font-size:.8rem;color:var(--muted);margin-top:.7rem}.shipping{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-block:4rem}.shipping h2{font-size:3rem;margin-top:1.2rem}details{border-top:1px solid var(--line);padding:1.1rem 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer}details p{font-size:.95rem;color:var(--muted);margin-top:1rem}.business{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-block:3rem;border-block:1px solid var(--line)}.business h2{font-size:2.8rem;margin-top:1rem}.business p:not(.eyebrow){color:var(--muted)}.business .button{margin-top:1.5rem}footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block:3rem}footer p{font:.75rem/1.5 ui-monospace,monospace;color:var(--muted)}footer>a:last-child{font-size:.85rem;text-decoration:underline}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:40;background:var(--ink);color:var(--bg);font-size:.85rem;max-width:calc(100% - 2rem);box-shadow:0 3px 20px #0002}.toast:not(:empty){padding:.8rem 1.2rem}dialog{background:var(--bg);color:var(--ink);border:0;border-radius:3px;padding:2rem;width:min(720px,calc(100% - 2rem));max-height:90dvh;overflow:auto}dialog::backdrop{background:#171321cc;backdrop-filter:blur(6px)}.close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;color:var(--ink);font-size:1.7rem;border:1px solid var(--line);flex-shrink:0}#detail>.close{position:absolute;top:1rem;right:1rem;z-index:1;background:var(--bg)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.detail-layout>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#e6e6df}.detail-layout h2{font-size:2.4rem;margin-block:.8rem}.detail-layout p{font-size:.95rem;color:var(--muted);margin-top:1rem}.detail-layout .price{font-size:1.3rem}.specs{margin-block:1rem}.specs>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--line);font-size:.8rem}.specs dt{color:var(--muted)}.specs dd{text-align:right}.detail-quantity{display:block;font-size:.9rem;margin-top:1rem}.detail-quantity input{display:block;width:100%;min-height:46px;margin-top:.4rem;border:1px solid var(--line);padding:.6rem;background:transparent;color:var(--ink)}.wide{width:100%;margin-top:1.2rem}.dialog-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.5rem}.dialog-head h2{font-size:2.7rem;margin-top:.8rem}.cart-row{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;align-items:start;border-top:1px solid var(--line);padding-block:1.2rem}.cart-row>img{width:70px;height:70px;object-fit:contain;background:#e6e6df}.cart-row h3{font-size:1.1rem}.cart-row p{font-size:.8rem;color:var(--muted)}.quantity-controls{display:flex;gap:.5rem;align-items:center;margin-top:.7rem}.quantity-controls button{width:36px;height:44px;background:none;border:1px solid var(--line);color:var(--ink)}.quantity-controls input{width:55px;height:44px;border:1px solid var(--line);background:none;text-align:center;color:var(--ink)}.remove{background:none;border:0;text-decoration:underline;color:var(--muted);font-size:.8rem;padding:.4rem 0}.cart-total{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:1.1rem 0;font-size:1.3rem;margin-bottom:1rem}.text-button{display:block;background:none;border:0;color:var(--muted);font-size:.9rem;text-decoration:underline;padding:.8rem;margin:1rem auto 0}form fieldset{border:0;padding:0;margin:0 0 1.5rem}form legend{margin-bottom:.8rem;font-size:.95rem}.choice{display:flex;gap:.7rem;align-items:center;padding:.7rem 0;font-size:.9rem}.choice input{accent-color:var(--purple)}form>label{display:block;font-size:.9rem;margin-bottom:1.2rem}form>label>span{font-size:.8rem;color:var(--muted)}#city{display:block;width:100%;padding:.75rem;border:1px solid var(--line);background:none;color:var(--ink);margin-top:.5rem;min-height:46px}.coupon-row{display:flex;gap:.5rem;margin-top:.5rem}.coupon-row input{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);background:none;padding:.7rem;color:var(--ink)}.coupon-row button{background:var(--lime);border:1px solid var(--lime);padding:.7rem 1rem;color:var(--ink)}#coupon-status{margin-top:-.5rem;margin-bottom:1.5rem}.checkout-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line);font-size:.9rem}.checkout-totals{margin-block:1rem}.checkout-totals>div{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;padding:.5rem 0}.checkout-totals dd{font-variant-numeric:tabular-nums}.checkout-totals .grand-total{border-top:1px solid var(--line);margin-top:.5rem;padding-top:1rem;font-size:1.3rem;font-weight:600}.empty{padding:2rem;text-align:center;border:1px solid var(--line)}.order-warning{border:1px solid var(--line);padding:1rem;margin-top:1.5rem;font-size:.9rem}.order-warning p{color:var(--muted);margin-top:.4rem}#confirmation h2{font-size:3.3rem;margin-block:1rem 1.5rem}#confirmation h2 em{color:var(--purple)}button:disabled{cursor:default;opacity:.45}
@media(max-width:1050px){.shell{width:calc(100% - 3rem)}.hero{min-height:600px}.hero-product{right:1.5rem}.collection-tools{flex-wrap:wrap;gap:1rem}.filter-fields{flex:1;justify-content:end}.studio-grid{gap:3rem}.studio h2{font-size:4rem}.shipping,.business{gap:3rem}}
@media(max-width:700px){.shell{width:calc(100% - 2rem)}.demo-bar{padding:.6rem 1rem;flex-wrap:wrap;gap:.3rem}header{padding-block:1.2rem;gap:1rem}.brand{font-size:1.7rem}.brand>span{font-size:.7rem}header nav{gap:.8rem;font-size:.8rem}header nav a:nth-child(2){display:none}header nav button{padding:.55rem .7rem}.hero{min-height:660px}.hero-inner{padding-block:2.8rem 5rem}.hero-scene{object-position:62% center}.hero:before{background:linear-gradient(180deg,#171020b3,#17102028)}.hero h1{font-size:3.6rem;margin-block:1.4rem}.hero-inner>p:not(.eyebrow){font-size:1rem}.hero-product{right:1rem;bottom:5.4rem;min-width:210px;padding:1rem}.hero-product strong{font-size:1.7rem}.hero-caption{padding:1rem;flex-wrap:wrap;gap:.3rem;font-size:.75rem}.manifesto{padding-block:2.5rem;flex-direction:column;gap:1rem;align-items:start}.manifesto h2{font-size:2.5rem}.collection{padding-block:3rem}.section-head{align-items:start;flex-direction:column;gap:1rem}.section-head h2{font-size:2.8rem}.section-head h2 span{margin-left:.6rem}.filter-fields{width:100%;justify-content:start}.filter-fields label{width:50%}.filter-fields input,.filter-fields select{width:100%;font-size:.85rem}.categories{gap:.25rem}.categories button{padding:.6rem .7rem;font-size:.85rem}.products{grid-template-columns:1fr 1fr;gap:2rem 1rem}.product-image{padding:.5rem}.product-meta{flex-wrap:wrap;gap:.3rem}.product-meta h3{font-size:1.1rem}.product-meta .price{font-size:.9rem;width:100%}.product .add{font-size:.8rem;padding:.65rem .3rem}.studio{padding-block:3rem}.studio-grid{grid-template-columns:1fr;gap:2rem}.studio h2{font-size:3.7rem}.studio-lead{font-size:1.3rem}.studio-facts{gap:1rem}.studio-facts dt{font-size:2rem}.shipping{grid-template-columns:1fr;gap:1.5rem;padding-block:3rem}.shipping h2{font-size:2.7rem}.business{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.business h2{font-size:2.5rem}footer{flex-wrap:wrap;gap:1.3rem;padding-block:2rem}footer p{font-size:.75rem}dialog{padding:1.4rem;width:calc(100% - 1rem)}.detail-layout{grid-template-columns:1fr;gap:1rem}.detail-layout>img{max-height:300px}.detail-layout h2{font-size:2.3rem}.cart-row{grid-template-columns:50px 1fr;gap:.8rem}.cart-row>img{width:50px;height:50px}.cart-row>strong{grid-column:2}.dialog-head h2{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.product-image:hover img{transform:none}}

.product-image img{height:auto}

/* Touch and readability refinements */
.product-image{border-radius:8px}.product-meta{padding-inline:.2rem}dialog{box-shadow:0 24px 80px #17151b40}@media(max-width:700px){.hero-product{max-width:calc(100% - 2rem)}.collection-tools{gap:1rem}.filter-fields{width:100%;flex-wrap:wrap}.filter-fields label{flex:1;min-width:130px}.filter-fields input,.filter-fields select{width:100%}.product-meta h3{font-size:1.08rem}}