/* ============================================================
   Signia brand skin — scoped to .signia-skin only.
   Source: docs/design-signia.md (observed from www.signia.net/en-gb).
   Bright, clean, friendly "Be Brilliant": white canvas, black ink,
   one confident Signia red accent, geometric sans (Poppins stand-in
   for Gibson), fully-rounded PILL buttons. Sits below the
   Wickersley header/footer.
   ============================================================ */
.signia-skin{
  --sg-white:#fff; --sg-surface:#F7F7F8; --sg-edge:#E7E7E9;
  --sg-ink:#000; --sg-ink2:#55585F; --sg-slate:#696E7A;
  --sg-red:#ED0400; --sg-red-deep:#B20500;
  background:var(--sg-white);
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--sg-ink);
}
.signia-skin .container{max-width:1280px;}
.signia-skin .section{background:transparent;padding:clamp(4rem,8vw,7.5rem) 0;}

/* Typography — light-weight geometric headings, sentence case */
.signia-skin h1,.signia-skin h2,.signia-skin h3,.signia-skin .modeltag{font-family:"Poppins",sans-serif;color:var(--sg-ink);letter-spacing:normal;}
.signia-skin h1{font-weight:400;font-size:clamp(2.6rem,5vw,3.75rem);line-height:1.12;}
.signia-skin h2{font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.2;}
.signia-skin h3{font-weight:500;font-size:1.2rem;}
.signia-skin p,.signia-skin .lead{color:var(--sg-ink2);}
.signia-skin .lead{font-size:1.08rem;font-weight:400;}

/* Hero (inner pages using the simple pagehero) */
.signia-skin .pagehero{background:var(--sg-white);color:var(--sg-ink);padding:clamp(3.5rem,7vw,6rem) 0;border-bottom:1px solid var(--sg-edge);}
.signia-skin .pagehero::before{display:none;}
.signia-skin .pagehero h1{color:var(--sg-ink);font-weight:400;}
.signia-skin .pagehero p.sub{color:var(--sg-ink2);}
.signia-skin .crumbs{color:var(--sg-slate);}
.signia-skin .crumbs a{color:var(--sg-ink);}
.signia-skin .eyebrow{background:transparent!important;color:var(--sg-red)!important;border:none;box-shadow:none;padding:0;margin-bottom:20px;letter-spacing:.1em;font-size:.78rem;text-transform:uppercase;font-weight:600;}
.signia-skin .eyebrow img{filter:none!important;height:16px!important;}

