@import url("/css/site-themes.css");
@import url("/css/lining-numbers.css");
:root{--dark:var(--site-color-9913936197, #103216);--brand:var(--site-color-b544bfaa12, #174722);--accent:var(--site-color-1f6fccb673, #ffd05a);--paper:var(--site-color-e02fc9df4b, #f8f3e8);--ink:var(--site-color-69b5c04dd9, #112819);--edge:var(--site-color-a84e225d56, #dfd6c3)}
[data-theme=navy]{--dark:var(--site-color-eed0248aea, #08213b);--brand:var(--site-color-42fc95d614, #193d66);--accent:var(--site-color-70961818cf, #ffc95a);--paper:var(--site-color-cc762dece2, #f3f6fa);--ink:var(--site-color-e349adc6ce, #132b45)}
[data-theme=burgundy]{--dark:var(--site-color-5f299eae2d, #571225);--brand:var(--site-color-8340c15b53, #762335);--accent:var(--site-color-ca25e0f13a, #efc77b);--paper:var(--site-color-9fcc715f3d, #faf1e5);--ink:var(--site-color-9edf4f887a, #481625)}
[data-theme=teal]{--dark:var(--site-color-e21682377a, #073c40);--brand:var(--site-color-e0e69baaba, #115a61);--accent:var(--site-color-57532179e3, #ffcf79);--paper:var(--site-color-d5a4ac4ec7, #eef7f4);--ink:var(--site-color-8d45941134, #153738)}
[data-theme=slate]{--dark:var(--site-color-f104fb0eca, #25253a);--brand:var(--site-color-d5fd3e8fc1, #434361);--accent:var(--site-color-ca1add447b, #ebc3fd);--paper:var(--site-color-5a85def4ce, #f5f2f8);--ink:var(--site-color-f18b96c58f, #28243b)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,sans-serif}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--site-color-42605034ed, #bd7900);outline-offset:3px}h1,h2,strong.brand{font-family:"KCSoni Digits",Georgia,serif;line-height:1.1}h1{font-size:clamp(2rem,4vw,4rem);margin:0 0 .4em}h2{font-size:clamp(1.3rem,2vw,2rem);margin:0 0 .4em}h2:after{content:"";display:block;width:2.5rem;height:3px;background:var(--accent);margin:.35em 0}p{margin:.4rem 0 .8rem}.copy{white-space:pre-line}.wrap{width:min(97%,1700px);margin-inline:auto}.site-header,.site-footer{background:var(--dark);color:white}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 3%;max-width:1800px;margin:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap}.brand svg{width:46px;border-right:1px solid white;padding-right:9px}.brand strong{display:block;font:700 clamp(1.2rem,2vw,2rem)/1 "KCSoni Digits",Georgia,serif}.brand small{display:block}.nav-toggle>summary{display:none}.nav-toggle:not([open])>nav{display:flex}.nav-toggle nav{display:flex;align-items:center;gap:clamp(8px,1.4vw,24px)}nav a{text-decoration:none;text-align:center;font-size:.9rem;padding:5px 0}nav a[aria-current=page]{box-shadow:0 3px var(--accent)}nav a:hover{color:var(--accent)}.pill,.outline,button{display:inline-block;border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--dark);padding:.55rem .95rem;font:700 .92rem system-ui;text-decoration:none;transition:background-color .18s,transform .18s,box-shadow .18s}.outline{background:transparent;border-color:var(--brand);color:inherit}.pill:hover,.outline:hover,button:hover{transform:translateY(-2px);box-shadow:0 3px 10px var(--site-color-4728102162, #0002)}nav .pill:hover{color:var(--dark);background:white}.hero{background-color:var(--dark);background-position:right center;background-repeat:no-repeat;background-size:auto 100%;color:white}.hero-inner{min-height:240px;display:flex;align-items:center;gap:36px;padding:22px 2%}.hero h1{font-size:clamp(2rem,3.1vw,3.4rem)}.hero .pill{margin:.2rem .5rem .2rem 0}.profile{flex:0 0 150px;border-right:1px solid var(--site-color-2c99cb213b, #fff8);padding-right:20px}.profile img{height:150px;width:100%;border:1px solid white;border-radius:14px}.profile span{display:block;margin-top:5px}.home{padding:12px 0}.about-strip,.home-middle,.home-bottom{display:grid;gap:12px;margin-bottom:12px}.about-strip{grid-template-columns:150px 1.2fr 1.4fr 3fr;align-items:center}.about-strip>img{width:100%;height:145px;border-radius:5px}.stats{display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.stats>div{padding:4px;border-left:1px solid var(--edge)}.stats svg,.fullscreen svg{width:24px;height:24px}.stats strong,.stats small{display:block;font-size:.8rem}.home-middle{grid-template-columns:1.7fr .95fr 1.08fr}.home-bottom{grid-template-columns:1.08fr 1fr}.panel{border:1px solid var(--edge);padding:13px;border-radius:12px;background:var(--site-color-323ddb95b6, #fff5)}.videos-strip{display:grid;grid-template-columns:1fr repeat(3,1fr);align-items:center;gap:9px}.home p{font-size:.86rem}.home h2{font-size:1.35rem}.research{background-color:var(--dark);background-size:auto 100%;background-position:right;background-repeat:no-repeat;color:white}.research p{max-width:65%}.project{display:grid;grid-template-columns:76px 1fr 72px;gap:10px;align-items:center}.project img{height:116px;width:100%;border-radius:5px}.project img:first-child{object-fit:contain}.gallery-strip,.events-strip{display:flex;align-items:center;gap:8px}.gallery-strip p{flex:1 0 25%}.gallery-strip a{flex:1;min-width:0}.gallery-strip img{height:108px;width:100%;border-radius:7px}.events-strip>div{flex:1}.events-strip>img{width:36%;border-radius:6px}.award{border-left:1px solid var(--edge);padding-left:10px;max-width:125px}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,5vw,80px);padding:18px}.inner,.detail{min-height:65vh;padding:28px 0}.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.page-intro img{width:38%;max-height:260px;border-radius:10px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0}.filters input{width:min(340px,100%)}.filters button{background:transparent;border-color:var(--brand)}.filters .active{background:var(--dark);color:white}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card>img{width:100%;height:220px;border-radius:8px}.card small{display:block;margin-top:9px}.card h2{margin-top:6px}.detail-photo{max-height:490px;width:min(100%,900px);object-fit:contain;object-position:left}.detail figure{display:inline-block;max-width:420px;margin:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.video{position:relative;aspect-ratio:16/9;background:var(--site-color-ed6e8d93bd, #101810);border-radius:8px;overflow:hidden}.video img,.video iframe{width:100%;height:100%;border:0}.video:fullscreen{width:100%;height:100%;border-radius:0}.video:fullscreen img{object-fit:contain}.play,.fullscreen{position:absolute;background:var(--site-color-f4a476b70a, #0007);color:white;border-color:var(--site-color-0f1384040f, #fff9);padding:5px;display:grid;place-items:center}.play{top:50%;left:50%;translate:-50% -50%;width:42px;height:42px}.fullscreen{right:6px;top:6px;border:0}.fullscreen svg{width:17px;height:17px}input,select,textarea{font:inherit;color:inherit;width:100%;padding:.55rem;border:1px solid var(--site-color-3d71a226ea, #aaa18e);border-radius:6px;background:var(--site-color-0f1384040f, #fff9)}textarea{min-height:90px}label{display:block;margin:.6rem 0}.check input{width:auto}.admin-head,.settings{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.admin-head{padding:10px}.login{max-width:440px;margin:auto}.edit{margin:8px 0}.edit summary{font-weight:700}.thumb{max-width:180px;max-height:120px}
@media(max-width:1100px){.header-inner{flex-wrap:wrap}.nav-toggle nav{flex-wrap:wrap}.home-middle{grid-template-columns:1fr 1fr}.videos-strip{grid-column:1/-1}.about-strip{grid-template-columns:100px 1fr 1fr}.stats{grid-column:1/-1}.about-strip>img{height:115px}.project{grid-template-columns:76px 1fr 72px}}
@media(max-width:680px){.nav-toggle>summary{display:block}.nav-toggle:not([open])>nav{display:none}.nav-toggle[open]{width:100%}.nav-toggle nav{padding-top:8px}.hero-inner{gap:12px}.profile{flex-basis:85px;padding-right:7px}.profile img{height:95px}.hero h1{font-size:1.8rem}.about-strip{grid-template-columns:85px 1fr}.about-strip .bird{display:none}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.home-middle,.home-bottom,.cards,.contact-grid{grid-template-columns:1fr}.videos-strip{grid-template-columns:repeat(3,1fr)}.videos-strip>div:first-child{grid-column:1/-1}.gallery-strip{flex-wrap:wrap}.gallery-strip p{flex-basis:100%}.events-strip{flex-wrap:wrap}.page-intro img{display:none}.site-footer{justify-content:flex-start}.project .haveli{display:none}.project{grid-template-columns:78px 1fr}}

/* Desktop proportions from the approved green homepage. */
.hero{background-size:100% 100%,52% 100%}
.hero h1 span{display:block}
.hero-accent{color:var(--accent)}
.hero-secondary{color:var(--site-color-d14f901611, #fff);border-color:var(--site-color-d14f901611, #fff);margin:.2rem .5rem .2rem 0}
.award svg{width:36px;height:36px;color:var(--site-color-422308ece1, #b67600);flex:none}
.award{display:flex;align-items:center;gap:8px}
@media(min-width:681px){
    .header-inner{min-height:clamp(52px,4.07vw,68px);padding:6px 1.2% 6px 3.55%;gap:12px;flex-wrap:nowrap}
    .brand strong{font-size:clamp(17px,1.8vw,30px)}
    .brand small{font-size:clamp(10px,.9vw,15px)}
    .nav-toggle nav{gap:clamp(6px,1.35vw,23px);flex-wrap:nowrap}
    .site-header nav a{font-size:clamp(10px,.93vw,16px);line-height:1.2;max-width:115px}
    .site-header nav .pill{padding:9px 12px;white-space:nowrap}
}
@media(min-width:980px){
    .hero-inner{width:100%;min-height:clamp(180px,14.3vw,240px);padding:12px 3.65%;gap:2.2vw}
    .hero h1{font-size:clamp(29px,2.6vw,44px);line-height:1;margin-bottom:16px;white-space:normal}
    .profile{flex-basis:clamp(130px,11.45vw,192px);padding-right:clamp(20px,2.2vw,37px)}
    .profile img{height:clamp(112px,9.55vw,160px)}
    .profile span{font-size:clamp(14px,1.28vw,22px);white-space:nowrap}
    .home{width:100%;max-width:1800px;padding:12px 12px 10px}
    .home h2{font-size:clamp(17px,1.48vw,25px);margin:0 0 6px}
    .home p{font-size:clamp(11px,.88vw,15px);line-height:1.25;margin:5px 0 8px}
    .home a{font-size:clamp(11px,.85vw,14px)}
    .home .panel{padding:10px 12px;border:0;border-radius:8px}
    .about-strip{grid-template-columns:9.3% 15.4% 24.1% minmax(0,1fr);gap:1.25%;padding:5px 1.3%;min-height:clamp(126px,10.25vw,172px)}
    .about-strip>img{height:clamp(105px,9vw,151px)}
    .about-strip>.bird{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
    .stats{grid-column:auto}
    .stats strong,.stats small{font-size:clamp(10px,.83vw,14px);line-height:1.2}
    .home-middle{grid-template-columns:minmax(0,46fr) minmax(0,25fr) minmax(0,28fr);gap:10px}
    .videos-strip{grid-column:auto;grid-template-columns:minmax(0,.78fr) repeat(3,minmax(0,1fr))}
    .research{background-size:100% 100%,54% 100%}
    .project{grid-template-columns:minmax(0,26fr) minmax(0,49fr) minmax(0,25fr);gap:8px}
    .project img{height:clamp(105px,9vw,150px)}
    .project .outline{padding:5px 8px;border-radius:6px}
    .home-bottom{gap:12px}
    .gallery-strip img{height:clamp(77px,6.8vw,114px);object-fit:cover}
    .events-strip>img{width:38%;height:clamp(76px,7vw,118px)}
    .award{font:700 clamp(12px,1.1vw,18px)/1.15 "KCSoni Digits",Georgia,serif}
}
@media(max-width:680px){
    .hero{background-size:100% 100%,auto 100%}
    .header-inner{gap:8px}
    .hero h1 span{overflow-wrap:anywhere}
    .about-strip,.home-middle,.home-bottom{min-width:0}
    .home-middle>*{min-width:0}
    .events-strip>img{width:48%}
}

/* Fade the image at its own left edge so no seam is visible. */
.hero,.home .research,.home .project{position:relative;isolation:isolate;overflow:hidden}
.hero::before,.home .research::before{
    content:"";position:absolute;inset:0 0 0 auto;z-index:-1;pointer-events:none;
    background-repeat:no-repeat;background-position:right center;
}
.hero::before{
    width:69%;background-image:var(--hero-photo);background-size:auto 100%;
    -webkit-mask-image:linear-gradient(to right,transparent 22%,var(--site-color-598b32b7d9, #000) 52%);
    mask-image:linear-gradient(to right,transparent 22%,var(--site-color-598b32b7d9, #000) 52%);
    background-size:100% 100%;
}
.home .research::before{
    width:70%;background-image:var(--research-photo);background-size:cover;
    -webkit-mask-image:linear-gradient(to right,transparent,var(--site-color-598b32b7d9, #000) 69%);
    mask-image:linear-gradient(to right,transparent,var(--site-color-598b32b7d9, #000) 69%);
}
.home .research p{max-width:58%;text-shadow:0 1px 3px var(--site-color-598b32b7d9, #000)}
.home .project{
    background:color-mix(in srgb,var(--paper) 88%,var(--accent));
    grid-template-columns:minmax(70px,27fr) minmax(0,73fr);
}
.home .project>div{padding-right:23%;z-index:1}
.home .project h2{font-style:italic;font-size:clamp(16px,1.32vw,24px)}
.home .project>img:first-child{height:auto;max-height:155px;z-index:1}
.home .project .haveli{
    position:absolute;inset:0 0 0 auto;width:36%;height:100%;object-fit:cover;
    border-radius:0;z-index:0;pointer-events:none;
    -webkit-mask-image:linear-gradient(to right,transparent,var(--site-color-598b32b7d9, #000) 88%);
    mask-image:linear-gradient(to right,transparent,var(--site-color-598b32b7d9, #000) 88%);
}
.home .project .outline{
    color:var(--site-color-e1f480d7e4, #8b1716);border-color:var(--site-color-dfb9d81af5, #a02b28);border-radius:6px;background:var(--site-color-9d86bfe647, #fff6dfb0);
    font-family:"KCSoni Digits",Georgia,serif;
}
@media(max-width:680px){
    .hero::before{width:100%;opacity:.48;background-size:cover;background-position:right}
    .home .project>div{padding-right:0}
    .home .project .haveli{display:none}
}

/* Compact desktop row. The cover sets the visual height of the project card. */
.home-middle h2 a{font:inherit;text-decoration:none}
.home-middle h2 a:hover{text-decoration:underline}
@media(min-width:980px){
    .home-middle{
        --cover-width:clamp(76px,6.8vw,114px);
        --cover-height:clamp(99px,8.85vw,148px);
        grid-template-columns:minmax(0,44fr) minmax(0,24fr) minmax(0,32fr);
        gap:10px;align-items:stretch;
    }
    .home .home-middle>.panel{padding:7px 9px;min-height:calc(var(--cover-height) + 14px)}
    .home-middle h2{font-size:clamp(16px,1.43vw,24px);margin:0 0 5px}
    .home-middle h2::after{margin:5px 0;width:2rem;height:2px}
    .home-middle p{font-size:clamp(10px,.83vw,14px);line-height:1.18;margin:0}
    .home-middle .middle-more{display:none}
    .home-middle .videos-strip{grid-template-columns:minmax(0,.78fr) repeat(3,minmax(0,1fr));gap:7px}
    .home-middle .videos-strip .video{aspect-ratio:1.64}
    .home-middle .research p{max-width:60%}
    .home-middle .project{grid-template-columns:var(--cover-width) minmax(0,1fr);gap:9px}
    .home-middle .project>img:first-child{width:100%;height:var(--cover-height);max-height:none;object-fit:contain}
    .home-middle .project>div{padding-right:19%;min-width:0}
    .home-middle .project h2{font-size:clamp(15px,1.26vw,21px)}
    .home-middle .project p{margin-bottom:6px}
    .home-middle .project .outline{font-size:clamp(10px,.85vw,14px);line-height:1.1;padding:5px 8px}
    .home-middle .project .haveli{width:31%}
}

.home-middle .videos-strip{
    grid-template-columns:minmax(0,.8fr) repeat(2,minmax(0,1fr));
    gap:10px;
}
.home-middle .videos-strip .video{
    width:100%;
    aspect-ratio:16/9;
}
.home-middle .videos-strip .video img{object-fit:contain}
@media(min-width:980px){
    .home-middle .videos-strip .video{max-width:248px;justify-self:center}
}
@media(max-width:680px){
    .home-middle .videos-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Keep the copy and CTA clear of the visible haveli photograph. */
@media(min-width:681px){
    .home-middle .project{--haveli-width:36%}
    .home-middle .project>div{
        padding-right:0;
        margin-right:max(0px,calc(var(--haveli-width) - 11px));
        min-width:0;
    }
    .home-middle .project h2{
        font-size:clamp(14px,1.12vw,19px);
        line-height:1.12;
        overflow-wrap:anywhere;
    }
    .home-middle .project p{font-size:clamp(11px,.77vw,13px);line-height:1.22}
    .home-middle .project .haveli{
        width:var(--haveli-width);
        object-position:58% center;
        -webkit-mask-image:linear-gradient(to right,transparent 0%,var(--site-color-598b32b7d9, #000) 44%);
        mask-image:linear-gradient(to right,transparent 0%,var(--site-color-598b32b7d9, #000) 44%);
    }
}
@media(min-width:980px){
    .home-middle .project>div{margin-right:calc(var(--haveli-width) + 12px)}
}

/* Fill the home video frame without side bars or image distortion. */
.home-middle .videos-strip .video img{
    object-fit:cover;
    object-position:center;
    border-radius:0;
}

/* The default vulture image has its head in the left third. */
.gallery-strip img[src="/media/vulture.jpg"]{
    object-position:18% center;
}

@media(min-width:980px){
    .home .about-strip h2{font-size:clamp(13px,1.23vw,21px)}
}

/* Keep the book title on one line where the card is wide enough. */
@media(min-width:1200px){
    .home-middle .project h2{
        font-size:clamp(13px,.91vw,16px);
        white-space:nowrap;
    }
}

@media(min-width:980px){
    .home-bottom{
        --photo-height:clamp(78px,6.9vw,118px);
        grid-template-columns:minmax(0,52fr) minmax(0,48fr);
        gap:0;
    }
    .home .home-bottom>.panel{
        background:transparent;border-radius:0;padding:8px 12px;
        align-items:center;min-width:0;
    }
    .home-bottom .gallery-strip{
        display:grid;grid-template-columns:minmax(0,1.68fr) repeat(4,minmax(0,1fr));
        gap:7px;border-right:1px solid var(--edge);
    }
    .home-bottom .events-strip{
        display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,.82fr);
        gap:10px;
    }
    .home-bottom h2{font-size:clamp(16px,1.42vw,24px)}
    .home-bottom p{margin-bottom:0}
    .home-bottom .gallery-strip img,.home-bottom .events-strip>img{
        width:100%;height:var(--photo-height);object-fit:cover;border-radius:6px;
    }
    .home-bottom .events-strip>div>a{display:none}
    .home-bottom .award{max-width:none;min-width:0;overflow-wrap:break-word}
}
@media(max-width:979px){
    .home-bottom .gallery-strip{flex-wrap:wrap}
    .home-bottom .gallery-copy{flex:0 0 100%}
}

.home-bottom .events-title-link{font:inherit;text-decoration:none}
.home-bottom .events-title-link:hover{text-decoration:underline}

.home-bottom .gallery-title-link{font:inherit;text-decoration:none}
.home-bottom .gallery-title-link:hover{text-decoration:underline}
@media(min-width:681px){
    .hero::before{
        width:56%;
        -webkit-mask-image:linear-gradient(to right,transparent 0%,var(--site-color-598b32b7d9, #000) 23%);
        mask-image:linear-gradient(to right,transparent 0%,var(--site-color-598b32b7d9, #000) 23%);
    }
}
@media(min-width:980px){
    .home-middle .project{
        grid-template-columns:clamp(83px,7.5vw,126px) minmax(0,1fr);
    }
    .home-middle .project>img:first-child{
        height:auto;
        max-height:none;
        aspect-ratio:1080/1361;
        object-fit:contain;
    }
}

/* About page: portrait, biography, field photograph and credential bands. */
.about-page{max-width:1672px;padding:clamp(14px,1.5vw,25px) 0 12px}
.about-biography{display:grid;grid-template-columns:minmax(0,21fr) minmax(0,39fr) minmax(0,37fr);gap:clamp(10px,1.4vw,24px);align-items:start}
.about-portrait{grid-row:span 2;width:100%;aspect-ratio:335/365;border-radius:22px;object-position:center 38%}
.about-bio-copy{border-left:2px solid var(--site-color-0cfd796e8e, #ba8a35);padding-left:clamp(10px,1.6vw,27px)}
.about-page h1{font-size:clamp(26px,2.65vw,46px);margin:0 0 12px}
.about-page h1::after,.about-page h2::after{content:"";display:block;width:2.2em;height:4px;background:var(--accent);margin-top:5px}
.about-page h2{font-size:clamp(20px,1.85vw,32px);margin-bottom:7px}
.about-bio-copy h2::after{display:none}
.about-page p{font-size:clamp(14px,1.04vw,18px);line-height:1.24;margin:0}
.about-bird{width:100%;aspect-ratio:592/250;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);border-radius:20px}
.about-degrees,.about-journey,.about-bottom{background:color-mix(in srgb,var(--paper),white 24%);border-radius:16px}
.about-degrees{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0}
.about-degrees>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 10px}
.about-degrees>div+div,.about-experience{border-left:1px solid var(--site-color-0cfd796e8e, #ba8a35)}
.about-page svg{width:clamp(32px,4vw,68px);height:auto;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about-degrees p{font-size:clamp(15px,1.35vw,23px)}
.about-degrees strong,.about-experience strong{font-family:"KCSoni Digits",Georgia,serif}
.about-journey{display:grid;grid-template-columns:minmax(0,2.5fr) repeat(3,minmax(0,1fr));align-items:center;margin-top:14px;padding:10px 20px;gap:8px}
.about-journey-copy>div{display:flex;align-items:center;gap:20px}
.about-journey-copy svg{width:clamp(54px,7vw,118px)}
.about-experience{display:grid;justify-items:center;gap:5px;padding:0 8px;text-align:center}
.about-experience strong{font-size:clamp(23px,3vw,52px);line-height:1}
.about-experience span{background:color-mix(in srgb,var(--accent) 50%,var(--paper));border-radius:10px;padding:5px 12px;font-weight:600}
.about-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:12px;padding:10px 16px}
.about-associations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-associations article{border-left:2px solid var(--accent);padding-left:10px}
.about-associations h3{font:700 clamp(18px,1.65vw,28px)/1.1 "KCSoni Digits",Georgia,serif;margin:0 0 4px}
.about-award{display:flex;align-items:center;gap:12px;padding:12px;background:color-mix(in srgb,var(--accent) 22%,var(--paper));border-radius:14px}
.about-award svg{color:var(--site-color-7fba8ddb2d, #a36900)}
.about-award h2{font-size:clamp(19px,1.8vw,31px)}
@media(max-width:850px){
    .about-biography{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
    .about-portrait{grid-row:auto}
    .about-bird,.about-degrees{grid-column:1/-1}
    .about-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
    .about-journey-copy{grid-column:1/-1}
    .about-bottom{grid-template-columns:1fr}
}
@media(max-width:480px){
    .about-biography{grid-template-columns:1fr}
    .about-portrait{width:min(100%,220px)}
    .about-degrees{grid-template-columns:1fr;gap:12px}
    .about-degrees>div{justify-content:flex-start;border-left:0!important}
    .about-journey{padding:10px}
    .about-experience{padding:0 4px}
    .about-award{flex-wrap:wrap}
}

/* About reference proportions and individually matched pictograms. */
.about-page .about-icon{width:clamp(34px,4.2vw,70px);height:auto;flex:none;object-fit:contain;mix-blend-mode:multiply}
.about-degrees p{border-left:2px solid var(--accent);padding-left:clamp(8px,1vw,17px)}
.about-journey-copy .about-icon{width:clamp(62px,9vw,150px)}
.about-journey-copy p{border-left:1px solid var(--site-color-0cfd796e8e, #ba8a35);padding-left:clamp(10px,2vw,34px);max-width:340px}
.about-experience .about-icon{width:clamp(36px,4.8vw,81px);height:clamp(33px,3.1vw,52px)}
.about-experience span{width:min(94%,210px);font:500 clamp(14px,1.45vw,24px)/1.05 "KCSoni Digits",Georgia,serif;padding:8px 10px}
.about-associations article{display:flex;align-items:flex-start;gap:12px;border-left:0;padding:0}
.about-associations article+article{border-left:1px solid var(--site-color-0cfd796e8e, #ba8a35);padding-left:12px}
.about-associations .about-icon{width:clamp(35px,5vw,84px);border-radius:12px}
.about-award .about-icon{width:clamp(55px,7.5vw,126px)}
.about-award h2,.about-award p{border-left:1px solid var(--site-color-0cfd796e8e, #ba8a35);padding-left:clamp(8px,1.35vw,23px);margin:0}
.about-award h2{flex:1.05}
.about-award p{flex:1}
@media(min-width:851px){
    .about-page{width:96%;padding-top:clamp(16px,1.5vw,25px)}
    .about-page p{font-size:clamp(13px,1.04vw,18px);line-height:1.18}
    .about-degrees p{font-size:clamp(15px,1.35vw,23px)}
    .about-journey{grid-template-columns:minmax(0,2.36fr) repeat(3,minmax(0,1fr));padding:9px 18px}
    .about-bottom{grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:16px}
}
@media(max-width:480px){
    .about-associations>div{grid-template-columns:1fr}
    .about-associations article+article{border-left:0;padding-left:0}
    .about-award p{flex:1 0 100%}
}

.home .home-about-link{font:inherit;text-decoration:none}
.home .home-about-link:hover{text-decoration:underline}
.about-degrees{background:color-mix(in srgb,var(--paper) 83%,var(--accent))}
.about-degrees .about-icon{width:clamp(38px,3.8vw,64px)}
.about-experience strong small{font-size:.66em}
.about-experience{
    grid-template-rows:clamp(32px,3vw,49px) minmax(2rem,auto) minmax(2.65rem,auto);
    align-items:center;
}
.about-experience .about-icon{height:100%;width:clamp(34px,4.5vw,76px)}
.about-experience span{
    display:grid;place-items:center;
    width:min(92%,185px);min-height:2.65rem;
    padding:4px 9px;
}
.about-experience strong{font-size:clamp(20px,2.9vw,49px);white-space:nowrap}
@media(min-width:851px){
    .about-degrees{padding:10px 0}
    .about-degrees p{font-size:clamp(14px,1.18vw,20px)}
    .about-degrees>div{justify-content:flex-start;padding:0 clamp(12px,2.3vw,39px)}
    .about-journey{align-items:stretch}
}
@media(max-width:480px){
    .about-experience span{font-size:12px}
    .about-experience strong{white-space:normal}
}

/* Lining digits share a baseline and cap height, unlike Georgia's oldstyle figures. */
.about-page .about-digit{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:700;
    font-variant-numeric:lining-nums tabular-nums;
}
