/* Pips Capital — shared stylesheet for sub-pages (same tokens and components as the homepage). */
[hidden]{display:none!important}
/* Until Archivo arrives the page shows a system font. Archivo is set wide (100–125% width), so
   the stand-in is scaled to the same width per band: headings keep their line breaks and the
   page doesn't jump when the real font swaps in (measured: Archivo ÷ Arial, uppercase text).
   Ascent/descent follow Archivo's own metrics so the text sits on the same baseline. */
@font-face{font-family:"Archivo Fallback";font-weight:600 900;font-stretch:100% 102%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:102.0%;ascent-override:86.1%;descent-override:20.6%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:100 599;font-stretch:100% 102%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:99.5%;ascent-override:88.2%;descent-override:21.1%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:600 900;font-stretch:103% 106%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:106.5%;ascent-override:82.4%;descent-override:19.7%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:100 599;font-stretch:103% 106%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:104.0%;ascent-override:84.4%;descent-override:20.2%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:600 900;font-stretch:107% 110%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:110.5%;ascent-override:79.5%;descent-override:19.0%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:100 599;font-stretch:107% 110%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:108.5%;ascent-override:80.9%;descent-override:19.4%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:600 900;font-stretch:111% 115%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:115.0%;ascent-override:76.3%;descent-override:18.3%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:100 599;font-stretch:111% 115%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:113.0%;ascent-override:77.7%;descent-override:18.6%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:600 900;font-stretch:116% 121%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:121.5%;ascent-override:72.3%;descent-override:17.3%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:100 599;font-stretch:116% 121%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:120.0%;ascent-override:73.2%;descent-override:17.5%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:600 900;font-stretch:122% 125%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:129.0%;ascent-override:68.1%;descent-override:16.3%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:100 599;font-stretch:122% 125%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:128.0%;ascent-override:68.6%;descent-override:16.4%;line-gap-override:0%}
/* the same for Geist (body text): Arial scaled to Geist's width, so paragraphs keep their line count.
   Paragraph widths are set in em (equal to the former ch widths in Geist), so they don't depend on
   which font is showing either. */
@font-face{font-family:"Geist Fallback";font-weight:100 450;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:102.5%;ascent-override:98.0%;descent-override:28.8%;line-gap-override:0%}
@font-face{font-family:"Geist Fallback";font-weight:451 599;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans-Regular"),local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Roboto-Regular");size-adjust:105%;ascent-override:95.7%;descent-override:28.1%;line-gap-override:0%}
@font-face{font-family:"Geist Fallback";font-weight:600 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Roboto Bold"),local("Roboto-Bold");size-adjust:101%;ascent-override:99.5%;descent-override:29.2%;line-gap-override:0%}
/* =========================================================
   PIPS CAPITAL — design tokens (mirrors the design system)
   Single dark world by design: the brand is black.
   ========================================================= */
:root{
  color-scheme: dark;
  --void:#050608;
  --graphite-900:#0b0d11;
  --graphite-800:#12151b;
  --graphite-700:#1b1f27;
  --ink:#f3f5f8;
  --silver-300:#c9d0da;
  --muted:#8b93a1;
  --ion:#86c8ff;
  --ion-deep:#3d8fe0;
  --ion-glow:rgba(134,200,255,.32);
  --gold:#d4b37a;
  --gold-hi:#f1dcae;
  --gold-deep:#9c7a45;
  --gold-glow:rgba(212,179,122,.34);
  --line:rgba(220,228,240,.10);
  --line-strong:rgba(220,228,240,.18);
  --glass-top:rgba(255,255,255,.075);
  --glass-bottom:rgba(255,255,255,.018);

  --font-display:"Archivo","Archivo Fallback","Helvetica Neue",Arial,sans-serif;
  --font-body:"Geist","Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:144px;
  --radius-sm:10px; --radius-md:16px; --radius-lg:24px; --radius-pill:999px;
  --gutter:clamp(16px,4vw,56px);
  --maxw:1320px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --nav-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--void);color:var(--ink);
  font-family:var(--font-body);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ion);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

/* faint space atmosphere behind everything */
.atmos{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 50% at 78% 18%, rgba(120,150,190,.10), transparent 70%),
    radial-gradient(40% 40% at 10% 70%, rgba(134,200,255,.05), transparent 70%),
    radial-gradient(120% 80% at 50% 120%, #0d1016 0%, var(--void) 60%);
}

