:root{--paper:#f5f4f0;--ink:#182421;--muted:#777d77;--green:#c8f169;--line:#d9d9d1;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:800 24px 'Manrope',sans-serif;letter-spacing:-2px}.wordmark span,.accent{color:#779e27}.main-nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.main-nav a{transition:opacity .2s}.main-nav a:hover,.text-link:hover{opacity:.62}.nav-contact{border:1px solid #b7bbb3;border-radius:40px;padding:11px 17px}.nav-contact span{margin-left:12px}.hero{position:relative;min-height:626px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 0 78px}.eyebrow,.mini-label,.art-index,.scroll-cue,.project-kicker,.visual-hint,.climate-caption,.about-side,.section-footnote,.site-footer{font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.eyebrow{color:#737b72;margin:0 0 25px}.status-dot{display:inline-block;width:7px;height:7px;background:#8ab53c;border-radius:50%;margin-right:8px}.hero h1,.section-heading h2,.about-copy h2,.contact-inner h2{font:600 clamp(48px,6vw,76px)/1.05 'Manrope',sans-serif;letter-spacing:-.065em;margin:0}.hero h1 span,.about-copy h2 span,.contact-inner h2 span{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.065em}.hero h1 span{color:#7c9f3c}.hero-intro{max-width:415px;margin:24px 0 0;color:#646c65;line-height:1.75;font-size:15px}.hero-intro strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:26px;border-radius:50px;padding:15px 20px;font-size:12px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark span{font-size:16px}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:8px}.hero-art{height:400px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:340px;height:340px;border:1px solid #daddd3;border-radius:50%}.orbit-two{width:430px;height:430px;border-style:dashed;opacity:.6}.art-card{position:absolute;box-shadow:0 24px 45px #1b2a2014}.art-card-back{width:235px;height:264px;background:#dfe7ce;left:calc(50% - 70px);top:54px;transform:rotate(10deg);padding:20px}.mini-label{font-size:8px;color:#72805f}.art-lines{margin-top:42px;display:grid;gap:12px}.art-lines i{display:block;height:7px;width:80%;background:#cad8ae;border-radius:5px}.art-lines i:nth-child(2){width:55%}.art-lines i:nth-child(3){width:70%}.art-card-main{background:#fdfcf8;width:260px;height:300px;left:calc(50% - 170px);top:54px;padding:25px;transform:rotate(-5deg);display:flex;flex-direction:column}.art-spark{font-size:34px;color:#8dae4a;margin-bottom:auto}.art-title{font:600 27px/1.08 'Manrope';letter-spacing:-1.5px;margin-top:20px}.art-title span{color:#8dae4a}.art-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e6df;padding-top:12px;margin-top:26px;font:8px 'DM Mono';letter-spacing:.03em;color:#788071}.art-index{position:absolute;right:14px;bottom:20px;color:#747a72}.scroll-cue{position:absolute;bottom:25px;left:0;color:#8c9188;font-size:9px;display:flex;align-items:center;gap:11px}.scroll-cue span{display:block;width:30px;height:1px;background:#9da394}.projects-section{background:#eaeae4;padding:93px 0 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:54px}.section-note{width:260px;color:#737971;line-height:1.7;font-size:13px;margin:0 3px 6px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{min-width:0}.project-visual{height:255px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .25s}.project-visual:hover{transform:translateY(-4px)}.visual-academia{background:#d8e0d0}.visual-opo{background:#e8d8bf}.visual-climax{background:#bdd0ca}.visual-window{width:76%;height:69%;background:#fbfaf5;border-radius:7px;box-shadow:0 15px 35px #26372b26;overflow:hidden;transform:rotate(-3deg)}.window-top{height:25px;border-bottom:1px solid #e9e9e2;display:flex;align-items:center;padding:0 8px;gap:4px}.window-top b{width:5px;height:5px;border-radius:50%;background:#cdd4c7}.window-top span{font:6px 'DM Mono';color:#858c83;margin-left:8px}.dash-layout{display:flex;height:calc(100% - 25px)}.dash-sidebar{width:21%;background:#f3f4ef;display:grid;align-content:start;gap:14px;padding:15px 8px}.dash-sidebar i{height:4px;background:#d6ddcd;border-radius:4px}.dash-sidebar i:first-child{background:#9cb36f}.dash-content{padding:15px 12px;flex:1}.dash-greeting{width:44%;height:7px;background:#aab49d;border-radius:4px;margin-bottom:12px}.dash-stats{display:flex;gap:6px}.dash-stats i{height:30px;flex:1;background:#edf1e7;border-radius:3px}.dash-chart{height:54px;margin-top:9px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #d9dfd3}.dash-chart span{flex:1;background:#9cba6c;border-radius:3px 3px 0 0;height:45%}.dash-chart span:nth-child(2n){height:68%}.dash-chart span:nth-child(3n){height:90%}.opo-sheet{width:58%;height:77%;background:#fcf7ed;box-shadow:0 15px 35px #452f1726;padding:19px 20px;transform:rotate(4deg)}.opo-topline{display:flex;justify-content:space-between;font:7px 'DM Mono';letter-spacing:.06em;color:#8a7454;border-bottom:1px solid #e8ddc8;padding-bottom:9px}.opo-title{font:600 26px/1 'Manrope';letter-spacing:-1.5px;margin:20px 0 15px}.opo-title em{font-family:var(--serif);font-weight:400;color:#b17f42}.opo-progress{height:5px;background:#eee5d7}.opo-progress span{display:block;width:68%;height:100%;background:#bc8950}.opo-meta{display:flex;justify-content:space-between;margin-top:7px;font:7px 'DM Mono';color:#8a7454}.opo-meta b{font-size:9px}.opo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:18px}.opo-grid i{height:25px;border:1px solid #e8ddc8;background:#faf3e6}.opo-grid i:nth-child(2){background:#e8d4b4}.climate-orb{width:155px;height:155px;border-radius:50%;position:relative;background:radial-gradient(circle at 38% 34%,#e4f0df 0 7%,#9abbb0 8% 29%,#557d76 30% 55%,#274f4a 56% 100%);box-shadow:inset -14px -12px 24px #162e3266,0 16px 30px #253b3633}.climate-orb>span{position:absolute;top:20px;right:18px;color:#eff6e9;font:500 35px var(--serif)}.climate-ring{position:absolute;width:205px;height:68px;border:1px solid #f7f6ec;border-radius:50%;top:44px;left:-25px;transform:rotate(-27deg);opacity:.8}.ring-two{width:190px;height:115px;top:20px;left:-17px;transform:rotate(44deg);opacity:.35}.climate-caption{position:absolute;left:16px;right:16px;bottom:13px;display:flex;justify-content:space-between;font-size:7px;color:#49635d}.visual-hint{position:absolute;left:14px;top:13px;font-size:7px;color:#798176;background:#f5f4f0a8;padding:6px 7px;border-radius:20px}.visual-arrow{position:absolute;right:13px;top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f8f7f2c9;font-size:12px}.project-info{display:flex;justify-content:space-between;align-items:end;margin-top:19px}.project-kicker{font-size:8px;color:#8c9188;margin:0 0 7px}.project-info h3{font:600 21px 'Manrope';letter-spacing:-.04em;margin:0}.project-year{font:9px 'DM Mono';color:#8c9188}.project-desc{color:#747b72;font-size:12px;line-height:1.7;margin:11px 0 13px;max-width:320px}.project-tags{display:flex;gap:6px;flex-wrap:wrap}.project-tags span{border:1px solid #cfd2c8;color:#737a70;border-radius:30px;padding:6px 9px;font-size:9px}.section-footnote{margin:34px 0 0;color:#7e847c;font-size:9px;letter-spacing:.02em}.section-footnote span{color:#83a64a;font-size:14px;vertical-align:-1px;margin-right:6px}.about-section{padding:116px 0 120px;display:grid;grid-template-columns:180px 1fr 130px;gap:50px;align-items:center}.about-stamp{width:140px;height:140px;border:1px solid #c9cdc1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:9px/1.7 'DM Mono';letter-spacing:.07em;color:#737a70;transform:rotate(-12deg)}.about-stamp span{color:#799849;font-size:18px;margin-top:3px}.about-copy .eyebrow{margin-bottom:15px}.about-copy h2{font-size:43px;line-height:1.16}.about-copy h2 span{color:#799849}.about-copy>p:not(.eyebrow){max-width:580px;color:#737a72;font-size:13px;line-height:1.8;margin:21px 0}.about-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;color:#82887f;font-size:8px;line-height:1.7}.side-number{font:italic 24px var(--serif);color:#879d63}.side-rule{height:1px;background:#cdd0c8;width:100%}.contact-section{background:#1c2925;color:#f4f3ed;padding:85px 0 92px}.contact-inner{display:grid;grid-template-columns:1.1fr .7fr;gap:100px;align-items:end}.contact-inner .eyebrow{color:#b0b9ad}.contact-inner h2{font-size:61px}.contact-inner h2 span{color:var(--green)}.contact-right>p{font-size:13px;line-height:1.8;color:#b5bdb4;margin:0 0 24px;max-width:330px}.button-light{background:var(--green);color:#1d2925}.contact-email{font:9px 'DM Mono'!important;color:#c5cdc3!important;margin:19px 0 0!important}.contact-email span{color:#849088}.site-footer{height:90px;display:flex;align-items:center;justify-content:space-between;color:#838980;font-size:9px;letter-spacing:.02em}.site-footer .wordmark{color:var(--ink)}.site-footer>a:last-child{font-family:'DM Sans';font-size:11px;font-weight:600;color:#414a43}
@media(max-width:850px){.hero{grid-template-columns:1fr  .85fr;min-height:565px}.hero h1{font-size:58px}.hero-art{transform:scale(.82);transform-origin:center}.project-grid{gap:14px}.project-visual{height:210px}.about-section{grid-template-columns:130px 1fr 85px;gap:25px}.about-stamp{width:120px;height:120px}.about-copy h2{font-size:37px}.contact-inner{gap:45px}}
@media(max-width:640px){.page-wrap,.site-header{width:calc(100% - 40px)}.site-header{height:68px}.main-nav{gap:17px;font-size:11px}.nav-contact{padding:9px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:60px 0 62px;min-height:0}.hero h1{font-size:clamp(49px,12vw,68px)}.hero-intro{font-size:14px}.hero-art{height:320px;transform:scale(.78);margin:-10px -40px -25px}.scroll-cue{bottom:14px}.projects-section{padding:67px 0 64px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:46px}.section-note{margin-top:14px;width:min(320px,100%)}.project-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:260px}.project-desc{max-width:440px}.section-footnote{line-height:1.7}.about-section{padding:75px 0;display:grid;grid-template-columns:1fr;gap:25px}.about-stamp{width:96px;height:96px;font-size:7px;grid-row:2}.about-stamp span{font-size:15px}.about-copy h2{font-size:37px}.about-side{display:none}.contact-section{padding:69px 0 72px}.contact-inner{grid-template-columns:1fr;gap:30px}.contact-inner h2{font-size:53px}.contact-right>p{margin-bottom:18px}.site-footer{height:78px}.site-footer>span{font-size:7px}.site-footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Dark graphite palette with electric lime accents. */
:root{--paper:#101514;--ink:#edf2ec;--muted:#a0aaa1;--green:#c8f169;--line:#2b3530}
body{background:#101514;color:#edf2ec}
.site-header{border-color:#29342e}
.wordmark span,.accent{color:#c8f169}
.main-nav a{color:#d8dfd8}
.nav-contact{border-color:#48564b}
.eyebrow{color:#a0aaa1}
.status-dot{background:#c8f169;box-shadow:0 0 12px #c8f16975}
.hero h1 span,.about-copy h2 span{color:#c8f169}
.hero-intro,.section-note,.project-desc,.about-copy>p:not(.eyebrow){color:#a0aaa1}
.hero-intro strong{color:#f4f7f2}
.button-dark{background:#c8f169;color:#131a15}
.button-dark:hover{background:#d6ff89}
.text-link{color:#edf2ec}
.orbit{border-color:#26332c}.orbit-two{border-color:#344139}
.art-card{box-shadow:0 24px 55px #0006}
.art-card-back{background:#26372b}.mini-label{color:#9fb184}
.art-lines i{background:#344b37}
.art-card-main{background:#1b2420;color:#edf2ec;border:1px solid #344139}
.art-spark,.art-title span{color:#c8f169}
.art-title em{font-family:var(--serif);font-weight:400;color:#c8f169}
.art-footer{border-color:#344139;color:#96a295}
.art-index,.scroll-cue{color:#9aa69c}
.scroll-cue span{background:#718075}
.projects-section{background:#171f1c}
.section-heading h2{color:#edf2ec}
.project-visual{border:1px solid #303b34}
.visual-academia{background:radial-gradient(ellipse at 50% 100%,#304235,#1c2822 72%)}
.visual-opo{background:radial-gradient(ellipse at 50% 100%,#463728,#29231c 75%)}
.visual-climax{background:radial-gradient(ellipse at 50% 100%,#28433e,#182522 75%)}
.visual-window{box-shadow:0 15px 35px #0007}
.opo-sheet{box-shadow:0 15px 35px #0007}
.project-kicker,.project-year{color:#91a096}
.project-info h3{color:#f1f5ef}
.project-tags span{border-color:#3a4740;color:#aeb9af}
.section-footnote{color:#9ba69d}
.section-footnote span{color:#c8f169}
.about-section{color:#edf2ec}
.about-stamp{border-color:#38453c;color:#a3ada3}
.about-stamp span,.side-number{color:#c8f169}
.about-side{color:#9aa69c}.side-rule{background:#344139}
.contact-section{background:#1b2520;color:#f4f3ed;border-color:#2a3730}
.contact-inner .eyebrow{color:#9eac9e}
.contact-inner h2 span{color:#c8f169}
.button-light{background:#c8f169;color:#142019}
.contact-email{color:#d2dbd2!important}.contact-email span{color:#869389}
.site-footer{color:#929d93}
.site-footer .wordmark{color:#edf2ec}
.site-footer>a:last-child{color:#cbd4cb}
@media(max-width:640px){.art-card-main{top:42px}}
.hero h1{font-size:clamp(46px,5.4vw,68px)}
@media(max-width:850px){.hero h1{font-size:clamp(44px,6.7vw,58px)}}
@media(max-width:640px){.hero h1{font-size:clamp(43px,10.7vw,61px)}}
.hero-art .orbit-one{width:350px;height:350px;border-color:#324338}
.hero-art .orbit-two{width:430px;height:430px;border-color:#2a372f}
.portrait-frame{position:relative;z-index:1;width:270px;padding:10px;background:#1b2420;border:1px solid #3a4a3d;box-shadow:0 28px 70px #0008;transform:rotate(3deg)}
.portrait-image{height:300px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#536953,#26382d 56%,#19241e);border:1px solid #3a4a3d}
.portrait-image:before,.portrait-image:after{content:"";position:absolute;border:1px solid #b3d18033;border-radius:50%;width:220px;height:220px;top:25px}
.portrait-image:after{width:280px;height:280px;top:-5px}
.portrait-image svg{position:absolute;width:190px;height:240px;bottom:5px;fill:#aec28c;opacity:.55}
.portrait-label{position:absolute;bottom:12px;z-index:1;padding:7px 10px;border:1px solid #d4e2c177;border-radius:30px;background:#18231db8;color:#dce8d4;font:8px 'DM Mono',monospace;letter-spacing:.06em}
.portrait-caption{padding:13px 4px 3px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}
.portrait-caption>span{font:7px 'DM Mono',monospace;letter-spacing:.07em;color:#9eac9e}
.portrait-caption>span:last-child{grid-column:1/-1;color:#738478}
.portrait-caption strong{font:600 17px 'Manrope';letter-spacing:-.04em;color:#f0f5ed;text-align:right}
.portrait-caption strong span{color:#c8f169}
.art-index{z-index:1;right:4px;bottom:3px}
@media(max-width:640px){.portrait-frame{width:260px}.portrait-image{height:285px}.hero-art .orbit-one{width:320px;height:320px}.hero-art .orbit-two{width:380px;height:380px}}
.portrait-image img{display:block;width:100%;height:100%;object-fit:cover}
.section-note-wrap{width:260px;margin:0 3px 6px 0}
.section-note-wrap .section-note{width:auto;margin:0 0 13px}
.account-link{display:inline-flex;align-items:center;gap:7px;color:#c8f169;font-size:11px;font-weight:700}
.account-link span{font-size:14px;transition:transform .2s}
.account-link:hover span{transform:translate(2px,-2px)}
@media(max-width:640px){.section-note-wrap{width:min(320px,100%);margin:14px 0 0}.section-note-wrap .section-note{margin:0 0 12px}}
.experience-section{padding:91px 0 94px;background:#111815;border-top:1px solid #26322b;border-bottom:1px solid #26322b}
.experience-heading{margin-bottom:35px}
.experience-heading h2{font-size:54px}
.experience-entry{display:grid;grid-template-columns:42px minmax(0,1fr) 150px;gap:22px;padding:29px 30px 30px 0;border-top:1px solid #354139;border-bottom:1px solid #354139}
.experience-marker{position:relative;display:flex;justify-content:center;padding-top:5px}
.experience-marker:after{content:"";position:absolute;top:22px;bottom:-30px;width:1px;background:#354139}
.experience-marker span{z-index:1;width:9px;height:9px;border-radius:50%;background:#c8f169;box-shadow:0 0 14px #c8f16977}
.experience-marker small{position:absolute;top:27px;font:8px 'DM Mono',monospace;color:#7f8b81}
.experience-meta{display:flex;justify-content:space-between;gap:15px;color:#9eaa9f;font:9px 'DM Mono',monospace;letter-spacing:.06em}
.experience-meta span:last-child{color:#c8f169}
.experience-main h3{margin:20px 0 5px;font:600 25px 'Manrope',sans-serif;letter-spacing:-.04em;color:#edf2ec}
.experience-main h3>span{color:#c8f169}
.experience-main h3 em{color:#a0aaa1;font:italic 20px var(--serif)}
.experience-period{font:9px 'DM Mono',monospace;color:#849188;margin:0}
.experience-description{max-width:680px;color:#a0aaa1;font-size:13px;line-height:1.8;margin:18px 0}
.experience-tags{display:flex;flex-wrap:wrap;gap:7px}
.experience-tags span{border:1px solid #354139;color:#b9c3ba;padding:7px 10px;border-radius:30px;font-size:9px}
.experience-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;border-left:1px solid #354139;padding-left:25px;color:#93a094;font:8px 'DM Mono',monospace;letter-spacing:.08em}
.experience-side b{font:16px var(--serif);color:#c8f169}
.experience-note{margin:19px 0 0;color:#7f8b81;font-size:10px;line-height:1.6}
@media(max-width:640px){.experience-section{padding:68px 0}.experience-heading h2{font-size:46px}.experience-entry{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:23px 0}.experience-marker:after{bottom:-24px}.experience-side{display:none}.experience-meta{font-size:7px}.experience-main h3{font-size:21px;line-height:1.35}.experience-main h3 em{font-size:17px}.experience-description{font-size:12px}.experience-tags{gap:6px}.experience-tags span{font-size:8px;padding:6px 8px}}
.company-identity{display:flex;align-items:center;gap:14px;margin-top:19px}
.company-logo{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}
.diverger-logo{background:#fff;border:1px solid #e4e8e2}
.diverger-logo img{display:block;width:100%;height:100%;object-fit:contain}
.company-identity h3{margin:0 0 4px;font:600 23px 'Manrope',sans-serif;letter-spacing:-.04em;color:#edf2ec}
.company-name{color:#b2bdb3;font-size:11px;font-weight:600}
.company-name span{color:#c8f169;margin-left:3px}
.trileuco-logo{flex-direction:column;background:#f5f7f1;border:1px solid #dfe4dc;color:#21332a;line-height:1}
.trileuco-logo span{font:700 10px 'Manrope',sans-serif;letter-spacing:-.04em}
.trileuco-logo small{font:6px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#64776a;margin-top:3px}
@media(max-width:640px){.company-logo{width:44px;height:44px;flex-basis:44px}.company-identity h3{font-size:20px}.company-identity{gap:11px}}
.trileuco-logo{background:#15211b;border:1px solid #3d4c41;padding:5px}
.trileuco-logo img{display:block;width:100%;height:auto;object-fit:contain}
.project-video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;background:#090d0b}
.video-card{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;border:1px solid #405248;background:#070b09;box-shadow:0 18px 42px #0004,inset 0 0 0 1px #ffffff0a}
.video-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#080d0a66 0%,transparent 24%,transparent 65%,#080d0a88 100%)}
.project-video{z-index:0;background:#080b09;object-fit:contain}
.video-badge{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e0e9dc26;border-radius:30px;background:#111a16c9;backdrop-filter:blur(12px);color:#e1e9df;font:8px 'DM Mono',monospace;letter-spacing:.06em}
.video-badge i{width:6px;height:6px;border-radius:50%;background:#c8f169;box-shadow:0 0 10px #c8f16988}
.video-controls{position:absolute;left:13px;right:13px;bottom:12px;z-index:4;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px 11px;border:1px solid #e1e9dd2b;border-radius:14px;background:#101914df;backdrop-filter:blur(16px);box-shadow:0 7px 24px #0006}
.video-controls[hidden]{display:none}
.video-toggle{width:28px;height:28px;border:0;border-radius:50%;background:#c8f169;color:#142019;font-size:11px;cursor:pointer}
.video-progress{width:100%;height:4px;appearance:none;border-radius:4px;background:linear-gradient(to right,#c8f169 var(--played,0%),#617064 var(--played,0%));cursor:pointer}
.video-progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:2px solid #c8f169;border-radius:50%;background:#142019}
.video-progress::-moz-range-thumb{width:8px;height:8px;border:2px solid #c8f169;border-radius:50%;background:#142019}
.video-time{color:#d0dbd0;font:8px 'DM Mono',monospace;white-space:nowrap}
.video-toggle:focus-visible,.video-progress:focus-visible{outline:2px solid #c8f169;outline-offset:3px}
@media(max-width:640px){.video-card{border-radius:14px}.video-badge{top:10px;left:10px;padding:7px 9px;font-size:7px}.video-controls{left:9px;right:9px;bottom:9px;gap:8px;padding:7px 9px}.video-time{font-size:7px}}
.video-controls{grid-template-columns:32px minmax(0,1fr) auto 30px}
.video-fullscreen{width:29px;height:29px;display:grid;place-items:center;border:1px solid #c9d7c731;border-radius:8px;background:#26332c;color:#e9f1e7;font:17px/1 'DM Sans',sans-serif;cursor:pointer}
.video-fullscreen:hover{background:#34443a;color:#c8f169}
.video-fullscreen:focus-visible{outline:2px solid #c8f169;outline-offset:3px}
.video-card:fullscreen,.video-card:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:#050706}
.video-card:fullscreen .project-video,.video-card:-webkit-full-screen .project-video{width:100%;height:100%;object-fit:contain}
.video-card:fullscreen .video-controls,.video-card:-webkit-full-screen .video-controls{left:clamp(16px,5vw,64px);right:clamp(16px,5vw,64px);bottom:clamp(16px,4vh,40px)}
.video-card:fullscreen .video-badge,.video-card:-webkit-full-screen .video-badge{top:clamp(16px,4vh,40px);left:clamp(16px,5vw,64px)}
.hero-intro{max-width:480px;font-size:14px;line-height:1.7}
.hero-tech{max-width:535px;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:22px}
.hero-tech>div{min-width:0;padding-top:8px;border-top:1px solid #303c34}
.hero-tech>div:last-child{grid-column:1/-1}
.hero-tech>div>span{display:block;margin-bottom:5px;color:#c8f169;font:8px 'DM Mono',monospace;letter-spacing:.08em}
.hero-tech p{margin:0;color:#c0cbc1;font-size:10px;line-height:1.55}
@media(max-width:640px){.hero-tech{grid-template-columns:1fr;gap:9px;margin-top:19px}.hero-tech>div:last-child{grid-column:auto}.hero-tech>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start}.hero-tech>div>span{margin:2px 0 0;font-size:7px}.hero-tech p{font-size:10px}.hero-intro{font-size:14px}}
.hero-tech>.tech-wide{grid-column:1/-1}
@media(max-width:640px){.hero-tech>.tech-wide{grid-column:auto}}
.site-footer{height:auto;min-height:100px;padding-top:22px;padding-bottom:22px;gap:24px}
.footer-legal{display:flex;flex-direction:column;gap:6px;color:#a0aaa1;font:9px/1.45 'DM Mono',monospace;letter-spacing:.015em}
.footer-social{display:flex;align-items:center;gap:20px}
.footer-social a{display:inline-flex;align-items:center;gap:5px;color:#d5ded4;font:600 11px 'DM Sans',sans-serif;transition:color .2s}
.footer-social a:hover{color:#c8f169}
.footer-social a svg{width:17px;height:17px;flex:0 0 auto;fill:currentColor}
.footer-social a .mail-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.site-footer{min-height:0;padding-top:22px;padding-bottom:24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 20px}.footer-legal{justify-self:end;text-align:right;font-size:8px}.footer-social{grid-column:1/-1;justify-content:space-between;gap:10px}.footer-social a{font-size:10px}}

/* Graphite, electric blue and violet palette. */
:root{--paper:#11131b;--ink:#edf0ff;--muted:#a4a9bb;--green:#8da8ff;--line:#303447}
body{background:#11131b;color:#edf0ff}
.site-header{border-color:#2a2e40}
.wordmark span,.accent{color:#8da8ff}
.main-nav a{color:#d8ddf0}
.nav-contact{border-color:#434960}
.hero h1 span,.contact-inner h2 span{color:#b49bff}
.about-copy h2 span{color:#b49bff}
.status-dot{background:#8da8ff;box-shadow:0 0 12px #8da8ff75}
.button-dark,.button-light{background:#8da8ff;color:#10131d}
.button-dark:hover,.button-light:hover{background:#a5b8ff}
.projects-section{background:#191b25}
.section-heading h2{color:#edf0ff}
.experience-section{background:#141620;border-color:#282c3c}
.contact-section{background:#1c1e2a;border-color:#30344a}
.portrait-frame{background:#20222f;border-color:#41465e}
.portrait-image{background:radial-gradient(ellipse at 50% 32%,#4e5272,#262a3e 56%,#171b29);border-color:#41465e}
.portrait-image:before,.portrait-image:after{border-color:#b9a8ff33}
.portrait-image svg{fill:#b4c3ff}
.portrait-label{border-color:#c0b1ff77;background:#191d2db8;color:#e3e8ff}
.portrait-caption strong span{color:#8da8ff}
.orbit{border-color:#30354b}.orbit-two{border-color:#292d40}
.art-card-back{background:#272b3b}.art-card-main{background:#20222f;border-color:#35394d}
.mini-label{color:#a6a8be}.art-lines i{background:#343a54}.art-spark,.art-title span,.art-title em{color:#b49bff}
.art-footer{border-color:#383c51;color:#a4a8ba}
.projects-section .section-note,.project-desc{color:#a4a9bb}
.project-tags span{border-color:#393d50;color:#b8bdd0}
.project-kicker,.project-year{color:#9299b0}
.video-card{border-color:#424862;background:#080a12}
.project-video{background:#080a12}
.video-badge{border-color:#e0e4ff26;background:#171a29d9;color:#e1e5fa}
.video-badge i{background:#8da8ff;box-shadow:0 0 10px #8da8ff88}
.video-controls{border-color:#e1e9ff2b;background:#151827e8}
.video-toggle{background:#8da8ff;color:#121521}
.video-progress{background:linear-gradient(to right,#8da8ff var(--played,0%),#5d6379 var(--played,0%))}
.video-progress::-webkit-slider-thumb,.video-progress::-moz-range-thumb{border-color:#8da8ff;background:#151827}
.video-toggle:focus-visible,.video-progress:focus-visible,.video-fullscreen:focus-visible{outline-color:#8da8ff}
.video-fullscreen{background:#282c40;color:#e9ecff;border-color:#c9d7ff31}
.video-fullscreen:hover{background:#3b405b;color:#b49bff}
.hero-tech>div{border-color:#30364b}
.hero-tech>div>span{color:#8da8ff}
.hero-tech p,.hero-intro,.section-note{color:#a4a9bb}
.experience-entry,.experience-marker:after{border-color:#35394d}
.experience-meta,.experience-period,.experience-description{color:#a4a9bb}
.experience-meta span:last-child,.experience-main h3>span,.experience-side b,.company-name span{color:#8da8ff}
.experience-marker span{background:#8da8ff;box-shadow:0 0 14px #8da8ff77}
.experience-tags span,.project-tags span{border-color:#3a3e52;color:#bdc2d3}
.side-rule{background:#35394d}.about-stamp{border-color:#393d52;color:#a8aec3}.about-stamp span,.side-number{color:#b49bff}
.account-link{color:#8da8ff}.section-footnote,.footer-legal{color:#9ba2b8}
.footer-social a{color:#d5daf0}.footer-social a:hover{color:#8da8ff}
.footer-social a svg{fill:currentColor}.footer-social a .mail-icon{fill:none;stroke:currentColor}
.site-footer .wordmark{color:#edf0ff}
@media(max-width:640px){.project-tags span,.experience-tags span{border-color:#3a3e52;color:#bdc2d3}}
.portrait-frame{transform:none;border-radius:18px;padding:9px;background:#20222f;border-color:#424862;box-shadow:0 24px 56px #05070d88}
.portrait-image{border-radius:12px;display:block;background:#171b29;border:1px solid #41465e}
.portrait-image:before,.portrait-image:after{display:none}
.portrait-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%;border-radius:11px}
.portrait-caption{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 5px 5px}
.portrait-caption strong{font-size:18px;text-align:left;color:#edf0ff}
.portrait-caption>span:last-child{grid-column:auto;color:#a7aec3;font-size:8px;letter-spacing:.09em}
.portrait-frame{width:292px}
.portrait-image{height:325px}
.portrait-image img{object-position:center 20%}
@media(max-width:640px){.portrait-frame{width:276px}.portrait-image{height:305px}}
.language-switch{display:flex;align-items:center;gap:5px;margin-left:-18px;padding:5px 7px;border:1px solid #434960;border-radius:30px;color:#8a91a7;font:500 10px 'DM Mono',monospace}
.language-switch button{border:0;background:transparent;padding:3px;color:#8a91a7;font:inherit;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:#edf0ff}
.language-switch button:focus-visible{outline:2px solid #8da8ff;outline-offset:2px;border-radius:3px}
@media(max-width:640px){.main-nav{gap:10px}.language-switch{margin-left:-5px;padding:4px 5px}}
@media(max-width:380px){.main-nav{gap:7px;font-size:10px}.nav-contact{padding:7px 8px}.language-switch{margin-left:0;gap:3px;padding:3px 4px}}

/* Keep inline icon spacing separate from translated labels. */
.nav-contact>span[data-i18n],.text-link>span[data-i18n]{margin-left:0}
.button-dark>span[data-i18n]{font-size:12px}
.button-dark>span[aria-hidden="true"]{font-size:16px}
.text-link>span[aria-hidden="true"]{margin-left:8px}

@media(max-width:640px){
  .hero{padding-bottom:34px}
  .hero-copy{width:100%;min-width:0}
  .hero-intro,.hero-tech,.hero-actions{width:100%;max-width:100%;min-width:0}
  .hero-tech>div p{min-width:0;overflow-wrap:anywhere}
  .hero-art{width:calc(100% + 40px);margin-right:-20px;margin-left:-20px}
  .site-header{gap:8px}
  .main-nav{flex:1;min-width:0;justify-content:flex-end;gap:clamp(6px,2vw,10px);font-size:10px}
  .nav-contact{padding:7px 8px}
  .nav-contact>span[aria-hidden="true"]{margin-left:5px}
  .language-switch{margin-left:0;flex:0 0 auto}
  .scroll-cue{position:static;align-self:flex-start;margin:10px 0 0 2px}
  .hero-actions{flex-wrap:wrap;gap:14px 20px}
  .hero-actions .button{gap:14px;padding:13px 16px}
}

@media(max-width:380px){
  .site-header{width:calc(100% - 32px);gap:8px}
  .main-nav{gap:6px;font-size:9px}
  .nav-contact{padding:6px 7px}
  .hero-tech>div{grid-template-columns:96px minmax(0,1fr);gap:8px}
}

@media(max-width:480px){
  .site-header{height:auto;min-height:68px;flex-wrap:wrap;gap:8px;padding:12px 0}
  .site-header>.wordmark{flex:1 0 100%}
  .main-nav{flex:1 0 100%;justify-content:space-between;gap:6px}
}

@media(max-width:640px){
  .hero-art{height:390px;transform:none;margin:22px -20px 0;z-index:auto}
  .scroll-cue{position:static;z-index:auto;margin-top:12px;color:#b2c0ff}
  .scroll-cue span{background:#8da8ff}
}