/* Buttons — fully-rounded PILLS, red primary, red-outline ghost */
.signia-skin .btn{border-radius:999px;box-shadow:none!important;font-family:"Poppins",sans-serif;font-weight:400;letter-spacing:.01em;text-transform:none;transition:.18s ease;}
.signia-skin .btn-cta{background:var(--sg-red);color:#fff;border:2px solid var(--sg-red);}
.signia-skin .btn-cta:hover{background:var(--sg-red-deep);border-color:var(--sg-red-deep);color:#fff;transform:none;}
.signia-skin .btn-outline{background:transparent;border:2px solid var(--sg-red-deep);color:var(--sg-ink);}
.signia-skin .btn-outline:hover{background:var(--sg-red-deep);color:#fff;transform:none;}
.signia-skin .btn-lg{padding:15px 30px;font-size:1rem;}
.signia-skin .floatbook{display:none;}

/* Simple surfaces (intro + feature tiles) — clean, minimal, soft round */
.signia-skin .pf,.signia-skin .ft{background:var(--sg-surface);border:1px solid var(--sg-edge);border-radius:18px;box-shadow:none;}
.signia-skin .pf{border-top:none;}
.signia-skin .pf h3,.signia-skin .ft b{color:var(--sg-ink);}
.signia-skin .ft .ic{background:#fff;color:var(--sg-red);border-radius:50%;}
.signia-skin .ft .ic svg{color:var(--sg-red);}
.signia-skin .ft span{color:var(--sg-ink2);}

/* CTA band — confident Signia red */
.signia-skin .ctaband{background:var(--sg-red);}
.signia-skin .ctaband h2{color:#fff;}
.signia-skin .ctaband p{color:#ffe3e2;}
.signia-skin .ctaband .btn-cta{background:#fff;color:var(--sg-red);border-color:#fff;}
.signia-skin .ctaband .btn-cta:hover{background:#1a1a1c;color:#fff;border-color:#1a1a1c;}
.signia-skin .ctaband .btn-outline{border-color:rgba(255,255,255,.85);color:#fff;}
.signia-skin .ctaband .btn-outline:hover{background:#fff;color:var(--sg-red);}

  /* ===================== Immersive brand-landing components (Signia) ===================== */
  /* Full-bleed hero — bright, the real "Be Brilliant" red-waveform treatment, light scrim, dark ink text */
  .signia-skin .pk-hero{position:relative;min-height:clamp(460px,62vh,620px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--sg-ink);overflow:hidden;background:linear-gradient(160deg,#f3f3f4 0%,#e2e2e4 75%);}
  .signia-skin .pk-hero .bg{position:absolute;inset:0;z-index:0;}
  .signia-skin .pk-hero .bg img{width:100%;height:100%;object-fit:cover;display:block;}
  .signia-skin .pk-hero .bg.noimg img{display:none;}
  .signia-skin .pk-hero .scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.74));}
  .signia-skin .pk-hero .inner{position:relative;z-index:2;max-width:860px;padding:60px 48px;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(0,0,0,.06);}
  .signia-skin .pk-hero .eyebrow{color:var(--sg-red)!important;justify-content:center;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.95)!important;padding:7px 16px 7px 10px!important;border-radius:999px!important;box-shadow:0 6px 18px rgba(0,0,0,.14)!important;border:none!important;margin-bottom:22px!important;}
  .signia-skin .pk-hero .eyebrow img{filter:none!important;height:18px!important;width:auto!important;}
  .signia-skin .pk-hero h1{color:var(--sg-ink);font-weight:400;font-size:clamp(2.7rem,6vw,4.6rem);line-height:1.08;margin:0 0 14px;}
  .signia-skin .pk-hero .tagline{font-family:"Poppins",sans-serif;font-weight:500;font-size:clamp(1.3rem,3vw,2rem);color:var(--sg-red);margin:0 0 16px;}
  .signia-skin .pk-hero p.sub{color:var(--sg-ink2);max-width:62ch;margin:0 auto 26px;font-size:1.1rem;}
  .signia-skin .pk-hero .cta-row{justify-content:center;}
  .signia-skin .pk-hero .btn-cta{background:var(--sg-red);color:#fff;border-color:var(--sg-red);}
  .signia-skin .pk-hero .btn-cta:hover{background:var(--sg-red-deep);border-color:var(--sg-red-deep);}
  .signia-skin .pk-hero .btn-outline{background:transparent;border-color:var(--sg-ink);color:var(--sg-ink);}
  .signia-skin .pk-hero .btn-outline:hover{background:var(--sg-ink);color:#fff;}
  .signia-skin .pk-hero .phslot{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;}
  .signia-skin .pk-hero .phslot small{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;background:rgba(0,0,0,.05);border:1px dashed rgba(0,0,0,.25);padding:4px 10px;color:var(--sg-slate);}

  /* Quick-nav row — white circles, red icon accent */
  .signia-skin .pk-quicknav{display:flex;justify-content:center;gap:clamp(22px,5vw,68px);flex-wrap:wrap;padding:38px 24px;background:var(--sg-white);border-bottom:1px solid var(--sg-edge);}
  .signia-skin .pk-quicknav a{display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--sg-ink);font-weight:500;font-size:.9rem;text-decoration:none;text-align:center;line-height:1.25;}
  .signia-skin .pk-quicknav .circle{width:76px;height:76px;border-radius:50%;background:var(--sg-surface);border:1px solid var(--sg-edge);display:flex;align-items:center;justify-content:center;transition:.18s ease;}
  .signia-skin .pk-quicknav a:hover .circle{transform:translateY(-3px);border-color:var(--sg-red);}
  .signia-skin .pk-quicknav .circle svg{width:34px;height:34px;color:var(--sg-red);}

  /* Generic split */
  .signia-skin .pk-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,60px);align-items:center;}
  .signia-skin .pk-split.alt .copy{order:2;}
  .signia-skin .pk-bullets{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:15px;}
  .signia-skin .pk-bullets li{display:flex;gap:12px;align-items:flex-start;color:var(--sg-ink2);font-size:1.02rem;line-height:1.55;}
  .signia-skin .pk-bullets li .dot{width:22px;height:22px;border-radius:50%;background:var(--sg-red);flex:none;margin-top:2px;display:flex;align-items:center;justify-content:center;}
  .signia-skin .pk-bullets li .dot svg{width:13px;height:13px;color:#fff;}
  .signia-skin .pk-bullets li strong{color:var(--sg-ink);}

  /* Product media block + placeholder */
  .signia-skin .pk-media{position:relative;border-radius:22px;overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center;background:var(--sg-surface);border:1px solid var(--sg-edge);}
  .signia-skin .pk-media.dark{background:linear-gradient(150deg,#3a3a3c,#19191b);border-color:transparent;}
  .signia-skin .pk-media img.pk-prodimg{max-width:82%;max-height:340px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.18));}
  .signia-skin .pk-media .phslot{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:16px;}
  .signia-skin .pk-media .phslot img{height:28px;opacity:.45;}
  .signia-skin .pk-media.dark .phslot img{filter:brightness(0) invert(1);opacity:.6;}
  .signia-skin .pk-media .phslot small{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;background:#fff;border:1px dashed var(--sg-edge);padding:3px 8px;color:var(--sg-slate);}
  .signia-skin .pk-media.dark .phslot small{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#f3e9e9;}
  .signia-skin .pk-media.noimg img.pk-prodimg{display:none;}
  .signia-skin .pk-media:not(.noimg) .phslot{display:none;}

  /* Product section bands */
  .signia-skin .pk-prod{padding:clamp(3.5rem,7vw,6.5rem) 0;}
  .signia-skin .pk-prod.band{background:var(--sg-surface);}
  .signia-skin .pk-prod.dark{background:linear-gradient(160deg,#2c2c2e,#161618);}
  .signia-skin .pk-prod.dark h2,.signia-skin .pk-prod.dark .lead{color:#fff;}
  .signia-skin .pk-prod.dark p{color:#d6d6d9;}
  .signia-skin .pk-prod .modeltag{display:inline-block;background:transparent;color:var(--sg-red);font-weight:600;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:0;margin-bottom:12px;}
  .signia-skin .pk-prod.dark .modeltag{color:#ff6b66;}
  .signia-skin .pk-prod h2{margin:0 0 14px;}
  .signia-skin .pk-prod .pk-spec{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px;}
  .signia-skin .pk-prod .pk-spec span{display:inline-flex;align-items:center;gap:7px;background:var(--sg-surface);border:1px solid var(--sg-edge);color:var(--sg-ink);border-radius:999px;font-weight:500;font-size:.8rem;padding:7px 14px;}
  .signia-skin .pk-prod.dark .pk-spec span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;}
  .signia-skin .pk-prod .pk-spec span svg{width:15px;height:15px;color:var(--sg-red);}
  .signia-skin .pk-prod.dark .pk-spec span svg{color:#ff6b66;}
  .signia-skin .pk-prod.dark .pk-media.dark{background:linear-gradient(150deg,#46464a,#161618);}
  .signia-skin .pk-prod.dark .subchips span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;}
  .signia-skin .subchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .signia-skin .subchips span{font-size:.74rem;font-weight:600;color:var(--sg-ink);background:var(--sg-surface);border:1px solid var(--sg-edge);padding:6px 14px;border-radius:999px;}

  @media (max-width:900px){
    .signia-skin .pk-split{grid-template-columns:1fr;gap:26px;}
    .signia-skin .pk-split.alt .copy{order:0;}
    .signia-skin .pk-media{min-height:280px;}
  }