/* Nectunt — White Editorial v2. Central tokens are the editing surface. */
:root {
  color-scheme: light;
  --white:#fff; --ink:#181818; --muted:#626262; --subtle:#f5f5f3;
  --line:#dededb; --control-line:#767676; --error:#a32626; --success:#28533c;
  --scrim:rgb(0 0 0 / .32); --overlay-shadow:0 12px 48px rgb(0 0 0 / .1);
  --font-body:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-display:Georgia,"Songti SC",SimSun,serif;
  --text-xs:12px; --text-sm:14px; --text-base:16px; --text-lead:18px; --text-md:20px;
  --title-sm:24px; --title-md:32px; --title-lg:40px; --title-xl:48px; --title-2xl:64px; --title-hero:80px;
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-20:20px;
  --space-24:24px; --space-32:32px; --space-40:40px; --space-48:48px; --space-64:64px;
  --space-80:80px; --space-96:96px; --space-128:128px;
  --gutter:var(--space-64); --section-gap:var(--space-128); --content-width:1440px;
  --border:1px; --radius:0px; --radius-small:4px; --focus-width:2px;
  --control:48px; --touch:44px; --header-height:96px;
  --motion-small:180ms; --motion-enter:240ms; --motion-exit:160ms;
  --safe-top:env(safe-area-inset-top,0px); --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px); --safe-left:env(safe-area-inset-left,0px);
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-height) + var(--space-24)); }
body { margin:0; min-width:320px; background:var(--white); color:var(--ink); font:400 var(--text-base)/1.65 var(--font-body); -webkit-font-smoothing:antialiased; }
#app { min-width:0; width:100%; }
main,section,article,aside,header,footer,nav,figure,figcaption,div { min-width:0; }
h1,h2,h3,h4,p,figure,dl,dd { margin:0; }
h1,h2,h3,h4 { font-family:var(--font-display); font-weight:400; line-height:1.12; letter-spacing:-.025em; overflow-wrap:break-word; text-wrap:pretty; }
h1 { font-size:var(--title-2xl); }
h2 { font-size:var(--title-xl); }
h3 { font-size:var(--title-md); }
h4 { font-size:var(--title-sm); }
p { line-height:1.65; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; color:inherit; }
button { margin:0; background:transparent; border:0; padding:0; text-align:inherit; cursor:pointer; }
a,summary,select { cursor:pointer; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
button:disabled { opacity:.45; cursor:not-allowed; }
strong { font-weight:500; }
svg.icon { display:inline-block; flex:none; width:var(--space-20); height:var(--space-20); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
img { display:block; max-width:100%; }
[hidden] { display:none !important; }
::selection { background:var(--line); color:var(--ink); }
:where(a,button,input,select,textarea,summary):focus-visible { outline:var(--focus-width) solid var(--ink); outline-offset:var(--space-4); }
h1:focus { outline:none; }
hr { width:100%; margin:var(--space-16) 0; border:0; border-top:var(--border) solid var(--line); }
.od-stack { gap:var(--space-24); }
.od-field { gap:var(--space-8); }
.od-stat { gap:var(--space-12); }
.section-shell { width:min(calc(100% - var(--gutter) * 2),var(--content-width)); margin-inline:auto; }
.eyebrow { display:block; margin:0 0 var(--space-24); color:var(--muted); font:400 var(--text-xs)/1.5 var(--font-body); letter-spacing:.14em; text-transform:uppercase; }
.skip-link { position:fixed; z-index:300; top:var(--space-8); left:var(--space-8); padding:var(--space-12) var(--space-24); color:var(--white); background:var(--ink); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-16); min-height:var(--control); max-width:100%; padding:var(--space-12) var(--space-24); border:var(--border) solid var(--ink); border-radius:var(--radius); background:var(--ink); color:var(--white); font:400 var(--text-base)/1.5 var(--font-body); white-space:nowrap; }
.button-outline { color:var(--ink); background:var(--white); border-color:var(--control-line); }
.text-link { display:inline-flex; width:fit-content; max-width:100%; align-items:center; justify-content:space-between; gap:var(--space-24); min-height:var(--touch); border-bottom:var(--border) solid var(--ink); font-size:var(--text-base); }
.text-link>.icon { transition:transform var(--motion-small) ease-out; }
.text-button { display:inline-flex; align-items:center; gap:var(--space-8); min-height:var(--touch); width:fit-content; background:transparent; color:var(--ink); text-decoration:underline; text-underline-offset:var(--space-4); }
/* Quiet, consistent navigation. */
.site-header { position:sticky; top:0; z-index:50; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--space-32); min-height:var(--header-height); padding:var(--space-20) var(--gutter); background:var(--white); border-bottom:var(--border) solid var(--line); }
.brand-mark,.nectunt-brand { display:block; width:160px; max-width:100%; }
.nectunt-brand img,.shop-header img { display:block; width:100%; height:auto; filter:grayscale(1) brightness(0); }
.desktop-nav { display:flex; align-items:center; justify-content:center; gap:var(--space-32); font-size:var(--text-sm); }
.desktop-nav>a { display:flex; align-items:center; min-height:var(--touch); white-space:nowrap; }
.header-actions { display:flex; align-items:center; gap:var(--space-16); }
.language-switch { display:flex; align-items:center; gap:0; flex:none; font-size:var(--text-xs); }
.language-switch button { display:block; min-width:var(--touch); min-height:var(--touch); text-align:center; font-size:var(--text-xs); }
.language-switch .is-active { text-decoration:underline; text-underline-offset:var(--space-4); }
.language-switch>span { color:var(--muted); }
.menu-button { display:none; place-items:center; min-width:var(--touch); min-height:var(--touch); }
.mobile-nav { grid-column:1/-1; display:grid; gap:var(--space-8); padding-block:var(--space-24); border-top:var(--border) solid var(--line); max-height:calc(var(--responsive-vh,100dvh) - var(--header-height) - var(--space-32)); overflow-y:auto; overscroll-behavior:contain; }
.mobile-nav>a { display:flex; align-items:center; min-height:var(--control); font-family:var(--font-display); font-size:var(--title-sm); }
.mobile-languages { padding-top:var(--space-16); border-top:var(--border) solid var(--line); }
.mobile-languages .language-switch { justify-content:flex-start; }
/* Homepage: photographs and copy stay in separate, flowing regions. */
.hero-section { background:var(--white); }
.hero-intro { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr); align-items:end; gap:var(--space-64); padding-block:var(--space-64) var(--space-48); }
.hero-title h1 { font-size:clamp(var(--title-xl),5.6vw,var(--title-hero)); line-height:1.1; max-width:15ch; }
.hero-title>.eyebrow { margin-bottom:var(--space-24); }
.hero-summary { padding-bottom:var(--space-8); gap:var(--space-24); }
.hero-body { color:var(--muted); font-size:var(--text-base); max-width:42ch; }
.hero-visual { display:grid; gap:var(--space-24); }
.hero-image-link { display:block; }
.hero-product-image { width:100%; height:auto; object-fit:contain; }
.hero-product-caption { display:flex; justify-content:space-between; align-items:start; gap:var(--space-32); padding-bottom:var(--space-24); border-bottom:var(--border) solid var(--line); }
.hero-product-caption>strong { font:400 var(--title-sm)/1.25 var(--font-display); }
.hero-product-caption>.od-field { text-align:right; font-size:var(--text-sm); }
.hero-product-caption small { color:var(--muted); font-size:var(--text-sm); }
.proof-section,.spaces-section,.products-section,.why-section,.global-section,.cta-section { margin-top:var(--section-gap); }
.proof-intro { display:grid; grid-template-columns:minmax(0,.55fr) minmax(0,1.1fr) minmax(0,1fr); gap:var(--space-48); }
.proof-intro h2 { font-size:clamp(var(--title-md),3.6vw,var(--title-xl)); }
.proof-intro p:not(.eyebrow) { color:var(--muted); }
.hero-chips { display:flex; flex-wrap:wrap; gap:var(--space-8) var(--space-16); font-size:var(--text-sm); }
.hero-chips>span { display:block; white-space:nowrap; }
.stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-24); margin-top:var(--space-64); padding-top:var(--space-32); border-top:var(--border) solid var(--line); }
.stat-card>strong { display:block; font:400 clamp(var(--title-md),3.5vw,var(--title-xl))/1.1 var(--font-display); white-space:nowrap; }
.stat-card>span { display:block; color:var(--muted); font-size:var(--text-sm); }
.section-heading { margin-bottom:var(--space-64); }
.section-heading h2 { max-width:20ch; font-size:clamp(var(--title-lg),4vw,var(--title-2xl)); }
.spaces-grid { display:grid; gap:var(--space-96); }
.space-card { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:var(--space-80); align-items:center; }
.space-card:nth-child(even) { grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); }
.space-card:nth-child(even)>.space-visual { order:2; }
.space-visual { display:block; }
.space-visual img { width:100%; height:auto; object-fit:contain; }
.space-copy { gap:var(--space-32); max-width:36ch; }
.space-copy>.eyebrow { margin:0; }
.space-copy h3 { font-size:clamp(var(--title-md),3vw,var(--title-xl)); line-height:1.18; }
.split-heading { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr); gap:var(--space-80); align-items:end; }
.split-heading>p { max-width:50ch; color:var(--muted); }
.product-theatre { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:var(--space-64); align-items:start; }
.product-theatre-stage { min-width:0; }
.product-theatre-panel { display:grid; gap:var(--space-24); margin:0; animation:panel-in var(--motion-enter) ease-out; }
.product-theatre-panel>a { display:block; }
.product-stage-image { display:block; width:100%; height:auto; object-fit:contain; }
.theatre-caption { gap:var(--space-12); }
.theatre-caption>span { color:var(--muted); font-size:var(--text-sm); }
.theatre-caption>strong { font:400 var(--title-md)/1.2 var(--font-display); }
.stage-specs { display:flex; flex-wrap:wrap; gap:var(--space-8) var(--space-20); padding-top:var(--space-16); border-top:var(--border) solid var(--line); color:var(--muted); font-size:var(--text-sm); }
.stage-specs>span { display:block; }
.product-theatre-nav { border-top:var(--border) solid var(--line); }
.product-theatre-trigger { display:grid; grid-template-columns:var(--space-24) minmax(0,1fr) var(--space-20); align-items:start; gap:var(--space-16); width:100%; min-height:var(--space-80); padding:var(--space-24) 0; border-bottom:var(--border) solid var(--line); text-align:left; color:var(--ink); }
.product-tab-number { display:block; padding-top:var(--space-4); font-size:var(--text-xs); color:var(--muted); }
.product-tab-copy { display:grid; gap:var(--space-16); }
.product-tab-copy>strong { font:400 var(--title-sm)/1.25 var(--font-display); }
.product-tab-body { display:none; }
.product-theatre-trigger[data-active] .product-tab-body { display:grid; gap:var(--space-16); color:var(--muted); }
.product-theatre-trigger[data-active] .product-tab-copy>strong { text-decoration:underline; text-underline-offset:var(--space-4); text-decoration-thickness:var(--border); }
.product-tab-details { display:flex; flex-wrap:wrap; gap:var(--space-8) var(--space-16); }
.product-tab-details i { display:block; font-style:normal; font-size:var(--text-sm); }
.product-theatre-trigger>.icon { margin-top:var(--space-4); transition:transform var(--motion-small) ease-out; }
.product-theatre-trigger[data-active]>.icon { transform:rotate(45deg); }
.product-theatre-link { margin-top:var(--space-24); }
.catalogue-heading { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr); gap:var(--space-80); align-items:end; margin:var(--space-96) 0 var(--space-48); }
.catalogue-heading h3 { font-size:var(--title-lg); max-width:24ch; }
.catalogue-heading>p { color:var(--muted); }
.catalogue-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-48) var(--space-32); }
.catalogue-card { color:var(--ink); text-decoration:none; }
.catalogue-image img { width:100%; height:auto; object-fit:contain; }
.catalogue-copy { display:grid; align-content:start; gap:var(--space-8); padding-top:var(--space-20); }
.catalogue-copy>.eyebrow { margin:0; }
.catalogue-copy h4 { font-size:var(--title-sm); line-height:1.25; }
.catalogue-copy p { color:var(--muted); font-size:var(--text-sm); }
.why-section { padding-top:var(--space-80); border-top:var(--border) solid var(--line); }
.why-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-64); }
.why-card { gap:var(--space-24); }
.why-card>.eyebrow { margin:0; }
.why-card h3 { font-size:var(--title-md); }
.why-card p { color:var(--muted); max-width:42ch; }
.global-section { padding-top:var(--space-80); border-top:var(--border) solid var(--line); }
.global-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:var(--space-128); }
.global-copy { gap:var(--space-32); }
.global-copy>.eyebrow { margin:0; }
.global-copy h2 { font-size:var(--title-xl); line-height:1.16; }
.global-copy>p:last-child { color:var(--muted); max-width:65ch; }
.market-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.market-list>span { display:block; padding:var(--space-16) 0; border-top:var(--border) solid var(--line); }
.market-list>span:nth-child(even) { padding-left:var(--space-16); }
.partner-line { margin-top:var(--space-24); padding-top:var(--space-24); border-top:var(--border) solid var(--line); gap:var(--space-12); }
.partner-line p { color:var(--muted); }
.cta-section { padding:var(--space-80) 0; border-block:var(--border) solid var(--line); display:grid; justify-items:center; gap:var(--space-32); text-align:center; }
.cta-section>.eyebrow { margin:0; }
.cta-section h2 { max-width:22ch; font-size:clamp(var(--title-lg),4vw,var(--title-2xl)); }
.cta-body { max-width:65ch; color:var(--muted); }
.cta-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--space-32); }
.site-footer { padding:var(--space-80) 0 calc(var(--space-32) + var(--safe-bottom)); background:var(--white); }
.footer-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); gap:var(--space-96); }
.footer-brand { gap:var(--space-24); align-items:start; }
.footer-brand p { max-width:34ch; color:var(--muted); }
.footer-brand>a:not(.brand-mark) { display:flex; align-items:center; min-height:var(--touch); }
.footer-note { display:block; font-size:var(--text-sm); color:var(--muted); }
.footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-32); }
.footer-links h3 { margin-bottom:var(--space-24); font:400 var(--text-sm)/1.5 var(--font-body); letter-spacing:.08em; text-transform:uppercase; }
.footer-links a { display:flex; align-items:center; min-height:var(--touch); width:fit-content; max-width:100%; color:var(--muted); }
.footer-bottom { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; gap:var(--space-32); margin-top:var(--space-64); padding-top:var(--space-24); border-top:var(--border) solid var(--line); font-size:var(--text-sm); color:var(--muted); }
.footer-bottom>div { display:flex; align-items:center; gap:var(--space-24); flex-wrap:wrap; }
.footer-bottom button,.footer-bottom a { display:inline-flex; align-items:center; gap:var(--space-8); min-height:var(--touch); font-size:var(--text-sm); color:var(--muted); }
@keyframes panel-in { from {opacity:0; transform:translateY(var(--space-8));} to {opacity:1; transform:none;} }

