/* An independent colour study. Content and images remain those of the approved draft. */
:root{color-scheme:only light;--bg:#fff3db;--text:#392d3d;--muted:#705768;--line:#d9b9a5;--link:#923d31;--accent:#923d31;--soft:#f3ce91;--ink:#482b46;--paper:#fff8e9}
body{background:var(--bg);color:var(--text)}
body.page-origins{--accent:#663e7b;--link:#663e7b;--soft:#e5d0eb;--line:#d1bad9;--bg:#fbf0e4}
body.page-guilde,body.page-acces-guilde{--accent:#23644d;--link:#23644d;--soft:#c8dfaa;--line:#b8c9a1;--bg:#f8f1d8}
body.page-gamescope{--accent:#285983;--link:#285983;--soft:#c7dfec;--line:#b8cbd9;--bg:#f5f2e4}
body.page-nexus{--accent:#914125;--link:#914125;--soft:#f0c096;--line:#d8b89c;--bg:#fff2dc}
body.page-mentoring{--accent:#8b3754;--link:#8b3754;--soft:#efc3c5;--line:#d5abb7;--bg:#fff1e0}
body.page-contact{--accent:#6b417c;--link:#6b417c;--soft:#e1cdea}
::selection{background:#edd060;color:#38243c}
a:hover{color:var(--ink)}
a:focus-visible{outline-color:var(--accent)}
h1,h2,h3,.project-row h2 a{color:var(--ink)}
h1{color:var(--accent)}
strong{color:var(--ink)}
.topbar{background:#482b46;border-bottom:4px solid #d99061;color:#fff3db}
.topbar a,.topbar .site-brand,.topbar .site-brand span,.projects-menu summary{color:#fff3db}
.topbar .site-brand{color:#f8cf76}
.topbar a[aria-current],.topbar .current-section{color:#f8cf76;text-decoration-color:#f8cf76}
.topbar .app-links{border-color:#82617b}
.topbar .app-links a{color:#f8cf76}
.topbar a:hover,.topbar summary:hover{color:#f8cf76}
.projects-menu summary::after{color:#f8cf76}
.project-dropdown,.mobile-menu nav{background:#482b46;border-color:#987c90}
.project-dropdown>a:hover{background:#65405f}
.mobile-label{color:#efc5b2;border-color:#82617b}
.mobile-menu summary{border-color:#987c90}
.topbar summary:focus-visible{outline-color:#f8cf76}
.page{column-gap:58px;grid-template-columns:225px minmax(0,1fr)}
.sidebar{padding:23px 19px 26px;background:var(--soft);border:0;border-top:6px solid var(--accent);max-height:calc(100vh - 145px)}
.sidebar .identity{color:var(--ink)}
.sidebar .sidebar-note,.sidebar .project-facts dt{color:#654a59}
.sidebar .project-facts dd{color:var(--ink)}
.sidebar nav a{color:var(--ink)}
.sidebar .write{color:var(--accent);font-weight:600}
.sidebar .portrait{box-shadow:6px 6px 0 var(--accent);margin-bottom:26px}
.sidebar .project-picture{align-self:center}
.sidebar nav a:hover{text-decoration-color:var(--accent)}
.lead{color:var(--accent)}
.margin-note{border-left:3px solid var(--accent);padding:16px 18px;background:var(--soft);color:#543e4d}
.margin-note>span{color:var(--ink);font-weight:700}
.breadcrumb a,.breadcrumb a:hover{color:var(--accent)}
.action-link{background:var(--accent);color:#fff8ed;border-color:var(--accent)}
.action-link:hover{background:var(--ink);border-color:var(--ink);color:#fff8ed}
.personal-quote{color:var(--accent);background:var(--soft);padding:20px 24px;border:0;border-left:4px solid var(--accent)}
.editorial-list dt{color:var(--ink)}
.questions summary{color:var(--ink)}
.questions details[open]{background:var(--paper);padding-inline:16px}
.questions summary::after{color:var(--accent)}
.signature,.mentoring-link{color:var(--accent)}
.project-wordmark{color:var(--accent)}
.work{border-top:3px solid var(--accent)}
.together{border-top:3px solid #377463}
.site-footer{border-color:var(--line)}
.site-footer a:hover{color:var(--accent)}
.skip{background:#f8cf76;color:#38243c}
.project-row#origins h2 a{color:#663e7b}
.project-row#guilde h2 a{color:#23644d}
.project-row#gamescope h2 a{color:#285983}
.project-row#nexus h2 a{color:#914125}
.page-index .origins-project h3 a{color:#663e7b}
.page-index .guilde-project h3 a{color:#23644d}
.page-index .gamescope-project h3 a{color:#285983}
.page-index .introduction{display:block;max-width:none}
.introduction-heading{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:start;margin-bottom:26px}
.introduction-heading .lead{margin-bottom:0}
.introduction-heading .margin-note{margin-top:0}
.letter-start .introduction-heading .margin-note p{font-size:14px;line-height:1.6}
.page-index .parcours-story{display:block;max-width:680px}
.page-index .letter-start>p{max-width:680px}
.nexus-common{max-width:640px}
.video-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);gap:36px;align-items:center;padding-block:30px;border-block:1px solid var(--line)}
.video-context h2{font-size:30px;margin-top:12px}.video-context p{font-size:17px}.media-kicker{font-size:13px;color:var(--accent);font-weight:600}
.video-figure{margin:27px 0 0}.video-feature .video-figure{margin:0}
.video-frame{aspect-ratio:16/9;background:#201b24;overflow:hidden;position:relative}
.video-portrait .video-frame{aspect-ratio:9/16}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-launch{display:block;position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;background:#201b24;cursor:pointer;color:#fff8ed;font:inherit}
.video-launch>img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .18s ease}
.video-launch:hover>img{opacity:.95}
.video-button{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}
.video-button>span:last-child{background:#38243c;padding:7px 16px;font-size:16px}
.play-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);border:2px solid #fff8ed;font-size:22px;padding-left:4px}
.video-launch:focus-visible{outline:4px solid #f8cf76;outline-offset:-6px}
.video-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;font-size:13px}
.video-figure figcaption>span{font-size:12px}
.image-expand{position:relative;cursor:zoom-in}
.zoom-hint{position:absolute;right:8px;bottom:8px;background:#38243c;color:#fff8ed;font-size:12px;padding:3px 9px;opacity:0;transition:opacity .15s}
.image-expand:hover .zoom-hint,.image-expand:focus-visible .zoom-hint{opacity:1}
.image-viewer-open{overflow:hidden}
.image-viewer{width:min(1200px,94vw);max-width:94vw;max-height:94dvh;padding:16px 22px 20px;border:1px solid var(--line);background:var(--paper);color:var(--text)}
.image-viewer::backdrop{background:rgb(30 19 32 / 88%)}
.viewer-toolbar,.viewer-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}
.viewer-toolbar{margin-bottom:14px}.viewer-count{font-size:14px;color:var(--muted)}
.image-viewer button{font:inherit;font-size:15px;padding:8px 13px;border:1px solid var(--accent);color:var(--accent);background:transparent;cursor:pointer;min-height:44px}
.image-viewer button:hover{background:var(--soft)}.image-viewer button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.image-viewer figure>img{width:100%;height:auto;max-height:calc(94dvh - 175px);object-fit:contain}
.image-viewer figcaption{font-size:14px;color:var(--text);margin:12px 0 16px}
.viewer-navigation[hidden]{display:none}
.experience-links{display:flex;gap:14px 24px;flex-wrap:wrap;margin-top:22px;font-size:15px}
@media(max-width:650px){.video-feature{grid-template-columns:1fr;gap:25px}.video-feature .video-figure{width:min(100%,280px);justify-self:center}.image-viewer{padding:12px;max-width:96vw;width:96vw}.image-viewer figcaption{font-size:13px}.zoom-hint{opacity:1}}
@media(prefers-reduced-motion:reduce){.video-launch>img,.zoom-hint{transition:none}}
@media(min-width:651px){.image-pair.nexus-pair{grid-template-columns:1fr 1fr}}
@media(max-width:1150px){.introduction-heading{grid-template-columns:minmax(0,1fr) 175px}}
@media(max-width:900px){.introduction-heading{grid-template-columns:1fr;gap:24px}}
@media(max-width:1150px){.page{grid-template-columns:190px minmax(0,1fr);column-gap:34px}.sidebar{padding-inline:16px}.sidebar .identity{font-size:23px}}
@media(max-width:960px){.sidebar{max-height:calc(100vh - 125px)}}
@media(max-width:650px){.page{display:block}.sidebar{padding:18px 18px 23px;max-height:none;border-bottom:0}.sidebar .portrait{margin:0;box-shadow:4px 4px 0 var(--accent)}.sidebar .identity{font-size:24px}.sidebar .project-picture{margin:0}.margin-note{padding:14px 17px}.topbar .mobile-menu summary{color:#fff3db}}