/* Main site: night study design. */
:root{font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;color:#282d28;background:#182522;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;--bg:#fafaf6;--ink:#29312c;--muted:#5f675f;--accent:#345f49;--line:#d8ddd6;--panel:#f0f2eb;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
p{line-height:1.9}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500}
html{scroll-behavior:smooth}
section{scroll-margin-top:100px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--bg);padding:15px}
.skip:focus{top:10px}
.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--accent)}






.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:80px 0 64px}
.hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.65;letter-spacing:1px;margin:20px 0}
.intro{font-size:13px;color:var(--muted);line-height:2.2}
.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;padding:15px 22px;border:1px solid var(--accent);color:var(--accent);font-size:12px;margin-top:28px}
.button:hover{background:var(--accent);color:var(--bg);text-decoration:none}
.hero-meta{font-size:8px;letter-spacing:1.3px;margin-top:38px;display:flex;align-items:center;gap:9px;color:var(--muted)}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hero-art{min-width:0}
.art-frame{overflow:hidden;background:var(--panel)}
.hero-art img{width:100%;aspect-ratio:1;object-fit:cover}
.hero-art figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:8px;letter-spacing:1px;color:var(--muted)}
.topic-strip{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-block:1px solid var(--line);font-family:Georgia,serif;font-size:16px;color:var(--muted)}
.content section{padding:65px 0;border-bottom:1px solid var(--line)}
.section-heading h2{font-size:29px;line-height:1.6;margin-top:14px}
.muted{color:var(--muted);font-size:12px;margin-top:10px}
.about{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}
.about-body{font-size:13px;color:var(--muted)}
.profile-facts{margin:0}
.profile-facts>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.8}
.profile-facts>div:first-child{padding-top:0}
.profile-facts dt{font-size:11px;color:var(--muted)}
.profile-facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.about-body p+p{margin-top:18px}
.about-body .lead{font-size:20px;line-height:1.8;color:var(--ink);margin-bottom:22px}
.text-link{display:inline-block;margin-top:22px;font-size:12px;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:6px}
.journal .section-heading{margin-bottom:24px}
.data-note{font-size:10px;color:var(--muted);margin-bottom:8px}
.activity-list{list-style:none;padding:0;margin:0}
.activity-list li{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8}
.activity-list time{font-size:11px;color:var(--muted);letter-spacing:1px}
.activity-list a{display:flex;justify-content:space-between;gap:20px}
.credentials{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}
table{width:100%;border-collapse:collapse;font-size:12px}
td{padding:15px 0;border-bottom:1px solid var(--line);line-height:1.8}
td:first-child{width:120px;color:var(--muted);font-size:11px}
.links{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}
.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.link-grid a{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-size:19px}
.link-grid a small{display:block;font-family:Arial,sans-serif;font-size:10px;color:var(--muted);margin-top:7px}
.link-grid a>span+span{font-size:18px;color:var(--accent)}


.night{--bg:#182522;--ink:#eee9d8;--muted:#b8c3b6;--accent:#e1ba7c;--line:#3d4d44;--panel:#23372d}
.night .hero{grid-template-columns:1fr 1.25fr;gap:85px}
.night .hero-art{grid-column:1;grid-row:1}
.night .hero-copy{grid-column:2;grid-row:1}
.night .hero h1{font-family:'Hiragino Mincho ProN','Yu Mincho',serif}
.night .art-frame{border:1px solid #6d634c;padding:12px;border-radius:140px 140px 4px 4px;background:#253a30;box-shadow:0 0 90px #c68a3420}
.night .art-frame img{border-radius:130px 130px 0 0}
.night .topic-strip{font-style:italic;color:#d2ba94}
.night .content{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}
.night .about{grid-column:1/-1}
.night .credentials{display:block}
.night .credentials table{margin-top:30px}
.night .links{grid-column:1/-1}
.night .journal .activity-list li{grid-template-columns:1fr;gap:8px}
@media(min-width:1500px){.hero h1{font-size:44px}}
@media(max-width:1000px){
.hero,.night .hero{gap:40px}
.about,.credentials,.links{gap:35px}
.topic-strip{font-size:13px}}
@media(max-width:700px){




.hero,.night .hero{grid-template-columns:1fr;padding:42px 0;gap:35px}
.hero h1{font-size:28px}
.hero-art{width:100%;max-width:360px;justify-self:center}
.hero-meta{font-size:7px;letter-spacing:.8px}
.hero-art figcaption{font-size:8px}
.topic-strip{flex-wrap:wrap;justify-content:center;font-size:13px;gap:13px 22px}
.content section{padding:40px 0}
.about,.credentials,.links{grid-template-columns:1fr;gap:25px}
.section-heading h2{font-size:26px}
.activity-list li{grid-template-columns:1fr;gap:8px}
.about-body .lead{font-size:18px}
.night .hero-copy,.night .hero-art{grid-column:1;grid-row:auto}
.night .hero-copy{grid-row:1}
.night .hero-art{grid-row:2;max-width:300px}
.night .content{display:block}
.credentials table{font-size:11px}
td:first-child{width:95px}
.link-grid{gap:10px 20px}
.link-grid a{font-size:18px}

}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}}