/* Yu Zhehao: blue editorial cover and resume-led profile. */
body[data-page="home"] .site-header,body[data-page="about"] .site-header{background:rgba(3,7,20,.94);border-bottom-color:rgba(108,147,255,.25)}
body[data-page="home"] .wordmark-mark,body[data-page="about"] .wordmark-mark{color:#2f6dff;font-size:19px}
body[data-page="home"] .site-nav a:hover,body[data-page="home"] .site-nav a span,body[data-page="about"] .site-nav a:hover,body[data-page="about"] .site-nav a[aria-current=page],body[data-page="about"] .site-nav a span{color:#8bb1ff}
body[data-page="home"] .site-nav a:after,body[data-page="about"] .site-nav a:after{background:#4380ff}
.home-intro .section-heading .eyebrow,.home-intro-copy>.eyebrow,.about-opening .section-heading .eyebrow,.about-intro>.eyebrow,.about-fields .eyebrow,.about-resume .eyebrow,.about-background .eyebrow{color:#2457d8}
.home-intro h2 em,.about-opening h1 em,.about-fields h2 em,.about-resume h2 em,.about-background h2 em{color:#2b5ce5}
.home-intro h2{font-size:clamp(56px,5.3vw,80px);line-height:1.19}
.home-intro-copy strong,.about-intro strong{color:#1d57c9}
.home-intro-copy>p:not(.eyebrow){font-size:clamp(20px,1.9vw,27px);line-height:1.65}
.home-intro-copy .home-intro-note{max-width:570px!important;font-size:15px!important}
.about-opening .about-opening-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:8vw}
.about-opening h1{font-size:clamp(68px,8vw,122px);line-height:1.12}
.about-intro>p{font-size:clamp(26px,2.5vw,37px);line-height:1.5}
.about-intro>p:nth-of-type(2){max-width:620px;margin-top:28px;color:#625d59;font-size:16px;line-height:1.8;letter-spacing:0}
.about-intro .text-link{display:inline-flex;margin-top:35px;border-bottom:1px solid #252525;color:#1b1b1b}
.about-philosophy{background:#061333;color:#fff}
.about-philosophy blockquote em{color:#72a1ff}
.about-fields{background:#f6f4ef;color:#171718}
.about-fields .fields-list,.about-fields .fields-list>div{border-color:#c9c8c5}
.about-fields .fields-list span{color:#2457d8}
.about-fields .fields-list h3{color:#171718}
.about-fields .fields-list p{color:#5d5d61}
.about-resume,.about-background{background:#fff;color:#171718;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.about-resume{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8vw;padding-top:130px;padding-bottom:145px}
.about-resume h2,.about-background h2{margin-top:32px;font-family:var(--sans);font-size:clamp(46px,5vw,76px);font-weight:700;line-height:1.22;letter-spacing:-.07em}
.about-resume h2{font-size:clamp(45px,4.25vw,64px)}
.about-resume-list{border-top:1px solid #bfc3c8}
.about-resume-list article{padding:24px 0 34px;border-bottom:1px solid #bfc3c8}
.about-resume-meta{display:flex;justify-content:space-between;gap:20px;color:#355ec0;font-size:11px;font-weight:700;letter-spacing:.04em}
.about-resume h3{margin:20px 0 10px;font-family:var(--sans);font-size:clamp(24px,2.4vw,37px);font-weight:700;line-height:1.3;letter-spacing:-.04em}
.about-resume-list p{max-width:650px;color:#595d64;font-size:15px;line-height:1.85}
.about-background{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8vw;padding-top:105px;padding-bottom:150px;border-top:1px solid #c8cbd1}
.about-background-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px;align-content:end}
.about-background-detail>div{border-top:1px solid #afb5bd;padding-top:16px}
.about-background-detail span{display:block;margin-bottom:20px;color:#355ec0;font-size:11px;font-weight:700;letter-spacing:.05em}
.about-background-detail strong{display:block;font-size:clamp(24px,2.2vw,33px);line-height:1.3;letter-spacing:-.04em}
.about-background-detail p{margin-top:8px;color:#5c6067;font-size:14px}
.about-background-detail .text-link{justify-self:start;grid-column:1/-1;border-bottom:1px solid #242528;color:#242528}
/* Display the uploaded cover as a single, uncropped artwork. */
.hero.hero--image-cover{display:block;min-height:0;height:auto;padding:0;overflow:hidden;background:#03060e}
.hero.hero--image-cover:before,.hero.hero--image-cover:after{display:none}
.hero-cover-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.cover-heading-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.home-intro-grid{gap:5vw}}
@media(max-width:760px){.home-intro-grid{display:flex;flex-direction:column;gap:40px}.about-opening .about-opening-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.about-intro{padding-top:0}.about-resume,.about-background{grid-template-columns:1fr;gap:48px;padding-block:90px}}
@media(max-width:480px){.home-intro h2{font-size:clamp(42px,10.4vw,54px)}.about-opening h1{font-size:clamp(52px,12vw,72px)}.about-intro>p{font-size:25px}.about-resume h2,.about-background h2{font-size:44px}.about-resume-meta{font-size:9px}.about-resume-list p{font-size:14px}.about-background-detail{grid-template-columns:1fr;gap:30px}.about-background-detail .text-link{grid-column:1}}