/* Two editorial layouts share the same verified content and interactions. */
.version-bar { position: relative; z-index: 2; display: flex; justify-content: flex-end; align-items: center; gap: 1rem; max-width: 76rem; margin: 1.25rem auto 0; padding: 0 2rem; font-size: .72rem; color: color-mix(in srgb, var(--color-base-content) 60%, transparent); }
.version-links { display: flex; gap: .25rem; }
.version-links .btn { font-size: .72rem; min-height: 2.25rem; height: auto; border-radius: 99px; padding-inline: .85rem; }
.version-links [aria-current="page"] { background: var(--color-base-content); color: var(--color-base-100); }
.personal-heading, .role-heading, .profile-note { display: none; }
[data-layout="original"] .original-heading { color: var(--color-base-content); }
:root:not([data-layout="original"]) { --color-primary: #235943; --color-primary-content: #fff; --color-base-100: #faf9f6; --color-base-200: #f0efea; --color-base-300: #deded5; --color-base-content: #262b27; --radius-box: .5rem; }
:root[data-theme="vaknir"]:not([data-layout="original"]) { --color-primary: #a9ccaf; --color-primary-content: #15261b; --color-base-100: #171c19; --color-base-200: #202722; --color-base-300: #39423b; --color-base-content: #eeeee6; }
[data-layout]:where(:not([data-layout="original"])) body { background-image: none; }
[data-layout]:where(:not([data-layout="original"])) .live-wallpaper,
[data-layout]:where(:not([data-layout="original"])) .hero::before,
[data-layout]:where(:not([data-layout="original"])) .identity-console,
[data-layout]:where(:not([data-layout="original"])) .original-heading,
[data-layout]:where(:not([data-layout="original"])) .status-line { display: none; }
[data-layout]:where(:not([data-layout="original"])) .personal-heading { display: block; color: var(--color-base-content); }
[data-layout]:where(:not([data-layout="original"])) .name-period { color: var(--color-primary); }
[data-layout]:where(:not([data-layout="original"])) .role-heading { display: block; font-size: clamp(1.15rem, 2vw, 1.7rem); margin-top: 1.4rem; letter-spacing: -.03em; }
[data-layout]:where(:not([data-layout="original"])) .site-header { box-shadow: none; }
[data-layout]:where(:not([data-layout="original"])) .navbar { max-width: 72rem; }
[data-layout]:where(:not([data-layout="original"])) .brand-glyph { border: 0; background: var(--color-base-content); color: var(--color-base-100); border-radius: 50%; }
[data-layout]:where(:not([data-layout="original"])) :is(main, .footer-inner) { max-width: 72rem; margin-inline: auto; }
[data-layout]:where(:not([data-layout="original"])) .hero { min-height: auto; }
[data-layout]:where(:not([data-layout="original"])) .hero-content { padding-block: 5rem 6rem; }
[data-layout]:where(:not([data-layout="original"])) .display-title { max-width: none; font-size: clamp(3.6rem, 7.5vw, 6.5rem); letter-spacing: -.075em; line-height: 1.05; }
[data-layout]:where(:not([data-layout="original"])) .eyebrow { font-size: .65rem; letter-spacing: .12em; margin-bottom: 1rem; }
[data-layout]:where(:not([data-layout="original"])) .hero-copy { max-width: 44ch; margin-top: 1.2rem; font-size: 1rem; line-height: 1.85; }
[data-layout]:where(:not([data-layout="original"])) .btn { box-shadow: none; font-weight: 500; }
[data-layout]:where(:not([data-layout="original"])) .hero .btn-lg { font-size: .82rem; height: 3rem; min-height: 3rem; border-radius: .3rem; padding-inline: 1.1rem; }
[data-layout]:where(:not([data-layout="original"])) .signal-row { margin-top: 2rem; gap: .8rem; font-size: .62rem; }
[data-layout]:where(:not([data-layout="original"])) .section-shell { padding-block: 4rem; border-top: 1px solid var(--color-base-300); }
[data-layout]:where(:not([data-layout="original"])) :is(.section-heading h2, .sticky-copy h2, .agent-section h2) { max-width: 24ch; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.15; letter-spacing: -.045em; }
[data-layout]:where(:not([data-layout="original"])) .section-heading { gap: 2rem; margin-bottom: 2.5rem; }
[data-layout]:where(:not([data-layout="original"])) .section-heading > p { font-size: .88rem; }
[data-layout]:where(:not([data-layout="original"])) .project-row { padding: 1.8rem 0; }
[data-layout]:where(:not([data-layout="original"])) .project-main h3 { font-size: 1.3rem; letter-spacing: -.035em; }
[data-layout]:where(:not([data-layout="original"])) .project-arrow { display: flex; width: 2rem; height: 2rem; }
[data-layout]:where(:not([data-layout="original"])) .experience-current { background: transparent; padding: 0 2rem 0 0; border: 0; border-radius: 0; }
[data-layout]:where(:not([data-layout="original"])) .career-list li:first-child { padding-top: 0; }
[data-layout]:where(:not([data-layout="original"])) .case-study { background: transparent; border-radius: .4rem; }
[data-layout]:where(:not([data-layout="original"])) .contact-card { background: transparent; border: 0; padding: 0; }
[data-layout]:where(:not([data-layout="original"])) .contact-card h2 { font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.05em; line-height: 1.1; }
[data-layout]:where(:not([data-layout="original"])) .assistant-launcher { background: var(--color-base-content); color: var(--color-base-100); border-color: var(--color-base-content); box-shadow: none; }
/* Portfolio: a personal introduction and a quiet current-role card. */
[data-layout="portfolio"] .profile-note { display: block; max-width: 23rem; background: var(--color-base-200); border-color: var(--color-base-300); box-shadow: none; }
.profile-note .card-body { padding: 2rem; gap: 0; }
.profile-note h2 { font-size: 2rem; letter-spacing: -.055em; font-weight: 600; margin: .7rem 0 .1rem; }
.profile-note p { font-size: .87rem; line-height: 1.8; opacity: .8; margin: 1.2rem 0; }
.profile-note .note-role { margin: 0; font-size: .8rem; }
.profile-note dl { margin: .6rem 0 1.5rem; }
.profile-note dl div { border-top: 1px solid var(--color-base-300); padding: .8rem 0; display: grid; grid-template-columns: 6rem 1fr; font-size: .72rem; gap: .5rem; }
.profile-note dt { opacity: .65; }
.profile-note dd { margin: 0; }
.note-link { font-size: .8rem; display: flex; align-items: center; justify-content: space-between; color: var(--color-primary); }
@media (min-width: 1024px) {
  [data-layout="portfolio"] .hero .grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 4rem; }
}
@media (max-width: 899px) {
  [data-layout="portfolio"] .profile-note { max-width: none; }
  [data-layout]:where(:not([data-layout="original"])) .hero-content { padding-block: 3rem; }
  [data-layout]:where(:not([data-layout="original"])) .hero .grid { gap: 2.5rem; }
}
@media (max-width: 767px) {
  .version-bar { justify-content: center; padding: 0 .75rem; gap: .5rem; }
  .version-bar > span { display: none; }
  [data-layout]:where(:not([data-layout="original"])) .project-row { grid-template-columns: 1.5rem minmax(0, 1fr) 2rem; gap: .7rem; }
  [data-layout]:where(:not([data-layout="original"])) .project-proof { grid-column: 2; }
  [data-layout]:where(:not([data-layout="original"])) .project-arrow { grid-column: 3; grid-row: 1; }
  [data-layout]:where(:not([data-layout="original"])) .project-main .badge { height: auto; white-space: normal; line-height: 1.4; padding-block: .15rem; }
  [data-layout]:where(:not([data-layout="original"])) .section-shell { padding-block: 2.5rem; }
}
@media print {
  :root[data-layout] { color-scheme: light; --color-base-100: white; --color-base-200: white; --color-base-300: #ddd; --color-base-content: #111; --color-primary: #234a35; }
  [data-layout] :is(.site-header, .version-bar, .assistant-launcher, #profileAssistant, .live-wallpaper, #copyToast, .hero .mt-9, .identity-console, .profile-note, #agent) { display: none; }
  [data-layout] body { padding: 0; background: white; }
  [data-layout] .hero-content { padding: 1rem 0 2rem; }
  [data-layout] .section-shell { padding-block: 1.25rem; }
  [data-layout] .reveal { animation: none; }
  [data-layout] .case-study, [data-layout] .project-row, [data-layout] .career-list li { break-inside: avoid; }
  [data-layout] .site-footer { padding-bottom: 0; }
}