/* The user-approved About world, extended to three distinct reading structures. */
body[data-page="campus"],body[data-page="internship"],body[data-page="works"] { --chapter-paper-muted:#505466; --chapter-paper-accent:#8c3651; }
.chapter-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:4%; min-height:calc(100svh - 5rem); padding-block:3rem 5rem; }
.chapter-hero__copy { position:relative; z-index:3; }
.chapter-hero h1 { margin:0; font-size:clamp(3.5rem,6.9vw,6rem); font-weight:850; line-height:1.15; letter-spacing:-.03em; }
.title-line { display:block; }
.title-line--pink { color:var(--pink); }
.chapter-hero__subtitle { margin:1.6rem 0 1rem; font-size:1rem; font-weight:650; color:var(--pink); }
.chapter-hero__subtitle span { display:inline-block; margin-left:.8rem; font-size:.8rem; color:var(--experience-muted); }
.chapter-hero__lead { max-width:32em; margin:0; color:var(--experience-muted); font-size:1.1rem; line-height:1.85; }
.chapter-hero__annotation { max-width:32em; font-size:1rem; color:var(--experience-muted); line-height:1.8; margin:1rem 0 0; }
.chapter-clay { position:absolute; z-index:4; pointer-events:none; }
.chapter-clay img { width:100%; height:auto; }
.chapter-reading { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,8fr); align-items:start; gap:7%; padding-top:5rem; }
/* Lenis reads scroll-margin itself; the controller already applies the header offset. */
body[data-experience] [data-reading-item] { scroll-margin-top:0; }
.reading-guide { position:sticky; top:8rem; }
.reading-guide h2 { font-size:clamp(2rem,3.5vw,3rem); line-height:1.3; margin:0; font-weight:750; letter-spacing:-.025em; }
.reading-guide h2 span { color:var(--pink); }
.reading-progress { display:flex; align-items:baseline; gap:.75rem; margin-top:2.5rem; color:var(--pink); }
.reading-progress > span { font-size:4rem; font-weight:750; line-height:1; font-variant-numeric:tabular-nums; }
.reading-progress small { color:var(--experience-muted); font-size:.9rem; }
.reading-links { display:grid; justify-items:start; gap:.5rem; margin-top:1.6rem; }
.reading-links a { display:inline-flex; gap:.5rem; align-items:baseline; padding:.6rem 0; min-height:2.75rem; color:var(--experience-muted); line-height:1.6; text-decoration:none; font-size:1rem; transition:color 150ms ease; }
.reading-links a[aria-current] { color:var(--pink); font-weight:700; }
.archive-paper { position:relative; color:var(--ink); background:var(--paper-light); padding:clamp(1.6rem,3.2vw,3rem); box-shadow:.65rem 1.3rem 2.5rem rgba(8,12,27,.18); }
.archive-corner { position:absolute; top:0; right:0; width:2.5rem; height:2.5rem; background:var(--navy); clip-path:polygon(0 0,100% 0,100% 100%); pointer-events:none; }
.archive-corner::after { content:''; position:absolute; inset:0; background:var(--paper-shadow); clip-path:polygon(0 0,0 100%,100% 100%); }
.archive-material { min-width:0; margin:0; }
.archive-material__frame { perspective:800px; min-width:0; }
.archive-material__frame > * { width:100%; transform-style:preserve-3d; }
.archive-material img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.archive-material figcaption { margin:.9rem 0 0; color:var(--experience-muted); font-size:.95rem; line-height:1.7; }
.archive-empty { aspect-ratio:4/3; display:flex; flex-direction:column; justify-content:space-between; align-items:start; padding:clamp(1.5rem,3vw,2.5rem); color:var(--ink); background:var(--paper); }
.archive-empty strong { font-size:clamp(1.35rem,2.2vw,1.75rem); line-height:1.45; max-width:12em; }
.archive-empty p { font-size:1rem; line-height:1.8; color:var(--ink-muted); margin:2rem 0 0; max-width:28em; }
.archive-paper .archive-material figcaption { color:var(--ink-muted); }
.media-link { display:inline-flex; align-items:center; gap:1rem; min-height:3rem; padding:.65rem 1.1rem; border:0; background:var(--pink); color:var(--ink); font-weight:700; text-decoration:none; cursor:pointer; transition:background-color 180ms ease,transform 160ms var(--ease-out); }
.media-link:active { transform:scale(.97); }
@media (hover:hover) and (pointer:fine) {
  .reading-links a:hover { color:var(--pink); }
  .media-link:hover { background:var(--paper-light); }
}
@media (max-width:1000px) {
  .chapter-hero h1 { font-size:clamp(3.2rem,6.7vw,5rem); }
  .chapter-reading { grid-template-columns:minmax(0,2.6fr) minmax(0,7.4fr); gap:5%; }
}
@media (max-width:700px) {
  .chapter-hero { grid-template-columns:1fr; min-height:0; gap:2.5rem; padding-block:2.5rem 3rem; }
  .chapter-hero h1 { font-size:clamp(2.6rem,11.3vw,4.5rem); line-height:1.2; }
  .chapter-hero__subtitle { margin-top:1.25rem; }
  .chapter-hero__lead { font-size:1rem; }
  .chapter-reading { display:block; padding-top:3rem; }
  .reading-guide { position:static; padding-bottom:3rem; }
  .reading-guide h2 { font-size:2rem; }
  .reading-guide h2 br { display:none; }
  .reading-progress { display:none; }
  .reading-links { display:flex; flex-wrap:wrap; gap:.2rem 1.4rem; margin-top:1rem; }
  .reading-links a { font-size:.95rem; }
  .archive-paper { padding:1.8rem 1.5rem; }
}