/* Static collection and enquiry pages. */
.site-main { min-height:60vh; padding-block:var(--space-64) var(--space-96); }
.page-heading { display:grid; gap:var(--space-24); max-width:72ch; margin-bottom:var(--space-64); }
.page-heading>.eyebrow { margin:0; }
.page-heading h1 { font-size:var(--title-hero); line-height:1.25; }
.page-heading>p:not(.eyebrow) { color:var(--muted); max-width:65ch; }
.header-contact { display:flex; align-items:center; min-height:var(--touch); border-bottom:var(--border) solid var(--ink); font-size:var(--text-sm); white-space:nowrap; }
.desktop-nav>a[aria-current=page],.mobile-nav>a[aria-current=page] { text-decoration:underline; text-underline-offset:var(--space-8); }
.collection-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:var(--space-32); padding-block:var(--space-24); border-block:var(--border) solid var(--line); }
.collection-categories { gap:var(--space-8) var(--space-24); }
.collection-categories button { display:flex; align-items:center; min-height:var(--touch); border-bottom:var(--border) solid transparent; font-size:var(--text-sm); }
.collection-categories button[aria-pressed=true] { border-color:var(--ink); }
.collection-tools { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:var(--space-16); }
.field { display:grid; align-content:start; gap:var(--space-8); }
.field label { display:block; font-size:var(--text-sm); }
input,select,textarea { display:block; width:100%; max-width:100%; min-width:0; min-height:var(--control); padding:var(--space-12) var(--space-16); background:var(--white); color:var(--ink); border:var(--border) solid var(--control-line); border-radius:0; font-size:var(--text-base); line-height:1.5; }
textarea { min-height:176px; resize:vertical; }
input[aria-invalid=true],textarea[aria-invalid=true] { border-color:var(--error); }
.field-error { color:var(--error); font-size:var(--text-base); line-height:1.5; }
.field-error:empty { display:none; }
.field-help { font-size:var(--text-sm); color:var(--muted); }
.collection-results { margin-block:var(--space-24) var(--space-32); font-size:var(--text-sm); color:var(--muted); }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-64) var(--space-32); }
.collection-card { display:grid; grid-template-rows:auto 1fr; color:var(--ink); }
.collection-card>a { display:block; }
.collection-card img { width:100%; height:auto; object-fit:contain; }
.collection-card-copy { display:grid; align-content:start; gap:var(--space-12); padding-top:var(--space-24); }
.collection-card-copy .eyebrow { margin:0; }
.collection-card-copy h2 { font-size:var(--title-md); line-height:1.333; }
.collection-card-copy p { font-size:var(--text-sm); color:var(--muted); }
.collection-card-copy .text-link { margin-top:var(--space-8); font-size:var(--text-sm); }
.breadcrumb { display:flex; align-items:center; gap:var(--space-12); width:fit-content; max-width:100%; min-height:var(--touch); margin-bottom:var(--space-32); font-size:var(--text-sm); }
.product-detail { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--space-64); align-items:start; }
.product-detail-image { display:block; }
.product-detail-image img { width:100%; height:auto; object-fit:contain; }
.product-detail-copy { display:grid; gap:var(--space-24); }
.product-detail-copy>.eyebrow { margin:0; }
.product-detail h1 { font-size:var(--title-xl); line-height:1.333; }
.product-description { color:var(--muted); max-width:60ch; }
.specifications { display:grid; gap:0; border-top:var(--border) solid var(--line); }
.specifications>div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:var(--space-24); padding-block:var(--space-16); border-bottom:var(--border) solid var(--line); }
.specifications dt { font-size:var(--text-xs); color:var(--muted); }
.specifications dd { font-size:var(--text-sm); overflow-wrap:anywhere; }
.product-guidance { display:grid; gap:var(--space-12); margin-top:var(--space-8); }
.product-guidance h2 { font-size:var(--text-base); }
.product-guidance p { color:var(--muted); font-size:var(--text-sm); }
.product-enquiry { justify-self:start; }
.related-products { margin-top:var(--section-gap); padding-top:var(--space-48); border-top:var(--border) solid var(--line); }
.related-products>h2 { margin-bottom:var(--space-32); font-size:var(--title-md); }
.editorial-spread { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--space-64); align-items:center; }
.editorial-spread img { width:100%; height:auto; object-fit:contain; }
.editorial-spread .od-stack { gap:var(--space-24); }
.editorial-spread h2 { font-size:var(--title-xl); }
.editorial-spread p { max-width:60ch; color:var(--muted); }
.company-approach { margin-top:var(--section-gap); }
.company-approach>h2 { font-size:var(--title-md); margin-bottom:var(--space-40); }
.audience-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-24); margin-block:var(--space-40); padding:0; list-style:none; }
.audience-list li { padding-top:var(--space-16); border-top:var(--border) solid var(--line); }
.empty-state { display:grid; justify-items:start; gap:var(--space-24); padding:var(--space-64) 0; border-block:var(--border) solid var(--line); grid-column:1/-1; }
.empty-state h1 { font-size:var(--title-xl); }
.empty-state h2 { font-size:var(--title-md); }
.empty-state p { color:var(--muted); max-width:65ch; }
.news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-48); }
.news-card { display:grid; gap:var(--space-16); align-content:start; border-top:var(--border) solid var(--line); padding-top:var(--space-24); }
.news-card h2 { font-size:var(--title-md); }
.news-card p,.news-card time { font-size:var(--text-sm); color:var(--muted); }
.contact-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:var(--space-96); align-items:start; }
.contact-intro { display:grid; gap:var(--space-24); }
.contact-intro h2 { font-size:var(--title-md); }
.contact-intro p { color:var(--muted); max-width:40ch; }
.contact-email { display:block; width:fit-content; min-height:var(--touch); font-size:var(--title-md); border-bottom:var(--border) solid var(--ink); overflow-wrap:anywhere; }
.contact-form { display:grid; gap:var(--space-24); }
.form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-24); }
.contact-form .button { justify-self:start; }
.contact-notice { font-size:var(--text-sm); color:var(--muted); max-width:65ch; }
.error-summary { color:var(--error); border-block:var(--border) solid var(--error); padding-block:var(--space-16); }
.error-summary ul { margin-bottom:0; padding-left:var(--space-24); }
.error-summary a { display:inline-flex; align-items:center; min-height:var(--touch); text-decoration:underline; }
.enquiry-result { display:grid; gap:var(--space-24); margin-top:var(--space-40); padding-top:var(--space-32); border-top:var(--border) solid var(--line); }
.enquiry-result h2 { font-size:var(--title-md); }
.enquiry-actions { gap:var(--space-16); }
.enquiry-copy { font-size:var(--text-sm); }
@media (hover:hover) {
  a:hover { text-decoration-thickness:var(--border); }
  .desktop-nav>a:hover,.mobile-nav>a:hover,.footer-links a:hover,.collection-card-copy h2:hover,.breadcrumb:hover { text-decoration:underline; text-underline-offset:var(--space-4); }
  .button:hover { background:#333; color:var(--white); }
  .button-outline:hover { background:var(--ink); color:var(--white); }
  .text-link:hover>.icon { transform:translateX(var(--space-4)); }
  .collection-categories button:hover { border-color:var(--ink); }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }