@import url('./layout.css');
:root { color-scheme: dark; --bg:#11151a; --text:#e8e9e5; --muted:#a4aaa9; --line:#ffffff24; --accent:#b0c8b7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:35px; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.6; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--accent); }
button { font:inherit; }
a:focus-visible,button:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
::selection { background:#527363; color:white; }
#pattern,.shade { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; }
#pattern { z-index:-2; }
.shade { z-index:-1; background:linear-gradient(90deg,#11151ae6 5%,#11151a9c 60%,#11151a20); }
.portrait-link { display:block; flex-shrink:0; width:78px; height:88px; }
.portrait-frame { display:block; width:100%; height:100%; overflow:hidden; background:var(--accent); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.portrait-frame img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.3); transform-origin:80% 44%; clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
nav,.eyebrow,.section-label,.preview-caption,footer,.contact-links { font-size:12px; }
nav,footer { color:var(--muted); }
.eyebrow { color:var(--accent); letter-spacing:.08em; margin:0 0 18px; }
h1 { font-size:32px; font-weight:500; line-height:1.2; letter-spacing:-.7px; margin:0 0 10px; }
.affiliation { color:var(--accent); font-size:14px; line-height:1.7; max-width:580px; margin:0 0 28px; }
.bio { font-size:17px; line-height:1.85; max-width:590px; margin:0; color:var(--text-soft,var(--text)); }
.detail { color:var(--muted); font-size:15px; max-width:560px; }
.section-label { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding:18px 0 24px; color:var(--muted); }
h2 { font-size:13px; font-weight:400; margin:0; color:var(--text); }
h3 { font-family:Georgia,'Times New Roman',serif; font-size:34px; font-weight:400; letter-spacing:-1px; margin:0 0 15px; }
.feature-copy p:not(.eyebrow) { color:var(--muted); font-size:14px; margin:0 0 25px; }
.feature-copy a { font-size:13px; border-bottom:1px solid #b0c8b760; padding-bottom:5px; }
.pending { font-size:12px; color:var(--muted); }
.tile-preview { position:relative; min-height:265px; overflow:hidden; display:grid; place-items:center; background:#1c2428; border:1px solid var(--line); }
.tile-preview img { display:block; width:100%; height:auto; }
#motion { background:none; color:inherit; border:0; cursor:pointer; padding:8px 0 8px 15px; font-size:12px; }
.skip { position:fixed; top:10px; left:10px; padding:8px 16px; background:var(--bg); transform:translateY(-160%); z-index:10; }
.skip:focus { transform:none; }
[hidden] { display:none !important; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }