/* HCAI Sarajevo · human-centred research design */
:root{--paper:#fff;--ink:#172435;--muted:#5f6b7c;--line:#dce3eb;--blue:#005f95;--yellow:#ffcc00;--soft:#f3f7fc;--surface:#fff;--bs-body-bg:#fff;--bs-body-color:#172435}html{scroll-behavior:smooth;scroll-padding-top:110px}body.paper-page{background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,h4,h5{font-family:Arial,Helvetica,sans-serif;color:var(--ink);letter-spacing:-.035em;font-weight:700;line-height:1.13}a{color:var(--blue)}.paper-wrap{width:calc(100% - 80px);max-width:1140px;margin-inline:auto}.paper-header{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);backdrop-filter:none;z-index:100}.paper-header .hc-header-inner{max-width:1220px;min-height:83px;padding:12px 40px;gap:20px}.paper-header .hc-brand{background:transparent;padding:0;margin:0;flex-shrink:0}.paper-header .hc-brand img{width:92px;height:53px;object-fit:contain}.brand-divider{height:27px;width:1px;background:var(--line)}.lab-label{font-size:10px;letter-spacing:.15em;font-weight:700;text-decoration:none;color:var(--ink);white-space:nowrap}.paper-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.paper-nav>a{font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);white-space:nowrap;padding:12px 0}.paper-nav>a:hover,.paper-nav>a[aria-current]{color:var(--blue)}.paper-nav>a[aria-current]{box-shadow:0 2px 0 var(--yellow)}.paper-header .header-actions{gap:12px}.theme-toggle{border:1px solid var(--line);color:var(--ink);background:var(--surface);width:36px;height:36px;border-radius:50%;font-size:21px;display:grid;place-items:center;cursor:pointer}.paper-header .mobile-menu-button{display:none;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:50%;height:36px;width:36px;font-size:19px}.mobile-menu{background:var(--surface);padding:15px 24px;border-top:1px solid var(--line)}.mobile-menu[hidden]{display:none!important}.mobile-menu>a{display:block;padding:11px 0;color:var(--ink);text-decoration:none;font-weight:600}.paper-eyebrow{font-size:10px!important;line-height:1.6!important;letter-spacing:.13em;font-weight:700;color:var(--blue)!important;margin-bottom:18px}.paper-hero{padding:60px 0 28px;background:radial-gradient(ellipse at 85% 25%,#fff0c6 0,transparent 43%),radial-gradient(ellipse at 12% 90%,#dcebf7 0,transparent 57%),#f5f8fc}.hero-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.paper-hero h1{font-size:clamp(43px,4.7vw,65px);letter-spacing:-.055em;line-height:1.04;color:#004c7c;margin:20px 0}.paper-hero h1 span{color:var(--blue)}.paper-hero-copy h2{font-size:22px;color:#4c789e;line-height:1.35;letter-spacing:-.025em;margin-bottom:22px}.paper-hero-copy>p:not(.paper-eyebrow){font-size:18px;line-height:1.7;color:#405267;margin-bottom:27px}.paper-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.paper-button{display:inline-block;background:var(--blue);color:#fff;border:1px solid var(--blue);font-size:13px;font-weight:600;padding:13px 22px;border-radius:99px;text-decoration:none;transition:transform .2s}.paper-button:hover{color:#fff;transform:translateY(-2px);background:#004d79}.paper-button.secondary{background:var(--surface);border-color:#c9d6e2;color:var(--blue)}.robot-scene{display:grid;grid-template-columns:1fr 1.1fr;gap:15px;align-items:center}.scene-facts{border-radius:24px;background:var(--surface);padding:22px 18px;box-shadow:0 15px 40px #15335812;z-index:1}.scene-facts .paper-eyebrow{font-size:9px!important;margin-bottom:14px}.scene-facts dl{margin:0}.scene-facts dl>div{padding:10px 12px;border-radius:10px;background:var(--soft);margin-top:8px}.scene-facts dt{font-size:10px;font-weight:400;color:var(--muted)}.scene-facts dd{font-size:13px;color:var(--blue);font-weight:700;line-height:1.35;margin:5px 0 0}.scene-robot{margin:0;min-width:0}.scene-robot img{width:100%;height:270px;object-fit:cover;object-position:58% center;border-radius:95px 95px 20px 20px;box-shadow:0 15px 45px #005f9512}.scene-robot figcaption{font-size:8px;color:#5a6d7c;text-align:center;margin-top:10px;line-height:1.5}.scene-message{grid-column:1/-1;background:var(--surface);border-radius:22px;padding:22px 24px;box-shadow:0 15px 40px #15335812;position:relative;margin-top:5px}.scene-message:before{content:'';width:17px;height:17px;background:var(--surface);position:absolute;right:20%;top:-8px;transform:rotate(45deg)}.scene-message .paper-eyebrow{margin-bottom:9px;font-size:9px!important}.scene-message>p:last-child{font-size:15px;line-height:1.7;margin:0}mark{background:#ffcc0040;color:inherit;padding:1px 2px}.hero-strip{border-top:1px solid #cad8e4;margin-top:45px;padding-top:19px;display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:#4e6277}.hero-strip span:first-child{font-weight:600;color:#334e63}.paper-section{padding-block:68px}.paper-section h2{font-size:43px;margin:0 0 20px;line-height:1.13;max-width:800px}.paper-section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:26px}.paper-section-title h2{margin:0}.paper-section-title .paper-eyebrow{margin-bottom:12px}.paper-section-title>a{font-size:13px;white-space:nowrap}.paper-lead{font-size:18px;color:var(--muted);max-width:700px;line-height:1.7}.paper-page .academic-notice{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:28px 30px;box-shadow:0 3px 0 #ffcc0040;display:flex;align-items:center;justify-content:space-between;gap:25px}.paper-page .academic-notice h3{font-size:25px;letter-spacing:-.025em}.paper-page .academic-notice p{font-size:15px;max-width:700px}.paper-page .academic-meta{color:var(--blue);font-size:10px;letter-spacing:.07em}.paper-page .academic-link{color:var(--blue)}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.focus-card{display:flex;flex-direction:column;align-items:start;padding:24px 22px;border:1px solid var(--line);border-radius:20px;color:var(--ink);text-decoration:none;background:var(--surface);transition:transform .2s,border-color .2s}.focus-card>span{font-size:11px;color:var(--blue);font-weight:700;margin-bottom:23px}.focus-card h3{font-size:20px;letter-spacing:-.025em}.focus-card p{font-size:14px;color:var(--muted);margin:10px 0 18px}.focus-card b{margin-top:auto;font-size:21px;color:var(--blue)}.focus-card:hover,.person-card:hover{transform:translateY(-4px);border-color:#8bb2ce;color:var(--ink)}.paper-soft-section{background:var(--soft)}.project-spotlight{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px}.project-spotlight p{color:var(--muted)}.project-spotlight .paper-button{margin-top:14px}.spotlight-image{padding:30px;background:#000;border-radius:25px}.spotlight-image img{width:100%;height:240px;object-fit:contain}.paper-page .research-updates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.paper-page .research-updates article{padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:20px}.paper-page .research-updates h3{font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.025em}.research-updates h3 a{color:var(--ink)}.research-updates article>p:not(.academic-meta){color:var(--muted)}.paper-page .archive-note{font-size:11px;color:var(--muted)}.people-callout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;border-top:1px solid var(--line)}.people-callout>img{width:100%;height:300px;border-radius:25px;object-fit:cover}.page-band{background:radial-gradient(ellipse at 90% 20%,#fff4cb 0,transparent 48%),linear-gradient(110deg,#e7f1fa,#f5f8fd);padding:51px 0 42px;border-bottom:1px solid var(--line)}.page-band h1{font-size:64px;letter-spacing:-.055em;color:#004f7e;margin:0 0 19px}.page-band h1>span{color:#b58d00}.page-band p:last-child{font-size:18px;color:#5c7083;line-height:1.65;margin-bottom:0}.people-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:26px 0 0}.people-tabs>a{display:block;padding:8px 17px;font-size:12px;border-radius:50px;border:1px solid var(--line);text-decoration:none;background:var(--surface);color:var(--muted)}.people-tabs>a:hover{color:var(--blue);border-color:var(--blue)}.people-section{padding-top:43px;padding-bottom:12px;scroll-margin-top:90px}.people-section:last-child{padding-bottom:65px}.people-section-title{margin-bottom:25px}.people-section-title h2{font-size:31px;margin:0 0 8px}.people-section-title>p{font-size:14px;color:var(--muted);margin:0}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.person-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;min-width:0}.person-portrait{background:linear-gradient(145deg,#ecf4fb,#f5f8fc);height:215px;display:flex;justify-content:center;align-items:end;padding-top:20px;overflow:hidden}.person-portrait img{width:180px;height:195px;object-fit:cover;object-position:center 22%;border-radius:16px 16px 0 0}.portrait-initials{width:120px;height:120px;background:#dcecf7;color:#005f95;font-size:38px;letter-spacing:-.04em;display:grid;place-items:center;border-radius:50%;margin:auto;font-weight:600}.person-copy{padding:24px;display:flex;flex-direction:column;flex:1}.person-copy h3{font-size:23px;font-weight:700;margin:0 0 9px;line-height:1.2}.person-role{color:var(--blue);font-size:12px;line-height:1.55;font-weight:700;margin-bottom:13px}.person-short{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:22px}.profile-link{font-size:12px;color:var(--blue);font-weight:700;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.profile-link>span{font-size:20px}.people-section#lab-lead .people-grid{grid-template-columns:repeat(3,1fr)}.people-section#lab-lead .person-card{grid-column:1/3;display:grid;grid-template-columns:220px 1fr}.people-section#lab-lead .person-portrait{height:100%;min-height:240px;align-items:center;padding:25px 20px}.people-section#lab-lead .person-portrait img{height:200px;border-radius:15px}.people-section#lab-lead .person-copy{padding:30px}.people-section#administration .person-card{grid-column:1/3;display:grid;grid-template-columns:180px 1fr}.people-section#administration .person-portrait{height:100%;min-height:230px;padding:25px}.profile-band h1{font-size:54px}.back-link{color:#486b88;font-size:12px;display:inline-block;margin-bottom:28px;text-decoration:none}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:80px;padding-block:50px 80px}.profile-portrait{background:var(--soft);border-radius:22px;padding:18px;margin-bottom:27px;display:grid;place-items:center;min-height:245px}.profile-portrait img{width:100%;height:245px;object-fit:cover;object-position:center top;border-radius:12px}.profile-sidebar>.paper-eyebrow{margin-bottom:8px}.profile-sidebar>p:not(.paper-eyebrow){font-size:14px;color:var(--muted)}.profile-external{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;text-decoration:none}.profile-biography h2{font-size:37px;margin-bottom:25px}.profile-biography>p:not(.paper-eyebrow){font-size:18px;line-height:1.85;color:var(--muted)}.profile-note{border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:35px;background:var(--soft)}.profile-note h3{font-size:21px}.profile-note p{font-size:15px;color:var(--muted)}.profile-note>a{font-size:13px}.profile-back{padding-top:25px;font-size:13px}.paper-footer{background:var(--soft);border-top:1px solid var(--line);padding:44px 0 20px}.paper-footer>.paper-wrap:first-child{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.paper-footer img{background:white;border-radius:7px;padding:5px}.paper-footer p{font-size:12px;color:var(--muted);margin-top:16px}.paper-footer h2{font-size:15px;font-weight:700;letter-spacing:0;margin-bottom:18px}.paper-footer a{display:block;font-size:12px;text-decoration:none;margin:9px 0;color:var(--muted)}.paper-footer a:hover{color:var(--blue);text-decoration:underline}.paper-copyright{font-size:10px;color:var(--muted);margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}.paper-page .academic-title{background:var(--soft);border-radius:25px;border-bottom:0;margin-top:35px;padding:40px 25px}.paper-page .academic-title h1{font-size:50px;text-transform:none;font-weight:700;letter-spacing:-.045em;color:var(--blue)}.paper-page .academic-title p{color:var(--blue)}.paper-page .academic-intro{color:var(--muted);font-size:17px;margin-top:30px}.paper-page .academic-section-heading{border-bottom-color:var(--line)}.paper-page .academic-section-heading h2{font-size:31px;font-weight:700;letter-spacing:-.03em}.paper-page .academic-image{border-radius:20px 20px 0 0;border-bottom:0}.paper-page .academic-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.paper-page .academic-card-body{padding:25px}.paper-page .academic-card h3{font-weight:700;letter-spacing:-.025em}.paper-page .areas-list>div{background:var(--soft);border-radius:16px;padding:25px 22px 20px 50px}.paper-page .areas-list>div>span{left:18px;top:27px}.paper-page .areas-list h3{font-weight:700}.paper-page .inner-main .card,.paper-page .research-card,.paper-page .news-item-card,.paper-page .resource-card,.paper-page .announcement-full,.paper-page .admin-card{border-radius:20px!important;border-color:var(--line)!important;background:var(--surface)}.paper-page .inner-main h1{font-weight:700;color:var(--blue);letter-spacing:-.045em;font-size:45px}.paper-page .inner-main h2{font-size:32px;font-weight:700;letter-spacing:-.03em}.paper-page .inner-main h3{font-size:25px}.paper-page .inner-main .text-muted{color:var(--muted)!important}.paper-page .inner-main .card-text{color:var(--muted)}.paper-page .inner-main .btn{border-radius:50px}.paper-page .resource-card:hover{background:var(--soft)}.paper-page .project-archive{border-color:var(--line)}.paper-page .archive-list a{color:var(--ink);border-color:var(--line)}.paper-page .archive-list span{color:var(--muted)}.paper-page .material-links{padding-bottom:20px}.paper-page .editorial-page>.intro{color:var(--muted)}
html[data-theme="dark"]{--paper:#101b29;--surface:#172536;--ink:#e6edf5;--muted:#adbdcd;--line:#304154;--soft:#142233;--blue:#81c7f3;--bs-body-bg:#101b29;--bs-body-color:#e6edf5}html[data-theme="dark"] .paper-hero,html[data-theme="dark"] .page-band{background:radial-gradient(ellipse at 85% 20%,#343023 0,transparent 50%),linear-gradient(120deg,#172b40,#142233)}html[data-theme="dark"] .paper-hero h1,html[data-theme="dark"] .page-band h1{color:#d9edfc}html[data-theme="dark"] .paper-hero h1 span{color:#81c7f3}html[data-theme="dark"] .paper-hero-copy h2{color:#93b7d7}html[data-theme="dark"] .paper-hero-copy>p:not(.paper-eyebrow),html[data-theme="dark"] .page-band p:last-child{color:#bdcad7}html[data-theme="dark"] .paper-button:not(.secondary){background:#005f95;color:#fff;border-color:#005f95}html[data-theme="dark"] .paper-header .hc-brand{background:#fff;border-radius:5px;padding:3px 6px}html[data-theme="dark"] .hero-strip{border-color:#304154;color:#adbdcd}html[data-theme="dark"] .hero-strip span:first-child{color:#c0d9ed}html[data-theme="dark"] .scene-robot figcaption{color:#adbdcd}html[data-theme="dark"] .person-portrait{background:#1b3045}
@media(max-width:1100px){.paper-nav{gap:19px}.paper-header .hc-header-inner{gap:15px}.lab-label{display:none}.hero-columns{gap:35px}.paper-hero h1{font-size:51px}.scene-facts{padding:18px 14px}.focus-grid{grid-template-columns:repeat(2,1fr)}.person-copy{padding:21px}.person-copy h3{font-size:22px}.profile-layout{gap:45px}.paper-header .brand-divider{display:none}}
@media(max-width:850px){.paper-wrap{width:calc(100% - 48px)}.paper-nav{gap:17px}.paper-header .hc-header-inner{padding-inline:24px}.paper-nav>a{font-size:12px}.hero-columns{grid-template-columns:1fr;gap:38px}.paper-hero-copy{max-width:650px}.paper-hero h1{font-size:60px}.robot-scene{max-width:600px;width:100%;margin:auto}.scene-robot img{height:290px}.paper-section{padding-block:50px}.project-spotlight,.people-callout{gap:35px}.paper-section h2{font-size:37px}.paper-page .research-updates{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}.people-section#lab-lead .people-grid{grid-template-columns:1fr 1fr}.people-section#lab-lead .person-card,.people-section#administration .person-card{grid-column:1/-1}.paper-footer>.paper-wrap:first-child{gap:30px}.profile-layout{grid-template-columns:220px 1fr;gap:35px}.profile-band h1{font-size:46px}}
@media(max-width:680px){html{scroll-padding-top:95px}.paper-wrap{width:calc(100% - 36px)}.paper-header .hc-header-inner{min-height:75px;padding:10px 18px;gap:12px}.paper-header .hc-brand img{width:81px;height:46px}.paper-header .header-actions{margin-left:auto}.paper-header .mobile-menu-button{display:grid;place-items:center}.paper-nav{display:none}.paper-header .lab-label{display:block;font-size:8px}.paper-header .brand-divider{display:block;height:22px}.paper-hero{padding-top:35px}.paper-hero h1{font-size:44px;margin:16px 0 18px;letter-spacing:-.05em}.paper-eyebrow{font-size:9px!important;margin-bottom:15px}.paper-hero-copy h2{font-size:19px}.paper-hero-copy>p:not(.paper-eyebrow){font-size:16px;line-height:1.75;margin-bottom:22px}.paper-buttons{gap:10px;margin-top:20px}.paper-button{padding:12px 17px;font-size:12px}.hero-columns{gap:34px}.robot-scene{gap:12px;grid-template-columns:1fr 1fr}.scene-facts{padding:17px 12px;border-radius:19px}.scene-facts .paper-eyebrow{font-size:8px!important;margin-bottom:9px}.scene-facts dl>div{padding:9px}.scene-facts dt{font-size:9px}.scene-facts dd{font-size:11px}.scene-robot img{height:225px}.scene-robot figcaption{font-size:7px;line-height:1.4}.scene-message{padding:19px 20px;border-radius:19px}.scene-message>p:last-child{font-size:14px}.hero-strip{margin-top:30px;gap:8px 16px;font-size:10px;flex-direction:column}.paper-section{padding-block:40px}.paper-section h2{font-size:33px}.paper-section-title{align-items:start;gap:15px}.paper-section-title>a{font-size:11px;white-space:normal;text-align:right;max-width:94px;margin-top:25px}.paper-lead{font-size:16px}.paper-page .academic-notice{padding:23px;flex-direction:column;align-items:start;gap:12px}.paper-page .academic-notice h3{font-size:24px}.paper-page .academic-notice p{font-size:14px}.focus-grid{gap:13px}.focus-card{padding:21px 18px;border-radius:18px}.focus-card h3{font-size:19px}.focus-card p{font-size:13px;line-height:1.65}.focus-card>span{margin-bottom:19px}.project-spotlight,.people-callout{grid-template-columns:1fr;gap:30px}.spotlight-image{padding:20px;border-radius:20px}.spotlight-image img{height:160px}.people-callout>img{height:235px;border-radius:20px}.paper-page .research-updates article{padding:23px}.paper-page .research-updates h3{font-size:22px}.page-band{padding:35px 0 30px}.page-band h1{font-size:49px;margin-bottom:16px}.page-band p:last-child{font-size:16px}.people-tabs{gap:8px;padding-top:22px}.people-tabs>a{font-size:11px;padding:7px 13px}.people-section{padding-top:34px}.people-section-title{margin-bottom:20px}.people-section-title h2{font-size:28px}.people-section-title>p{font-size:13px}.people-grid{grid-template-columns:1fr;gap:20px}.person-portrait{height:220px}.person-portrait img{width:190px;height:200px}.person-copy{padding:23px}.person-copy h3{font-size:24px}.person-role{font-size:12px}.person-short{font-size:14px}.people-section#lab-lead .people-grid{grid-template-columns:1fr}.people-section#lab-lead .person-card,.people-section#administration .person-card{display:flex;grid-column:auto}.people-section#lab-lead .person-portrait{height:220px;min-height:0;padding:20px 0 0}.people-section#lab-lead .person-portrait img{border-radius:16px 16px 0 0}.people-section#lab-lead .person-copy{padding:23px}.people-section#administration .person-portrait{height:195px;min-height:0;padding:25px}.people-section:last-child{padding-bottom:40px}.profile-band h1{font-size:38px;line-height:1.15}.back-link{margin-bottom:23px}.profile-layout{grid-template-columns:1fr;gap:35px;padding-block:30px 45px}.profile-sidebar{max-width:330px;width:100%}.profile-portrait{max-width:240px}.profile-portrait img{height:230px}.profile-biography h2{font-size:31px}.profile-biography>p:not(.paper-eyebrow){font-size:16px}.profile-note{padding:23px;margin-top:25px}.paper-footer{padding-top:32px}.paper-footer>.paper-wrap:first-child{grid-template-columns:1fr 1fr;gap:24px}.paper-footer>.paper-wrap:first-child>div:first-child{grid-column:1/-1}.paper-footer a{font-size:12px;overflow-wrap:anywhere}.paper-footer h2{font-size:14px}.paper-page .academic-title{margin-top:25px;border-radius:20px;padding:30px 18px}.paper-page .academic-title h1{font-size:36px}.paper-page .academic-section-heading h2{font-size:26px}.paper-page .inner-main h1{font-size:36px}.paper-page .inner-main h2{font-size:29px}.paper-page .academic-card-body{padding:23px}.paper-page .areas-list>div{padding:23px 20px 20px 48px}.paper-page .areas-list>div>span{top:25px}.paper-page .academic-intro{font-size:16px}.paper-page .academic-projects{gap:25px}}
@media(max-width:360px){.paper-header .lab-label,.paper-header .brand-divider{display:none}.paper-hero h1{font-size:39px}.focus-grid{grid-template-columns:1fr}.scene-facts dd{font-size:10px}.paper-button{font-size:11px}.page-band h1{font-size:44px}.profile-band h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.scene-robot img{object-position:28% center}