/* GENERATED by scripts/ib-css-split.mts from pages-sections.css (scripts/ib-css/area-parts.ts). Do not edit. */
@layer ib {
  /* ───────── 404 (.nf, on the `.pg` kit): no image, no script ───────── */
  html[data-brand="ib"] .pg .nf-hero .pg-hero__in { position:relative; padding-bottom:64px; }
  html[data-brand="ib"] .pg .nf-hero h1 { max-width:640px; }
  html[data-brand="ib"] .pg .nf-hero .pg-lead { max-width:520px; }
  /* the number, drawn as an outline on the pink (tablet up) */
  html[data-brand="ib"] .pg .nf-num { display:none; }
  html[data-brand="ib"] .pg .nf-num :is(path,rect) { fill:none; stroke:#fff; stroke-width:19; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:440; animation:nf-draw 1.1s .25s cubic-bezier(.6,0,.2,1) backwards; }
  html[data-brand="ib"] .pg .nf-num rect { animation-delay:.6s; }
  html[data-brand="ib"] .pg .nf-num path + rect + path { animation-delay:.95s; }
  @keyframes nf-draw { from{stroke-dashoffset:440} }
  /* the page as an empty profile: a white sheet over the edge of the hero */
  html[data-brand="ib"] .pg .nf-sheet { position:relative; margin-top:-40px; }
  html[data-brand="ib"] .pg .nf-sheet__b { border-radius:24px; background:#fff; box-shadow:0 24px 50px -30px rgba(20,24,31,.45),0 0 0 1px var(--line); animation:pg-rise .7s .1s var(--ease) both; }
  html[data-brand="ib"] .pg .nf-who { display:grid; grid-template-columns:52px minmax(0,1fr); gap:0 14px; align-items:center; padding:18px 18px 16px; }
  html[data-brand="ib"] .pg .nf-av { position:relative; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--tint); font-size:22px; font-weight:800; color:var(--ink); }
  html[data-brand="ib"] .pg .nf-av::before { content:""; position:absolute; inset:-4px; border-radius:50%; border:2px dashed #c9ced6; animation:nf-turn 26s linear infinite; }
  html[data-brand="ib"] .pg .nf-av span { animation:pg-pop .6s .5s var(--ease) both; }
  @keyframes nf-turn { to{transform:rotate(360deg)} }
  html[data-brand="ib"] .pg .nf-who b { display:block; font-size:16px; line-height:1.3; font-weight:800; letter-spacing:-.01em; overflow-wrap:anywhere; }
  html[data-brand="ib"] .pg .nf-who small { display:block; margin-top:2px; font-size:13.5px; line-height:1.45; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .nf-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); }
  html[data-brand="ib"] .pg .nf-stats li { padding:14px 8px 15px; text-align:center; }
  html[data-brand="ib"] .pg .nf-stats li + li { border-left:1px solid var(--line); }
  html[data-brand="ib"] .pg .nf-stats b { display:block; font-size:24px; line-height:1.1; font-weight:800; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
  html[data-brand="ib"] .pg .nf-stats span { display:block; margin-top:3px; font-size:12.5px; line-height:1.35; font-weight:500; color:var(--text); }
  /* the followers run out: 404 → 0, in CSS (a browser without @property simply shows 0) */
  html[data-brand="ib"] .pg .nf-count::after { content:"0"; }
  @supports (animation-timeline:view()) {
    html[data-brand="ib"] .pg .nf-count { counter-reset:nf var(--nf-n); animation:nf-drain 2.4s .5s cubic-bezier(.3,.6,.2,1) backwards; }
    html[data-brand="ib"] .pg .nf-count::after { content:counter(nf); }
  }
  @keyframes nf-drain { from{--nf-n:404}to{--nf-n:0} }
  /* what the visitor was probably after */
  html[data-brand="ib"] .pg .nf-sec { padding:40px 0 44px; }
  html[data-brand="ib"] .pg .nf-go { display:grid; gap:10px; margin-top:20px; }
  html[data-brand="ib"] .pg .nf-go a { display:grid; grid-template-columns:46px minmax(0,1fr) 20px; gap:0 14px; align-items:center; padding:14px 16px; border-radius:20px; background:#fff; box-shadow:0 0 0 1px var(--line); color:var(--ink); transition:transform .25s var(--ease),box-shadow .25s var(--ease); }
  html[data-brand="ib"] .pg .nf-go a:hover { color:var(--ink); transform:translateY(-3px); box-shadow:0 0 0 1px #d5d9df,0 18px 30px -22px rgba(20,24,31,.5); }
  html[data-brand="ib"] .pg .nf-go i { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:var(--tint); }
  html[data-brand="ib"] .pg .nf-go i svg { width:22px; height:22px; fill:currentColor; }
  html[data-brand="ib"] .pg .nf-go b { display:block; font-size:15.5px; line-height:1.3; font-weight:800; letter-spacing:-.01em; }
  html[data-brand="ib"] .pg .nf-go small { display:block; margin-top:2px; font-size:13.5px; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .nf-go .pg-ic { color:#98a1ae; transition:transform .25s var(--ease),color .25s; }
  html[data-brand="ib"] .pg .nf-go a:hover .pg-ic { transform:translateX(3px); color:var(--pk-d); }
  html[data-brand="ib"] .pg .nf-more { margin-top:30px; }
  html[data-brand="ib"] .pg .nf-more h3 { font-size:17px; line-height:1.3; font-weight:800; letter-spacing:-.02em; }
  html[data-brand="ib"] .pg .nf-more ul { margin-top:10px; border-top:1px solid var(--line); }
  html[data-brand="ib"] .pg .nf-more li { border-bottom:1px solid var(--line); }
  html[data-brand="ib"] .pg .nf-more a { display:grid; grid-template-columns:minmax(0,1fr) 20px; gap:0 14px; align-items:center; min-height:60px; padding:11px 0; color:var(--ink); }
  html[data-brand="ib"] .pg .nf-more a:hover { color:var(--ink); }
  html[data-brand="ib"] .pg .nf-more b { display:block; color:var(--ink); font-size:15.5px; line-height:1.3; font-weight:800; letter-spacing:-.01em; transition:color .2s; }
  html[data-brand="ib"] .pg .nf-more a:hover b { color:var(--pk-d); }
  html[data-brand="ib"] .pg .nf-more span { display:block; margin-top:2px; font-size:14px; line-height:1.5; font-weight:500; color:var(--text); }
  html[data-brand="ib"] .pg .nf-more .pg-ic { color:#98a1ae; transition:transform .25s var(--ease),color .25s; }
  html[data-brand="ib"] .pg .nf-more a:hover .pg-ic { transform:translateX(3px); color:var(--pk-d); }
  @media (prefers-reduced-motion:reduce) {
    html[data-brand="ib"] .pg .nf-num :is(path,rect) { animation:none; }
    html[data-brand="ib"] .pg .nf-av::before, html[data-brand="ib"] .pg .nf-av span, html[data-brand="ib"] .pg .nf-count { animation:none; }
  }
  @container pg (min-width:700px) {
    html[data-brand="ib"] .pg .nf-hero .pg-hero__in { padding-bottom:84px; }
    html[data-brand="ib"] .pg .nf-num { display:block; position:absolute; right:24px; bottom:72px; width:min(42%,360px); height:auto; overflow:visible; pointer-events:none; }
    html[data-brand="ib"] .pg .nf-hero h1, html[data-brand="ib"] .pg .nf-hero .pg-lead { max-width:52%; }
    html[data-brand="ib"] .pg .nf-sheet { margin-top:-52px; }
    html[data-brand="ib"] .pg .nf-sheet__b { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; border-radius:28px; }
    html[data-brand="ib"] .pg .nf-who { padding:22px 24px; }
    html[data-brand="ib"] .pg .nf-stats { border-top:0; border-left:1px solid var(--line); }
    html[data-brand="ib"] .pg .nf-stats li { padding:22px 8px; }
    html[data-brand="ib"] .pg .nf-go { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    html[data-brand="ib"] .pg .nf-more ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; }
  }
  @container pg (min-width:960px) {
    html[data-brand="ib"] .pg .nf-hero .pg-hero__in { padding-bottom:112px; }
    html[data-brand="ib"] .pg .nf-hero h1, html[data-brand="ib"] .pg .nf-hero .pg-lead { max-width:none; }
    html[data-brand="ib"] .pg .nf-hero .pg-hero__in > .nf-num { position:static; grid-column:2; grid-row:1/6; align-self:center; justify-self:end; width:100%; max-width:420px; }
    html[data-brand="ib"] .pg .nf-sheet { margin-top:-58px; }
    html[data-brand="ib"] .pg .nf-who { grid-template-columns:60px minmax(0,1fr); gap:0 18px; padding:26px 32px; }
    html[data-brand="ib"] .pg .nf-av { width:60px; height:60px; font-size:25px; }
    html[data-brand="ib"] .pg .nf-who b { font-size:18px; }
    html[data-brand="ib"] .pg .nf-who small { font-size:14.5px; }
    html[data-brand="ib"] .pg .nf-stats b { font-size:30px; }
    html[data-brand="ib"] .pg .nf-stats span { font-size:13.5px; }
    html[data-brand="ib"] .pg .nf-sec { padding:64px 0 72px; }
    html[data-brand="ib"] .pg .nf-go { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:26px; }
    html[data-brand="ib"] .pg .nf-go a { grid-template-columns:minmax(0,1fr) 20px; gap:14px 10px; align-items:end; padding:20px; }
    html[data-brand="ib"] .pg .nf-go i { grid-column:1 / -1; }
    html[data-brand="ib"] .pg .nf-more { margin-top:44px; }
  }
  @container pg (max-width:350px) {
    html[data-brand="ib"] .pg .nf-stats span { font-size:11px; }
    html[data-brand="ib"] .pg .nf-stats li { padding-left:3px; padding-right:3px; }
  }
}