html:has(.people-page){background:#000;scrollbar-gutter:stable}
body:has(.people-page){background:#000;color:#eee;--people-gutter:7vw;--people-max:1200px;--people-top:66px;isolation:isolate}
body:has(.people-page):before,body:has(.people-page):after{display:none!important}
body:has(.people-page)>header{background:transparent!important;backdrop-filter:none;box-shadow:none;border:0;color:#eee}
body:has(.people-page)>header a{color:#eee;text-shadow:none}
body:has(.people-page)>header nav a[aria-current]{color:var(--portfolio-yellow);text-decoration:none}
body:has(.people-page)>header:before,body:has(.people-page)>header:after{display:none}
#page:has(.people-page){padding:var(--people-top) var(--people-gutter) 100px;max-width:none;margin:0;border:0;outline:none}
.people-page{max-width:var(--people-max);margin:auto;position:relative}
.people-page h1{font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:-.035em;margin:0 0 38px;color:var(--portfolio-yellow)}
.people-page p{font-size:17px;line-height:1.65}
.method-statement{width:100%;max-width:760px}
.method-statement .method-lead{max-width:660px;font-size:clamp(24px,2.35vw,34px);line-height:1.35;color:var(--portfolio-yellow);margin:0 0 30px}
.method-statement>p{max-width:760px;font-size:16px;line-height:1.6;margin:0 0 20px;color:#cececa}
.identity-background{position:fixed;inset:-30px;z-index:-1;background-image:url('assets/kedi-portrait.jpg');background-size:cover;background-position:62% 40%;filter:blur(13px);transform:scale(1.8);transform-origin:62% 43%;opacity:.52;pointer-events:none}
.info-profile{min-height:48vh}
.profile-title{font-size:clamp(19px,2vw,27px)!important;margin:0;line-height:1.4!important}
.info-section{margin:0 0 95px}
.info-section h2{font-size:12px;letter-spacing:.12em;font-weight:400;margin:0 0 35px;color:var(--portfolio-yellow)}
.info-section h3{font-size:18px;font-weight:400;margin:0}
.education>div{margin-bottom:42px}
.education p{margin:7px 0}
.record-detail{color:#aaa;font-size:14px!important}
.record{margin-bottom:36px}
.record-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px 22px;font-size:13px;color:#b6b6b1}
.record-meta h3{font-size:17px;color:#f1f1eb;flex:0 1 auto}
.record-meta h3 small{font-size:13px;color:#c3c3bd;font-weight:400}
.record-meta time{white-space:nowrap}
.record>p{font-size:15px;color:#bbb;line-height:1.6;margin:10px 0 0;max-width:1000px}
.info-contact p{margin:12px 0;font-size:16px}
.info-contact a:hover,.info-contact a:focus-visible{color:var(--portfolio-yellow);text-decoration:none}
.info-contact{margin-bottom:0}
@media(max-width:650px){body:has(.people-page){--people-gutter:6vw;--people-top:38px}
.people-page h1{margin-bottom:28px}
.people-page p{font-size:16px}
.info-profile{min-height:45vh}
.identity-background{background-position:62% 42%;transform:scale(1.35)}
.record-meta{gap:7px 14px}
.info-section{margin-bottom:65px}
}
.about-method{min-height:calc(100svh - 250px)}
.info-profile{position:relative;min-height:0;margin-bottom:82px;padding-right:90px}
.info-cv{position:absolute;right:0;top:13px;font-size:14px;color:#deded7;transition:color .25s}
.info-cv:hover,.info-cv:focus-visible{color:var(--portfolio-yellow);text-decoration:none}
.identity-background{filter:blur(7px)}
.info-section{margin-bottom:65px}
.education>div{margin-bottom:25px}
.info-section h2{margin-bottom:25px}
.education p{margin:4px 0}
.education .record-detail{font-size:13px!important}
.social-links{display:flex;align-items:center;gap:20px;margin-top:18px}
.social-links a{display:flex;align-items:center;justify-content:center;width:22px;height:24px;color:#d0d0ca;transition:color .25s}
.social-links svg{width:22px;height:22px;overflow:visible}
.social-links a:hover,.social-links a:focus-visible{color:var(--portfolio-yellow)}
@media(min-width:1450px){.record-meta{flex-wrap:nowrap;gap:16px}
.record-meta h3{flex:1;min-width:0}
.record-meta>span,.record-meta time{flex-shrink:0}
.record-meta h3 small{font-size:12px}
}
@media(max-width:650px){
.info-profile{padding-right:0;margin-bottom:48px}
.info-cv{position:static;display:inline-block;margin-top:24px}
.identity-background{filter:blur(6px)}
.info-section{margin-bottom:50px}
}
@media(prefers-reduced-motion:reduce){.info-cv,.social-links a{transition:none}
}
.social-links a{width:30px;height:32px}
.social-links svg{width:30px;height:30px;fill:currentColor}
.social-links a:last-child{width:44px}
.social-links a:last-child svg{width:44px;height:44px}

:root{--portfolio-yellow:#eaff27}
html:has(.people-page){scrollbar-gutter:auto}
#page:has(:is(.index-page,.about-method)){padding-top:clamp(24px,5.5vh,66px);padding-bottom:24px}
.index-page,.about-method{min-height:0}
.index-page h1,.about-method h1{margin-bottom:clamp(20px,4vh,38px)}
.index-list{display:grid;gap:0}
.index-page .index-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:clamp(10px,2vh,20px) 0;color:#eee;opacity:1;border:0;background:none;text-decoration:none;transition:color .2s;font-size:clamp(16px,1.5vw,21px)}
.index-row time{flex-shrink:0;font-size:14px;color:inherit}
.index-page .index-row:is(:hover,:focus-visible,:active){color:var(--portfolio-yellow);text-decoration:none;opacity:1}
.info-cv:is(:hover,:focus-visible,:active){text-decoration:underline;text-underline-offset:.22em}
@media(min-width:800px) and (max-height:760px){
.method-statement .method-lead{margin-bottom:20px}
.method-statement>p{margin-bottom:14px}
}

html:has(.people-page){background:#000!important}body:has(.people-page){min-height:100svh}

@media(min-width:800px) and (max-height:650px){.index-page .index-row{padding:8px 0}.index-page h1{margin-bottom:20px}}

/* Information-page refinements: natural paragraph endings and title-only link feedback. */
.about-method .method-statement{max-width:780px}
.about-method .method-statement>p:not(.method-lead){max-width:780px;text-wrap:pretty}
.index-page .index-list{margin-top:10px}
.index-page .index-row>span{text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .2s}
.index-page .index-row:is(:hover,:active,:focus-visible)>span{text-decoration-color:currentColor}
.index-page .index-row time{text-decoration:none}