/* Modern design essay: whole-object photographs and readable, scoped studies. */
.modern-design{padding-top:30px;padding-bottom:48px}
.modern-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center;padding:35px 0 48px}
.modern-hero h1{font-size:clamp(3.1rem,6.3vw,6.2rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 25px}
.modern-hero p{line-height:1.75;max-width:58ch}
.modern-hero .modern-deck{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.5;color:var(--ink)}
.modern-jump{display:flex;gap:8px 22px;flex-wrap:wrap;padding:16px 0;border-block:1px solid var(--line);margin-bottom:55px}
.modern-jump a{display:flex;align-items:center;min-height:40px;font-size:.9rem}
.modern-intro>p,.modern-prose{max-width:760px;margin-inline:auto;font-size:1.05rem;line-height:1.8}
.modern-intro>h2{text-align:center}.modern-intro>.eyebrow{text-align:center}
.modern-design h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.15;letter-spacing:-.025em}
.modern-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.modern-paths>a{display:block;padding:28px 24px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none}
.modern-paths>a:hover{border-color:var(--accent)}
.modern-paths span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.modern-paths h3{font-size:1.4rem;line-height:1.25;margin:12px 0}
.modern-paths p{font-size:.95rem;line-height:1.6;margin:0}
.modern-chapter{padding:44px 0;border-top:1px solid var(--line)}
.modern-photo{width:min(100%,700px);margin:28px auto 32px}
.modern-photo>a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.modern-photo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.modern-photo-compact{max-width:260px}
.modern-photo figcaption{font-size:.85rem;line-height:1.6;padding:12px 2px 0;color:var(--ink)}
.modern-photo small{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}
.modern-hero .modern-photo{margin:0}
.modern-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:24px auto 28px;max-width:900px}
.modern-roles>div{padding:24px 0;border-top:1px solid var(--line)}
.modern-roles dt{font-weight:700;font-size:1.1rem;margin-bottom:10px}
.modern-roles dd{margin:0;line-height:1.7;color:var(--muted)}
.modern-sources{max-width:850px;margin:25px auto}.modern-sources li{margin:12px 0;line-height:1.6}.modern-sources{overflow-wrap:anywhere}
.modern-object-studies .modern-photo{max-width:580px}
.modern-study{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.modern-study h3{font-size:1.5rem;line-height:1.25}
.modern-record{font-size:.85rem}
.modern-related{margin-block:35px;padding-block:30px;border-block:1px solid var(--line)}
.modern-related h2{font-size:1.8rem}.modern-related p{max-width:760px;line-height:1.7}
.modern-design a:focus-visible,.modern-object-studies a:focus-visible,.modern-related a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.modern-hero{grid-template-columns:minmax(0,1fr);padding-top:25px}.modern-hero h1{font-size:3.5rem}.modern-paths,.modern-roles{grid-template-columns:minmax(0,1fr)}.modern-paths{gap:12px}.modern-paths>a{padding:22px}.modern-chapter{padding:30px 0}.modern-jump{margin-bottom:36px;gap:4px 18px}.modern-jump a{min-height:44px}.modern-prose,.modern-intro>p{font-size:1rem}.modern-hero .modern-photo{max-width:100%}}