/* Independent navigation and closing scenes for portfolio concepts 03, 05, 06 and 07. */
html:not([data-design="3"]) .nightlab-header, html:not([data-design="3"]) .nightlab-footer,
html:not([data-design="5"]) .gallery-header, html:not([data-design="5"]) .gallery-footer,
html:not([data-design="6"]) .workspace-header, html:not([data-design="6"]) .workspace-footer,
html:not([data-design="7"]) .cinema-header, html:not([data-design="7"]) .cinema-footer { display:none !important; }
html:is([data-design="3"],[data-design="5"],[data-design="6"],[data-design="7"]) .site-header,
html:is([data-design="3"],[data-design="5"],[data-design="6"],[data-design="7"]) .site-footer { display:none !important; }
.concept-header, .concept-footer { position:relative; isolation:isolate; }
.concept-header a, .concept-footer a { color:inherit; text-decoration:none; }
.concept-header a:focus-visible, .concept-footer a:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.concept-header__inner, .concept-footer__inner { width:min(1320px,calc(100% - 64px)); margin:auto; }
.concept-header__inner { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.concept-header__brand { font-weight:800; letter-spacing:-.045em; font-size:clamp(17px,2vw,24px); }
.concept-header__brand small { font-size:10px; font-weight:600; letter-spacing:.12em; opacity:.65; }
.concept-header__nav { display:flex; align-items:center; flex-wrap:wrap; gap:clamp(12px,2vw,36px); font-size:12px; font-weight:650; letter-spacing:.06em; }
.concept-header__nav a, .concept-footer__links a { transition:opacity .2s ease; }
.concept-header__nav a:hover, .concept-footer__links a:hover { opacity:.6; }
.concept-footer { padding:clamp(64px,9vw,150px) 0 30px; }
.concept-footer__eyebrow { font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.concept-footer h2 { font-size:clamp(42px,7vw,116px); font-weight:650; letter-spacing:-.07em; line-height:1.02; max-width:1000px; margin:28px 0 32px; }
.concept-footer__cta { display:inline-flex; border:1px solid currentColor; padding:16px 24px; border-radius:0; font-weight:700; }
.concept-footer__bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; border-top:1px solid currentColor; margin-top:90px; padding-top:24px; font-size:12px; }
.concept-footer__links { display:flex; gap:24px; flex-wrap:wrap; }
/* 03 / NIGHT LAB: report index instead of the generic marketing chrome. */
html[data-design="3"] .nightlab-header, html[data-design="3"] .nightlab-footer { background:#091015; color:#e4eef1; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
html[data-design="3"] .nightlab-header { border-bottom:1px solid #43535b; }
html[data-design="3"] .nightlab-header .concept-header__brand { letter-spacing:0; font-size:17px; color:#edc572; }
html[data-design="3"] .nightlab-footer { border-top:1px solid #43535b; }
html[data-design="3"] .nightlab-footer h2 { font-family:inherit; text-transform:uppercase; font-size:clamp(40px,6vw,90px); letter-spacing:-.06em; }
html[data-design="3"] .nightlab-footer__status { color:#edc572; }
/* 05 / GALLERY: museum captions, strong work-first hierarchy and a wall-like ending. */
html[data-design="5"] .gallery-header, html[data-design="5"] .gallery-footer { background:#f4f3ef; color:#20251e; font-family:Arial,Helvetica,sans-serif; }
html[data-design="5"] .gallery-header { border-bottom:1px solid #c6c7be; }
html[data-design="5"] .gallery-header .concept-header__brand { letter-spacing:-.05em; }
html[data-design="5"] .gallery-header .concept-header__nav { font-size:11px; text-transform:uppercase; }
html[data-design="5"] .gallery-footer { border-top:1px solid #c6c7be; }
html[data-design="5"] .gallery-footer h2 { font-weight:450; letter-spacing:-.075em; }
html[data-design="5"] .gallery-footer__eyebrow { color:#655f9b; }
html[data-design="5"] .gallery-footer__cta { background:#20251e; color:#fff; }
html[data-design="5"] .gallery-footer__bottom { border-color:#c6c7be; }
/* 06 / WORKSPACE: app toolbar + status bar, no duplicated marketing footer. */
html[data-design="6"] .workspace-header, html[data-design="6"] .workspace-footer { background:#e2e8e3; color:#23352e; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
html[data-design="6"] .workspace-header { border-bottom:1px solid #b4c4b8; }
html[data-design="6"] .workspace-header .concept-header__inner { min-height:58px; }
html[data-design="6"] .workspace-header .concept-header__brand { font-size:15px; letter-spacing:0; }
html[data-design="6"] .workspace-footer { padding:16px 0; border-top:1px solid #b4c4b8; }
html[data-design="6"] .workspace-footer .concept-footer__bottom { margin:0; padding:0; border:0; }
html[data-design="6"] .workspace-footer .concept-footer__links { gap:16px; }
/* 07 / CINEMA: chapter navigation and closing credits. */
html[data-design="7"] .cinema-header, html[data-design="7"] .cinema-footer { background:#171614; color:#eee8df; font-family:Georgia,serif; }
html[data-design="7"] .cinema-header { border-bottom:1px solid #605a51; }
html[data-design="7"] .cinema-header .concept-header__brand { font-weight:400; letter-spacing:-.04em; }
html[data-design="7"] .cinema-header .concept-header__nav { font-family:Arial,sans-serif; text-transform:uppercase; font-size:10px; }
html[data-design="7"] .cinema-footer { border-top:1px solid #605a51; }
html[data-design="7"] .cinema-footer h2 { font-weight:400; font-style:italic; }
html[data-design="7"] .cinema-footer__cta { border-color:#aaa298; }
html[data-design="7"] .cinema-footer__bottom { border-color:#605a51; font-family:Arial,sans-serif; text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
@media(max-width:760px) {
  .concept-header__inner, .concept-footer__inner { width:calc(100% - 36px); }
  .concept-header__inner { align-items:flex-start; flex-direction:column; justify-content:center; padding:17px 0; gap:14px; }
  .concept-header__nav { gap:12px 20px; line-height:1.7; }
  .concept-footer__bottom { margin-top:56px; }
  html[data-design="6"] .workspace-header .concept-header__inner { min-height:0; }
}
@media(prefers-reduced-motion:reduce) { .concept-header a, .concept-footer a { transition:none; } }