/* ---------- type ---------- */
.pc-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
.pc-eyebrow::before{content:"";width:18px;height:1px;background:var(--ion);box-shadow:0 0 8px var(--ion)}
.pc-display{font-family:var(--font-display);font-stretch:125%;font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:.92;margin:0;text-wrap:balance}
.pc-h2{font-family:var(--font-display);font-stretch:118%;font-weight:750;text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin:0;font-size:clamp(28px,4.2vw,56px);text-wrap:balance}
.pc-lead{color:var(--silver-300);font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:30.5em;margin:0}
.gold-text{background:linear-gradient(180deg,#fbf0d6 0%,#e7cb93 38%,#c29a5b 72%,#8f6d3c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.silver-text{background:linear-gradient(180deg,#ffffff 0%,#dfe4ea 45%,#98a1ae 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- glass surface (reusable) ---------- */
.pc-glass{
  position:relative;
  background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom));
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 30px 60px -30px rgba(0,0,0,.8);
  isolation:isolate;
}
.pc-glass::after{ /* moving specular highlight, follows pointer via --mx/--my */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(420px circle at var(--mx,30%) var(--my,0%),rgba(255,255,255,.09),transparent 45%);
  opacity:.9;transition:opacity .4s var(--ease);
}
[data-tilt]{transform-style:preserve-3d;transition:transform .5s var(--ease),border-color .3s,box-shadow .4s}
[data-tilt]:hover{border-color:var(--line-strong)}

/* ---------- buttons (reusable) ---------- */
.pc-btn{
  --h:48px;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:var(--h);padding-inline:24px;border-radius:var(--radius-pill);border:0;cursor:pointer;
  font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;isolation:isolate;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .3s;
}
.pc-btn svg{width:16px;height:16px;flex:none;transition:transform .35s var(--ease)}
.pc-btn:hover svg{transform:translateX(3px)}
.pc-btn--primary{
  color:#07080a;
  background:linear-gradient(180deg,#ffffff 0%,#e3e7ec 48%,#b8c0cb 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.18),0 10px 30px -10px rgba(134,200,255,.35),0 0 0 1px rgba(255,255,255,.25);
}
.pc-btn--primary::before{ /* sheen sweep */
  content:"";position:absolute;inset:-2px;z-index:-1;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);
  transform:translateX(-120%);transition:transform .8s var(--ease);
}
.pc-btn--primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.18),0 18px 40px -12px var(--gold-glow),0 0 0 1px rgba(212,179,122,.6),0 0 30px -4px var(--gold-glow)}
.pc-btn--primary:hover::before{transform:translateX(120%)}
.pc-btn--primary:active{transform:translateY(0) scale(.98)}
.pc-btn--glass{
  color:var(--ink);background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.pc-btn--glass:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pc-btn--sm{--h:40px;padding-inline:18px;font-size:11.5px}
.pc-btn--lg{--h:64px;padding-inline:40px;font-size:15px}
.pc-link{font-family:var(--font-display);font-stretch:112%;font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver-300);transition:color .25s}
.pc-link:hover{color:var(--ink)}

/* ---------- ANNOUNCEMENT BAR (set in the admin panel → Website Content; never in the design preview) ---------- */
.pc-ann{position:relative;z-index:51;color:var(--gold-hi);border-bottom:1px solid rgba(212,179,122,.28);
  background:linear-gradient(90deg,rgba(212,179,122,.17),rgba(212,179,122,.07) 50%,rgba(134,200,255,.06)),var(--void)}
