/* Apex Innovative Goods Co. — base system. Kit: aubergine #5E2B50 + brass #9F8530,
   Bricolage Grotesque (display) + Schibsted Grotesk (text). Self-hosted woff2. */
@font-face{font-family:'Bricolage';src:url('/wp-content/uploads/aig/fonts/bricolage-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Bricolage';src:url('/wp-content/uploads/aig/fonts/bricolage-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Schibsted';src:url('/wp-content/uploads/aig/fonts/schibsted-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Schibsted';src:url('/wp-content/uploads/aig/fonts/schibsted-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Schibsted';src:url('/wp-content/uploads/aig/fonts/schibsted-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --ink:#1D1A1C; --paper:#F6F2EC; --aub:#5E2B50; --aub-deep:#3F1C36; --brass:#9F8530; --brass-text:#7A6522; --brass-lt:#CBA74A;
  --enamel:#E9E2D6; --steel:#8C8F93; --line:#DCD4C8; --paper-2:#EFE9DF;
  --disp:'Bricolage',Georgia,serif; --text:'Schibsted','Helvetica Neue',Arial,sans-serif;
  /* 10-step fluid scale */
  --t0:0.78rem; --t1:0.9rem; --t2:1rem; --t3:1.1rem; --t4:clamp(1.2rem,1.4vw,1.35rem);
  --t5:clamp(1.4rem,2vw,1.7rem); --t6:clamp(1.7rem,2.8vw,2.2rem); --t7:clamp(2.1rem,4vw,3rem);
  --t8:clamp(2.8rem,6vw,4.4rem); --t9:clamp(3.4rem,8vw,6rem);
  --sp:clamp(64px,9vw,136px); --gut:clamp(20px,5vw,64px); --maxw:1240px; --rad:6px;
  --shadow:0 1px 0 rgba(29,26,28,.05),0 18px 40px -22px rgba(29,26,28,.30);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:var(--t2);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--aub);text-decoration:none}
a:hover{color:var(--aub-deep)}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;line-height:1.04;letter-spacing:-.01em;margin:0 0 .5em}
/* defeat Astra's global heading colour inside our sections — headings take their section's colour */
.aig-home :is(h1,h2,h3,h4),.aig-pagehero :is(h1,h2,h3),.aig-doc :is(h1,h2,h3,h4){color:inherit}
h2{font-size:var(--t7)}h3{font-size:var(--t5)}
p{margin:0 0 1em}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.kicker{font-family:var(--text);font-weight:600;font-size:var(--t0);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-text)}
/* brass on DARK grounds must use the lighter brass to pass WCAG AA */
.statement .em,.proc .kicker,.proc li::before,.macro__panel .kicker,.data .n em,.aig-pagehero .kicker,.aig-foot h4{color:var(--brass-lt)}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--text);font-weight:600;font-size:var(--t1);
  padding:.85em 1.5em;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);
  cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s;letter-spacing:.01em}
.btn:hover{transform:translateY(-2px);background:var(--aub);border-color:var(--aub);color:#fff}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btn--onink{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn--onink:hover{background:var(--brass);border-color:var(--brass);color:var(--ink)}

/* ---------- HEADER ---------- (solid bars: paper-on-ink over the hero, ink-on-paper scrolled) */
#masthead,.site-header,.ast-primary-header-bar,header.site-header,
footer.site-footer,#colophon,.ast-small-footer,.site-below-footer-wrap,.ast-footer-copyright{display:none!important}
.aig-head{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:14px var(--gut);transition:background .3s,box-shadow .3s,padding .3s;background:var(--ink);color:var(--paper)}
.aig-head.solid,body:not(.home) .aig-head{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.aig-head__logo{height:38px;width:auto}
.aig-head__logo--paper{display:block}.aig-head__logo--ink{display:none}
.aig-head.solid .aig-head__logo--paper,body:not(.home) .aig-head .aig-head__logo--paper{display:none}
.aig-head.solid .aig-head__logo--ink,body:not(.home) .aig-head .aig-head__logo--ink{display:block}
.aig-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.aig-nav a{font-family:var(--text);font-weight:500;font-size:var(--t1);color:var(--paper);letter-spacing:.01em}
.aig-head.solid .aig-nav a,body:not(.home) .aig-nav a{color:var(--ink)}
.aig-nav a:hover{color:var(--brass-lt)}
.aig-head.solid .aig-nav a:hover,body:not(.home) .aig-nav a:hover{color:var(--aub)}
.aig-cart{display:inline-flex;align-items:center;gap:.4em}
.aig-burger{display:none;background:none;border:0;cursor:pointer;width:30px;height:22px;position:relative;color:inherit}
.aig-burger span{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:.3s}
.aig-burger span:nth-child(1){top:0}.aig-burger span:nth-child(2){top:10px}.aig-burger span:nth-child(3){top:20px}
body{padding-top:0}
@media(max-width:860px){
  .aig-nav{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);background:var(--paper);flex-direction:column;
    align-items:flex-start;justify-content:center;padding:2rem var(--gut);transform:translateX(100%);transition:.35s;box-shadow:var(--shadow)}
  .aig-nav.open{transform:none}
  .aig-nav a{color:var(--ink);font-size:var(--t4)}
  .aig-burger{display:block}
}

/* ---------- FOOTER ---------- */
.aig-foot{background:var(--ink);color:var(--paper);margin-top:var(--sp)}
.aig-foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--gut);padding-block:clamp(48px,6vw,80px)}
.aig-foot a{color:#d8d2cc}.aig-foot a:hover{color:var(--brass-lt)}
.aig-foot h4{font-family:var(--text);font-weight:600;font-size:var(--t0);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:1.1em}
.aig-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6em;font-size:var(--t1)}
.aig-foot__logo{height:40px;margin-bottom:1.2rem}
.aig-foot__nap{font-size:var(--t1);line-height:1.8;color:#c9c3bd}
.aig-cards{display:flex;gap:8px;margin-top:1rem;flex-wrap:wrap}
.aig-cards svg{height:26px;width:auto;border-radius:3px}
.aig-foot__bar{border-top:1px solid rgba(255,255,255,.12);padding-block:20px;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:var(--t0);color:#9a938d}
@media(max-width:860px){.aig-foot__top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.aig-foot__top{grid-template-columns:1fr}}

/* ---------- reveal (progressive: visible by default, JS may add .rvon) ---------- */
.rvon .rv{opacity:0;transform:translateY(18px)}
.rvon .rv.in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}

/* ---------- WooCommerce base harmonization ---------- */
.woocommerce-breadcrumb{display:none}
.woocommerce ul.products li.product .button,.wc-block-components-button{white-space:nowrap}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--aub)}