:root{--c-bg:#12110f;--c-fg:#ede7da;--c-muted:#9b958a;--c-accent:#ede7da;--c-line:#2c2a26;--c-panel:#1b1a17;--c-forest:#263a2d;--c-stone:#b8b0a5;--c-rust:#a9573e;--c-paper:#f2efe7;--c-ink:#1a1a17;--c-on-accent:#12110f;--c-washed:#1d1d1b;--f-display:'Inter Tight', 'Helvetica Neue', Arial, sans-serif;--f-body:'Inter', 'Helvetica Neue', Arial, sans-serif;--f-mono:'IBM Plex Mono', ui-monospace, Menlo, monospace}
.sw-rust{background:#a9573e}
.sw-forest{background:#263a2d}
.sw-ivory{background:#efe6d2}
.sw-charcoal{background:#3b3b3a}
.sw-washed-black{background:#1d1d1b}
.sw-forest-rust-plaid{background:repeating-linear-gradient(90deg,#263a2d 0 6px,#a9573e 6px 8px,#efe6d2 8px 9px)}
/* Runwae Apparel · Direction B "Edition" (2026-10-28). Warm-black ground, tight grotesk display, mono microtype,
   release renders on cream plates, numbered index rows. Full even hairlines only; corners 0 (max 4px). */
:root{--rb-max:1320px;--rb-gut:40px;--rb-mat:#efe9dd;--rb-ink:#141310;--rb-ease:cubic-bezier(.2,.6,.2,1);--rb-line2:#3a3732}
body{font:400 15px/1.65 var(--f-body);-webkit-font-smoothing:antialiased}
.rb-wrap{max-width:var(--rb-max);margin:0 auto;padding:0 var(--rb-gut)}
.seed-preview:empty{display:none}

/* type */
.rb-mono{font:400 11px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin:0}
.rb-mono a{color:var(--c-fg)}
.rb-display{font:600 clamp(52px,8vw,128px)/.92 var(--f-display);letter-spacing:-.035em;margin:18px 0 0}
.rb-display--page{font-size:clamp(44px,6vw,88px)}
.rb-display--pdp{font-size:clamp(38px,4vw,58px);margin-top:20px}
.rb-h2{font:600 clamp(28px,3.2vw,46px)/1.02 var(--f-display);letter-spacing:-.025em;margin:0}
.rb-h3{font:600 22px/1.15 var(--f-display);letter-spacing:-.01em;margin:0}
.rb-lede{font-size:17px;line-height:1.6;max-width:30em;margin:0;color:var(--c-fg)}
.rb-note{margin-top:22px}
.rb-card-sub{font-size:14px;color:var(--c-muted)}

/* buttons */
.rb-btn{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 26px;border:1px solid var(--c-fg);background:var(--c-fg);color:var(--c-bg);font:500 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .3s var(--rb-ease),color .3s var(--rb-ease)}
.rb-btn:hover{background:transparent;color:var(--c-fg)}
.rb-btn--ghost{background:transparent;color:var(--c-fg)}
.rb-btn--ghost:hover{background:var(--c-fg);color:var(--c-bg)}

/* header */
.rb-head{position:sticky;top:0;z-index:20;background:var(--c-bg);border-bottom:1px solid var(--c-line)}
.rb-head-row{display:flex;align-items:center;gap:28px;min-height:70px}
.rb-mark{font:600 14px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;margin-right:auto;white-space:nowrap}
.rb-nav{display:flex;align-items:center;gap:32px}
.rb-nav a{font:500 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:8px 0;color:var(--c-muted);transition:color .25s}
.rb-nav a:hover,.rb-nav a[aria-current="page"]{color:var(--c-fg)}
.rb-shoplink{display:none;font:500 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}

/* hero */
.rb-hero{padding:64px 0 96px}
.rb-hero-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end;margin-bottom:56px}
.rb-hero-side{display:grid;gap:28px;justify-items:start}
.rb-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* plates */
.rb-plate{display:block;margin:0;text-decoration:none;color:inherit}
.rb-plate-img{display:block;overflow:hidden;background:var(--rb-mat)}
.rb-plate-img img{width:100%;transition:transform 1.2s var(--rb-ease)}
a.rb-plate:hover .rb-plate-img img{transform:scale(1.02)}
.rb-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0 0;font:400 11px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.rb-caption span:first-child{color:var(--c-fg)}.rb-caption span:last-child{white-space:nowrap}

/* sections */
.rb-sec{padding:96px 0;border-top:1px solid var(--c-line)}
.rb-sec--tight{padding:48px 0 88px}
.rb-sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 28px;padding-bottom:18px;margin-bottom:0}
.rb-page-head{padding:72px 0 40px}
.rb-page-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.rb-jump{display:flex;gap:28px;justify-self:end}
.rb-jump a{font:400 11px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);text-decoration:none}
.rb-jump a:hover{color:var(--c-fg)}

/* feature */
.rb-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.rb-feature-plates{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:end}
.rb-feature-copy{display:grid;gap:14px;justify-items:start}
.rb-feature-copy p{margin:0;max-width:28em}
.rb-feature-copy .rb-btn{margin-top:14px}

/* index rows: a full hairline box per list, rows split by the list's own lattice */
.rb-rows{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--c-line);border:1px solid var(--c-line)}
.rb-rows li{background:var(--c-bg)}
.rb-row{display:grid;grid-template-columns:48px 72px minmax(0,1fr) auto 24px;align-items:center;gap:24px;padding:14px 20px;text-decoration:none;color:inherit;transition:background .3s var(--rb-ease)}
.rb-row:hover{background:var(--c-panel)}
.rb-row-thumb{display:block;width:72px;aspect-ratio:4/5;overflow:hidden;background:var(--rb-mat)}
.rb-row-thumb img{width:100%;height:100%;object-fit:cover}
.rb-row-name{display:grid;gap:2px}
.rb-row-name span:first-child{font:600 20px/1.2 var(--f-display);letter-spacing:-.01em}
.rb-row-go{transition:transform .3s var(--rb-ease)}
.rb-row:hover .rb-row-go{transform:translateX(4px)}

/* product grid */
/* each card carries its own full frame; neighbours overlap by 1px so every line is one hairline, and a short row leaves no filled band */
.rb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 1px 1px 0}
.rb-card{display:flex;flex-direction:column;background:var(--c-bg);border:1px solid var(--c-line);margin:0 -1px -1px 0;text-decoration:none;color:inherit}
.rb-card-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--rb-mat)}
.rb-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--rb-ease),transform 1.2s var(--rb-ease)}
.rb-card-media img.rb-card-contain{object-fit:cover}
.rb-card-alt{opacity:0}
.rb-card.has-alt:hover .rb-card-alt{opacity:1}
.rb-card:hover .rb-card-media img{transform:scale(1.02)}
.rb-card-body{display:grid;gap:4px;padding:18px 20px 22px;flex:1}
.rb-card-name{font:600 22px/1.15 var(--f-display);letter-spacing:-.01em;margin-top:4px}
.rb-card-state{margin-top:6px}