.pc-ann__in{max-width:var(--maxw);margin-inline:auto;min-height:40px;padding:6px var(--gutter);display:flex;align-items:center;gap:12px}
.pc-ann__dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,179,122,.16);flex:none}
.pc-ann p{margin:0;flex:1;min-width:0;font-size:13.5px;line-height:1.45;color:#f5ead2;text-align:center;overflow-wrap:anywhere}
.pc-ann a{color:var(--gold-hi);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pc-ann__x{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--gold-hi);display:grid;place-items:center;cursor:pointer}
.pc-ann__x:hover{background:rgba(255,255,255,.08)}
.pc-ann__x svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
.menu-open .pc-ann{visibility:hidden}
.menu-open .pc-nav{top:0!important}
@media (max-width:639px){.pc-ann p{text-align:left;font-size:13px}}

/* ---------- NAVBAR ---------- */
.pc-nav{
  position:fixed;left:0;right:0;top:0;z-index:50;
  padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-inline:var(--gutter);
  pointer-events:none;
}
.pc-nav__bar{
  pointer-events:auto;max-width:var(--maxw);margin-inline:auto;height:var(--nav-h);
  display:flex;align-items:center;gap:var(--space-6);padding-inline:14px 12px 14px;padding-left:22px;
  border-radius:var(--radius-pill);
  border:1px solid transparent;
  transition:background .5s var(--ease),border-color .5s,box-shadow .5s,height .4s var(--ease);
}
.pc-nav.is-scrolled .pc-nav__bar{
  height:62px;
  background:linear-gradient(180deg,rgba(18,21,27,.72),rgba(11,13,17,.6));
  border-color:var(--line);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px -25px rgba(0,0,0,.9);
}
.pc-logo{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-stretch:125%;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;flex:none}
.pc-logo__mark{width:30px;height:30px;flex:none}
.pc-nav__links{display:flex;gap:26px;margin:0;padding:0;list-style:none}
.pc-nav__links .pc-link{font-size:12px;letter-spacing:.09em}
.pc-nav__right{margin-left:auto;display:flex;align-items:center;gap:18px}
.pc-burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;position:relative;flex:none}
.pc-burger span{position:absolute;left:14px;right:14px;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .45s var(--ease),opacity .3s,top .45s var(--ease)}
.pc-burger span:nth-child(1){top:17px}.pc-burger span:nth-child(2){top:22.5px;right:19px}.pc-burger span:nth-child(3){top:28px}
.menu-open .pc-burger span:nth-child(1){top:22.5px;transform:rotate(45deg)}
.menu-open .pc-burger span:nth-child(2){opacity:0;transform:translateX(8px)}
.menu-open .pc-burger span:nth-child(3){top:22.5px;transform:rotate(-45deg)}

.pc-drawer{
  position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:flex-end;
  padding:calc(env(safe-area-inset-top,0px) + 110px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 28px);
  background:rgba(5,6,8,.78);-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);
  clip-path:circle(0% at calc(100% - 44px) 50px);visibility:hidden;
  transition:clip-path .7s var(--ease),visibility 0s linear .7s;
}
.menu-open .pc-drawer{clip-path:circle(150% at calc(100% - 44px) 50px);visibility:visible;transition:clip-path .8s var(--ease),visibility 0s}
.pc-drawer ol{list-style:none;margin:0 0 auto;padding:0;counter-reset:m}
.pc-drawer li{border-bottom:1px solid var(--line);overflow:hidden}
.pc-drawer li a{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0;font-family:var(--font-display);font-stretch:125%;font-weight:750;font-size:clamp(22px,6.4vw,40px);text-transform:uppercase;letter-spacing:-.01em;gap:16px;
  transform:translateY(110%);transition:transform .7s var(--ease)}
.pc-drawer li a small{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.1em;font-weight:400}
.menu-open .pc-drawer li a{transform:none}
.menu-open .pc-drawer li:nth-child(2) a{transition-delay:.05s}.menu-open .pc-drawer li:nth-child(3) a{transition-delay:.1s}.menu-open .pc-drawer li:nth-child(4) a{transition-delay:.15s}
.pc-drawer__cta{display:grid;gap:12px;margin-top:32px}
.pc-drawer__cta .pc-btn{width:100%}

/* ---------- FOOTER ---------- */
.pc-footer{background:#020203;border-top:1px solid var(--line);padding-block:72px calc(env(safe-area-inset-bottom,0px) + 36px)}
.pc-footer__top{display:grid;grid-template-columns:1.25fr .8fr 1.2fr .85fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.pc-footer__contact li{display:grid;gap:3px}
.pc-footer__contact span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pc-footer__contact a{overflow-wrap:anywhere}
.pc-social{list-style:none;margin:20px 0 0;padding:0;display:flex!important;flex-wrap:wrap;gap:8px!important}
.pc-social a{display:inline-flex;align-items:center;height:34px;padding-inline:14px;border-radius:999px;font-size:13px!important;box-shadow:inset 0 0 0 1px var(--line-strong)}
.pc-footer h4{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin:0 0 18px}
.pc-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pc-footer ul a{color:var(--silver-300);font-size:15px;transition:color .2s}
.pc-footer ul a:hover{color:var(--ink)}
.pc-footer__brand p{color:var(--muted);max-width:22.5em;margin:18px 0 0;font-size:15px}
.pc-footer__risk{padding-block:32px;color:var(--muted);font-size:12.5px;line-height:1.7;display:grid;gap:10px;max-width:72.9em}
.pc-footer__risk strong{color:var(--silver-300);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono)}
.pc-footer__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);letter-spacing:.06em;padding-top:24px;border-top:1px solid var(--line)}

