/* Shared interiors: public pages, CMS, authentication and errors.
   Loaded last. Existing content, data attributes and form contracts are kept.
   Animation belongs to screen content / the symbol, never to editable forms. */
body.portfolio-v6.personal-inner-page {
  --inner-bg: #111b24;
  --inner-surface: #162530;
  --inner-surface-2: #1c303e;
  --inner-ivory: #ecebe5;
  --inner-muted: #bbc5cb;
  --inner-line: #50606b;
  --inner-acid: #a4d0e0;
  --charcoal: #111b24;
  --ivory: #ecebe5;
  --acid: #a4d0e0;
  --v3-ivory: #ecebe5;
  --v3-muted: #bbc5cb;
  --v3-line: #50606b;
  --v3-acid: #a4d0e0;
  color-scheme: dark;
}
body.portfolio-v6 .personal-content-main { background: var(--ink); }
body.portfolio-v6.personal-admin-page main.personal-content-main { background: var(--ink); min-height: 0; }
body.portfolio-v6.personal-error-page main.personal-content-main,
body.portfolio-v6.personal-notebook-page main.personal-content-main { min-height: 0; }
body.portfolio-v6 :is(.personal-content-shell, .admin-shell) {
  width: min(1200px, calc(100% - 128px));
  margin-inline: auto;
}
body.portfolio-v6 .personal-content-main :is(h1, h2, h3, h4, input, select, textarea, button) {
  font-family: Portfolio, Arial, sans-serif;
}
body.portfolio-v6 .personal-content-main :is(h1, h2, h3) { text-shadow: none; }
body.portfolio-v6 .personal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 46px;
  padding: 12px 24px;
  border: 1px solid var(--line);
  border-radius: 28px;
  font: 550 14px/1.4 Portfolio, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
  transform: none;
  transition: color .2s, background-color .2s, border-color .2s;
}
body.portfolio-v6 .personal-button.primary { background: var(--blue); color: var(--ink); border-color: var(--blue); }
body.portfolio-v6 .personal-button.ghost { background: transparent; color: var(--paper); }
body.portfolio-v6 .personal-button:hover { background: #c6e5ef; color: var(--ink); transform: none; box-shadow: none; }
body.portfolio-v6 .personal-kicker { color: var(--blue); text-shadow: none; }
body.portfolio-v6 :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}
body.portfolio-v6 :is(.content-hero, .admin-dashboard-header, .error-page) { background: var(--ink); }
body.portfolio-v6 :is(.content-hero, .admin-dashboard-header, .admin-panel)::before,
body.portfolio-v6 :is(.content-hero, .admin-dashboard-header, .content-cover)::after { display: none; }
body.portfolio-v6 .content-hero { min-height: 0; padding: 64px 0 72px; border-color: var(--line); }
body.portfolio-v6 .content-hero-grid { gap: 26px 70px; grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr); }
body.portfolio-v6 .content-hero h1,
body.portfolio-v6 .content-detail-header h1,
body.portfolio-v6 .admin-intro h1,
body.portfolio-v6 .admin-dashboard-header h1,
body.portfolio-v6 .error-page h1 {
  color: var(--paper);
  font-size: clamp(36px, 4.5vw, 64px);
  font-weight: 550;
  line-height: 1.12;
  letter-spacing: -.035em;
}
body.portfolio-v6 :is(.content-intro, .content-summary, .content-body) { color: var(--muted); }
body.portfolio-v6 .content-intro { font-size: 17px; line-height: 1.65; }
body.portfolio-v6 :is(.content-index, .content-meta, .content-card-meta) { color: var(--blue); text-shadow: none; }
body.portfolio-v6 .content-archive { background: var(--ink); padding: 56px 0 12px; }
body.portfolio-v6 .content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
body.portfolio-v6 .content-card {
  min-width: 0; padding: 30px; border: 1px solid var(--line);
  background: var(--inner-surface); box-shadow: none;
  transform: none; transition: border-color .2s;
}
body.portfolio-v6 .content-card:hover { transform: none; background: var(--inner-surface); border-color: var(--blue); }
body.portfolio-v6 .content-card::before, body.portfolio-v6 .content-card::after { display: none; }
body.portfolio-v6 .content-card h2 { font-size: 27px; font-weight: 550; line-height: 1.25; }
body.portfolio-v6 .content-card p { color: var(--muted); }
body.portfolio-v6 .content-card-link { color: var(--blue); font-size: 14px; }
body.portfolio-v6 .content-empty { background: var(--inner-surface); border: 1px solid var(--line); padding: 40px; }
body.portfolio-v6 .content-empty h2 { font-size: clamp(25px, 3vw, 38px); font-weight: 550; line-height: 1.25; }
body.portfolio-v6 .content-empty :is(p, span) { color: var(--muted); }
body.portfolio-v6 .content-detail-header { padding: 48px 0 56px; }
body.portfolio-v6 .content-detail { background: var(--ink); }
body.portfolio-v6.personal-idea-detail-page .content-detail-header { background: var(--ink); }
body.portfolio-v6.personal-idea-detail-page .content-detail-header .personal-kicker span { background: var(--blue); }
body.portfolio-v6 .content-breadcrumb { color: var(--muted); font-size: 12px; margin-bottom: 30px; }
body.portfolio-v6 .content-detail-header h1 { max-width: 22ch; margin: 24px 0; }
body.portfolio-v6 .content-summary { font-size: 20px; line-height: 1.6; border-color: var(--blue); margin-top: 30px; }
body.portfolio-v6 .content-cover { border-color: var(--line); box-shadow: none; background: var(--ink); }
body.portfolio-v6 .content-cover img { filter: none; }
body.portfolio-v6 .content-detail-grid { gap: 70px; padding-block: 64px; }
body.portfolio-v6 .content-aside { border-color: var(--line); top: 30px; }
body.portfolio-v6 .content-aside :is(span, a) { color: var(--blue); }
body.portfolio-v6 .content-body { font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
body.portfolio-v6 .content-detail-footer { border-color: var(--line); padding-block: 30px; }

/* The CMS shares the identity, but uses comfortable, dense working layouts. */
body.portfolio-v6.personal-admin-page .admin-login-layout {
  min-height: 0; padding: 72px 0 30px; gap: 70px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr);
}
body.portfolio-v6.personal-admin-page .admin-panel {
  min-width: 0; padding: 32px; background: var(--inner-surface);
  border-color: var(--line); border-radius: 8px; box-shadow: none;
}
body.portfolio-v6.personal-admin-page .admin-panel-label { color: var(--blue); font-size: 12px; }
body.portfolio-v6.personal-admin-page .admin-form :is(input, select, textarea) {
  border: 1px solid var(--line); background: var(--ink); color: var(--paper);
  border-radius: 5px; font-size: 16px; min-height: 48px;
}
body.portfolio-v6.personal-admin-page .admin-form :is(input, select, textarea):focus {
  border-color: var(--blue); box-shadow: none;
}
body.portfolio-v6.personal-admin-page .admin-form :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--focus); outline-offset: 3px;
}
body.portfolio-v6.personal-admin-page .admin-form label > span { color: var(--muted); font-size: 12px; }
body.portfolio-v6.personal-admin-page .admin-dashboard-header { padding: 54px 0 40px; }
body.portfolio-v6.personal-admin-page .admin-dashboard-header h1 { font-size: clamp(34px, 4vw, 56px); }
body.portfolio-v6.personal-admin-page .admin-dashboard-grid { gap: 24px; padding-block: 36px 0; }
body.portfolio-v6.personal-admin-page .admin-panel-heading :is(span, h2) { color: var(--paper); }
body.portfolio-v6.personal-admin-page .admin-panel-heading h2 { font-size: 23px; }
body.portfolio-v6.personal-admin-page .admin-panel-heading p { color: var(--muted); }
body.portfolio-v6.personal-admin-page .admin-table-wrap { overflow: auto; max-width: 100%; }
body.portfolio-v6.personal-admin-page :is(th, td) { color: var(--muted); border-color: var(--line); font-size: 14px; }
body.portfolio-v6.personal-admin-page :is(th, td a) { color: var(--paper); }
body.portfolio-v6.personal-admin-page .admin-status { color: var(--blue); border-color: var(--line); background: var(--ink); }
body.portfolio-v6.personal-admin-page .admin-status-draft { color: #e7cd9c; }
body.portfolio-v6 .error-page { min-height: 0; padding-block: 80px 40px; }
body.portfolio-v6 .error-page-grid { gap: 60px; grid-template-columns: .5fr 1fr; align-items: center; }
body.portfolio-v6 .error-code { color: var(--blue); font-family: Portfolio, Arial, sans-serif; font-size: clamp(80px, 14vw, 180px); text-shadow: none; }
body.portfolio-v6 .error-page p:not(.personal-kicker) { color: var(--muted); }

/* Legacy editorial classes remain compatible with existing CMS fragments.
   The public question games and interactive laboratory have been removed. */
body.portfolio-v6 .laboratory-page {
  --lab-bg: var(--ink); --lab-line: var(--line); --lab-acid: var(--blue);
}
body.portfolio-v6 :is(.laboratory-object, .laboratory-system-shell, .laboratory-criterion-machine) {
  border-color: var(--line); background: var(--inner-surface); box-shadow: none;
}
body.portfolio-v6 .laboratory-page [aria-pressed="true"] { background: var(--blue); color: var(--ink); border-color: var(--blue); }
body.portfolio-v6.personal-ideas-page {
  --ideas-ink: #111b24; --ideas-paper: #ecebe5; --ideas-paper-deep: #dce2e3;
  --ideas-acid: #a4d0e0; --ideas-coral: #325e70; --ideas-coral-deep: #325e70;
  --ideas-sky: #a4d0e0; --ideas-cobalt: #325e70; --ideas-night: #111b24;
}
body.portfolio-v6 .ideas-world { color: var(--paper); }
body.portfolio-v6 .ideas-world :is(.ideas-hero, .idea-environment, .ideas-notebook, .ideas-closing) {
  background: var(--ink); color: var(--paper); border-color: var(--line);
}
body.portfolio-v6 .ideas-world :is(h1, h2) { color: var(--paper); font-weight: 550; line-height: 1.13; letter-spacing: -.035em; }
body.portfolio-v6 .ideas-world h1 { font-size: clamp(38px, 4.6vw, 66px); }
body.portfolio-v6 .ideas-world h2 { font-size: clamp(30px, 3.4vw, 48px); }
body.portfolio-v6 .ideas-world :is(h1, h2) em { color: var(--blue); }
body.portfolio-v6 .ideas-hero { min-height: 0; padding-block: 58px; }
body.portfolio-v6 .ideas-hero-visual { min-height: 0; height: auto; aspect-ratio: 1.1; }
body.portfolio-v6 .ideas-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
body.portfolio-v6 .ideas-world :is(.ideas-hero-intro p, .ideas-section-heading > p, .ideas-reality-copy p, .ideas-night-copy > p, .ideas-closing > p) { color: var(--muted); }
body.portfolio-v6 .ideas-kicker { color: var(--blue); }
body.portfolio-v6 .ideas-kicker span { background: var(--blue); box-shadow: none; }
body.portfolio-v6 :is(.ideas-hero-visual, .ideas-environment-visual, .ideas-night-visual) {
  clip-path: none; border: 1px solid var(--line); border-radius: 8px; box-shadow: none;
  transform: none !important;
}
body.portfolio-v6 [data-ideas-depth] img { transform: none !important; }
body.portfolio-v6 [data-depth-visual], body.portfolio-v6 [data-depth-visual] img { transform: none !important; }
/* Editorial images must remain visible on initial / fragment navigation;
   their former scroll reveal hid a valid loaded asset inside preview frames. */
body.portfolio-v6 [data-depth-visual] { opacity: 1 !important; }
body.portfolio-v6 .profile-editorial-image::after { display: none; }
body.portfolio-v6 :is(.career-stage-focus, .method-atlas-progress) { background: var(--blue); box-shadow: none; }
body.portfolio-v6 :is(.career-stage, .method-sequence) .profile-section.is-narrative-active { border-color: var(--line); }
/* Preserve the useful subject of the new 4:3 editorial scenes. The old tall
   sculpture slots hid both ends of the process / the workbench on desktop. */
body.portfolio-v6 :is(.career-stage-media, .method-atlas) .profile-editorial-image,
body.portfolio-v6 .ideas-table-visual { aspect-ratio: 4 / 3; }
body.portfolio-v6 .ideas-reality-visual { aspect-ratio: 4 / 3; }
body.portfolio-v6 .ideas-night-visual { height: auto; aspect-ratio: 16 / 9; }
body.portfolio-v6 .ideas-trace,
body.portfolio-v6 .ideas-night::after,
body.portfolio-v6 .ideas-night-visual::after,
body.portfolio-v6 .ideas-hero-visual::after { display: none; }
body.portfolio-v6 .ideas-climate-nav { background: var(--inner-surface); color: var(--paper); border-color: var(--line); }
body.portfolio-v6 .ideas-climate-nav :is(a, small) { color: var(--muted); }
body.portfolio-v6 .ideas-climate-nav a :is(strong, small) { color: var(--muted); }
body.portfolio-v6 .ideas-climate-nav a span { color: var(--blue); }
body.portfolio-v6 .ideas-climate-nav a[aria-current="true"] { color: var(--blue); background: var(--ink); }
body.portfolio-v6 .ideas-climate-nav a[aria-current="true"] strong { color: var(--blue); }
body.portfolio-v6 .ideas-world :is(section, header)[id] { scroll-margin-top: 100px; }
body.portfolio-v6 .ideas-floating-notes :is(span, a),
body.portfolio-v6 .ideas-question { background: var(--inner-surface); color: var(--paper); border-color: var(--line); box-shadow: none; }
body.portfolio-v6 .ideas-question :is(span, small) { color: var(--blue); }
body.portfolio-v6 .ideas-board-note { color: var(--muted); }
body.portfolio-v6 .ideas-question-board { background: var(--ink); border-color: var(--line); }
body.portfolio-v6 .ideas-shuffle span { color: inherit; }
body.portfolio-v6 .ideas-scroll-link span { color: var(--blue); }
body.portfolio-v6 :is(.ideas-shuffle, .idea-composer-button) { background: var(--blue); color: var(--ink); }
body.portfolio-v6 .idea-composer :is(legend, label, .idea-composer-result) { color: var(--paper); }
body.portfolio-v6 .idea-composer :is(button, select) { border-color: var(--line); }
body.portfolio-v6 .idea-composer-controls button { background: var(--inner-surface); color: var(--paper); }
body.portfolio-v6 .idea-composer-controls button[aria-pressed="true"] { background: var(--blue); color: var(--ink); }
body.portfolio-v6 .idea-composer-controls legend span { color: var(--blue); }
body.portfolio-v6 .idea-composer-actions button { background: transparent; color: var(--paper); border-color: var(--line); }
body.portfolio-v6 .idea-composer-actions button:first-child { background: var(--blue); color: var(--ink); border-color: var(--blue); }
body.portfolio-v6 .idea-composer-actions button span { color: inherit; }
body.portfolio-v6 .idea-composer-actions > span { color: var(--muted); }
body.portfolio-v6 .ideas-reality-notes, body.portfolio-v6 .ideas-reality-notes details { border-color: var(--line); }
body.portfolio-v6 .ideas-reality-notes summary { color: var(--paper); }
body.portfolio-v6 .ideas-reality-notes summary span, body.portfolio-v6 .ideas-reality-notes summary::after { color: var(--blue); }
body.portfolio-v6 .ideas-reality-notes details p { color: var(--muted); }
body.portfolio-v6 :is(.idea-composer-result, .ideas-featured-note, .ideas-note-card) { background: var(--inner-surface); border-color: var(--line); color: var(--paper); box-shadow: none; }
body.portfolio-v6 :is(.ideas-featured-note, .ideas-note-card) :is(p, small) { color: var(--muted); }
body.portfolio-v6 :is(.ideas-featured-note, .ideas-note-card) h3 { color: var(--paper); font-size: clamp(26px, 2.8vw, 36px); line-height: 1.2; }
body.portfolio-v6 .ideas-empty-note { background: var(--inner-surface); border-color: var(--line); }
body.portfolio-v6 .ideas-empty-note h3 { color: var(--paper); font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
body.portfolio-v6 .ideas-empty-note :is(p, span) { color: var(--muted); }
body.portfolio-v6 .ideas-empty-note > div:last-child > p { color: var(--muted); }
body.portfolio-v6 .ideas-empty-note a { color: var(--blue); border-color: var(--blue); }
body.portfolio-v6 .ideas-closing .personal-button.primary span { color: inherit; }
body.portfolio-v6 :is(.ideas-scroll-link, .ideas-closing a) { color: var(--blue); }
body.portfolio-v6 .ideas-build-layers li { opacity: .8; border-color: var(--line); }
body.portfolio-v6 .ideas-build-layers p { color: var(--muted); }

/* Professional editorial pages: fixed media, a clear reading order, no games. */
body.portfolio-v6 .professional-editorial-hero,
body.portfolio-v6 .professional-editorial-row {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center; gap: 64px;
}
body.portfolio-v6 .professional-editorial-hero { padding-block: 50px 74px; }
body.portfolio-v6 .professional-editorial-hero h1 {
  font-size: clamp(38px, 4.6vw, 66px); line-height: 1.12; font-weight: 550;
  letter-spacing: -.04em; margin: 24px 0; color: var(--paper);
}
body.portfolio-v6 .professional-editorial-row {
  padding-block: 72px; border-top: 1px solid var(--line);
  scroll-margin-top: 100px;
}
body.portfolio-v6 .professional-editorial-row h2 {
  font-size: clamp(30px, 3.3vw, 46px); line-height: 1.16; font-weight: 550;
  letter-spacing: -.035em; margin: 20px 0; color: var(--paper);
}
body.portfolio-v6 .professional-editorial :is(figure, p) { margin: 0; }
body.portfolio-v6 .professional-editorial :is(p, time) { color: var(--muted); }
body.portfolio-v6 .professional-editorial :is(.personal-kicker, .profile-section-index) { color: var(--blue); }
body.portfolio-v6 .professional-editorial-hero p,
body.portfolio-v6 .professional-editorial-row p { font-size: 17px; line-height: 1.75; }
body.portfolio-v6 .professional-editorial-hero .professional-lead { font-size: 21px; line-height: 1.55; color: var(--paper); margin-block: 24px; }
body.portfolio-v6 .professional-editorial figure img,
body.portfolio-v6 .professional-article-cover img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3;
  object-fit: cover; border-radius: 8px; border: 1px solid var(--line);
}
body.portfolio-v6 .professional-editorial .profile-inline-link { display: inline-flex; gap: 12px; margin-top: 24px; color: var(--blue); }
body.portfolio-v6 .professional-article-list > article {
  display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: center; gap: 40px; padding-block: 32px; border-bottom: 1px solid var(--line);
}
body.portfolio-v6 .professional-article-list > article:not(:has(.professional-article-cover)) { grid-template-columns: 1fr; }
body.portfolio-v6 .professional-article-list h3 { font-size: 28px; line-height: 1.25; margin-block: 16px; }
body.portfolio-v6 .professional-article-list p { font-size: 17px; line-height: 1.7; }
body.portfolio-v6 .professional-article-list time { font-size: 13px; }
body.portfolio-v6 .professional-technology-page .profile-editorial-image { aspect-ratio: 4 / 3; }
@media (max-width: 900px) {
  body.portfolio-v6 .professional-editorial-hero,
  body.portfolio-v6 .professional-editorial-row,
  body.portfolio-v6 .professional-article-list > article { grid-template-columns: 1fr; gap: 30px; }
  body.portfolio-v6 .professional-editorial-hero { padding-block: 36px 48px; }
  body.portfolio-v6 .professional-editorial-row { padding-block: 46px; }
  body.portfolio-v6 .professional-editorial-row > div { order: 0; }
  body.portfolio-v6 .professional-editorial-row > figure { order: 1; }
}

/* Local notebook: explicitly local, not a simulated server terminal. */
body.portfolio-v6 .notebook-shell { padding-block: 54px 30px; }
body.portfolio-v6 .terminal-window { width: 100%; max-width: 920px; margin-inline: auto; background: var(--inner-surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: none; }
body.portfolio-v6 .terminal-header { background: var(--ink); border-color: var(--line); padding: 16px 24px; }
body.portfolio-v6 .terminal-header .title { color: var(--muted); }
body.portfolio-v6 .terminal-body { padding: 36px; }
body.portfolio-v6 .terminal-body h1 { font-size: clamp(32px, 4vw, 52px); line-height: 1.2; letter-spacing: -.035em; color: var(--paper); margin: 30px 0; }
body.portfolio-v6 .terminal-back {
  position: static; display: inline-flex; color: var(--blue); font-size: 14px;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  padding: 0; text-transform: none; letter-spacing: 0; transform: none;
}
body.portfolio-v6 #terminal-output { min-height: 90px; border-left: 2px solid var(--blue); padding: 14px 20px; background: var(--ink); color: var(--muted); overflow-wrap: anywhere; }
body.portfolio-v6 #terminal-form { display: grid; gap: 20px; }
body.portfolio-v6 #terminal-form label { display: grid; gap: 8px; color: var(--muted); }
body.portfolio-v6 #terminal-input { width: 100%; min-height: 50px; padding: 12px; border: 1px solid var(--line); border-radius: 5px; background: var(--ink); color: var(--paper); font-size: 16px; }
body.portfolio-v6 #terminal-form button { justify-self: start; }
body.portfolio-v6 .notebook-privacy { color: var(--muted); font-size: 13px; margin-top: 24px; }

@media (max-width: 1100px) {
  body.portfolio-v6 :is(.personal-content-shell, .admin-shell) { width: calc(100% - 72px); }
  body.portfolio-v6 .content-hero-grid, body.portfolio-v6 .content-detail-grid { gap: 32px; }
  body.portfolio-v6.personal-admin-page .admin-login-layout { gap: 36px; }
}
@media (max-width: 700px) {
  body.portfolio-v6 :is(.personal-content-shell, .admin-shell) { width: calc(100% - 40px); }
  body.portfolio-v6 .content-hero { padding-block: 38px 40px; }
  body.portfolio-v6 .content-hero-grid { grid-template-columns: 1fr; grid-template-areas: 'kicker' 'title' 'intro' 'index'; gap: 22px; }
  body.portfolio-v6 .content-index { justify-self: start; }
  body.portfolio-v6 :is(.content-grid, .content-detail-grid, .error-page-grid) { grid-template-columns: 1fr; }
  body.portfolio-v6 :is(.content-card, .content-empty) { padding: 24px; }
  body.portfolio-v6 .content-detail-header { padding-block: 30px 38px; }
  body.portfolio-v6 .content-summary { font-size: 18px; padding-left: 16px; }
  body.portfolio-v6 .content-detail-grid { padding-block: 36px; gap: 32px; }
  body.portfolio-v6 .content-aside { position: static; }
  body.portfolio-v6 .content-detail-footer { align-items: stretch; flex-direction: column; }
  body.portfolio-v6.personal-admin-page .admin-login-layout { grid-template-columns: 1fr; padding-top: 30px; gap: 26px; }
  body.portfolio-v6.personal-admin-page .admin-panel { padding: 22px; }
  body.portfolio-v6.personal-admin-page .admin-form-grid { grid-template-columns: 1fr; }
  body.portfolio-v6.personal-admin-page .admin-dashboard-header { padding-top: 30px; }
  body.portfolio-v6 .error-page { padding-block: 30px; }
  body.portfolio-v6 .error-page-grid { gap: 16px; }
  body.portfolio-v6 .error-code { font-size: 100px; }
  body.portfolio-v6 .notebook-shell { padding-top: 24px; }
  body.portfolio-v6 .terminal-body { padding: 24px; }
  body.portfolio-v6 .footer nav { flex-wrap: wrap; }
  body.portfolio-v6 .ideas-hero { padding-block: 30px 40px; }
  body.portfolio-v6 .ideas-hero-visual { min-height: 0; height: auto; aspect-ratio: 1.2; }
  body.portfolio-v6 .ideas-world :is(section, header)[id] { scroll-margin-top: 120px; }
}
@media (prefers-reduced-motion: reduce) {
  body.portfolio-v6 * { scroll-behavior: auto !important; }
}