/* close band */
.rb-close-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
.rb-close .rb-h2{max-width:16em}

/* PDP */
.rb-pdp{padding:40px 0 96px}
.rb-pdp-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.rb-pdp-media .seed-fig img{width:100%;background:var(--rb-mat)}
.rb-pdp-media .seed-fig figcaption{font:400 11px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:10px}
.rb-pdp-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.rb-sticky{position:sticky;top:100px}
.rb-crumb a{color:inherit}
.rb-pdp-sub{margin:12px 0 0}
.rb-pdp-sum{margin:22px 0 0;font-size:16px;max-width:32em}
.rb-pdp-panel .seed-buy{margin-top:30px;padding-top:24px;border-top:1px solid var(--c-line)}
.rb-pdp-panel .seed-status{font:400 11px/1.5 var(--f-mono);letter-spacing:.12em}
.rb-pdp-panel .seed-print span{color:var(--c-fg)}
.seed-notify label{color:var(--c-muted)}
.seed-notify-row input,.seed-lookup input{border-color:var(--rb-line2);background:var(--c-panel)}
.seed-size span,.seed-qty{border-color:var(--rb-line2)}
.seed-add-btn,.seed-checkout,.seed-notify button,.seed-lookup button{font-size:12px;font-weight:500;letter-spacing:.16em;transition:opacity .3s}
.seed-add-btn:hover,.seed-notify button:hover{opacity:.86}
.rb-pdp-details{margin-top:32px}
.seed-details summary{font:400 11px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}

/* Release 01 lookbook: a 3-column edition grid, two wide plates */
.rb-look{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 16px}
.rb-look-item.is-wide{grid-column:span 2}
.rb-look-copy{display:grid;gap:6px;margin-top:14px}
.rb-look-copy p{margin:0}
.rb-look-item .rb-plate-img{aspect-ratio:4/5}
.rb-look-item.is-wide .rb-plate-img{aspect-ratio:1.62}
.rb-look-item .rb-plate-img img{height:100%;object-fit:cover}
.rb-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rb-art-panel{margin:0}.rb-art-panel img{width:100%;aspect-ratio:1;object-fit:cover}