/* ---------- toast (route stub) ---------- */
.pc-toast:empty{display:none}
.pc-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:80;transform:translate(-50%,calc(100% + 60px));visibility:hidden;
  padding:14px 20px;border-radius:var(--radius-pill);display:flex;gap:12px;align-items:center;font-size:14px;max-width:calc(100vw - 32px);
  transition:transform .5s var(--ease)}
.pc-toast.show{transform:translate(-50%,0);visibility:visible}
.pc-toast code{font-family:var(--font-mono);font-size:12px;color:var(--ion)}

/* ---------- motion: lift-in for below-the-fold items ---------- */
.rise{transition:transform 1s var(--ease),opacity 1s var(--ease)}
.rise.pre{transform:translateY(34px);opacity:.25}


/* =========================================================
   SHARED ADDITIONS (sub-pages)
   ========================================================= */
.pc-nav__user{font-family:var(--font-display);font-stretch:112%;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi)}
.pc-nav__links a[aria-current="page"]{color:var(--ink);position:relative}
.pc-nav__links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.gold-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(212,179,122,.7),transparent);border:0;margin:0}
.pc-magnetic{will-change:transform}

/* form fields */
.pc-field{display:grid;gap:8px;min-width:0}
.pc-field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pc-input{width:100%;height:52px;padding-inline:16px;border-radius:14px;border:1px solid var(--line-strong);background:rgba(255,255,255,.035);color:var(--ink);
  font:inherit;font-size:16px;transition:border-color .25s,box-shadow .25s,background .25s}
.pc-input::placeholder{color:#5d6571}
.pc-input:focus{outline:none;border-color:rgba(212,179,122,.65);background:rgba(255,255,255,.055);box-shadow:0 0 0 4px rgba(212,179,122,.12)}
.pc-input[aria-invalid="true"]{border-color:#e38b8b;box-shadow:0 0 0 4px rgba(227,139,139,.12)}
.pc-field__err{font-size:12.5px;color:#f0a3a3;min-height:0}
.pc-field__err:empty{display:none}
select.pc-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--silver-300) 50%),linear-gradient(135deg,var(--silver-300) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
select.pc-input option{background:#12151b;color:var(--ink)}

/* notices */
.pc-notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.5;
  background:rgba(134,200,255,.06);border:1px solid rgba(134,200,255,.22);color:var(--silver-300)}
.pc-notice--gold{background:rgba(212,179,122,.07);border-color:rgba(212,179,122,.3)}
.pc-notice b{color:var(--ink);font-weight:600}
.pc-notice svg{width:18px;height:18px;flex:none;margin-top:1px;stroke:currentColor;fill:none;stroke-width:1.6}

/* generic 3D canvas slot */
.pc-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}

/* responsive nav (mirrors the homepage) */
@media (max-width:1279px){ .pc-nav__links{display:none} .pc-burger{display:block} }
@media (max-width:1023px){ :root{--nav-h:64px} .pc-nav__right .pc-link,.pc-nav__right .pc-nav__user{display:none} .pc-nav__bar{gap:12px;padding-left:18px;padding-right:8px}
  .pc-footer__top{grid-template-columns:.8fr 1.3fr .9fr} .pc-footer__brand{grid-column:1/-1} }
@media (max-width:639px){ .pc-nav{padding-top:calc(env(safe-area-inset-top,0px) + 10px)} .pc-nav__right .pc-btn{display:none} .pc-logo{font-size:13.5px}
  .pc-footer__top{grid-template-columns:1fr 1fr;gap:36px} .pc-footer__contact{grid-column:1/-1;order:3} }
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rise.pre{transform:none;opacity:1}
}

