/* The five 3D scroll designs: ascend · liquid · orbit · eclipse · bloom.
   scroll3d.js builds #scrolly and drives the CSS variables used here:
   --enter/--leave/--cp per chapter, --sp (page progress), --ch (active chapter), --mA/--mB (morph), --sc-dim (eclipse). */

.db-sep{align-self:center;font-size:.62rem;letter-spacing:.2em;color:#C9B795;border-left:1px solid rgba(243,233,220,.3);padding:0 2px 0 10px;margin-left:4px;white-space:nowrap}
[data-theme-pick="ascend"] i{background:radial-gradient(circle at 35% 35%,#fff 0 12%,#E3C27A 40%,#150d07 100%);border-radius:50%}
[data-theme-pick="liquid"] i{background:linear-gradient(135deg,#dfe6f2,#ffcf5c);border-radius:60% 40% 55% 45%}
[data-theme-pick="orbit"] i{background:radial-gradient(circle,#ffd27a 0 22%,transparent 24%),conic-gradient(from 40deg,#04070f,#6a7cff,#04070f);border-radius:50%}
[data-theme-pick="eclipse"] i{background:radial-gradient(circle at 62% 50%,#000 0 40%,transparent 42%),radial-gradient(circle,#ffb347 0 55%,#000 60%);border-radius:50%}
[data-theme-pick="bloom"] i{background:conic-gradient(#e2b04a,#f3eee3,#e2b04a,#f3eee3,#e2b04a);border-radius:50%}

/* ---------- stage + chapters (shared) ---------- */
#stage3d{position:fixed;inset:0;z-index:0;pointer-events:none;display:none}
html.sc-on #stage3d{display:block}
.sc-canvas{display:block}
html[data-3d="1"] main.storefront{position:relative;z-index:1}
html[data-3d="1"] #view-home{display:flex;flex-direction:column}
html[data-3d="1"] #view-home>#scrolly{order:-1}
html[data-3d="1"] #view-home>:is(.hero,:nth-child(3),:nth-child(4)){display:none}
html[data-3d="1"] #view-home>:not(#scrolly){width:100%;position:relative;z-index:2;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
html[data-3d="1"] #view-home>#dropBanner[hidden]{display:none}
html:not([data-3d="1"]) #scrolly{display:none}
.scrolly{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(-1 * var(--hh3,0px))}
.sc-chapter{position:relative;height:195vh}
.sc-chapter:first-of-type{height:215vh}
.sc-chapter:last-of-type{height:180vh}
.sc-copy{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 max(24px,7vw);max-width:min(760px,100%);opacity:min(var(--enter,0),calc(1 - var(--leave,0)));will-change:opacity}
.sc-kick{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-bright);font-weight:600}
.sc-title{margin:0;font-size:clamp(2.7rem,8.4vw,7.4rem);line-height:.94;font-weight:400;color:var(--ink);font-style:normal;letter-spacing:-.01em}
.sc-title .w{display:inline-block;white-space:nowrap}
.sc-title .ch{display:inline-block;--k:clamp(0,calc(var(--enter,0) * 3.2 - var(--i) * .07),1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 60%)) rotate(calc((1 - var(--k)) * 7deg));filter:blur(calc((1 - var(--k)) * 8px))}
.sc-text{font-size:clamp(1rem,1.5vw,1.3rem);color:var(--ink-soft);max-width:34ch;line-height:1.5;opacity:clamp(0,calc(var(--enter,0) * 3 - 1.2),1);transform:translateY(calc((1 - clamp(0,calc(var(--enter,0) * 3 - 1.2),1)) * 24px))}
.sc-cta{align-self:flex-start;margin-top:8px;pointer-events:auto}
.sc-copy a{pointer-events:auto}
.sc-hud{position:fixed;right:max(16px,2.2vw);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:5;color:var(--ink-soft);font-size:.7rem;letter-spacing:.2em;font-variant-numeric:tabular-nums;writing-mode:vertical-rl}
.sc-line{display:block;width:2px;height:120px;background:var(--line-strong);position:relative;overflow:hidden}
.sc-line i{display:block;position:absolute;inset:0;background:var(--gold);transform-origin:top;transform:scaleY(0)}
.sc-hint{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);writing-mode:horizontal-tb;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);z-index:5}
.sc-hint::after{content:"";width:1px;height:38px;background:linear-gradient(var(--gold),transparent);animation:sc-hint 1.8s ease-in-out infinite}
@keyframes sc-hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
html:not(.sc-inview) :is(.sc-hud,.sc-hint,#sc-callouts,.sc-ripple,.sc-glass){opacity:0!important;visibility:hidden}
.sc-glass{display:none}
#sc-callouts{position:fixed;inset:0;pointer-events:none;z-index:4;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
#sc-callouts svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:1}
#sc-callouts circle{fill:var(--gold);stroke:none}
.sc-callout{position:absolute;left:0;top:0;padding:6px 12px;border:1px solid var(--gold);background:rgba(255,255,255,.55);backdrop-filter:blur(8px);color:var(--ink);white-space:nowrap;opacity:0}
.sc-ripple{position:fixed;left:50%;top:50%;width:20vmax;height:20vmax;margin:-10vmax 0 0 -10vmax;border-radius:50%;border:2px solid var(--gold);opacity:0;pointer-events:none;z-index:3}
.sc-ripple.go{animation:sc-ripple 1.6s cubic-bezier(.1,.7,.2,1)}
@keyframes sc-ripple{0%{transform:scale(.1);opacity:.9}100%{transform:scale(4.5);opacity:0}}
.sc-poster{position:absolute;right:4vw;top:12vh;width:min(46vw,520px);opacity:.9;border-radius:24px;pointer-events:none}
.sc-nogl .sc-chapter,.sc-static .sc-chapter{height:auto;min-height:90vh}
.sc-nogl .sc-copy,.sc-static .sc-copy{position:relative;height:auto;min-height:90vh;opacity:1}
.sc-nogl .sc-title .ch,.sc-static .sc-title .ch{opacity:1;transform:none;filter:none}
.sc-nogl .sc-text,.sc-static .sc-text{opacity:1;transform:none}
@media (max-width:820px){
  .sc-copy{justify-content:flex-end;padding:0 22px 14vh;max-width:100%}
  .sc-title{font-size:clamp(2.3rem,12vw,4rem)}
  .sc-hud{right:6px;gap:8px;font-size:.6rem}
  .sc-line{height:70px}
  .sc-chapter{height:175vh}
  .sc-chapter:first-of-type{height:195vh}
  .sc-poster{width:78vw;right:11vw;top:8vh;opacity:.5}
}
@media (prefers-reduced-motion:reduce){.sc-hint::after{animation:none}}

/* ---------- common look of the dark designs ---------- */
html:is([data-theme="ascend"],[data-theme="liquid"],[data-theme="orbit"],[data-theme="eclipse"]){color-scheme:dark}
html[data-3d="1"] body::before{display:none}
html[data-3d="1"] .announce{background:transparent;border-bottom:1px solid var(--line);color:var(--ink)}
html[data-3d="1"] .announce-track{color:var(--announce-fg,var(--ink-soft))}
html[data-3d="1"] header.site{background:color-mix(in srgb,var(--bg) 58%,transparent);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line)}
html[data-3d="1"] .btn{letter-spacing:.14em}
html[data-3d="1"] .btn-primary{background:var(--gold);color:var(--on-gold)}
html[data-3d="1"] .btn-primary:hover{background:var(--gold-bright);color:var(--on-bright);transform:translateY(-2px)}
html[data-3d="1"] .btn-ghost{border-color:var(--line-strong)}
html[data-3d="1"] .btn-gold{background:var(--gold);color:var(--on-gold)}
html[data-3d="1"] .eyebrow{color:var(--gold);letter-spacing:.24em}
html[data-3d="1"] .pbadge{background:var(--gold);color:var(--on-gold)}
html[data-3d="1"] footer.site{background:var(--surface-2)}
html[data-3d="1"] .toast{background:var(--gold);color:var(--on-gold)}

/* =====================================================================
   ASCEND — out of the dark: champagne-black, Cinzel capitals, copy bottom-left
   ===================================================================== */
html[data-theme="ascend"]{
  --bg:#07050a;--surface:#120d0b;--surface-2:#0d0907;--surface-3:#1b1410;
  --ink:#f6ecd9;--ink-soft:#cdbfa6;--ink-faint:#a2927a;
  --gold:#e3c27a;--gold-bright:#f2d9a0;--gold-wash:rgba(227,194,122,.12);
  --line:rgba(246,236,217,.12);--line-strong:rgba(246,236,217,.3);
  --good:#7bcb97;--critical:#ee8a80;--good-wash:#17281d;--critical-wash:#341c19;--info-wash:#16262a;--info:#7fb5bb;
  --shadow:0 30px 60px -30px rgba(0,0,0,.9);--shadow-sm:0 12px 26px -16px rgba(0,0,0,.8);
  --radius:0;--radius-lg:2px;
  --font-display:'Cinzel','Cormorant Garamond',Georgia,serif;--font-body:'Jost','DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;
  --panel:#0f0a07;--panel-fg:#f6ecd9;--on-gold:#1a1208;--on-bright:#1a1208;--announce-fg:#cdbfa6;
  & body{background:#07050a}
  & .brand{font-family:var(--font-display);letter-spacing:.34em;font-weight:500;text-transform:uppercase;font-size:1.05rem}
  & .brand .mark{display:none}
  & .nav-row{display:grid;grid-template-columns:1fr auto 1fr}
  & .navlinks{order:1;justify-self:start;gap:26px}
  & .brand{order:2;justify-self:center}
  & .nav-actions{order:3;justify-self:end}
  & .navlinks>a,& .nav-drop>a{font-size:.66rem;letter-spacing:.26em;white-space:nowrap}
  & .btn{border-radius:0}
  & .pcard{border-radius:0}
  & .sc-title{font-family:var(--font-display);font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:clamp(2.3rem,6.6vw,6rem);text-shadow:0 0 60px rgba(227,194,122,.25)}
  & .sc-copy{justify-content:flex-end;padding-bottom:13vh}
  & .sc-kick::before{content:"";display:inline-block;width:44px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px}
  & #stage3d::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 40%,rgba(0,0,0,.65) 100%)}
  @media (max-width:860px){& .nav-row{display:flex}& .brand{margin:0 auto}}
}

/* =====================================================================
   LIQUID — shape-shifting metal: Syne display, alternating sides, glass blob
   ===================================================================== */
html[data-theme="liquid"]{
  --bg:#0a0b10;--surface:#12141b;--surface-2:#0e1016;--surface-3:#1a1d27;
  --ink:#f1f3f8;--ink-soft:#bfc5d4;--ink-faint:#8f97aa;
  --gold:#ffcf5c;--gold-bright:#ffe08f;--gold-wash:rgba(255,207,92,.12);
  --line:rgba(241,243,248,.12);--line-strong:rgba(241,243,248,.3);
  --good:#6ee7a8;--critical:#ff8a8a;--good-wash:rgba(110,231,168,.12);--critical-wash:rgba(255,138,138,.14);--info-wash:rgba(142,197,255,.12);--info:#8ec5ff;
  --shadow:0 30px 60px -30px rgba(0,0,0,.9);--shadow-sm:0 12px 26px -16px rgba(0,0,0,.8);
  --radius:16px;--radius-lg:30px;
  --font-display:'Syne','Bricolage Grotesque',sans-serif;--font-body:'Inter','DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;
  --panel:rgba(255,255,255,.06);--panel-fg:#f1f3f8;--on-gold:#1b1405;--on-bright:#1b1405;--announce-fg:#bfc5d4;
  & body{background:#0a0b10}
  & .brand{font-weight:800;letter-spacing:-.04em;font-size:1.35rem}
  & .brand .mark{background:linear-gradient(135deg,#dfe6f2,#ffcf5c)}
  & .brand .mark svg path{fill:#1b1405}
  & .btn{border-radius:999px;text-transform:none;letter-spacing:.02em;font-size:.95rem;font-weight:700}
  & .pcard{border-radius:30px;overflow:hidden;background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}
  & .pimg{margin:10px 10px 0;border-radius:22px}
  & .sc-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.05em;line-height:.9;font-size:clamp(2.3rem,5.4vw,5.2rem)}
  & .sc-title .ch{--k:clamp(0,calc(var(--enter,0) * 3.2 - var(--i) * .07),1);transform:translateY(calc((1 - var(--k)) * 90%)) scaleY(calc(1 + (1 - var(--k)) * 1.2));transform-origin:50% 100%}
  & .sc-copy{background:rgba(255,255,255,.045);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.14);margin:0 0 0 6vw;height:auto;min-height:380px;top:calc(50vh - 190px);padding:44px 52px;justify-content:center;max-width:min(620px,88vw);
    border-radius:calc(40px + 150px * var(--mA,.5)) calc(190px - 150px * var(--mB,.5)) calc(50px + 140px * var(--mB,.5)) calc(170px - 130px * var(--mA,.5))}
  & .sc-chapter:nth-of-type(even) .sc-copy{margin-left:auto;margin-right:6vw}
  & .sc-text{max-width:30ch}
  @media (max-width:860px){& .sc-copy{margin:auto 12px 10vh;top:auto;min-height:0;padding:30px 26px;border-radius:calc(30px + 60px * var(--mA,.5)) calc(80px - 40px * var(--mB,.5)) 36px 60px}& .sc-chapter:nth-of-type(even) .sc-copy{margin:auto 12px 10vh}}
}

/* =====================================================================
   ORBIT — five rings round one sun: Unbounded type, glass cards morphing in
   ===================================================================== */
html[data-theme="orbit"] .sc-chapter{height:150vh}
html[data-theme="orbit"] .sc-chapter:first-of-type{height:190vh}
html[data-theme="orbit"]{
  --bg:#04070f;--surface:#0c1120;--surface-2:#080c18;--surface-3:#141b31;
  --ink:#eef2ff;--ink-soft:#b9c3e6;--ink-faint:#8791b8;
  --gold:#ffc870;--gold-bright:#ffdca0;--gold-wash:rgba(255,200,112,.12);
  --line:rgba(238,242,255,.12);--line-strong:rgba(238,242,255,.3);
  --good:#6ee7a8;--critical:#ff8a8a;--good-wash:rgba(110,231,168,.12);--critical-wash:rgba(255,138,138,.14);--info-wash:rgba(142,197,255,.12);--info:#8ec5ff;
  --shadow:0 30px 60px -30px rgba(0,0,0,.9);--shadow-sm:0 12px 26px -16px rgba(0,0,0,.8);
  --radius:14px;--radius-lg:26px;
  --font-display:'Unbounded','Syne',sans-serif;--font-body:'Manrope','DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;
  --panel:rgba(255,255,255,.05);--panel-fg:#eef2ff;--on-gold:#1d1406;--on-bright:#1d1406;--announce-fg:#b9c3e6;
  & body{background:#04070f}
  & .brand{font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.04em}
  & .brand .mark{background:radial-gradient(circle,#ffd27a 0 30%,#ff9d3c 100%)}
  & .btn{border-radius:999px;text-transform:none;font-size:.9rem;font-weight:700;letter-spacing:.02em}
  & .navlinks>a,& .nav-drop>a{font-size:.74rem;letter-spacing:.1em}
  & .pcard{background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}
  & .sc-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;font-size:clamp(2.2rem,5.6vw,5.2rem);line-height:1}
  & .sc-title .ch{transform:translateX(calc((1 - var(--k)) * -40%)) skewX(calc((1 - var(--k)) * 18deg));filter:blur(calc((1 - var(--k)) * 6px))}
  & .sc-copy{background:rgba(10,16,34,.42);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);
    height:auto;min-height:300px;top:calc(100vh - 380px);margin:0 0 0 5vw;padding:34px 40px;max-width:min(520px,90vw);
    border-radius:calc(24px + 70px * var(--mA,.5)) calc(100px - 70px * var(--mB,.5)) calc(30px + 60px * var(--mB,.5)) calc(90px - 60px * var(--mA,.5))}
    & .sc-hud{writing-mode:horizontal-tb;flex-direction:row-reverse;right:auto;left:50%;top:auto;bottom:18px;transform:translateX(-50%);gap:16px}
  & .sc-line{width:140px;height:2px}
  & .sc-line i{transform-origin:left;transform:scaleX(0)}
  & .sc-hint{display:none}
  @media (max-width:860px){& .sc-copy{margin:auto 12px 10vh;top:auto;padding:26px 24px}& .sc-chapter .sc-copy{top:auto}& .sc-hud{bottom:12px}}
}

/* =====================================================================
   ECLIPSE — pure black stage, Bodoni italic, letters ignite as the light passes
   ===================================================================== */
html[data-theme="eclipse"]{
  --bg:#000000;--surface:#0b0806;--surface-2:#060403;--surface-3:#15100c;
  --ink:#fbf2e2;--ink-soft:#d3c2a6;--ink-faint:#a5937a;
  --gold:#ffb24a;--gold-bright:#ffd08a;--gold-wash:rgba(255,178,74,.12);
  --line:rgba(251,242,226,.12);--line-strong:rgba(251,242,226,.3);
  --good:#7bcb97;--critical:#ee8a80;--good-wash:#17281d;--critical-wash:#341c19;--info-wash:#16262a;--info:#7fb5bb;
  --shadow:0 30px 60px -30px rgba(0,0,0,.95);--shadow-sm:0 12px 26px -16px rgba(0,0,0,.9);
  --radius:0;--radius-lg:0;
  --font-display:'Bodoni Moda','Playfair Display',Georgia,serif;--font-body:'Jost','DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;
  --panel:#080605;--panel-fg:#fbf2e2;--on-gold:#1c1004;--on-bright:#1c1004;--announce-fg:#d3c2a6;
  & body{background:#000}
  & .brand{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.5rem}
  & .brand .mark{display:none}
  & .btn{border-radius:0}
  & .pcard{border-radius:0;border-color:rgba(255,178,74,.22)}
  & .sc-copy{align-items:center;text-align:center;justify-content:center;max-width:100%;margin:0 auto}
  & .sc-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(2.6rem,7.4vw,6.8rem);letter-spacing:-.02em;line-height:1}
  & .sc-title .ch{--lit:clamp(.12,calc(var(--cp,0) * 3.4 - var(--i) * .04 + .1),1);opacity:calc(var(--k) * var(--lit));transform:none;filter:blur(calc((1 - var(--k)) * 10px));text-shadow:0 0 calc(var(--lit) * 30px) rgba(255,178,74,calc(var(--lit) * .55))}
  & .sc-kick{letter-spacing:.5em}
  & .sc-text{max-width:42ch;margin:0 auto}
  & .sc-cta{align-self:center}
  & #stage3d::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,calc(.35 + (1 - var(--sc-dim,1)) * .6)) 100%)}
  & .sc-hud{writing-mode:horizontal-tb;flex-direction:row;right:auto;left:max(16px,2.2vw);top:auto;bottom:22px;transform:none}
  & .sc-line{width:90px;height:1px}
  & .sc-line i{transform-origin:left;transform:scaleX(0)}
}

/* =====================================================================
   BLOOM — a light technical drawing: Marcellus, blueprint grid, callout labels
   ===================================================================== */
html[data-theme="bloom"]{
  --bg:#f3eee3;--surface:#fffdf8;--surface-2:#ebe4d4;--surface-3:#ded5c0;
  --ink:#1d1a14;--ink-soft:#4a4437;--ink-faint:#6b6454;
  --gold:#8f6a1c;--gold-bright:#e2b04a;--gold-wash:#f1e2bd;
  --line:rgba(29,26,20,.14);--line-strong:rgba(29,26,20,.38);
  --shadow:0 24px 50px -30px rgba(70,50,10,.45);--shadow-sm:0 10px 22px -16px rgba(70,50,10,.4);
  --radius:2px;--radius-lg:4px;
  --font-display:'Marcellus','Cormorant Garamond',Georgia,serif;--font-body:'Manrope','DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;
  --panel:#1d1a14;--panel-fg:#f3eee3;--on-gold:#ffffff;--on-bright:#1d1a14;--announce-fg:#4a4437;
  & body{background:#f3eee3}
  & #stage3d::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(29,26,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(29,26,20,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 60% 45%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 60% 45%,#000 20%,transparent 75%)}
  & .brand{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.06em}
  & .brand .mark{background:var(--gold-bright)}
  & .brand .mark svg path{fill:#1d1a14}
  & .btn{border-radius:0}
  & .btn-primary,& .btn-gold{background:var(--ink);color:#fff}
  & .btn-primary:hover,& .btn-gold:hover{background:var(--gold);color:#fff}
  & .sc-title{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;font-size:clamp(2.5rem,6.6vw,6rem)}
  & .sc-title .ch{transform:translateY(calc((1 - var(--k)) * -50%));filter:none}
  & .sc-kick{color:var(--gold);font-family:var(--font-body);letter-spacing:.3em}
  & .sc-kick::after{content:"";display:block;width:64px;height:1px;background:var(--gold);margin-top:14px}
  & .sc-copy{justify-content:flex-start;padding-top:16vh;max-width:min(640px,100%)}
  & .sc-text{color:var(--ink-soft)}
  & .sc-hud{color:var(--ink-soft)}
  @media (max-width:860px){& .sc-copy{justify-content:flex-end;padding-top:0}& .sc-callout{font-size:.6rem;padding:4px 8px}}
}

/* ---------- small screens: keep the header inside the viewport ---------- */
@media (max-width:520px){
  html[data-3d="1"] .nav-row{gap:6px;max-width:100%}
  html[data-3d="1"] .brand{min-width:0;flex:1 1 auto;overflow:hidden;font-size:.95rem;letter-spacing:.08em;gap:7px}
  html[data-3d="1"] .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-3d="1"] .brand .mark{width:26px;height:26px}
  html[data-3d="1"] .nav-actions{gap:4px;flex:none}
  html[data-3d="1"] .nav-actions .btn-icon,html[data-3d="1"] .hamburger{width:34px;height:34px}
  html[data-theme="ascend"] .brand{letter-spacing:.14em;font-size:.82rem}
  html[data-theme="liquid"] .brand{font-size:1rem}
  html[data-3d="1"] .brand-the{display:none}
}
html[data-3d="1"] #stage3d{max-width:100vw;overflow:hidden}