:root{--v4-header-height:78px;--v4-focus:#f9f7f1}.v4-header{position:sticky;top:0;left:auto;right:auto;z-index:80;background:rgba(17,17,15,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.v4-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:initial;min-height:var(--v4-header-height);height:auto}.v4-nav>a:first-child{justify-self:start}.audience-nav{display:flex!important;justify-self:center;min-width:0}.audience-nav a,.nav-cta,.pill,.case,.footer-group a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease}.audience-nav a{position:relative;padding:9px 0}.audience-nav a:hover{color:#fff}.audience-nav a[aria-current="page"]{color:#fff}.audience-nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--audience,var(--blue))}.nav-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.46);border-radius:999px;color:#fff;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.nav-cta:hover,.pill:not(.solid):hover{border-color:#fff;background:rgba(255,255,255,.08)}.pill.solid:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}.hero{min-height:calc(100vh - var(--v4-header-height));padding-top:56px}.trace-card,.audience-hero-card,.case{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.case:hover{transform:translateY(-3px);border-color:#b9b0a2;box-shadow:0 18px 42px rgba(22,21,18,.08)}.trace-step:hover,.audience-flow button:hover{color:#fff}.case-action{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--ink);font-size:10px;font-weight:750;letter-spacing:.02em}.case-action span{font-size:16px;line-height:1}.case-cv.case-cv-real{padding:0;display:grid;grid-template-rows:minmax(290px,1fr) auto}.case-cv-real .cv-case-visual{position:relative;min-height:290px;overflow:hidden;border-bottom:1px solid var(--line);background:#e9e3d9}.case-cv-real .cv-page{position:absolute;display:block;height:auto;border:1px solid rgba(22,21,18,.18);background:#fff;box-shadow:0 14px 28px rgba(22,21,18,.14)}.case-cv-real .cv-page-primary{z-index:2;width:68%;left:8%;top:24px}.case-cv-real .cv-page-secondary{z-index:1;width:58%;right:-2%;top:62px;opacity:.82}.case-cv-real .case-content{min-height:220px;padding:28px}.v4-footer{padding:0;background:var(--night);color:rgba(255,255,255,.62)}.v4-footer-inner{width:min(1180px,calc(100% - 48px));margin:auto;padding:58px 0 106px;border-top:1px solid rgba(255,255,255,.14)}.v4-footer-main{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(430px,1.85fr);gap:clamp(54px,8vw,110px)}.v4-footer-brand img{display:block;width:82px;filter:invert(1);margin-bottom:22px}.v4-footer-brand p{max-width:360px;margin:0 0 10px;font-size:12px;line-height:1.6}.v4-footer-brand .footer-boundary{color:rgba(255,255,255,.42)}.v4-footer-links{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:34px}.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-heading{margin:0 0 7px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.footer-group a{color:rgba(255,255,255,.58);font-size:11px;text-decoration:none}.footer-group a:hover{color:#fff}.v4-footer-legal{display:flex;justify-content:space-between;gap:30px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.4);font-size:9px;line-height:1.6}.v4-footer-legal p{margin:0}.v4-footer-legal a{color:rgba(255,255,255,.68);text-decoration:none}.v4-footer-legal a:hover{color:#fff}#trace,#assignment-lens,#creative-trace,#review-lens{scroll-margin-top:calc(var(--v4-header-height) + 24px)}a:focus-visible,button:focus-visible{outline:3px solid var(--v4-focus);outline-offset:4px}.case:focus-visible,.footer-group a:focus-visible,.audience-nav a:focus-visible{outline-color:var(--audience,var(--blue))}@media(max-width:1050px){.v4-nav{width:min(100% - 36px,1320px)}.audience-nav{gap:13px}.audience-nav a{font-size:9px}.nav-cta{padding:0 12px}.v4-footer-main{grid-template-columns:1fr;gap:44px}.v4-footer-links{max-width:720px}}@media(max-width:820px){:root{--v4-header-height:108px}.v4-nav{grid-template-columns:1fr auto;gap:8px 16px;padding:10px 0 9px}.v4-nav img{width:80px}.nav-cta{grid-column:2;grid-row:1;min-height:36px;font-size:9px}.audience-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:flex-start;width:100%;gap:18px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none}.audience-nav::-webkit-scrollbar{display:none}.audience-nav a{min-width:max-content;padding:6px 0;font-size:9px}.hero{min-height:auto;padding-top:48px}.v4-footer-inner{width:min(100% - 28px,1180px);padding:48px 0 92px}.v4-footer-links{grid-template-columns:1fr 1fr 1fr;gap:24px}.v4-footer-legal{flex-direction:column;gap:10px}}@media(max-width:600px){:root{--v4-header-height:106px}.v4-nav{width:min(100% - 28px,1320px)}.nav-cta{max-width:170px;padding:0 11px}.case-cv.case-cv-real{grid-template-rows:minmax(320px,1fr) auto}.case-cv-real .cv-case-visual{min-height:320px}.case-cv-real .cv-page-primary{width:62%;left:9%;top:22px}.case-cv-real .cv-page-secondary{width:54%;right:0;top:74px}.case-cv-real .case-content{min-height:230px;padding:25px}.v4-footer-links{grid-template-columns:1fr 1fr}.v4-footer-links .footer-group:first-child{grid-row:span 2}.v4-footer-main{gap:38px}}@media(prefers-reduced-motion:reduce){.audience-nav a,.nav-cta,.pill,.case,.footer-group a,.trace-card,.audience-hero-card{transition:none}.case:hover,.pill.solid:hover{transform:none}}

/* Stage A final system polish: labels, CTA hierarchy, density and mobile rhythm. */
:root{--v4-section-label-size:12px}.hero-kicker,.label,.map-node span,.lens span,.role-item span,.student-example span,.question span{color:var(--audience,var(--blue));font-size:var(--v4-section-label-size);font-weight:760;letter-spacing:.075em;line-height:1.35;text-transform:uppercase}.hero-kicker{display:block;gap:0;margin:0 0 18px}.hero-kicker:before{content:none;display:none}.trace-work-copy span,.audience-card-body>span{font-size:11px;letter-spacing:.075em}.nav-cta,.pill{border-color:var(--audience,var(--blue));font-size:12px;font-weight:740}.nav-cta{min-height:44px;padding:0 18px;background:var(--audience,var(--blue));color:var(--night);font-size:11px}.pill{min-height:50px;padding:0 23px}.pill.solid{border-color:var(--audience,var(--blue));background:var(--audience,var(--blue));color:var(--night)}.pill:not(.solid){border-color:var(--audience,var(--blue));color:#fff}.nav-cta:hover,.nav-cta:focus-visible,.pill.solid:hover{border-color:#fff;background:#fff;color:var(--night)}.pill:not(.solid):hover{border-color:var(--audience,var(--blue));background:var(--audience,var(--blue));color:var(--night)}.hero{padding-top:44px;padding-bottom:56px;gap:clamp(36px,6vw,82px)}.hero h1{margin-bottom:20px}.hero-lede{margin-bottom:12px}.hero-actions{margin-top:24px}.manifesto,.scenario,.map-shell,.proof,.boundary-shell{padding-top:84px;padding-bottom:84px}.manifesto-grid{gap:56px}.manifesto h2{margin-bottom:20px}.question-line{margin-top:46px}.question{padding-top:20px;padding-bottom:21px}.scenario-head{gap:56px;margin-bottom:36px}.scenario-head p{margin-top:12px}.student-example{margin-top:32px}.role-strip{margin-top:40px}.role-item{padding:20px 22px}.map-head{gap:48px;margin-bottom:42px}.map-node,.lens article{min-height:168px;padding:18px 20px}.map-node span,.lens span{margin-bottom:22px}.map-node h3,.lens h3{margin-bottom:7px}.proof-head{margin-bottom:32px}.case{min-height:460px}.case-cv.case-cv-real{grid-template-rows:minmax(260px,1fr) auto}.case-cv-real .cv-case-visual{min-height:260px}.case-cv-real .case-content{min-height:200px;padding:25px}.boundary h2{margin-bottom:36px}.close{margin-top:46px}.close .pill{min-width:220px}.audience-card-body{padding:21px 22px}.audience-flow{margin-top:18px}.audience-detail{min-height:122px;padding:18px 22px 20px}.audience-detail strong{margin-bottom:7px}.trace-detail{min-height:150px;padding:19px 22px 21px}.v4-footer-inner{padding-top:46px;padding-bottom:84px}.v4-footer-legal{margin-top:34px;padding-top:20px}
@media(max-width:1000px){.manifesto-grid,.scenario-head,.map-head{gap:24px}.map-node,.lens article{min-height:154px}.map-node span,.lens span{margin-bottom:16px}.case{min-height:auto}}
@media(max-width:820px){.nav-cta{min-height:40px;padding:0 14px;font-size:10px}.hero{padding-top:34px;padding-bottom:46px;gap:30px}.manifesto,.scenario,.map-shell,.proof,.boundary-shell{padding-top:62px;padding-bottom:62px}.manifesto-grid,.scenario-head{gap:16px}.question-line{margin-top:34px}.student-example{margin-top:26px}.role-strip{margin-top:30px}.map-head{margin-bottom:30px}.proof-head{margin-bottom:26px}.boundary h2{margin-bottom:28px}.close{margin-top:34px}.v4-footer-inner{padding-top:40px;padding-bottom:78px}}
@media(max-width:680px){.hero-kicker,.label,.map-node span,.lens span,.role-item span,.student-example span,.question span{font-size:var(--v4-section-label-size)}.hero{padding-top:30px;padding-bottom:42px;gap:26px}.hero h1{margin-bottom:17px}.hero-lede{margin-bottom:10px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px;margin-top:20px}.hero-actions .pill,.close .pill{width:100%;min-width:0}.pill{min-height:52px;padding:0 18px;font-size:12px}.manifesto,.scenario,.map-shell,.proof,.boundary-shell{padding-top:54px;padding-bottom:54px}.manifesto-grid,.scenario-head{gap:13px}.manifesto h2{margin-bottom:15px}.scenario-head{margin-bottom:25px}.scenario-head p{margin-top:9px}.question-line{margin-top:28px}.question{padding:17px 0 18px}.student-example{margin-top:22px;gap:10px}.student-example>div{padding:18px}.role-strip{margin-top:24px}.role-item{padding:17px 0}.map-head{gap:14px;margin-bottom:24px}.map-node,.lens article{min-height:0;padding:16px 17px}.map-node span,.lens span{margin-bottom:8px}.map-node h3,.lens h3{margin-bottom:5px}.proof-head{margin-bottom:22px}.proof-head p{margin-top:13px}.case-comic img{height:300px}.case-content{min-height:280px}.case-cv.case-cv-real{grid-template-rows:minmax(270px,1fr) auto}.case-cv-real .cv-case-visual{min-height:270px}.case-cv-real .case-content{min-height:200px;padding:22px}.audience-card-body{padding:18px}.audience-flow{margin-top:14px}.audience-flow button{padding:13px 12px}.audience-detail{min-height:0;padding:16px 18px 18px}.audience-note{padding:12px 16px}.trace-detail{min-height:0;padding:17px 18px 19px}.boundary h2{margin-bottom:24px}.boundary-list span{padding-top:16px;padding-bottom:17px}.close{margin-top:28px}.v4-footer-inner{padding-top:36px;padding-bottom:72px}.v4-footer-main{gap:30px}}

/* Mobile parity with the current public header/footer after user review. */
@media(max-width:820px){.audience-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:visible;padding:0;border-top:1px solid rgba(255,255,255,.12);scrollbar-width:auto}.audience-nav a{min-width:0;padding:9px 2px 10px;font-size:10px;line-height:1.16;text-align:center}.audience-nav a[href$="artist.html"],.audience-nav a[href="/records.html"]{font-size:0}.audience-nav a[href$="artist.html"]:before,.audience-nav a[href="/records.html"]:before{font-size:10px;letter-spacing:0}.audience-nav a[href$="artist.html"]:before{content:"Creative"}.audience-nav a[href="/records.html"]:before{content:"Records"}.audience-nav a[aria-current="page"]:after{left:6px;right:6px;bottom:-1px;height:2px}}
@media(max-width:600px){.v4-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:none}.v4-footer-links .footer-group:first-child{grid-row:auto}.footer-group{gap:7px}.footer-heading{font-size:10px}.footer-group a{font-size:11px;line-height:1.35}}

/* Issue #118: make the pilot invitation clearly visible while keeping the action block restrained. */
.boundary .close p{padding-left:20px;border-left:3px solid var(--audience,var(--blue));color:rgba(255,255,255,.84);font-size:18px;line-height:1.58}
@media(max-width:680px){.boundary .close p{padding-left:14px;border-left-width:2px;font-size:17px;line-height:1.58}}