/* ---------- menu bar dropdowns ---------- */
.nd{position:relative}
.nd__btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;padding:0;font-size:12px;letter-spacing:.09em}
.nd__chev{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s var(--ease)}
.nd.open .nd__chev{transform:rotate(180deg)}
.nd.open .nd__btn,.nd__btn[aria-current="page"]{color:var(--ink)}
.nd__menu{position:absolute;left:50%;top:calc(100% + 22px);width:320px;padding:8px;border-radius:20px;display:grid;gap:2px;
  background:linear-gradient(180deg,rgba(28,31,38,.94),rgba(16,18,22,.94));border:1px solid var(--line-strong);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(212,179,122,.08);
  opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}
.nd__menu::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.nd__menu::after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,179,122,.8),transparent)}
.nd.open .nd__menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s}
.nd__item{display:grid;gap:3px;padding:12px 14px;border-radius:14px;transition:background .2s}
.nd__item b{font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:13.5px;letter-spacing:.02em;color:var(--ink)}
.nd__item span{font-size:12.5px;color:var(--muted);line-height:1.35}
.nd__item:hover,.nd__item:focus-visible{background:rgba(255,255,255,.06);outline:none}
.nd__item:hover b,.nd__item:focus-visible b{color:var(--gold-hi)}
/* mobile drawer groups */
.pc-drawer .dg__btn{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0;background:none;border:0;cursor:pointer;color:var(--ink);text-align:left;
  font-family:var(--font-display);font-stretch:125%;font-weight:750;font-size:clamp(22px,6.4vw,40px);text-transform:uppercase;letter-spacing:-.01em;
  transform:translateY(110%);transition:transform .7s var(--ease)}
