/* Three reversible art directions. All versions use the same reviewed content. */
[data-design] { --primary:#212629; --secondary:#303637; --accent:#2d50cc; --text:#303637; --text-light:#62656b; --bg:#faf9f6; --bg-alt:#f0efe9; --border:#d9d8d2; background:var(--bg); color:var(--text); font-family:Arial, 'Hiragino Sans GB', sans-serif; }
[data-design] .container { max-width:1120px; padding-left:48px; padding-right:48px; }
[data-design] header.design-header { padding-top:30px; padding-bottom:0; }
[data-design] h1, [data-design] h2, [data-design] .pub-year { font-family:Georgia, 'Times New Roman', serif; }
[data-design] h2 { font-size:2rem; font-weight:400; border:0; letter-spacing:-.03em; padding:0; margin-bottom:30px; }
[data-design] h3 { font-size:1.05rem; }
[data-design] .identity-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--border); padding-bottom:24px; }
[data-design] .wordmark { color:var(--primary); font-weight:600; font-size:16px; letter-spacing:-.025em; }
[data-design] .wordmark span { font-weight:400; color:var(--text-light); margin-left:8px; font-size:13px; }
[data-design] .current-team { font-size:13px; color:var(--primary); }
[data-design] .current-team span { margin-left:9px; color:var(--accent); }
[data-design] .hero-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:64px; align-items:center; padding:62px 0 50px; }
[data-design] .hero-kicker { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--text-light); margin-bottom:22px; }
[data-design] h1 { font-size:clamp(46px,6.1vw,76px); line-height:1.05; letter-spacing:-.055em; font-weight:400; margin:0 0 26px; }
[data-design] h1 em { color:var(--accent); font-weight:400; }
[data-design] .hero-description { font-size:17px; line-height:1.7; max-width:470px; color:var(--text-light); }
[data-design] .hero-topics { display:flex; flex-wrap:wrap; gap:7px 16px; margin-top:22px; color:var(--primary); font-size:11px; }
[data-design] .hero-topics span { border-bottom:1px solid var(--border); padding-bottom:4px; }
[data-design] .hero-work { display:inline-flex; gap:24px; margin-top:30px; font-size:13px; font-weight:600; }
[data-design] .hero-portrait { margin:0; max-width:300px; justify-self:end; width:100%; }
[data-design] .portrait-frame { background:#fff; overflow:hidden; width:100%; aspect-ratio:1; }
[data-design] .hero-portrait img { display:block; width:100%; height:100%; object-fit:cover; }
[data-design] .hero-portrait figcaption { display:flex; flex-direction:column; align-items:flex-start; font-size:11px; color:var(--text-light); line-height:1.8; margin-top:18px; }
[data-design] .hero-portrait figcaption strong { font-weight:500; font-size:13px; color:var(--primary); margin-bottom:4px; }
[data-design] .hero-bottom { border-top:1px solid var(--border); padding:20px 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
[data-design] .hero-bottom > p { font-size:11px; color:var(--text-light); }
[data-design] .contact-links { margin:0; gap:16px; }
[data-design] .contact-links a { padding:0; border:0; border-radius:0; font-size:12px; color:var(--primary); }
[data-design] .contact-links a:hover { background:none; color:var(--accent); text-decoration:underline; }
[data-design] nav { border:0; border-bottom:1px solid var(--border); background:var(--bg); }
[data-design] nav ul { padding:14px 0; gap:24px; }
[data-design] nav a { padding:5px 0; border-radius:0; font-size:11px; font-weight:500; color:var(--text-light); border-bottom:2px solid transparent; }
[data-design] nav a:hover, [data-design] nav a.active { background:none; color:var(--accent); border-bottom-color:var(--accent); }
[data-design] section { padding-top:56px; padding-bottom:56px; }
[data-design] .about-content { font-size:15px; line-height:1.85; }
[data-design] .about-content strong { font-weight:600; }
[data-design] .metrics { padding:26px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin-top:30px; }
[data-design] .metrics dd { font-family:Georgia,serif; font-size:36px; font-weight:400; }
[data-design] .metrics dt { font-size:11px; }
[data-design] .metrics-note { font-size:11px; }
[data-design] .highlight-box { border:0; padding:18px 22px; background:var(--bg-alt); font-size:14px; }
[data-design] .previous-work { font-size:14px; }
[data-design] .research-list { gap:0; }
[data-design] .research-item { border:0; padding:24px 0; border-bottom:1px solid var(--border); }
[data-design] .research-item.current-focus { border-left:0; padding-top:0; }
[data-design] .research-item p { font-size:14px; }
[data-design] .eyebrow { font-size:10px !important; }
[data-design] .pub-year { border-bottom:1px solid var(--border); font-weight:400; font-size:24px; line-height:1.35; margin-top:42px; margin-bottom:24px; padding-bottom:14px; }
[data-design] .pub-item { padding:24px 0; margin:0; border-bottom:1px solid var(--border); }
[data-design] .pub-title { font-size:16px; line-height:1.55; font-weight:500; max-width:760px; }
[data-design] .pub-authors { font-size:12px; margin:9px 0; }
[data-design] .pub-venue { font-size:11px; }
[data-design] .pub-description { font-size:13px; }
[data-design] .pub-badge { background:var(--bg-alt); color:var(--accent); border-radius:0; font-size:9px; padding:2px 5px; }
[data-design] .pub-links { margin-top:14px; gap:20px; }
[data-design] .pub-links a { padding:0; border:0; font-size:11px; color:var(--accent); }
[data-design] .pub-links a:hover { background:none; color:var(--accent); text-decoration:underline; }
[data-design] .news-item { border-color:var(--border); font-size:13px; padding:17px 0; }
[data-design] .news-date { font-size:11px; }
[data-design] .current-position { border-left:0; background:var(--bg-alt); padding:24px; }
[data-design] .exp-item-simple { border-left:0; background:none; border-top:1px solid var(--border); padding:20px 0; }
[data-design] .awards-list li { border-color:var(--border); font-size:14px; }
[data-design] .service-category p { font-size:14px; }
[data-design] footer { background:var(--bg-alt); border-top:1px solid var(--border); font-size:11px; margin-top:0; }
[data-design] .design-return { background:var(--bg-alt); padding:14px 24px; display:flex; gap:24px; justify-content:center; border-top:1px solid var(--border); font-size:12px; }

/* A: editorial grid, stronger typography, quieter biographical column. */
[data-design="editorial"] main > section { display:grid; grid-template-columns:200px minmax(0,1fr); column-gap:52px; }
[data-design="editorial"] main > section > * { grid-column:2; }
[data-design="editorial"] main > section > h2 { grid-column:1; grid-row:1 / span 20; font-size:26px; line-height:1.3; margin:0; }
[data-design="editorial"] .hero-portrait img { filter:grayscale(1); }
[data-design="editorial"] .hero-portrait { padding-top:16px; }
[data-design="editorial"] .pub-year { font-size:22px; }
[data-design="editorial"] .metrics { grid-template-columns:1fr 1.2fr 1.2fr; }

/* B: an intimate personal essay with a centered portrait and warmer paper. */
[data-design="warm"] { --primary:#3b2f28; --secondary:#4d4036; --accent:#9a4c35; --text:#473b33; --text-light:#78665a; --bg:#f8f1e7; --bg-alt:#eee3d3; --border:#ded0bf; }
[data-design="warm"] .container { max-width:960px; }
[data-design="warm"] .identity-bar { border-bottom:0; }
[data-design="warm"] .hero-layout { grid-template-columns:1fr; text-align:center; gap:28px; padding:30px 0 42px; }
[data-design="warm"] .hero-portrait { grid-row:1; justify-self:center; max-width:125px; }
[data-design="warm"] .portrait-frame { border-radius:50%; border:5px solid #fffaf3; aspect-ratio:1; box-shadow:0 8px 24px #69523518; }
[data-design="warm"] .hero-portrait figcaption { display:none; }
[data-design="warm"] h1 { font-size:clamp(45px,6.5vw,70px); letter-spacing:-.05em; }
[data-design="warm"] .hero-kicker { margin-bottom:18px; }
[data-design="warm"] .hero-description { margin:auto; max-width:510px; font-family:Georgia,serif; font-size:19px; }
[data-design="warm"] .hero-topics { justify-content:center; font-size:11px; }
[data-design="warm"] .hero-work { color:var(--bg); background:var(--accent); border-radius:25px; padding:11px 21px; font-weight:400; margin-top:24px; }
[data-design="warm"] .hero-bottom { justify-content:center; }
[data-design="warm"] .hero-bottom > p { display:none; }
[data-design="warm"] nav ul { justify-content:center; }
[data-design="warm"] main { max-width:820px; }
[data-design="warm"] h2 { font-size:36px; font-style:italic; }
[data-design="warm"] .about-content { font-family:Georgia,serif; font-size:16px; line-height:1.9; }
[data-design="warm"] .metrics { border:0; text-align:center; padding:20px 0 0; }
[data-design="warm"] .metrics dd { color:var(--accent); }
[data-design="warm"] .metrics dt { max-width:180px; margin:auto; }
[data-design="warm"] .metrics-note { text-align:center; }
[data-design="warm"] .highlight-box { border-radius:10px; }
[data-design="warm"] .research-item { padding:25px 0; }
[data-design="warm"] .research-item.current-focus { padding-top:0; }
[data-design="warm"] .pub-title { font-family:Georgia,serif; font-size:18px; }

/* C: a restrained midnight research portfolio, with static signal motifs. */
[data-design="signal"] { color-scheme:dark; --primary:#f2f1f8; --secondary:#dbdce9; --accent:#b4baff; --text:#d5d7e3; --text-light:#a1a6bc; --bg:#10131d; --bg-alt:#1b2030; --border:#30364a; font-family:Arial,sans-serif; }
[data-design="signal"] h1, [data-design="signal"] h2, [data-design="signal"] .pub-year { font-family:Arial,sans-serif; }
[data-design="signal"] .hero-layout { position:relative; gap:48px; padding-top:66px; }
[data-design="signal"] h1 { font-size:clamp(44px,6.4vw,77px); letter-spacing:-.065em; font-weight:600; }
[data-design="signal"] h1 em { font-style:normal; }
[data-design="signal"] .hero-kicker { font-family:monospace; color:var(--accent); font-size:11px; }
[data-design="signal"] .hero-description { font-size:17px; }
[data-design="signal"] .hero-portrait { background:radial-gradient(ellipse at 50% 34%, #858dff22 0%, transparent 68%); padding:26px; border:1px solid var(--border); border-radius:18px; max-width:315px; }
[data-design="signal"] .portrait-frame { border-radius:8px; }
[data-design="signal"] .hero-portrait img { filter:grayscale(.85); }
[data-design="signal"] .hero-portrait figcaption { font-family:monospace; font-size:10px; }
[data-design="signal"] .hero-work { padding:10px 18px; border:1px solid #838bd0; border-radius:6px; }
[data-design="signal"] .hero-topics { color:var(--text-light); font-family:monospace; }
[data-design="signal"] h2 { font-size:26px; font-weight:500; }
[data-design="signal"] .metrics dd { font-family:monospace; color:var(--accent); }
[data-design="signal"] .research-list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
[data-design="signal"] .research-item, [data-design="signal"] .research-item.current-focus { padding:24px; background:var(--bg-alt); border:1px solid var(--border); border-radius:8px; }
[data-design="signal"] .research-item.current-focus { border-color:#7983c7; }
[data-design="signal"] .highlight-box { border-radius:6px; }
[data-design="signal"] .pub-year { font-size:20px; letter-spacing:-.02em; }
[data-design="signal"] .pub-item { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; }
[data-design="signal"] .pub-item > * { grid-column:1; }
[data-design="signal"] .pub-item .pub-links { grid-column:2; grid-row:1 / span 4; align-self:center; flex-direction:column; gap:9px; }
[data-design="signal"] .pub-badge { border:1px solid var(--border); background:none; border-radius:3px; }

@media(max-width:900px) {
  [data-design] .container { padding-left:30px; padding-right:30px; }
  [data-design] .hero-layout { gap:32px; }
  [data-design="editorial"] main > section { grid-template-columns:155px minmax(0,1fr); gap:28px; }
  [data-design] .hero-topics { column-gap:10px; }
  [data-design] nav ul { gap:20px; }
}
@media(max-width:650px) {
  [data-design] .container { padding-left:24px; padding-right:24px; }
  [data-design] .wordmark span { display:block; margin-left:0; margin-top:2px; }
  [data-design] .hero-layout { grid-template-columns:1fr; gap:34px; padding-top:38px; padding-bottom:32px; }
  [data-design] .hero-portrait { justify-self:start; max-width:none; display:flex; align-items:center; gap:20px; }
  [data-design] .portrait-frame { width:98px; height:98px; flex-shrink:0; }
  [data-design] .hero-portrait figcaption { margin:0; }
  [data-design] .hero-bottom { align-items:flex-start; }
  [data-design] h1 { font-size:clamp(43px,9vw,62px); }
  [data-design] .hero-description { font-size:16px; }
  [data-design] .hero-topics { font-size:10px; gap:10px; }
  [data-design] .contact-links { gap:16px; flex-wrap:wrap; }
  [data-design] .hero-bottom > p { display:none; }
  [data-design] nav ul, [data-design="warm"] nav ul { justify-content:flex-start; gap:23px; }
  [data-design] nav a { font-size:12px; }
  [data-design] section { padding:36px 0; }
  [data-design="editorial"] main > section { display:block; }
  [data-design="editorial"] main > section > h2 { font-size:28px; margin-bottom:22px; }
  [data-design] .metrics { gap:16px; }
  [data-design] .metrics dd { font-size:28px; }
  [data-design] .metrics dt { font-size:10px; }
  [data-design] .news-item { grid-template-columns:65px 1fr; }
  [data-design] .exp-list-simple { grid-template-columns:1fr; gap:0; }
  [data-design="warm"] .hero-layout { padding-top:14px; }
  [data-design="warm"] .hero-portrait { display:block; width:110px; justify-self:center; }
  [data-design="warm"] .portrait-frame { width:110px; height:110px; }
  [data-design="warm"] .hero-description { font-size:18px; }
  [data-design="warm"] h2 { font-size:31px; }
  [data-design="signal"] .hero-portrait { display:flex; padding:18px; width:100%; max-width:none; }
  [data-design="signal"] .research-list { grid-template-columns:1fr; }
  [data-design="signal"] .pub-item { display:block; }
  [data-design="signal"] .pub-item .pub-links { flex-direction:row; }
}
@media(prefers-reduced-motion:reduce) { [data-design] * { transition:none !important; scroll-behavior:auto !important; } }