/* Shared editorial system: research, teaching and applied work. */
:root {
    --ink:#172e30;
    --muted:#526365;
    --accent:#20665f;
    --paper:#fafaf7;
    --surface:#eaf0eb;
    --line:#d9e1dc;
    --network-ink:var(--ink);
    --network-muted:var(--muted);
    --network-line:var(--line);
    --network-accent:var(--accent)
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:24px
}
body {
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    min-height:100vh;
    display:flex;
    flex-direction:column
}
main {
    flex:1;
    min-width:0
}
a {
    color:var(--accent);
    text-decoration:none
}
a:hover {
    text-decoration:underline;
    text-underline-offset:5px
}
a:focus-visible,button:focus-visible,summary:focus-visible {
    outline:3px solid #ac7841;
    outline-offset:5px
}
button {
    font:inherit;
    cursor:pointer
}
img,svg {
    max-width:100%
}
h1,h2,h3,p {
    margin-top:0
}
h1,h2,h3 {
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    color:var(--ink)
}
h1 {
    font-size:clamp(2.25rem,4.6vw,3.875rem);
    line-height:1.12;
    letter-spacing:-.035em
}
h2 {
    font-size:clamp(1.8rem,3vw,2.25rem);
    line-height:1.25;
    letter-spacing:-.025em
}
h3 {
    font-size:1.5rem;
    line-height:1.35
}
h1 em {
    color:var(--accent)
}
p {
    margin-bottom:1.2em
}
ul {
    padding-left:22px
}
li {
    margin-bottom:8px
}
section {
    min-width:0
}
strong {
    font-weight:600
}
.wrap,.content-main,.project-page,.transfer-page {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:0 40px
}
.skip-link {
    position:absolute;
    left:20px;
    top:-100px;
    padding:12px;
    background:var(--ink);
    color:white;
    z-index:100
}
.skip-link:focus {
    top:10px
}
.site-header {
    border-bottom:1px solid var(--line)
}
.nav {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
    min-height:105px;
    padding-top:22px;
    padding-bottom:22px
}
.brand {
    color:var(--ink);
    font:1.4rem Georgia,serif;
    flex-shrink:0
}
.brand small {
    display:block;
    font:12px/1.4 system-ui;
    letter-spacing:.11em;
    text-transform:uppercase;
    margin-top:8px;
    color:var(--muted)
}
.nav-controls {
    display:flex;
    align-items:center;
    gap:22px
}
.nav nav {
    display:flex;
    flex-wrap:wrap;
    gap:18px
}
.nav nav a {
    color:var(--ink);
    font-size:14px;
    white-space:nowrap
}
.nav a[aria-current="page"] {
    text-decoration:underline;
    text-decoration-color:var(--accent);
    text-underline-offset:7px
}
.language-switcher {
    display:flex;
    gap:7px;
    font-size:12px;
    white-space:nowrap;
    border-left:1px solid var(--line);
    padding-left:18px
}
.language-switcher a {
    color:var(--muted)
}
.language-switcher a[aria-current="true"] {
    color:var(--ink);
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:5px
}
.eyebrow,.section-eyebrow,.project-eyebrow,.transfer-eyebrow,.project-card-label,.detail-kicker {
    font-family:system-ui,sans-serif;
    font-size:12px;
    line-height:1.5;
    font-weight:650;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:var(--accent);
    margin:0 0 20px
}
.site-footer {
    background:var(--ink);
    color:#e8efec;
    padding:38px 0;
    margin-top:20px
}
.site-footer .wrap {
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr;
    gap:40px
}
.site-footer a {
    color:#e8efec;
    font-size:14px
}
.site-footer .footer-name {
    font:21px Georgia,serif
}
.site-footer p {
    font-size:13px;
    margin:12px 0
}
.site-footer span {
    font-size:12px;
    color:#c3d1ce
}
.footer-links {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:9px
}
.footer-links a[aria-current="page"] {
    text-decoration:underline;
    text-underline-offset:4px
}
/* Introductory hierarchy and shared section links. */
.text-page-section {
    padding:64px 0 70px
}
.text-page-intro {
    display:grid;
    grid-template-columns:1fr 1.15fr;
    column-gap:65px;
    align-items:end;
    padding-bottom:34px;
    margin-bottom:38px;
    border-bottom:1px solid var(--line)
}
.text-page-intro .section-eyebrow {
    grid-column:1/-1
}
.text-page-intro h1 {
    margin:0
}
.text-page-intro>p:last-child {
    color:var(--muted);
    margin-bottom:0
}
.section-links,.profile-links {
    display:flex;
    flex-wrap:wrap;
    gap:12px 25px;
    margin:30px 0;
    font-size:14px
}
.section-links a,.text-link {
    border-bottom:1px solid var(--line);
    padding-bottom:5px
}
.inset-panel {
    padding:36px;
    background:var(--surface);
    margin:40px 0
}
.inset-panel p:last-child {
    margin-bottom:0
}
/* Career and applied projects. */
.experience-timeline,.project-card-grid {
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:0
}
.experience-timeline>li {
    padding:28px 0 28px 24px;
    border-bottom:1px solid var(--line);
    border-left:2px solid var(--line);
    margin:0;
    position:relative
}
.experience-timeline>li:first-child {
    border-left-color:var(--accent)
}
.experience-timeline strong,.project-card-grid strong {
    font:23px/1.4 Georgia,serif;
    color:var(--ink)
}
.experience-timeline p,.project-card-grid p {
    color:var(--muted);
    margin:12px 0 0
}
.project-card-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px
}
.project-card-grid>li {
    padding:26px 0;
    border-top:1px solid var(--line);
    margin:0
}
.project-card-grid>li:first-child {
    grid-column:1/-1;
    background:var(--surface);
    padding:32px;
    border:0
}
.project-card-grid>li:first-child p {
    max-width:850px
}
/* Teaching and supervision. */
#teaching>h3 {
    display:flex;
    align-items:center;
    gap:18px;
    margin:45px 0 20px;
    font-size:28px
}
#teaching>h3 span {
    font:13px system-ui;
    color:var(--accent)
}
#teaching>ul {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 36px;
    list-style:none;
    padding:0
}
#teaching>ul>li {
    padding:20px 0;
    border-top:1px solid var(--line);
    color:var(--muted);
    margin:0
}
#teaching>ul strong {
    display:block;
    color:var(--accent);
    font-size:14px;
    margin-bottom:7px
}
/* Publications retain original bibliographic details and abstract controls. */
#research>h2 {
    margin-top:48px;
    padding-top:28px;
    border-top:1px solid var(--line)
}
#research>ul {
    list-style:none;
    padding:0;
    margin:0
}
#research>ul>li {
    padding:26px 0;
    border-bottom:1px solid var(--line);
    color:var(--muted);
    margin:0
}
#research>ul>li strong {
    color:var(--ink)
}
#research>ul>li a {
    overflow-wrap:anywhere
}
#research>ul>li button {
    display:inline-block;
    margin-top:15px;
    padding:8px 13px;
    background:transparent;
    color:var(--accent);
    border:1px solid var(--line);
    border-radius:0;
    font-size:14px
}
#research>ul>li button:hover {
    background:var(--surface)
}
#research>ul>li div p {
    margin:18px 0 0;
    padding:22px;
    background:var(--surface);
    font-size:15px
}
.collaboration-section {
    margin:60px 0 0;
    padding:30px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:0;
    box-shadow:none
}
.collaboration-heading h2 {
    font-weight:400
}
.collaboration-stats span,.network-panel,.collaborator-detail,.topic-filter {
    border-radius:0;
    box-shadow:none
}
.collaboration-layout {
    grid-template-columns:minmax(0,1fr) 250px
}
.graph-hint {
    font-size:13px
}
.topic-filter {
    font-size:13px
}
.network-panel {
    min-width:0
}
.collaborator-detail {
    min-width:0
}
.collaboration-section .eyebrow {
    color:var(--accent)
}
/* Current research project. */
.project-page,.transfer-page {
    padding-top:64px;
    padding-bottom:60px
}
.project-hero {
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(240px,.75fr);
    gap:55px;
    align-items:center;
    padding-bottom:45px;
    border-bottom:1px solid var(--line)
}
.project-hero h1 {
    font-size:clamp(2.2rem,4.4vw,3.55rem);
    margin-bottom:25px
}
.project-lead,.project-context-copy,.project-impact>p:last-child {
    color:var(--muted)
}
.project-tags,.metric-list,.deliverable-list {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:25px
}
.project-tags span,.metric-list span,.deliverable-list span {
    font-size:13px;
    border:1px solid #c5d3c9;
    padding:6px 11px;
    color:var(--accent)
}
.project-focus-card {
    padding:28px;
    background:var(--surface)
}
.project-focus-card strong {
    font:26px/1.3 Georgia,serif;
    display:block;
    margin-bottom:15px
}
.project-focus-card p:last-child {
    color:var(--muted);
    margin:0
}
.project-context {
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:60px;
    padding:60px 0
}
.project-objective {
    background:var(--surface);
    padding:36px
}
.project-objective p:last-child {
    margin-bottom:0;
    color:var(--muted)
}
.research-pathway {
    padding:60px 0
}
.section-heading-row {
    display:flex;
    gap:40px;
    align-items:end;
    justify-content:space-between;
    margin-bottom:30px
}
.section-heading-row>p {
    max-width:340px;
    color:var(--muted)
}
.pathway-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px
}
.pathway-card {
    padding:24px 0;
    border-top:1px solid var(--line)
}
.pathway-card h3 {
    margin:22px 0 14px
}
.pathway-card p {
    color:var(--muted)
}
.pathway-number {
    font-size:13px;
    color:var(--accent)
}
.project-impact {
    border-top:1px solid var(--line);
    padding:38px 0 0;
    max-width:900px
}
/* Technology transfer, with a restrained applied-research presentation. */
.transfer-hero {
    max-width:900px;
    padding:0 0 40px
}
.transfer-hero h1 {
    margin-bottom:25px
}
.transfer-hero>p:last-child {
    color:var(--muted);
    max-width:800px
}
.transfer-section-heading {
    margin:30px 0
}
.transfer-product-card {
    display:grid;
    grid-template-columns:45px 1fr;
    gap:24px;
    padding:34px 0;
    border-top:1px solid var(--line)
}
.product-index {
    font-size:14px;
    color:var(--accent)
}
.product-type {
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--accent)
}
.product-summary h2 {
    margin-bottom:15px
}
.product-summary>p {
    color:var(--muted);
    max-width:800px
}
.product-output {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    background:var(--surface);
    padding:15px 20px;
    font-size:14px
}
.product-output span {
    color:var(--accent);
    font-weight:600
}
.product-details {
    grid-column:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-top:15px
}
.product-details h3 {
    font-size:23px
}
.product-details li {
    color:var(--muted);
    font-size:15px
}
.transfer-path {
    padding:30px 0;
    border-top:1px solid var(--line)
}
.transfer-path ol {
    list-style:none;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:25px 40px
}
.transfer-path li {
    display:flex;
    gap:20px;
    border-top:1px solid var(--line);
    padding-top:20px
}
.transfer-path li>span {
    font-size:13px;
    color:var(--accent)
}
.transfer-path h3 {
    font-size:24px;
    margin-bottom:10px
}
.transfer-path p {
    color:var(--muted)
}
.transfer-deliverables {
    background:var(--surface);
    padding:32px
}
.transfer-deliverables h2 {
    margin-bottom:0
}
.transfer-contact {
    padding:50px 0 0;
    max-width:850px
}
.transfer-contact p {
    color:var(--muted)
}
.transfer-contact a {
    display:inline-block;
    border-bottom:1px solid var(--line);
    padding-bottom:6px
}
/* Contact and the existing AlgornIA initiative. */
.contact-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:50px;
    margin-bottom:55px
}
.contact-grid article {
    border-top:1px solid var(--line);
    padding-top:28px
}
.contact-grid p {
    color:var(--muted)
}
.contact-grid .eyebrow {
    color:var(--accent)
}
.profile-links {
    flex-direction:column;
    align-items:flex-start;
    font-size:16px;
    gap:16px
}
.service-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px
}
.service-grid img {
    width:100%;
    aspect-ratio:3/2;
    object-fit:cover;
    margin-bottom:23px
}
.service-grid h2 {
    font-size:27px
}
.service-grid p {
    color:var(--muted)
}
/* Approved homepage, with shared shell and readable supporting typography. */
.home-page .intro {
    font-size:16px
}
.home-page .eyebrow {
    font-size:12px
}
.home-page .caption {
    font-size:13px
}
.home-page .actions,.home-page .more {
    font-size:14px
}
.home-page .meta {
    font-size:14px
}
.home-page .number,.home-page .tags span,.home-page .type {
    font-size:12px
}
.home-page .line p,.home-page .paper p,.home-page .project p,.home-page .contact p {
    font-size:16px
}
.home-page .hero figure {
    min-width:0
}
.home-page .paper {
    grid-template-columns:90px minmax(0,1fr) 110px
}
.home-page .paper h3 {
    overflow-wrap:break-word
}
.home-page .button {
    color:white
}
.home-page .project aside {
    min-width:0
}
.home-page .hero {
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)
}
.home-page .site-footer {
    margin-top:0
}
.home-page .site-footer .wrap {
    display:grid
}
.home-page .line {
    min-width:0
}
@media(max-width:1080px) {
    .nav {
        align-items:flex-start;
        flex-direction:column;
        gap:22px
    }
    .nav-controls {
        width:100%;
        justify-content:space-between
    }
    .nav nav {
        gap:16px
    }
    .home-page .hero {
        gap:40px
    }
}
@media(max-width:850px) {
    .text-page-intro {
        grid-template-columns:1fr;
        gap:24px
    }
    .project-hero,.project-context {
        grid-template-columns:1fr;
        gap:30px
    }
    .project-focus-card {
        max-width:550px
    }
    .section-heading-row {
        display:block
    }
    .pathway-grid,.service-grid {
        grid-template-columns:1fr
    }
    .service-grid article {
        display:grid;
        grid-template-columns:160px 1fr;
        column-gap:25px
    }
    .service-grid img {
        grid-row:1/3
    }
    .service-grid h2 {
        margin:0 0 10px
    }
    .collaboration-layout {
        grid-template-columns:1fr
    }
    .collaboration-heading {
        align-items:flex-start;
        flex-direction:column
    }
    .site-footer .wrap {
        gap:25px
    }
    .home-page .lines {
        grid-template-columns:1fr
    }
    .home-page .project {
        grid-template-columns:1fr;
        gap:24px
    }
    .home-page .project aside {
        border-left:0;
        border-top:1px solid #c5d3c9;
        padding:25px 0 0
    }
}
@media(max-width:600px) {
    .wrap,.content-main,.project-page,.transfer-page {
        padding-left:23px;
        padding-right:23px
    }
    .nav-controls {
        align-items:flex-start;
        gap:12px
    }
    .nav nav {
        gap:10px 16px
    }
    .nav nav a {
        font-size:14px;
        white-space:normal
    }
    .language-switcher {
        padding-left:10px
    }
    .brand {
        font-size:23px
    }
    .text-page-section,.project-page,.transfer-page {
        padding-top:40px;
        padding-bottom:45px
    }
    .text-page-intro {
        gap:20px;
        padding-bottom:25px
    }
    .project-card-grid,#teaching>ul,.contact-grid,.product-details,.transfer-path ol {
        grid-template-columns:1fr
    }
    .project-card-grid>li:first-child {
        padding:24px
    }
    .experience-timeline>li {
        padding-left:18px
    }
    .project-context {
        padding:40px 0
    }
    .project-objective,.inset-panel {
        padding:25px
    }
    .transfer-product-card {
        grid-template-columns:25px minmax(0,1fr);
        gap:14px
    }
    .transfer-deliverables {
        padding:25px
    }
    .service-grid article {
        display:block
    }
    .service-grid img {
        max-width:400px
    }
    .site-footer .wrap,.home-page .site-footer .wrap {
        grid-template-columns:1fr;
        gap:25px
    }
    .footer-links {
        flex-direction:row;
        flex-wrap:wrap;
        gap:12px 20px
    }
    .contact-grid {
        gap:30px
    }
    .collaboration-section {
        padding:20px 12px;
        margin-right:0;
        margin-left:0
    }
    .home-page .hero {
        grid-template-columns:1fr;
        gap:30px
    }
    .home-page h1 {
        font-size:34px
    }
    .home-page .paper {
        grid-template-columns:50px minmax(0,1fr);
        gap:16px
    }
    .home-page .paper .more {
        grid-column:2
    }
    .home-page .contact {
        grid-template-columns:1fr;
        gap:10px
    }
    .home-page .project {
        padding:25px
    }
    .home-page .meta {
        gap:15px
    }
    .home-page .heading {
        align-items:start;
        flex-direction:column;
        gap:12px
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    * {
        transition:none!important
    }
}