.menu-open .pc-drawer .dg__btn{transform:none}
.pc-drawer .dg__btn small{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.1em;font-weight:400}
.pc-drawer .dg__btn .nd__chev{width:14px;height:14px}
.pc-drawer .dg.open .nd__chev{transform:rotate(180deg)}
.pc-drawer .dg__list{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.pc-drawer .dg.open .dg__list{grid-template-rows:1fr}
.pc-drawer .dg__list > div{overflow:hidden;display:grid;gap:2px}
.pc-drawer .dg__list a{display:grid;gap:2px;padding:10px 0 10px 14px;border-left:1px solid rgba(212,179,122,.35);margin-bottom:4px;transform:none;font-size:inherit;text-transform:none;letter-spacing:0}
.pc-drawer .dg__list a b{font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:16px}
.pc-drawer .dg__list a span{font-size:13px;color:var(--muted);font-family:var(--font-body);font-weight:400}
.pc-drawer .dg.open .dg__list > div{padding-bottom:12px}
.pc-drawer ol{overflow-y:auto}

/* =========================================================
   MENU BAR
   1024px and up: the four pages sit in the bar. Every label is a link
   to its page; the small chevron beside Challenges, Rules & FAQs and
   About & Contact opens their quick links (hovering opens them too).
   1023px and below: the logo and a menu button (plus Start Challenge
   from 521px). The menu opens full-screen with the four pages, Login
   and Start Challenge, and the page behind it is held still.
   ========================================================= */
.pc-nav.is-scrolled .pc-nav__bar{height:var(--nav-h)}
.pc-nav__bar{transition:background .5s var(--ease),border-color .5s,box-shadow .5s}
.pc-nav__links .pc-link{white-space:nowrap}
@media (min-width:1024px){
  .pc-nav__links{display:flex;align-items:center}
  .pc-burger,.pc-drawer{display:none!important}
  .pc-nav__right .pc-link,.pc-nav__right .pc-nav__user{display:inline-block}
  /* larger hit areas for the text links, without moving anything */
  .pc-nav__links .pc-link,.pc-nav__right .pc-link,.pc-nav__right .pc-nav__user{display:inline-block;padding-block:12px;margin-block:-12px}
  .nd{display:flex;align-items:center}
  .nd__btn{display:grid;place-items:center;width:26px;height:34px;margin:-8px -9px -8px -1px;border-radius:10px;color:var(--silver-300);transition:color .25s}
  .nd__btn:hover,.nd.open .nd__btn{color:var(--ink)}
}
@media (max-width:1279px) and (min-width:1024px){
  .pc-nav__bar{gap:22px;padding-left:18px}
  .pc-nav__links{gap:18px}
  .pc-nav__links .pc-link{font-size:11px;letter-spacing:.06em}
}
@media (max-width:1365px) and (min-width:1024px){
  .pc-nav__links .pc-link,.pc-nav__right .pc-link,.pc-nav__right .pc-nav__user,.pc-nav__right .pc-btn{font-stretch:100%}
  .pc-nav__bar{gap:20px} .pc-nav__links{gap:16px}
}
@media (max-width:1179px) and (min-width:1024px){
  .pc-nav__bar{gap:14px;padding-left:16px}
  .pc-logo{font-size:12.5px;gap:8px;font-stretch:112%} .pc-logo__mark{width:26px;height:26px}
  .pc-nav__links{gap:12px}
  .pc-nav__links .pc-link{font-size:11px;letter-spacing:.02em}
  .pc-nav__right{gap:12px}
  .pc-nav__right .pc-link,.pc-nav__right .pc-nav__user{font-size:11px;letter-spacing:.06em}
  .pc-nav__right .pc-btn{--h:38px;padding-inline:14px;font-size:11px;letter-spacing:.08em}
}
/* tablets and phones: one slim row — logo, (Start Challenge), menu button */
@media (max-width:1023px){
  :root{--nav-h:68px} /* pages pad their tops by this */
  .pc-nav{padding-top:calc(env(safe-area-inset-top,0px) + 10px)}
  .pc-nav .pc-nav__bar,.pc-nav.is-scrolled .pc-nav__bar{height:58px;gap:10px;padding:0 6px 0 16px;border-radius:999px;
    background:linear-gradient(180deg,rgba(20,22,27,.92),rgba(6,7,10,.9));border-color:rgba(220,228,240,.09);
    -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
  .pc-nav__links{display:none}
  .pc-nav__right{margin-left:auto;gap:8px}
  .pc-nav__right .pc-link,.pc-nav__right .pc-nav__user{display:none}
  .pc-nav__right .pc-btn{display:inline-flex;--h:42px;padding-inline:16px;font-size:11px;letter-spacing:.08em;font-stretch:100%}
  .pc-burger{display:block}
  .pc-logo{font-size:13.5px}
}
@media (max-width:520px){ .pc-nav__right .pc-btn{display:none} }
@media (max-width:420px){ .pc-logo{font-size:13px;gap:9px} .pc-logo__mark{width:28px;height:28px} }

/* ---------- the mobile menu panel ---------- */
.pc-drawer{display:block;justify-content:initial;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:calc(env(safe-area-inset-top,0px) + var(--nav-h) + 18px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 28px);
  background:radial-gradient(90% 55% at 88% 0%,rgba(134,200,255,.07),transparent 62%),radial-gradient(70% 40% at 0% 100%,rgba(212,179,122,.05),transparent 70%),linear-gradient(180deg,#07080b,#020203);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  clip-path:circle(0% at calc(100% - 42px) 40px);transition:clip-path .45s var(--ease),visibility 0s linear .45s}
.menu-open .pc-drawer{clip-path:circle(150% at calc(100% - 42px) 40px);transition:clip-path .5s var(--ease),visibility 0s}
.pc-drawer ol{margin:0;overflow:visible}
.pc-drawer li.dg{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
.pc-drawer li a.dg__link{flex:1 1 0;min-width:0;display:flex;align-items:baseline;gap:12px;justify-content:flex-start;padding:16px 0;
  font-stretch:112%;font-weight:760;font-size:clamp(19px,5.6vw,34px);line-height:1.1;letter-spacing:0;transition:transform .45s var(--ease),color .25s}
.pc-drawer li a.dg__link small{order:-1;min-width:22px}
.pc-drawer li a.dg__link[aria-current="page"]{color:var(--gold-hi)}
.pc-drawer .dg__btn{flex:none;width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:14px;color:var(--silver-300);font-size:0;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);transform:none;transition:background .25s}
.pc-drawer .dg__btn .nd__chev{width:16px;height:16px}
.pc-drawer .dg.open .dg__btn{background:rgba(255,255,255,.08)}
.pc-drawer .dg__list{flex-basis:100%}
.pc-drawer .dg__list a{padding:10px 0 10px 16px;min-height:44px}
.pc-drawer__cta{margin-top:28px}
.menu-open .pc-drawer li:nth-child(2) a.dg__link{transition-delay:.04s}.menu-open .pc-drawer li:nth-child(3) a.dg__link{transition-delay:.08s}.menu-open .pc-drawer li:nth-child(4) a.dg__link{transition-delay:.12s}
@media (prefers-reduced-motion:reduce){ .pc-drawer,.menu-open .pc-drawer{clip-path:none;transition:none} .pc-drawer li a.dg__link{transform:none} }

/* graphite button for light surfaces */
.pc-btn--dark{color:#fff;background:linear-gradient(180deg,#2d323a 0%,#15181d 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.35),0 14px 30px -14px rgba(15,18,24,.7)}
.pc-btn--dark::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.pc-btn--dark:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 38px -16px rgba(15,18,24,.7),0 0 0 1px rgba(168,132,69,.85),0 0 26px -6px rgba(212,179,122,.45)}
.pc-btn--dark:hover::before{transform:translateX(120%)}
.pc-btn--dark:active{transform:translateY(0) scale(.98)}


/* =========================================================
   BLACK-FIRST STUDIO — every page
   Deep black with depth: light falls off from above, surfaces
   are black glass and dark metal, and sections are separated by
   light, hairlines and shadow — never by grey fills.
   ========================================================= */
:root{
  --void:#030405;
  --glass-top:rgba(255,255,255,.055);
  --glass-bottom:rgba(255,255,255,.008);
  --line:rgba(220,228,240,.085);
  --line-strong:rgba(220,228,240,.16);
}
html,body{background:#030405}
html{scroll-padding-top:calc(var(--nav-h) + 28px)}
.atmos{background:
  radial-gradient(85% 55% at 50% -14%,rgba(196,208,224,.07),transparent 62%),
  radial-gradient(38% 46% at 100% 26%,rgba(134,200,255,.026),transparent 72%),
  radial-gradient(38% 46% at 0% 72%,rgba(212,179,122,.02),transparent 72%),
  linear-gradient(180deg,#06070a 0%,#040506 40%,#020203 100%)}
.atmos::before{content:"";position:absolute;inset:0;opacity:.055;pointer-events:none;-webkit-mask-image:none;mask-image:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px}
.atmos::after{content:"";position:absolute;inset:0;background:radial-gradient(125% 95% at 50% 32%,transparent 52%,rgba(0,0,0,.72) 100%)}

/* section seam: a hairline catches a soft light from above, then falls off into black */
.pc-seam{position:absolute;left:0;right:0;top:0;height:280px;pointer-events:none;z-index:0;
  background:
    linear-gradient(90deg,transparent 4%,rgba(220,228,240,.09) 28%,rgba(240,244,249,.2) 50%,rgba(220,228,240,.09) 72%,transparent 96%) top/100% 1px no-repeat,
    radial-gradient(44% 100% at 50% 0,rgba(196,210,228,.05),transparent 72%)}

/* black glass */
.pc-glass{
  background:
    linear-gradient(180deg,rgba(255,255,255,.052) 0%,rgba(255,255,255,.012) 30%,rgba(255,255,255,0) 62%),
    linear-gradient(180deg,rgba(13,15,19,.64),rgba(5,6,8,.72));
  border:1px solid rgba(220,228,240,.085);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),inset 0 -1px 0 rgba(0,0,0,.6),
    0 1px 0 rgba(255,255,255,.018),0 22px 44px -26px rgba(0,0,0,.95),0 70px 90px -60px rgba(0,0,0,.9)}
.pc-glass::after{background:radial-gradient(420px circle at var(--mx,30%) var(--my,0%),rgba(255,255,255,.075),transparent 45%)}

/* dark machined metal (modules, selectors) */
.pc-metal{position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,0) 24%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,rgba(255,255,255,0) 1px 3px),
    linear-gradient(165deg,#1a1d23 0%,#0f1115 42%,#08090b 100%);
  border:1px solid rgba(220,228,240,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.75),inset 1px 0 0 rgba(255,255,255,.025),inset -1px 0 0 rgba(0,0,0,.35),
    0 2px 0 rgba(0,0,0,.55),0 18px 32px -18px rgba(0,0,0,.95)}
/* a band of light that crosses a surface on hover */
.pc-sheen{position:relative;overflow:hidden;isolation:isolate}
.pc-sheen::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-70%;width:45%;z-index:1;pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);transition:left 1s var(--ease)}
.pc-sheen:hover::before,.pc-sheen:focus-visible::before{left:135%}

/* scenes fade in once their first frame is ready; static artwork shown while they load fades out */
canvas.gl-on{animation:glIn 1.6s var(--ease) both}
@keyframes glIn{from{opacity:0}to{opacity:1}}
@keyframes fbOut{from{opacity:1}to{opacity:0}}

/* ---------- navbar: black translucent pill, glass reflection, depth ---------- */
.pc-nav__bar{position:relative;
  background:linear-gradient(180deg,rgba(22,24,29,.56),rgba(8,9,12,.5));
  border-color:rgba(220,228,240,.085);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.55),0 12px 28px -14px rgba(0,0,0,.85),0 34px 60px -36px rgba(0,0,0,.9)}
.pc-nav__bar::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.012) 46%,rgba(255,255,255,0) 54%)}
.pc-nav__bar::after{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32) 50%,transparent)}
.pc-nav.is-scrolled .pc-nav__bar{background:linear-gradient(180deg,rgba(20,22,27,.8),rgba(6,7,10,.74));border-color:rgba(220,228,240,.1);
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.55),0 14px 32px -14px rgba(0,0,0,.9),0 40px 70px -40px rgba(0,0,0,.95)}
.pc-nav .pc-logo{color:#fff}
.pc-nav__links [aria-current="page"]{color:#fff}
@media (min-width:1024px){
  .pc-nav__links .pc-link{position:relative}
  .pc-nav__links .pc-link::before{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(236,241,247,.75),transparent);transform:scaleX(0);opacity:0;transition:transform .45s var(--ease),opacity .3s}
  .pc-nav__links .pc-link:hover::before,.pc-nav__links .nd.open .nd__btn::before{transform:scaleX(1);opacity:1}
  .pc-nav__links .pc-link[aria-current="page"]::after{content:"";position:absolute;left:50%;right:auto;bottom:-14px;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);
    background:var(--gold-hi);box-shadow:0 0 8px rgba(241,220,174,.9),0 0 18px rgba(212,179,122,.45)}
  .pc-nav__links .nd__btn[aria-current="page"]::after{margin-left:-8px} /* centre the dot under the label, not the chevron */
}
@media (max-width:1023px){
  .pc-nav .pc-nav__bar,.pc-nav.is-scrolled .pc-nav__bar{background:linear-gradient(180deg,rgba(20,22,27,.9),rgba(6,7,10,.88));border-color:rgba(220,228,240,.09)}
  .pc-nav__links .pc-link[aria-current="page"]{box-shadow:inset 0 -1px 0 rgba(212,179,122,.75)}
}
.nd__menu{background:linear-gradient(180deg,rgba(17,19,24,.97),rgba(6,7,9,.97));border-color:rgba(220,228,240,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px -20px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.6)}

