:root{--bg:#f4f4f0;--surface:#fff;--ink:#0a0a0a;--muted:#66665f;--line:#d8d8d0;--accent:#d6ff00;--header-h:72px;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;left:12px;top:-60px;z-index:999;padding:12px 16px;background:var(--ink);color:#fff}.skip-link:focus{top:12px}.site-header{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(244,244,240,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid currentColor;font-size:12px}.brand-name{letter-spacing:-.04em}.site-nav{display:flex;align-items:center;gap:22px;font-size:14px}.site-nav a{text-decoration:none}.cart-button,.menu-toggle{border:0;background:transparent;cursor:pointer;color:inherit}.menu-toggle{display:none}.hero{min-height:calc(100svh - var(--header-h));padding:clamp(28px,6vw,84px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:48px;align-items:center;position:relative;overflow:hidden;background:var(--ink);color:#fff}.hero-visual{min-height:560px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #2d2d2d;background:linear-gradient(transparent 49.5%,#242424 50%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#242424 50%,transparent 50.5%)}.hero-core{position:relative;z-index:3;font-weight:900;font-size:clamp(88px,16vw,240px);letter-spacing:-.09em;line-height:.75}.hero-orbit{position:absolute;width:72%;aspect-ratio:1;border:1px solid #444;border-radius:50%;animation:spin 16s linear infinite}.hero-orbit:before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;background:var(--accent);border-radius:50%}.hero-orbit--two{width:44%;animation-direction:reverse;animation-duration:10s}.hero-copy{max-width:560px}.hero-copy h1{margin:12px 0 18px;font-size:clamp(46px,6vw,92px);line-height:.92;letter-spacing:-.065em}.hero-copy>p:not(.eyebrow){max-width:48ch;color:#bdbdb5;line-height:1.6}.eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid currentColor;text-decoration:none;cursor:pointer}.button--primary{background:var(--accent);color:var(--ink);border-color:var(--accent);font-weight:800}.button--ghost{background:transparent;color:inherit}.scroll-cue{position:absolute;left:clamp(28px,6vw,84px);bottom:28px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#a0a0a0}.section{width:min(100%,var(--max));margin:0 auto;padding:clamp(70px,9vw,140px) 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.section-heading h2,.arcade-tease h2{margin:8px 0 0;font-size:clamp(36px,6vw,76px);line-height:.95;letter-spacing:-.055em}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{min-width:0}.product-media{aspect-ratio:4/5;display:grid;place-items:center;text-decoration:none;overflow:hidden}.placeholder-media{background:#161616;color:#fff;font-size:clamp(28px,6vw,72px);font-weight:900;letter-spacing:-.05em}.placeholder-media--alt{background:var(--accent);color:var(--ink)}.placeholder-media--third{background:#dcdcd2;color:var(--ink)}.product-meta{display:flex;justify-content:space-between;gap:20px;padding:14px 0 12px}.product-meta h3{margin:0 0 4px;font-size:16px}.product-meta h3 a{text-decoration:none}.product-meta p{margin:0;color:var(--muted);font-size:13px}.quick-add{width:100%;min-height:44px;border:1px solid var(--ink);background:transparent;cursor:pointer;text-decoration:none;display:grid;place-items:center}.quick-add:hover,.quick-add:focus-visible{background:var(--ink);color:#fff}.feature-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.feature-copy{border-top:1px solid var(--ink);padding-top:20px}.feature-copy p{max-width:50ch;line-height:1.7;color:var(--muted)}.feature-panel{min-height:520px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:32px}.feature-panel span{font-size:12px;letter-spacing:.14em}.feature-panel strong{font-size:clamp(72px,13vw,190px);letter-spacing:-.08em;line-height:.7}.arcade-tease{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:end}.arcade-tease>div{max-width:820px}.arcade-tease p:not(.eyebrow){max-width:60ch;color:var(--muted);line-height:1.6}.site-footer{border-top:1px solid var(--line);padding:28px 24px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.site-footer div{display:flex;gap:16px}.cart-drawer{position:fixed;right:0;top:0;z-index:100;width:min(440px,100%);height:100%;background:var(--surface);transform:translateX(100%);transition:transform .24s ease;display:grid;grid-template-rows:auto 1fr auto;border-left:1px solid var(--line)}.cart-drawer.is-open{transform:translateX(0)}.cart-header,.cart-footer{padding:22px;border-bottom:1px solid var(--line)}.cart-footer{border-bottom:0;border-top:1px solid var(--line)}.cart-header{display:flex;justify-content:space-between;align-items:center}.cart-header h2{margin:0}.cart-header button{background:transparent;border:0;font-size:28px;cursor:pointer}.cart-items{overflow:auto;padding:22px}.cart-line{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;margin-bottom:16px}.scrim{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit{animation:none}.cart-drawer{transition:none}}@media(max-width:900px){.site-header{align-items:flex-start;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.menu-toggle{display:block;min-height:44px}.site-nav{width:100%;display:none;align-items:stretch;flex-direction:column;gap:0;padding-top:10px}.site-nav.is-open{display:flex}.site-nav a,.site-nav .cart-button{text-align:left;padding:14px 0;border-top:1px solid var(--line)}.hero{min-height:0;grid-template-columns:1fr;padding:36px 20px 82px}.hero-visual{min-height:420px}.hero-copy h1{font-size:clamp(44px,14vw,76px)}.scroll-cue{left:20px}.product-grid{grid-template-columns:1fr}.feature-split{grid-template-columns:1fr}.feature-panel{min-height:380px}.arcade-tease{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.brand-name{display:none}.hero-visual{min-height:340px}.section{padding-left:16px;padding-right:16px}.site-footer{flex-direction:column}}

/* Existing Canva artwork, shown without cropping or speculative garment scale. */
.collection-intro{font-size:clamp(20px,2.7vw,36px);line-height:1.3;letter-spacing:-.035em;margin:-8px 0 36px;max-width:36ch}
.artwork-media{position:relative;background:#fff;color:var(--ink);border:1px solid #e4e4dd}
.artwork-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .55s ease}
.artwork-media:hover img{transform:scale(1.035)}
.artwork-index{position:absolute;left:14px;bottom:12px;font:10px monospace;letter-spacing:.1em;color:#666;background:rgba(255,255,255,.9);padding:5px}
.product-status{font:11px monospace;text-transform:uppercase;padding-top:3px}
.collection-note{font:12px/1.6 monospace;color:var(--muted);margin:28px 0 0}
.product-card .quick-add{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,6vw,88px);align-items:start}
.product-detail .artwork-media{aspect-ratio:4/5}
.product-detail h1{font-size:clamp(42px,6vw,80px);line-height:.95;letter-spacing:-.055em;margin:18px 0 28px}
.product-detail-copy{position:sticky;top:110px;padding-top:24px}
.product-detail-copy>p{line-height:1.7}.product-detail-copy .eyebrow{line-height:1.5}
.product-facts{margin:32px 0;border-top:1px solid var(--line)}
.product-facts div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}
.product-facts dd{margin:0;text-align:right;color:var(--muted)}
.artwork-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.artwork-options a{font-size:12px;padding:10px;border:1px solid var(--line);text-decoration:none}.artwork-options a[aria-current]{background:var(--ink);color:white}
/* Bag sits outside the nav so it stays visible next to Menu on mobile. */
.site-nav{margin-left:auto}.cart-button{min-height:44px;font-size:14px;white-space:nowrap}
@media(max-width:900px){.menu-toggle{margin-left:auto}.site-nav{order:3;margin-left:0}}
.cart-line{align-items:baseline}.cart-line span{flex:1}.cart-remove{border:0;background:none;padding:4px 0;font-size:12px;text-decoration:underline;cursor:pointer;color:var(--muted)}
.buy-form{display:grid;gap:12px;margin:0 0 28px}.buy-form label{display:grid;gap:8px;font-size:13px;font-weight:800}.buy-form select{min-height:48px;padding:0 12px;border:1px solid var(--ink);background:#fff}.buy-form .button{width:100%}
@media(max-width:900px){.product-detail{grid-template-columns:1fr}.product-detail-copy{position:static}.collection-intro{margin-top:0}}
@media(prefers-reduced-motion:reduce){.artwork-media img{transition:none}}

/* ---------- Shop layer: restrained, consistent (product grid, PDP, bag, footer, legal) ---------- */
.product-grid{gap:clamp(16px,2vw,28px)}
.product-media img{display:block}
.artwork-media,.garment-media{background:#fff;border:1px solid #e4e4dd}
.artwork-index{font-size:9px;opacity:.85}
.product-meta{align-items:baseline;padding:14px 0 12px}
.product-meta h3{font-size:15px;letter-spacing:-.01em;line-height:1.25}
.product-meta p{font-size:13px}
.product-status{white-space:nowrap;font-size:12px;letter-spacing:.04em}
.product-card .quick-add{font-size:13px}
.collection-note{max-width:70ch}

/* product detail */
.product-gallery{display:grid;gap:16px}
.garment-media{aspect-ratio:1;display:grid;place-items:center}
.garment-media img{width:100%;height:100%;object-fit:contain}
.artwork-thumb{display:flex;align-items:end;gap:12px;margin:0}
.artwork-thumb img{width:96px;height:auto;border:1px solid #e4e4dd;background:#fff}
.artwork-thumb figcaption{font:11px monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.product-detail h1{margin:14px 0 8px}
.product-garment{margin:0 0 20px;color:var(--muted)}
.product-facts{margin:24px 0}
.product-buy{width:100%}
.product-lede{margin-top:32px}
.option-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.option-row a{font-size:12px;padding:10px 12px;border:1px solid var(--line);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.option-row a:hover{border-color:var(--ink)}
.option-row a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.option-row--designs{margin-top:28px}
[data-colour-options] a{min-height:44px}
.back-link{font-size:13px}

/* bag */
.cart-line{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"thumb name price" "thumb remove remove";column-gap:14px;row-gap:4px;align-items:center}
.cart-line:not(:has(.cart-thumb)){grid-template-areas:"name name price" "remove remove remove"}
.cart-thumb{grid-area:thumb;width:56px;height:56px;object-fit:contain;border:1px solid var(--line);background:#fff}
.cart-line span{grid-area:name;font-size:14px}.cart-line strong{grid-area:price;font-size:14px}
.cart-remove{grid-area:remove;justify-self:start}
.cart-empty p{margin:0 0 12px}
.cart-note{font-size:13px;color:var(--muted);line-height:1.6}

/* static header (pages without the menu script keep their links visible) */
.site-nav--static{display:flex;flex-wrap:wrap;gap:6px 18px}
.site-nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.site-header .site-nav--static{display:flex;width:100%;order:3;flex-direction:row;padding-top:6px}.site-header .site-nav--static a{border:0;padding:8px 0}}

/* footer */
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:end;padding:36px 24px;font-size:13px;color:var(--muted)}
.site-footer a{color:var(--ink)}
.legal-footer p{margin:0 0 6px;line-height:1.5}
.legal-footer strong{color:var(--ink)}
.legal-footer nav,.footer-meta nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px}
.footer-meta{text-align:right}.footer-meta p{margin:12px 0 0}.footer-meta nav{justify-content:flex-end}
@media(max-width:700px){.site-footer{grid-template-columns:1fr}.footer-meta{text-align:left}.footer-meta nav{justify-content:flex-start}}

/* legal + coming soon pages */
.legal-page{max-width:76ch;line-height:1.7}
.legal-page h1{font-size:clamp(36px,6vw,64px);line-height:1;letter-spacing:-.045em;margin:0 0 12px}
.legal-page h2{font-size:18px;letter-spacing:-.01em;margin:36px 0 8px}
.legal-page p,.legal-page li{color:#2b2b28}
.legal-page ul{padding-left:20px}
.coming-soon h1{font-size:clamp(44px,8vw,110px);line-height:.92;letter-spacing:-.06em;margin:16px 0 20px}
.coming-soon p:not(.eyebrow){max-width:46ch;line-height:1.7;color:var(--muted)}
.site-footer .legal-footer,.site-footer .footer-meta{display:block}
[hidden]{display:none!important}
.button:disabled{opacity:.35;cursor:not-allowed}


/* AoR manifesto / accessibility-of-price section */
.aor-about{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aor-about__intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,7vw,100px);align-items:start}
.aor-about__intro h2{margin:8px 0 0;font-size:clamp(44px,7vw,96px);line-height:.9;letter-spacing:-.065em}
.aor-about__copy{font-size:clamp(17px,1.7vw,22px);line-height:1.55;letter-spacing:-.015em}
.aor-about__copy p{margin:0 0 18px}
.aor-about__copy strong{font-weight:900}
.aor-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(48px,7vw,88px)}
.aor-tier{background:var(--bg);padding:clamp(24px,3.2vw,44px);min-height:300px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.aor-tier__number{font:11px monospace;letter-spacing:.14em;color:var(--muted)}
.aor-tier h3{font-size:clamp(26px,3vw,44px);line-height:.92;letter-spacing:-.05em;text-transform:uppercase;margin:0}
.aor-tier p{margin:0;color:var(--muted);line-height:1.6;max-width:34ch}
.aor-tier--top{background:var(--ink);color:#fff}
.aor-tier--top p,.aor-tier--top .aor-tier__number{color:#bdbdb5}
.aor-manifesto{margin-top:clamp(56px,8vw,110px);border-top:1px solid var(--ink);padding-top:22px}
.aor-manifesto p{margin:0;font-weight:900;text-transform:uppercase;font-size:clamp(34px,6vw,88px);line-height:.88;letter-spacing:-.065em}
.aor-manifesto p span{display:block}
.aor-about__future{margin:34px 0 0;max-width:70ch;color:var(--muted);line-height:1.7}
@media(max-width:900px){.aor-about__intro{grid-template-columns:1fr}.aor-tiers{grid-template-columns:1fr}.aor-tier{min-height:0}}

/* Touch: footer/section links were 15-18px tall. Give them a 44px tap box without changing the desktop layout. */
@media(pointer:coarse){
  .legal-footer nav a,.footer-meta nav a,.legal-footer p a{display:inline-flex;align-items:center;min-height:44px}
  .legal-footer nav,.footer-meta nav{gap:0 18px;margin-top:4px}
  .section-heading>a,.product-meta h3 a{display:inline-flex;align-items:center;min-height:44px}
  .scroll-cue{display:inline-flex;align-items:flex-end;min-height:44px}
  .site-nav--static a{display:inline-flex;align-items:center;min-height:44px}
}