:root{
  --navy:#081a31;
  --navy2:#0c2949;
  --panel:#0d3157;
  --cyan:#27CCF5;
  --ice:#bfeeff;
  --text:#f6f7f4;
  --muted:#b6c8d8;
  --line:rgba(39,204,245,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(135deg,var(--navy),var(--navy2));color:var(--text);font-family:Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cyan)}
header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,26,49,.94);position:sticky;top:0;z-index:10}
.brand{font:600 13px/1 Arial,sans-serif;letter-spacing:.34em;color:var(--cyan)}
nav{display:flex;gap:38px;align-items:center}
nav a{font-size:16px}
main{min-height:75vh}
.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:525px;border-bottom:1px solid var(--line)}
.hero-copy{padding:70px 5vw 58px 6vw;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(62px,7.2vw,108px);line-height:.92;font-weight:400;letter-spacing:-.045em;margin:0 0 18px}
.role{font-size:clamp(25px,2.7vw,42px);color:var(--ice);margin:0 0 28px}
.rule{width:64px;height:3px;background:var(--cyan);margin:0 0 28px}
.statement{font-size:clamp(24px,2.3vw,35px);line-height:1.32;max-width:770px;margin:0}
.keywords{margin-top:42px;display:flex;flex-wrap:wrap;gap:10px 24px;font:600 11px/1.8 Arial,sans-serif;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}.keywords span{white-space:nowrap}
.portrait{min-height:525px;background-image:linear-gradient(90deg,rgba(8,26,49,.36),rgba(8,26,49,.02)),url('greg-yudin.jpg');background-size:cover;background-position:center 32%}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 6vw 48px;background:rgba(12,49,87,.58)}
.tile{padding:0 34px;border-right:1px solid var(--line);min-height:175px}
.tile:first-child{padding-left:0}.tile:last-child{border-right:0}
.num{font:600 11px Arial,sans-serif;letter-spacing:.18em;color:var(--cyan)}
.tile h2{font-size:31px;font-weight:400;margin:14px 0}
.tile p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 24px}
.more{font:600 11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.page{max-width:1050px;margin:auto;padding:80px 6vw 110px}
.page h1{font-size:clamp(50px,6vw,80px);font-weight:400;margin:0 0 45px}
.page h2{font-size:31px;font-weight:400;color:var(--ice);margin-top:50px}
.page p,.page li{font-size:19px;line-height:1.7;color:#dbe6ee}
.page a.inline{color:var(--cyan);border-bottom:1px solid rgba(39,204,245,.45)}
.contact-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px}
.button{font:600 12px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--cyan);padding:14px 18px;color:var(--cyan)}
footer{border-top:1px solid var(--line);padding:28px 6vw;color:#8eacc1;font:11px Arial,sans-serif;display:flex;justify-content:space-between}
@media(max-width:800px){
 header{height:auto;min-height:72px;padding:18px 5vw;align-items:flex-start}
 nav{gap:10px 18px;flex-wrap:wrap;justify-content:flex-end;max-width:75%}nav a{font-size:13px}
 .hero{grid-template-columns:1fr}.hero-copy{padding:55px 6vw}.portrait{min-height:440px;order:-1}
 .tiles{grid-template-columns:1fr 1fr}.tile{border-right:0;border-bottom:1px solid var(--line);padding:30px 20px}.tile:first-child{padding-left:20px}
}
@media(max-width:520px){.tiles{grid-template-columns:1fr}.keywords{gap:8px 16px}.portrait{min-height:330px}}

/* v4 content system */
.prose{max-width:850px}.prose p{margin:0 0 1.35em}.lede{max-width:820px;font-size:23px!important;color:var(--ice)!important;margin-top:-18px!important;margin-bottom:48px!important}
.accordions{border-top:1px solid var(--line);margin-top:24px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:25px 48px 25px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:8px;top:20px;color:var(--cyan);font:300 28px Arial,sans-serif}details[open] summary:after{content:'−'}summary strong{display:block;font-size:24px;font-weight:400;color:var(--text)}summary small{display:block;margin-top:8px;font:600 10px/1.6 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.detail-body{max-width:850px;padding:0 0 28px}.detail-body p{font-size:17px;line-height:1.65;margin:0 0 1em}.detail-body .meta{font:600 11px/1.7 Arial,sans-serif;letter-spacing:.06em;color:#93b7cc}
.bibliography{border-top:1px solid var(--line)}.pub{display:grid;grid-template-columns:70px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.year{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--cyan)}.pub p{font-size:17px;line-height:1.5;margin:0}.pub strong{font-weight:400;color:var(--text)}.pub a{border-bottom:1px solid rgba(39,204,245,.45)}.pub span{color:var(--muted)}.scholar{margin-top:42px!important}
.media-list{border-top:1px solid var(--line)}.media-row{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.media-row h3{font-size:20px;font-weight:400;margin:0 0 5px}.media-row h3 a{border-bottom:1px solid rgba(39,204,245,.45)}.media-row p{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin:0}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.video-card{background:rgba(8,26,49,.94);padding:28px;min-height:205px;display:flex;gap:20px;transition:background .2s}.video-card:hover{background:rgba(13,49,87,.95);color:inherit}.video-card.featured{grid-column:1/-1;min-height:230px}.play{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:13px Arial,sans-serif}.video-card small{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.video-card h3{font-size:25px;font-weight:400;margin:10px 0}.video-card p{font-size:15px;line-height:1.5;margin:0;color:var(--muted)}.contact-email{margin-top:28px!important;color:var(--muted)!important}
@media(max-width:700px){.page{padding-top:55px}.page h1{margin-bottom:35px}.pub,.media-row{grid-template-columns:52px 1fr}.video-grid{grid-template-columns:1fr}.video-card.featured{grid-column:auto}.lede{font-size:20px!important}.detail-body p{font-size:16px}}

/* Embedded media previews */
.video-embed { display:block; }
.video-frame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:10px; margin-bottom:18px; background:#081426; }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-card.video-embed:hover { transform:none; }
.video-card.video-embed h3 a { color:inherit; text-decoration:none; }
.video-card.video-embed h3 a:hover { color:var(--accent); }