/* footer: black, lit only along its top edge */
.pc-footer{position:relative;background:linear-gradient(180deg,#040506 0%,#010102 100%);border-top:0}
.pc-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(220,228,240,.12) 28%,rgba(240,244,249,.22) 50%,rgba(220,228,240,.12) 72%,transparent)}

/* =========================================================
   QA FIXES — heading order, legibility, touch targets and
   small screens (audit 2026-09-29)
   ========================================================= */
/* footer column titles are h2 now (heading order); links get a comfortable hit area */
.pc-footer__h{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.18em;line-height:1.4;color:var(--muted);text-transform:uppercase;margin:0 0 12px}
.pc-footer ul{gap:0}
.pc-footer ul a{display:inline-block;padding-block:7px}
.pc-footer__contact ul{gap:8px}
.pc-footer__contact span{font-size:11px}
.pc-footer__contact a{display:inline-block;padding-block:5px}
.pc-footer__base{font-size:12px}

/* buttons never clip their label: on narrow screens they tighten, then wrap */
@media (max-width:480px){
  .pc-btn{padding-inline:16px;letter-spacing:.08em;white-space:normal;text-align:center;line-height:1.15;height:auto;min-height:var(--h);padding-block:8px}
  .pc-btn--lg{--h:58px;padding-inline:18px;font-size:13.5px}
}

/* landscape phones: a slimmer header leaves more of the short screen for the page */
@media (max-height:520px) and (orientation:landscape){
  :root{--nav-h:62px}
  .pc-nav{padding-top:calc(env(safe-area-inset-top,0px) + 6px)}
  .pc-nav .pc-nav__bar,.pc-nav.is-scrolled .pc-nav__bar{height:52px}
}