/* HallowixStudios V17 — About & Portfolio use the same Home shell/palette. */
:root{
  --bark:#2E241E;--moss-brand:#5C7A5E;--moss:#5C7A5E;--lantern:#D9B36C;--cream:#EDE4D3;--mist:#EDE4D3;--plum:#8B4C63;
  --bg:var(--cream);
  --bg-soft:color-mix(in srgb,var(--cream) 86%,var(--moss-brand));
  --surface:color-mix(in srgb,var(--cream) 94%,var(--lantern));
  --surface-2:color-mix(in srgb,var(--cream) 86%,var(--moss-brand));
  --surface2:var(--surface-2);
  --text:var(--bark);
  --muted:color-mix(in srgb,var(--bark) 68%,var(--moss-brand));
  --line:color-mix(in srgb,var(--moss-brand) 34%,var(--cream));
  --shadow:0 18px 58px color-mix(in srgb,var(--bark) 17%,transparent);
  --shadow-sm:0 8px 24px color-mix(in srgb,var(--bark) 11%,transparent);
}
html[data-theme="dark"]{
  --bg:var(--bark);
  --bg-soft:color-mix(in srgb,var(--bark) 86%,var(--moss-brand));
  --surface:color-mix(in srgb,var(--bark) 88%,var(--moss-brand));
  --surface-2:color-mix(in srgb,var(--bark) 78%,var(--moss-brand));
  --surface2:var(--surface-2);
  --text:var(--cream);
  --muted:color-mix(in srgb,var(--cream) 64%,var(--moss-brand));
  --line:color-mix(in srgb,var(--moss-brand) 42%,var(--bark));
  --shadow:0 22px 64px color-mix(in srgb,var(--bark) 68%,transparent);
  --shadow-sm:0 9px 28px color-mix(in srgb,var(--bark) 52%,transparent);
}
body.hx-public-page{background:var(--bg)!important;color:var(--text)!important}
body.hx-public-page .container{width:min(1420px,calc(100% - 56px))!important;margin-inline:auto!important}
body.hx-public-page .hero{
  background:var(--bg)!important;
  isolation:isolate!important;
}
body.hx-public-page .hero::before{
  background:
    radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--plum) 18%,transparent),transparent 27%),
    radial-gradient(circle at 69% 67%,color-mix(in srgb,var(--lantern) 22%,transparent),transparent 25%),
    linear-gradient(145deg,color-mix(in srgb,var(--cream) 90%,var(--moss-brand)),var(--bg))!important;
}
html[data-theme="dark"] body.hx-public-page .hero::before{
  background:
    radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--plum) 20%,transparent),transparent 28%),
    radial-gradient(circle at 69% 67%,color-mix(in srgb,var(--lantern) 11%,transparent),transparent 25%),
    linear-gradient(145deg,color-mix(in srgb,var(--bark) 91%,var(--moss-brand)),var(--bg))!important;
}
/* Same cadence as Home: cream/bark → soft studio blend → moss/bark feature band. */
body.hx-public-page main>.section:nth-of-type(2){background:linear-gradient(180deg,var(--bg),var(--bg-soft))!important}
body.hx-public-page main>.section:nth-of-type(3){background:color-mix(in srgb,var(--moss-brand) 74%,var(--bark))!important;color:var(--cream)!important}
html[data-theme="dark"] body.hx-public-page main>.section:nth-of-type(3){background:color-mix(in srgb,var(--bark) 80%,var(--moss-brand))!important}
body.hx-public-page main>.section:nth-of-type(3) .kicker,body.hx-public-page main>.section:nth-of-type(3) h2,body.hx-public-page main>.section:nth-of-type(3) h3,body.hx-public-page main>.section:nth-of-type(3) p{color:var(--cream)!important}
body.hx-public-page .card,body.hx-public-page .live-card{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:var(--shadow-sm)!important}
@media(max-width:650px){body.hx-public-page .container{width:min(100% - 26px,1420px)!important}}