/* Hallmark · macrostructure: studied-DNA · nav: N10 full-bar to floating
 * pre-emit critique (self-assessment): P4 H4 E4 S4 R4 V4 */
:root{--nav-time:520ms;--nav-clear:transparent;--hero-edge:color-mix(in srgb,var(--bg) 14%,transparent)}
header,header.scrolled{position:fixed;inset:0 0 auto;left:0;top:0;transform:none;width:100%;max-width:none;height:80px;min-height:80px;margin:0;padding:0;display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none;backdrop-filter:blur(0);transition:background-color var(--nav-time) var(--ease-out),border-color var(--nav-time) var(--ease-out);pointer-events:none}
.nav-shell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 48px);max-width:1440px;height:64px;margin:8px auto 0;padding:0 20px;border:1px solid var(--nav-clear);border-radius:0;background:var(--nav-clear);box-shadow:none;transform:translateY(0);pointer-events:auto;transition:transform var(--nav-time) var(--ease-out),background-color var(--nav-time) var(--ease-out),border-color var(--nav-time) var(--ease-out),border-radius var(--nav-time) var(--ease-out),box-shadow var(--nav-time) var(--ease-out)}
header.scrolled{background:var(--nav-clear);border-color:var(--nav-clear)}header.scrolled .nav-shell{max-width:920px;border-radius:40px;background:var(--surface);border-color:var(--line);box-shadow:0 12px 40px var(--shadow);transform:translateY(4px)}
.hero .workspace{inset:80px 0 0 40%;height:auto;border-radius:0;background-position:center;mask-image:linear-gradient(90deg,transparent,var(--text) 28%);opacity:1!important}.hero-shade{display:block;position:absolute;inset:80px 0 0;pointer-events:none;background:linear-gradient(0deg,var(--bg) 0%,transparent 25%),linear-gradient(90deg,var(--bg) 0%,var(--bg) 38%,var(--hero-edge) 65%,transparent 100%)}.hero-inner{z-index:1}.hero-profile{background:var(--surface);border:1px solid var(--line);margin-bottom:0}.hero{min-height:820px}.hero-inner{min-height:820px}
@media(max-width:1000px){.nav-shell{gap:12px;padding-inline:12px;width:calc(100% - 24px)}nav{gap:12px}nav a{font-size:11px}}
@media(max-width:800px){header,header.scrolled{height:76px;min-height:76px}.nav-shell{height:60px;width:calc(100% - 24px);margin-top:8px;padding-inline:8px;gap:8px}header.scrolled .nav-shell{max-width:620px}.nav-shell nav{top:72px}.hero{min-height:0}.hero-inner{min-height:0}.hero .workspace{inset:auto 0 0 0;height:380px;mask-image:linear-gradient(0deg,var(--text) 65%,transparent)}.hero-shade{inset:auto 0 0;height:400px;background:linear-gradient(0deg,var(--bg),transparent 30%,transparent 75%,var(--bg))}.hero-profile{margin-top:48px;margin-bottom:24px}}
@media(max-width:560px){.nav-shell{width:calc(100% - 16px);gap:6px;padding-inline:8px}.nav-shell .brand{gap:6px}.nav-shell .controls{gap:4px}.hero .workspace{height:330px;inset:auto 0 0}.hero-shade{height:350px}.hero-profile{margin-top:48px;margin-right:0;margin-bottom:16px;max-width:270px}.hero-inner{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){header,.nav-shell{transition:none!important}}