:root{--bg:#111;--text:#f3f3f1;--muted:#a6a6a3;--line:#343434;--surface:#1b1b1b;--accent:#eee;--ink:#111}
body{background:#111;color:#f3f3f1}.site-header{border-color:#303030}.brand{font-weight:700}.site-header nav a{color:#bcbcb9}.site-header nav a:hover{color:#fff}.button{border-radius:8px}.button.primary{background:#eee;color:#111}.button.primary:hover{background:#fff}.button.secondary{border-color:#484848;color:#eee}.button.secondary:hover{background:#292929;color:#fff}.button:disabled{cursor:wait;opacity:.7}.text-link{text-decoration:none;color:inherit}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{padding-top:25px}.hero-layout{grid-template-columns:1.2fr 1fr;gap:70px;padding:42px 0 50px;align-items:center}.hero h1{font-size:clamp(66px,7.7vw,112px);line-height:1.02;font-weight:800;letter-spacing:-.065em;margin:25px 0}.hero h1 .muted-name{color:#b5b5b1;font-weight:800}.hero-index{font-size:11px;color:#b5b5b1}.hero-intro{font-size:14px;color:#aaa;max-width:430px;line-height:1.9;margin:0 0 30px}.hero-actions{gap:27px;align-items:center}.hero-caption{display:flex;flex-direction:column;font-size:11px;color:#d0d0cd;margin-top:38px;gap:3px}.hero-caption>span:last-child{color:#a6a6a3}.hero-visual{border:1px solid #3c3c3c;border-radius:22px;background:#1d1d1d;aspect-ratio:1/1.1;max-height:520px;overflow:hidden;position:relative}.visual-top{display:flex;justify-content:space-between;position:absolute;inset:22px 23px auto;z-index:1;font-size:9px;color:#bdbdb8}.portrait{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.hero-photo-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#a8a8a4;padding:70px 20px 110px;background:#202020}.hero-photo-placeholder>span{font-size:clamp(100px,12vw,175px);line-height:1;letter-spacing:-.085em;color:#d5d5d0;font-weight:700}.hero-photo-placeholder>span>span{color:#858580}.hero-photo-placeholder>small{font-size:10px;color:#b0b0ab;text-align:center}.visual-bottom{position:absolute;bottom:0;left:0;right:0;background:#191919;border-top:1px solid #363636;padding:22px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:20px;color:#eee;letter-spacing:-.5px}.visual-bottom small{display:block;font-size:10px;color:#aaa;letter-spacing:0;margin-top:6px}.visual-monogram{font-size:21px;color:#9c9c98;letter-spacing:-1px}.hero-bottom{border-color:#303030;padding:17px 0 23px}.hero-bottom>span,.hero-bottom>a{color:#aaa}
.light-section{--text:#f0f0ed;--muted:#a6a6a1;--line:#363636;--accent:#eee;--ink:#111;background:#111;color:#f0f0ed}.light-section em,.contact-section em{font-family:Arial,Helvetica,sans-serif;font-style:normal;color:#a6a6a1}.section-label{color:#a6a6a1}.section-label>span:first-child{color:#bbb;font-size:10px}.section-label>span:last-child{color:#a6a6a1;font-size:10px}.about-section{padding-top:65px;padding-bottom:70px;border-bottom:1px solid #303030}.about-layout{grid-template-columns:.8fr 1.2fr;gap:11%;margin-top:37px}.about-copy h2{font-size:clamp(34px,3.5vw,48px);font-weight:600;line-height:1.13}.prose{color:#b0b0aa}.about-portrait>img{border-radius:16px;border:1px solid #363636}.profile-placeholder{background:#222;border:1px solid #3a3a3a;border-radius:16px;aspect-ratio:1.05}.placeholder-initials{color:#d0d0ca;font-weight:700;font-size:clamp(90px,11vw,145px)}.placeholder-initials>span{color:#8e8e87}.profile-placeholder>div{border-color:#484848;color:#bcbcb6}.photo-caption{color:#a6a6a1}.photo-caption>span:first-child{color:#ddd}.interest-block{border-color:#343434}.interest-list{font-size:13px;color:#bdbdb7;gap:10px}.interest-list span{border:1px solid #454545;border-radius:7px;padding:7px 13px}.education-section{padding-top:40px;padding-bottom:70px}.education-section .section-label{border:0;padding-top:0}.education-layout{margin-top:38px;gap:8%;grid-template-columns:.9fr 1.2fr}.education-layout h2,.work-layout h2{font-size:clamp(33px,3.7vw,48px);font-weight:600;line-height:1.14}.school-list{background:#1b1b1b;border:1px solid #363636;border-radius:17px;padding:8px 28px}.school-row{padding:23px 0;border-color:#3a3a3a;margin:0}.school-row:last-child{border:0}.school-period{color:#aaa;font-size:10px}.school-row h3{font-size:24px;font-weight:500;color:#eee}.school-row p{color:#aaa;font-size:11px}.achievements-section{background:#171717;border-block:1px solid #303030;padding-top:40px;padding-bottom:55px}.archive-heading{margin:30px 0}.archive-heading h2{font-size:clamp(35px,4vw,51px);font-weight:600;line-height:1.13}.archive-heading>p{color:#aaa}.archive-empty{border:1px solid #3d3d3d;border-radius:17px;background:#1e1e1e;padding:34px;gap:23px}.archive-empty h3{font-size:24px;font-weight:500;color:#eee}.archive-empty p,.archive-empty-label{color:#aaa}.empty-folder{color:#aaa}.achievement-row{border-color:#3e3e3e}.achievement-row:last-child{border-color:#3e3e3e}.achievement-copy h3{font-size:28px;font-weight:500;color:#eee}.achievement-copy>p,.achievement-meta{color:#b0b0aa}.achievement-copy .achievement-issuer{color:#c3c3bc}.certificate-preview img{background:#262626;border:1px solid #3c3c3c;border-radius:8px}.document-cover{background:#242424;border-color:#484848;border-radius:9px;color:#ddd}.document-cover>small{color:#aaa}.document-line{background:#aaa}.document-cover.no-document{background:#1c1c1c;color:#b6b6b0}.work-section{padding-top:50px;padding-bottom:70px}.work-layout{margin-top:35px;gap:8%}.work-layout>div>p{color:#aaa}.work-empty{background:#191919;border-color:#444;border-radius:16px;padding:35px}.work-empty-mark{color:#aaa}.work-empty h3{color:#ddd;font-size:25px}.work-empty p{color:#aaa}.work-row{border-color:#353535}.work-row h3{color:#eee}.work-row p,.work-row .small-label{color:#aaa}.project-image-link{background:#202020;border:1px solid #3b3b3b;border-radius:13px}.contact-section{background:#1b1b1b;border:1px solid #3c3c3c;border-radius:20px;margin:0 6.25% 35px;padding:35px 40px 38px;max-width:none}.contact-layout{margin:30px 0;gap:45px}.contact-layout h2{font-size:clamp(37px,4.5vw,59px);font-weight:600;line-height:1.12}.contact-links .contact-email{border-color:#777;color:#ddd}.contact-empty,.contact-signoff{color:#aaa}.contact-signoff{font-size:10px}.site-footer{border-color:#343434;color:#aaa}.project-detail{--text:#eee;--muted:#aaa;--line:#3b3b3b;--accent:#eee;--ink:#111;background:#111;color:#eee}.project-detail h1{font-weight:600}.detail-summary{color:#aaa}.detail-image{border-radius:15px;border:1px solid #3b3b3b}.skill-tags{color:#aaa}.skill-tags span{border-color:#777}
.admin-body{--bg:#121212;--text:#eee;--muted:#aaa;--line:#404040;--accent:#eee;--ink:#111;background:#121212;color:#eee}.admin-sidebar{background:#191919;border-right:1px solid #373737}.admin-sidebar nav a.active{background:#e5e5e0;color:#161616}.admin-topbar{border-color:#343434}.admin-topbar a{color:#aaa}.admin-page-heading h1{font-weight:600}.admin-page-heading p{color:#aaa}.welcome-panel{background:#232323;border-color:#454545;border-radius:16px}.welcome-panel h2{font-weight:600}.welcome-panel p{color:#b5b5b0}.welcome-monogram{-webkit-text-stroke:1px #aaa}.stat-card{background:#1b1b1b;border-color:#3b3b3b;border-radius:12px}.stat-card>span,.stat-card>small{color:#aaa}.stat-card:hover{border-color:#777}.panel{background:#1b1b1b;border-color:#3b3b3b;border-radius:12px}.panel h2{font-weight:500}.panel-desc{color:#aaa}.recent-project{border-color:#3b3b3b}.recent-project small,.recent-project>span:last-child{color:#aaa}.badge{background:#343434;color:#ccc;border-radius:4px}.badge.published{background:#d8d8d3;color:#151515}.admin-help{color:#aaa}.admin-footer{border-color:#343434;color:#aaa}input:not([type=checkbox]),textarea,select{background:#131313;border-color:#565656;color:#eee;border-radius:7px}input:focus,textarea:focus,select:focus{border-color:#eee;outline-color:#eee}input::placeholder{color:#aaa}label small,.field-hint{color:#aaa}input[type=checkbox]{accent-color:#ddd}.file-label input::file-selector-button{background:#383838;color:#eee;border-radius:4px}.save-box{background:#242424;border-color:#454545;border-radius:12px}.save-box p,.cancel-link{color:#bbb}.admin-project-card{background:#1b1b1b;border-color:#3c3c3c;border-radius:13px}.admin-project-content p,.admin-project-content>small,.featured-label,.project-status{color:#aaa}.delete-button{color:#c2bcb6}.delete-button:hover{color:#fff}.admin-award-row{background:#1b1b1b;border-color:#3b3b3b;border-radius:13px}.award-format{background:#2b2b2b;border-color:#484848;color:#ccc;border-radius:7px}.admin-award-copy>p{color:#aaa}.admin-empty p{color:#aaa}.admin-cover{background:#252525}.certificate-placeholder{background:#252525;border-radius:7px}.certificate-placeholder p{color:#aaa}.certificate-existing{background:#303030;border-radius:7px}.certificate-existing>span{color:#bbb}.notice{background:#2d2d2d;border-color:#666;color:#e5e5df;border-radius:8px}.notice.error{background:#2e2725;border-color:#9b827a;color:#f3d7cc}.submit-status{color:#aaa}.login-page{--text:#eee;--muted:#aaa;--line:#555;--accent:#eee;--ink:#111;background:#111;color:#eee}.login-card{background:#1b1b1b;border-color:#444;border-radius:18px}.login-card h1{font-weight:600}.login-foot{border-color:#444;color:#aaa}.education-edit-row{padding:22px;border:1px solid #444;border-radius:10px;margin-bottom:20px;background:#202020}.education-edit-row .row-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;color:#bbb}.education-edit-row .row-controls button{min-height:44px;border:0;background:transparent;color:#bbb;font-size:11px;text-decoration:underline}.education-edit-row .row-controls button:hover{color:#fff}.education-form-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:20px}
@media(max-width:1100px){.hero-layout{gap:35px}.hero h1{font-size:clamp(68px,8vw,92px)}.hero-visual{max-height:470px}.contact-section{padding:32px}.school-list{padding:5px 23px}.about-layout{gap:8%}}
@media(max-width:850px){.hero-layout{gap:25px}.hero h1{font-size:74px}.hero-intro{font-size:13px}.hero-visual{aspect-ratio:1/1.3}.hero-photo-placeholder>span{font-size:120px}.visual-bottom{font-size:17px;padding:18px}.visual-top{inset:18px 18px auto;font-size:8px}.hero-actions{gap:19px}.hero-caption{margin-top:27px}.about-copy h2{font-size:37px}.education-layout h2,.work-layout h2{font-size:38px}.archive-heading h2{font-size:44px}.contact-layout h2{font-size:47px}}
@media(max-width:640px){.hero{padding-top:15px}.hero-layout{grid-template-columns:1fr;padding-top:22px;padding-bottom:30px;gap:32px}.hero h1{font-size:clamp(68px,19vw,110px);margin:22px 0;line-height:1.02}.hero-intro{font-size:13px;max-width:100%;margin-bottom:24px}.hero-caption{margin-top:26px}.hero-visual{aspect-ratio:1.1;max-height:420px;border-radius:19px}.hero-photo-placeholder>span{font-size:135px}.hero-photo-placeholder{padding:60px 20px 100px;gap:17px}.visual-bottom{font-size:21px;padding:18px 20px}.visual-bottom small{font-size:10px}.visual-top{inset:20px 20px auto;font-size:9px}.hero-bottom{padding:15px 0 20px;font-size:10px}.hero-bottom>span{max-width:160px}.about-section{padding-top:35px;padding-bottom:45px}.about-layout{margin-top:29px;gap:30px;grid-template-columns:1fr}.about-portrait{max-width:100%}.profile-placeholder{aspect-ratio:1.25;border-radius:14px}.placeholder-initials{font-size:130px}.about-copy h2{font-size:36px;line-height:1.14}.education-section{padding-top:30px;padding-bottom:45px}.education-section .section-label{padding-top:0}.education-layout{grid-template-columns:1fr;gap:26px;margin-top:26px}.education-layout h2,.work-layout h2{font-size:36px}.school-list{padding:3px 23px}.school-row{padding:24px 0}.school-row h3{font-size:24px}.achievements-section{padding-top:30px;padding-bottom:40px}.archive-heading{margin:26px 0;gap:20px}.archive-heading h2{font-size:38px;line-height:1.14}.archive-empty{padding:27px 23px;gap:18px}.archive-empty h3{font-size:23px}.archive-empty p{font-size:11px}.archive-empty-label{margin-left:55px}.work-section{padding-top:30px;padding-bottom:45px}.work-layout{gap:25px;margin-top:26px}.work-empty{padding:29px;min-height:190px}.work-empty h3{font-size:24px}.contact-section{margin:0 15px 25px;padding:30px 22px;border-radius:17px}.contact-layout{gap:24px;margin:25px 0}.contact-layout h2{font-size:41px}.contact-section .section-label{font-size:9px}.contact-signoff{font-size:10px}.admin-sidebar{border-right:0;border-bottom:1px solid #3a3a3a}.education-edit-row{padding:18px}.education-form-actions{gap:14px}.education-form-actions .button{flex:1;white-space:nowrap}}
@media(max-width:360px){.hero h1{font-size:19vw}.hero-actions{gap:17px}.hero .button{padding-left:18px;padding-right:18px}.contact-layout h2{font-size:36px}.archive-empty>div{min-width:150px}.archive-empty h3{font-size:21px}}
@media(max-width:640px){.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-sidebar nav a{font-size:10px;min-height:44px}.sidebar-bottom{top:17px}}
.about-layout>*,.education-layout>*,.work-layout>*{min-width:0}.school-row h3,.achievement-copy h3,.admin-award-copy h2{overflow-wrap:anywhere}
@media(max-width:640px){.about-layout{grid-template-columns:minmax(0,1fr)}.profile-placeholder{min-height:0;min-width:0}}
.school-list:empty{display:none}.education-empty{margin-top:30px;font-size:13px;color:#aaa}
.about-heading h2{font-size:clamp(34px,3.5vw,48px);font-weight:600;line-height:1.13}
@media(max-width:850px){.about-heading h2{font-size:37px}}
@media(max-width:640px){
  html{scroll-padding-top:0}
  #main>section{min-height:100vh;min-height:100svh;scroll-margin-top:0}
  #main>.about-section,#main>.education-section,#main>.achievements-section,#main>.work-section,#main>.contact-section{display:flex;flex-direction:column;justify-content:center;padding-top:56px;padding-bottom:56px}
  .about-heading h2{font-size:36px;line-height:1.14}
}