/* story */
.rb-beliefs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--c-line);border:1px solid var(--c-line);margin:0}
.rb-beliefs div{background:var(--c-bg);padding:28px 24px 32px}
.rb-beliefs dt{font:600 24px/1.1 var(--f-display);letter-spacing:-.01em}
.rb-beliefs dt .rb-mono{display:block;margin-bottom:12px}
.rb-beliefs dd{margin:10px 0 0;color:var(--c-muted)}
.rb-orig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rb-orig img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8)}
.rb-orig figcaption,.rb-marks figcaption{font:400 11px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.rb-marks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rb-marks li{background:var(--rb-mat);padding:24px;color:var(--rb-ink)}
.rb-marks figcaption{color:#5d584f}
.rb-marks img{width:100%;aspect-ratio:1;object-fit:contain}
.rb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.rb-pair img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* cart, orders, policies */
.seed-cart,.seed-orders,.seed-prose{padding:72px var(--rb-gut) 40px;max-width:var(--rb-max);margin:0 auto}
.seed-orders,.seed-prose{max-width:780px}
.seed-cart-title,.seed-orders h1,.seed-prose h1{font:600 clamp(40px,5vw,64px)/1 var(--f-display);letter-spacing:-.03em;margin:0 0 28px}
.seed-prose h2,.seed-orders h2{font:600 24px/1.15 var(--f-display);margin-top:40px}
.seed-cart-name{font:600 20px/1.2 var(--f-display)}
.seed-cart-summary{border-color:var(--c-line)}

/* footer */
.rb-foot{border-top:1px solid var(--c-line);padding:72px 0 40px;font-size:14px}
.rb-foot-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}
.rb-foot-grid nav{display:grid;align-content:start;gap:10px}
.rb-foot-grid a{text-decoration:none;color:var(--c-fg)}.rb-foot-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.rb-foot-grid p{margin:0 0 8px}
.rb-foot-grid .rb-mono{margin-bottom:6px}
.rb-foot-brand p{color:var(--c-muted);margin-top:18px!important}
.rb-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;margin-top:64px;padding-top:24px;border-top:1px solid var(--c-line);font-size:12px;color:var(--c-muted)}
.rb-foot-base .seed-legal{margin:0}

@media (prefers-reduced-motion:reduce){.rb-card-alt{display:none}}

@media (max-width:820px){
  :root{--rb-gut:16px}
  .rb-head-row{min-height:60px;gap:18px}
  .rb-mark{font-size:13px;letter-spacing:.16em}
  .rb-shoplink{display:inline-block}
  .rb-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;padding:8px 16px 20px;background:var(--c-bg);border-bottom:1px solid var(--c-line)}
  .rb-nav a{font-size:16px;padding:12px 0;width:100%;color:var(--c-fg)}
  .rb-hero{padding:32px 0 64px}
  .rb-hero-head,.rb-page-row,.rb-feature,.rb-pdp-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .rb-hero-head{margin-bottom:32px}
  .rb-tri{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--rb-gut));padding:0 var(--rb-gut)}
  .rb-tri>*{scroll-snap-align:start}
  .rb-jump{justify-self:start}
  .rb-sec{padding:64px 0}
  .rb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rb-card-body{padding:12px 12px 16px}
  .rb-card-name{font-size:18px}
  .rb-row{grid-template-columns:28px 56px minmax(0,1fr) 16px;gap:14px;padding:12px}
  .rb-row-thumb{width:56px}
  .rb-row-state{display:none}
  .rb-look{grid-template-columns:minmax(0,1fr);gap:40px}
  .rb-look-item.is-wide{grid-column:auto}
  .rb-look-item.is-wide .rb-plate-img{aspect-ratio:4/3}
  .rb-beliefs,.rb-marks,.rb-art{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rb-orig-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rb-orig-grid .seed-fig:first-child{grid-column:1/-1}
  .rb-pair{grid-template-columns:minmax(0,1fr)}
  .rb-sticky{position:static}
  .rb-pdp{padding:16px 0 64px}
  .rb-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rb-foot-brand{grid-column:1/-1}
  .seed-cart,.seed-orders,.seed-prose{padding-left:16px;padding-right:16px}
}