:root{--paper: #f6f4f0;--white: #ffffff;--ink: #141414;--grey-700: #4a4a48;--grey-500: #8a8984;--grey-300: #cfcdc8;--grey-100: #e9e7e2;--font: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;--gutter: clamp(1rem, 3vw, 2.5rem);--header-h: 4.25rem;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.55}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3{font-weight:500;letter-spacing:-.01em;line-height:1.15;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--white);padding:.75rem 1rem;z-index:100}.skip-link:focus{left:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.75rem;background:var(--ink);color:var(--white);font-size:.9rem;letter-spacing:.06em;transition:background .2s}.btn:hover{background:var(--grey-700)}.btn--light{background:var(--white);color:var(--ink)}.btn--light:hover{background:var(--grey-100)}.notice{font-size:.85rem;color:var(--grey-700)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.header{position:absolute;inset:0 0 auto 0;z-index:20;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);color:var(--white)}.header--solid{position:sticky;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--grey-100)}.header__logo{font-size:1.15rem;font-weight:600;letter-spacing:.32em;padding-left:.32em}.header__nav{display:flex;gap:1.5rem;font-size:.85rem}.header__nav a{padding:.5rem 0;border-bottom:1px solid transparent}.header__nav a:hover,.header__nav a[aria-current=page]{border-color:currentColor}.header__tools{display:flex;gap:1.25rem;justify-content:flex-end;font-size:.85rem}.header__tools button{padding:.5rem 0}.header__menu{display:none}@media (max-width:760px){.header__nav{display:none}.header__menu{display:block;justify-self:start;font-size:.85rem}.header__nav--open{display:flex;position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;gap:0;background:var(--paper);color:var(--ink);padding:.5rem var(--gutter) 1.25rem;border-bottom:1px solid var(--grey-100)}.header__nav--open a{padding:.9rem 0;font-size:1rem}}.footer{background:var(--ink);color:var(--grey-300);padding:4rem var(--gutter) 2rem;margin-top:6rem}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:2.5rem;max-width:70rem}.footer h2{font-size:.85rem;color:var(--white);margin-bottom:1rem}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.9rem}.footer a:hover{color:var(--white)}.footer__legal{margin-top:3rem;font-size:.8rem;color:var(--grey-500)}.hero{position:relative;min-height:88svh;background:var(--ink);color:var(--white);display:flex;align-items:flex-end}.hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.9}.hero__copy{position:relative;padding:var(--gutter);padding-bottom:clamp(2rem,6vw,4rem);max-width:34rem;display:grid;gap:1rem}.hero__copy h1{font-size:clamp(1.8rem,4vw,2.8rem)}.hero__tag{font-size:.8rem;border:1px solid currentColor;justify-self:start;padding:.2rem .6rem}.hero__mock{position:absolute;right:var(--gutter);bottom:1rem;font-size:.75rem;color:var(--grey-300)}.section{padding:clamp(3rem,8vw,6rem) var(--gutter) 0}.section__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.75rem}.section__head h2{font-size:1.4rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:2rem 1.25rem}.card__media{aspect-ratio:4/5;background:var(--white);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s var(--ease)}.card__media img+img{position:absolute}.card__media{position:relative}.card__back{opacity:0}.card:hover .card__back,.card:focus-within .card__back{opacity:1}.card__info{display:flex;justify-content:space-between;gap:1rem;padding-top:.75rem;font-size:.9rem}.card__status{color:var(--grey-500);font-size:.8rem}.banner{margin:6rem var(--gutter) 0;background:var(--grey-100);padding:clamp(2.5rem,7vw,5rem);display:grid;gap:1rem;justify-items:start}.banner h2{font-size:clamp(1.5rem,3vw,2.2rem);max-width:22ch}.brand-note{max-width:44rem;display:grid;gap:1rem;color:var(--grey-700)}.narrow{max-width:46rem}.page-title{font-size:1.8rem;margin-bottom:1.5rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.seg{display:inline-flex;border:1px solid var(--ink)}.seg button{padding:.55rem 1rem;font-size:.85rem}.seg button[aria-pressed=true]{background:var(--ink);color:var(--white)}.search input{min-height:2.6rem;padding:0 .8rem;border:1px solid var(--grey-300);background:var(--white);font:inherit}.product{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:2.5rem;align-items:start}.product__gallery{display:grid;gap:1rem;justify-items:start}.product__img{display:block;width:100%;background:var(--white);cursor:zoom-in}.product__img img{width:100%;animation:fade .35s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.product__info{display:grid;gap:1.1rem}.product__info h1{font-size:1.8rem}.product__price{font-size:1.2rem}.sizes{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sizes legend{font-size:.9rem;margin-bottom:.5rem;padding:0}.sizes label{border:1px solid var(--grey-300);padding:.6rem 1rem;cursor:pointer}.sizes label.on{background:var(--ink);color:var(--white)}.sizes input{position:absolute;opacity:0}.sizes label:focus-within{outline:2px solid var(--ink);outline-offset:3px}.product__msg{min-height:1.5rem;font-size:.9rem}.linkbtn{justify-self:start;text-decoration:underline}details{border-top:1px solid var(--grey-300);padding:.8rem 0}summary{cursor:pointer}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#f6f4f0f5;display:grid;place-items:center;padding:2rem;cursor:zoom-out}.zoom img{max-height:90svh;width:auto}.zoom__close{position:absolute;top:1rem;right:1.25rem}.atc{position:relative;overflow:hidden;min-height:3.3rem;width:100%;max-width:22rem;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.9rem;letter-spacing:.08em}.atc__label{transition:opacity .25s,transform .35s var(--ease)}.atc__cart{position:absolute;left:-2rem;transition:left .55s var(--ease)}.atc__item{position:absolute;top:-.6rem;left:50%;width:.7rem;height:.7rem;background:var(--white);opacity:0}.atc--adding .atc__cart{left:calc(50% - 13px)}.atc--adding .atc__label{opacity:0;transform:translate(30%)}.atc--adding .atc__item{animation:drop .55s var(--ease) forwards}@keyframes drop{0%{opacity:1;top:-.6rem}80%{opacity:1;top:1.4rem}to{opacity:0;top:1.6rem;transform:scale(.4)}}.atc--done .atc__cart{left:calc(100% + 2rem)}.rail__bar{height:6px;background:var(--ink);margin:0 -.5rem}.rail__track{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 1rem;cursor:grab;scrollbar-width:thin}.hanger{position:relative;flex:0 0 min(70vw,16rem);scroll-snap-align:center;padding-top:1.4rem;text-align:center}.hanger img{background:var(--white);-webkit-user-select:none;user-select:none}.hanger__hook{position:absolute;top:-6px;left:50%;width:14px;height:22px;border:2px solid var(--ink);border-bottom:0;border-radius:8px 8px 0 0;transform:translate(-50%)}.hanger--on img{outline:2px solid var(--ink)}.hanger--empty{aspect-ratio:4/5;color:var(--grey-500);font-size:.8rem;display:grid;place-items:center;border:1px dashed var(--grey-300);margin-top:1.4rem;padding-top:0}.hanger--empty .hanger__hook{border-color:var(--grey-300);top:-1.4rem}.rail__ctrl{display:flex;gap:1rem;margin:.5rem 0 1.5rem}.rail__ctrl button{border:1px solid var(--ink);width:2.6rem;height:2.6rem}.rail__detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.25rem;align-items:center;background:var(--grey-100);padding:1.5rem}.rail__preview{max-height:20rem;width:auto;background:var(--white)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;visibility:hidden;transition:visibility 0s .3s}.drawer--open{visibility:visible;transition:none}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141459;opacity:0;transition:opacity .3s}.drawer--open .drawer__scrim{opacity:1}.drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(100%,26rem);background:var(--paper);display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s var(--ease)}.drawer--open .drawer__panel{transform:none}.drawer__head{display:flex;justify-content:space-between;padding:1.25rem}.drawer__list{list-style:none;margin:0;padding:0 1.25rem;overflow:auto;flex:1;display:grid;gap:1rem;align-content:start}.narrow .drawer__list{padding:0}.drawer__empty,.drawer__foot{padding:1.25rem;display:grid;gap:.8rem}.line{display:grid;grid-template-columns:5rem 1fr;gap:1rem}.line img{background:var(--white)}.qty{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.qty button{border:1px solid var(--grey-300);width:2rem;height:2rem}.qty .line__rm{border:0;width:auto;margin-left:.75rem;text-decoration:underline;font-size:.85rem}.sum{display:flex;justify-content:space-between;gap:1rem}.checkout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem;padding:2rem var(--gutter);min-height:80svh;background:linear-gradient(#cfcdc8,#8a8984);align-items:start}.glass{background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);padding:1.75rem;display:grid;gap:1rem}@supports not (backdrop-filter:blur(1px)){.glass{background:var(--white)}}.banner-demo{border-left:3px solid var(--ink);padding:.5rem .8rem;background:#fff9;font-size:.9rem}.field{display:grid;gap:.3rem;margin-bottom:.8rem}.field input{min-height:2.8rem;padding:0 .8rem;border:1px solid var(--grey-500);background:var(--white);font:inherit}.field input[aria-invalid=true]{border-color:#9b1c1c}.field__err{color:#9b1c1c;font-size:.85rem}.btn--off{background:var(--grey-300);color:var(--grey-700);cursor:not-allowed;margin-left:.5rem}