@font-face{font-family:Dana;src:url('fonts/Dana-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Dana;src:url('fonts/Dana-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Dana;src:url('fonts/Dana-DemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Dana;src:url('fonts/Dana-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Dana;src:url('fonts/Dana-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#071322;--bg2:#0a1a2b;--panel:#0d2134;--line:#254057;--text:#e7f2f5;--muted:#9ab0bc;--accent:#58e6c3;--accent2:#a3f5e0;font-family:Dana,Tahoma,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.8;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(90deg,transparent 99%,#496276 100%),linear-gradient(0deg,transparent 99%,#496276 100%);background-size:66px 66px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.shell{width:min(100% - 72px,1240px);margin-inline:auto}.skip-link{position:absolute;top:-100px;right:20px;z-index:100;background:var(--accent);color:var(--bg);padding:10px 18px}.skip-link:focus{top:10px}.page-glow{position:absolute;top:-340px;left:-220px;width:880px;height:880px;pointer-events:none;background:radial-gradient(circle,rgba(28,113,123,.26),transparent 67%);z-index:-1}
.site-header{height:88px;position:sticky;top:0;z-index:20;background:rgba(7,19,34,.87);backdrop-filter:blur(18px);border-bottom:1px solid rgba(115,155,177,.14)}.header-inner{height:100%;display:flex;align-items:center;gap:52px}.brand{display:flex;align-items:center;gap:15px;white-space:nowrap}.brand-mark{display:grid;place-items:center;border:1px solid var(--accent);border-radius:12px;width:45px;height:45px;color:var(--accent);font:800 19px/1 Arial,sans-serif;letter-spacing:-2px}.brand-dot{color:#fff}.brand-name{font-weight:700;font-size:14px}.site-nav{display:flex;align-items:center;gap:31px;margin-right:auto}.site-nav a{font-size:14px;color:#b6c8d1;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--accent)}.header-resume{border:1px solid rgba(88,230,195,.55);color:var(--accent);border-radius:6px;padding:8px 16px;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}.header-resume:hover{background:rgba(88,230,195,.1);transform:translateY(-2px)}.header-resume span{margin-right:9px}.menu-toggle{display:none}
.hero{min-height:720px;display:grid;grid-template-columns:1.1fr .75fr;align-items:center;gap:60px;position:relative;padding-block:100px 125px}.eyebrow,.section-kicker{font:700 13px/1.4 Arial,sans-serif;letter-spacing:2px;color:var(--accent);direction:ltr;text-align:right}.eyebrow{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin:0 0 28px}.eyebrow-line{width:28px;height:1px;background:var(--accent)}.eyebrow-no{color:#6f8d9e;margin-left:auto}.hero-intro{margin:0 0 7px;color:var(--accent2);font-size:18px}.hero h1{font-size:clamp(50px,6vw,92px);line-height:1.16;letter-spacing:-4px;margin:0 0 18px;font-weight:800;white-space:nowrap}.hero h1 span{color:var(--accent)}.hero h2{font-size:clamp(30px,3.3vw,49px);line-height:1.45;letter-spacing:-2px;color:#d0dfe6;margin:0 0 27px;font-weight:700}.hero h2 em{font-style:normal;color:#77909f}.hero-description{max-width:700px;color:#a9bdc8;line-height:2.15;font-size:17px;margin:0}.hero-description bdi{color:#e0eff3}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:56px;padding:0 26px;border-radius:6px;font-weight:700;transition:transform .2s,box-shadow .2s}.button-primary{background:var(--accent);color:#092031}.button-primary:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(88,230,195,.18)}.text-link{color:var(--text);font-weight:600;border-bottom:1px solid #557181;padding-bottom:5px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link span{margin-right:7px}.hero-facts{display:flex;gap:40px;border-top:1px solid var(--line);margin-top:65px;padding-top:27px}.hero-facts div{display:flex;flex-direction:column;gap:2px}.hero-facts strong{font:700 20px/1.3 Arial,Tahoma,sans-serif;direction:ltr;text-align:right}.hero-facts span{color:#809dab;font-size:13px}.hero-aside{height:550px;background:linear-gradient(145deg,#103a4a 0%,#0b2539 50%,#0a1a2c 100%);border:1px solid #2e5661;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 45px 80px rgba(0,0,0,.18)}.hero-aside::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(145,230,219,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(145,230,219,.06) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse at center,#000,transparent 76%)}.hero-aside::after{content:"";position:absolute;width:390px;height:390px;top:21%;right:0;left:0;margin:auto;background:radial-gradient(circle,rgba(40,189,170,.25),transparent 67%);filter:blur(6px)}.aside-top,.aside-bottom{position:absolute;z-index:2;left:27px;right:27px;display:flex;direction:ltr;justify-content:space-between;font:700 11px/1.6 Arial,sans-serif;letter-spacing:1px;color:#b7d2d7}.aside-top{top:26px}.aside-bottom{bottom:26px;gap:8px;flex-wrap:wrap;color:#8bb0b6}.live-indicator{color:var(--accent)}.live-indicator i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px;box-shadow:0 0 10px var(--accent)}.orbit{position:absolute;inset:0;display:grid;place-items:center}.orbit-ring{position:absolute;width:290px;height:290px;border:1px solid rgba(113,233,209,.35);border-radius:50%;transform:rotate(-28deg) scaleY(.68)}.orbit-one::before,.orbit-two::before{content:"";position:absolute;left:35px;top:31px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.orbit-two{transform:rotate(48deg) scaleY(.67);width:355px;height:355px;border-color:rgba(99,206,195,.24)}.orbit-two::before{left:290px;top:100px;width:7px;height:7px;background:#bedfff}.orbit-core{display:grid;place-items:center;width:160px;height:160px;background:linear-gradient(150deg,#1e7d84,#0a344c);border:1px solid rgba(148,244,223,.58);border-radius:30px;box-shadow:inset 0 1px 35px rgba(173,255,234,.15),0 0 75px rgba(31,191,174,.17);font:600 61px/1 monospace;color:#d2fff2;transform:rotate(-9deg);position:relative;z-index:1}.orbit-star{position:absolute;color:var(--accent);font-size:23px}.star-one{right:20%;top:23%}.star-two{left:18%;bottom:24%;font-size:15px}.scroll-cue{position:absolute;bottom:38px;right:0;color:#80a0ae;font-size:12px;display:flex;align-items:center;gap:15px}.scroll-cue span{font-size:20px;color:var(--accent)}
.section{padding-block:115px}.section-work{background:linear-gradient(180deg,rgba(11,30,47,.48),rgba(6,18,31,.96));border-top:1px solid rgba(92,134,155,.15)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-kicker{margin:0 0 20px}.section-heading h2,.section h2{font-size:clamp(34px,4vw,57px);line-height:1.25;letter-spacing:-2px;margin:0;font-weight:800}.accent{color:var(--accent)}.section-heading>p{max-width:420px;color:var(--muted);margin:0 0 7px;font-size:16px}.projects{display:grid;gap:44px}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.project-reverse .project-visual{order:2}.project-reverse .project-copy{order:1}.project-visual{height:390px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #38566b;display:flex;flex-direction:column;justify-content:center;align-items:center;direction:ltr;isolation:isolate;transition:transform .3s,border-color .3s}.project:hover .project-visual{transform:translateY(-5px);border-color:#62c4b3}.project-visual::before{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.09);border-radius:50%;top:-200px;right:-70px;z-index:-1}.project-visual::after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;bottom:-330px;left:-90px;z-index:-1}.visual-cara{background:radial-gradient(circle at 45% 35%,#2d7d82 0%,#113c4f 45%,#0a2537 100%)}.visual-taxi{background:radial-gradient(circle at 50% 40%,#476c93,#152d49 55%,#0a1c34)}.visual-vitsell{background:radial-gradient(circle at 50% 40%,#6f5488,#342b50 53%,#1d243b)}.visual-index,.visual-caption{position:absolute;z-index:2;color:rgba(255,255,255,.62);font:700 11px/1.4 Arial,sans-serif;letter-spacing:2px}.visual-index{top:25px;left:28px}.visual-caption{bottom:25px;right:28px}.visual-title{font:800 clamp(62px,7vw,104px)/.95 Arial,sans-serif;letter-spacing:-6px;color:rgba(255,255,255,.92);text-align:center;text-shadow:0 14px 50px rgba(0,0,0,.3)}.visual-taxi .visual-title{font-size:75px}.visual-lines{position:absolute;bottom:53px;left:0;right:0;display:flex;justify-content:center;gap:8px}.visual-lines i{width:27px;height:3px;background:rgba(115,242,217,.45);border-radius:3px}.visual-lines i:first-child{width:65px;background:var(--accent)}.route-mark{position:absolute;top:65px;right:50px;display:flex;gap:7px;align-items:center}.route-mark span{width:8px;height:8px;border-radius:50%;background:#93d8ff}.route-mark span:nth-child(2){height:1px;width:38px}.visual-grid{position:absolute;bottom:68px;left:20%;right:20%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.visual-grid i{height:3px;background:rgba(236,215,255,.35)}.project-number{color:var(--accent);font-size:13px;font-weight:600;margin-bottom:12px}.project-number span{color:#668a9d}.project-copy h3{font:800 clamp(32px,3vw,43px)/1.2 Arial,sans-serif;letter-spacing:-1px;margin:0 0 18px;direction:ltr;text-align:right}.project-copy>p{color:#a5bbc7;margin:0 0 18px;font-size:16px;line-height:2}.project-copy .contribution{border-right:2px solid var(--accent);padding-right:16px;color:#c3d2d9}.contribution span{display:block;color:var(--accent);font-size:13px;font-weight:700}.tags{list-style:none;margin:21px 0 25px;padding:0;display:flex;flex-wrap:wrap;gap:9px}.tags li{direction:ltr;font:500 12px/1.4 Arial,sans-serif;background:#173245;color:#b2d5d4;padding:7px 11px;border-radius:4px}.project-link{display:inline-flex;align-items:center;gap:22px;color:var(--accent);font-weight:700;font-size:14px;border-bottom:1px solid rgba(88,230,195,.5);padding-bottom:6px}.project-link:hover{color:#fff;border-color:#fff}.more-work{margin-top:84px;border-top:1px solid var(--line)}.more-work>p{font-size:14px;color:var(--accent);margin:28px 0 5px}.more-work>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}.more-work a{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 0}.more-work a:hover{color:var(--accent)}.more-work span{font:700 20px Arial,sans-serif;direction:ltr}.more-work small{color:#829ead;font-size:13px}.more-work b{margin-right:auto;font-size:18px;font-weight:400}
.section-about{border-top:1px solid rgba(92,134,155,.13)}.about-grid{display:grid;grid-template-columns:.65fr 1fr;gap:120px}.about-copy>p{color:#b1c3cc;font-size:17px;line-height:2.1;margin:0 0 23px}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.skill-groups h3{font-size:15px;margin:0 0 10px;color:var(--accent)}.skill-groups p{font:500 14px/2 Arial,Tahoma,sans-serif;color:#9bb4c0;margin:0;direction:ltr;text-align:right}.section-experience{background:var(--bg2);border-top:1px solid rgba(92,134,155,.12)}.experience-grid{display:grid;grid-template-columns:.65fr 1fr;gap:120px}.experience-intro>p:last-child{color:var(--muted);max-width:310px}.timeline{border-right:1px solid #345165}.timeline article{padding:0 31px 36px;position:relative}.timeline article:last-child{padding-bottom:0}.timeline-marker{position:absolute;right:-6px;top:8px;width:11px;height:11px;border-radius:50%;border:2px solid var(--accent);background:var(--bg2)}.timeline-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.timeline h3{font:700 20px/1.4 Arial,Tahoma,sans-serif;margin:0;direction:ltr;text-align:right}.timeline-head>span{font-size:12px;color:#91aab5;white-space:nowrap}.company{color:var(--accent)!important;font-size:14px!important;margin:7px 0 13px!important}.timeline p{color:#a8bdc8;margin:0;line-height:2}
.contact-section{padding:125px 0 140px;text-align:center;position:relative;overflow:hidden}.contact-section::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(23,144,132,.18),transparent 68%);top:0;left:50%;transform:translateX(-50%);pointer-events:none}.contact-inner{position:relative}.contact-inner .section-kicker{text-align:center}.contact-inner h2{font-size:clamp(40px,5.5vw,76px);line-height:1.4;letter-spacing:-3px;margin:0 0 22px}.contact-inner h2 span{color:var(--accent)}.contact-inner>p:not(.section-kicker){max-width:560px;margin:0 auto 33px;color:#a9bec8;line-height:2}.contact-email{display:inline-flex;align-items:center;gap:14px;font:600 clamp(17px,2.3vw,27px)/1.5 Arial,sans-serif;direction:ltr;color:#e4f3f3;border-bottom:1px solid var(--accent);padding-bottom:8px;max-width:100%;overflow-wrap:anywhere}.contact-email:hover{color:var(--accent)}.contact-links{display:flex;justify-content:center;gap:28px;margin-top:34px}.contact-links a{font-size:14px;color:#9bb5bf}.contact-links a:hover{color:var(--accent)}.contact-links span{margin-right:5px}.site-footer{border-top:1px solid var(--line);padding:26px 0;color:#718f9e;font-size:12px}.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer a:hover{color:var(--accent)}
@media(max-width:1080px){.header-inner{gap:25px}.site-nav{gap:19px}.hero{gap:35px;grid-template-columns:1.1fr .8fr}.hero h1{font-size:clamp(46px,6vw,70px)}.hero-aside{height:460px}.hero-facts{gap:22px}.project{gap:42px}.about-grid,.experience-grid{gap:65px}}
@media(max-width:820px){.shell{width:min(100% - 42px,1240px)}.site-header{height:72px}.brand-name{display:none}.site-nav{position:absolute;top:72px;left:0;right:0;background:#0a1a2b;border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;padding:12px 21px 20px;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:10px 0}.header-resume{margin-right:auto}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer}.menu-toggle span{width:22px;height:2px;background:var(--accent);display:block}.hero{min-height:auto;grid-template-columns:1fr;padding-top:72px;gap:48px}.hero-aside{height:350px;max-width:570px;width:100%;margin:auto}.orbit-ring{width:220px;height:220px}.orbit-two{width:265px;height:265px}.orbit-core{width:115px;height:115px;font-size:44px;border-radius:24px}.scroll-cue{display:none}.hero-facts{margin-top:45px}.section{padding-block:82px}.project{grid-template-columns:1fr;gap:25px}.project-reverse .project-visual,.project-reverse .project-copy{order:initial}.project-visual{height:360px}.about-grid,.experience-grid{grid-template-columns:1fr;gap:40px}.section-heading{align-items:start;flex-direction:column;gap:18px}.more-work>div{grid-template-columns:1fr;gap:0}}
@media(max-width:550px){.shell{width:min(100% - 34px,1240px)}.header-resume{font-size:12px;padding:7px 10px}.brand-mark{width:40px;height:40px}.hero{padding-top:60px;padding-bottom:80px}.hero h1{font-size:clamp(44px,12vw,65px);letter-spacing:-3px;white-space:normal}.hero h2{font-size:30px}.hero-description{font-size:16px}.hero-actions{gap:19px;flex-wrap:wrap}.button{min-height:52px;padding:0 18px}.hero-facts{gap:14px;justify-content:space-between}.hero-facts strong{font-size:15px}.hero-facts span{font-size:11px}.hero-aside{height:290px}.aside-top,.aside-bottom{left:16px;right:16px;font-size:9px}.live-indicator{font-size:8px}.orbit-ring{width:180px;height:180px}.orbit-two{width:215px;height:215px}.orbit-core{width:94px;height:94px;font-size:35px}.project-visual{height:290px}.visual-title{font-size:64px}.visual-taxi .visual-title{font-size:57px}.projects{gap:65px}.skill-groups{grid-template-columns:1fr;gap:21px}.timeline-head{align-items:start;flex-direction:column;gap:3px}.contact-section{padding:95px 0 105px}.contact-inner h2{letter-spacing:-2px}.contact-email{font-size:16px}.site-footer .shell{flex-direction:column;text-align:center;gap:7px}.more-work a{flex-wrap:wrap}.more-work small{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Language and appearance controls */
.header-tools{display:flex;align-items:center;gap:8px;direction:ltr}
.page-glow{position:fixed}
.header-tools button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.header-tools button:hover{background:rgba(88,230,195,.12);border-color:var(--accent);color:var(--accent)}
.language-toggle{font:700 12px/1 Arial,sans-serif!important;letter-spacing:.3px}
.theme-toggle{font:400 21px/1 Arial,sans-serif!important}

/* The layout mirrors with the document direction when English is selected. */
.lang-en .site-nav{margin-right:0;margin-left:auto}
.lang-en .eyebrow{justify-content:flex-start;text-align:left}
.lang-en .eyebrow-no{margin-left:auto}
.lang-en .hero h1{font-size:clamp(47px,5.4vw,76px);letter-spacing:-3px;white-space:normal}
.lang-en .hero h2{letter-spacing:-1.5px}
.lang-en .hero-facts strong,.lang-en .skill-groups p,.lang-en .project-copy h3{text-align:left}
.lang-en .section-kicker{text-align:left}
.lang-en .project-copy .contribution{border-right:0;padding-right:0;border-left:2px solid var(--accent);padding-left:16px}
.lang-en .more-work b{margin-right:0;margin-left:auto}
.lang-en .timeline{border-right:0;border-left:1px solid #345165}
.lang-en .timeline article{padding:0 31px 36px}
.lang-en .timeline article:last-child{padding-bottom:0}
.lang-en .timeline-marker{right:auto;left:-6px}
.lang-en .timeline h3{text-align:left}
.lang-en .contact-inner .section-kicker{text-align:center}
.lang-en .contact-links span{margin-right:0;margin-left:5px}
@media(max-width:820px){.lang-en .header-resume{margin-right:0;margin-left:auto}}
@media(max-width:550px){.header-inner{gap:12px}.header-tools{gap:5px}.header-tools button{width:34px;height:34px}.header-resume{margin-right:auto}.lang-en .header-resume{margin-left:auto}.lang-en .hero h1{font-size:clamp(43px,11vw,60px)}.lang-en .hero h2{font-size:28px}}

/* Light palette keeps the project artwork dark so its lettering stays legible. */
html[data-theme="light"]{color-scheme:light;--bg:#f5fafb;--bg2:#eaf3f6;--panel:#fff;--line:#c7dbe2;--text:#102b3b;--muted:#496978;--accent:#087d76;--accent2:#0c756f}
html[data-theme="light"] body{background:var(--bg)}
html[data-theme="light"] body::before{opacity:.17}
html[data-theme="light"] .page-glow{background:radial-gradient(circle,rgba(49,176,169,.16),transparent 67%)}
html[data-theme="light"] .site-header{background:rgba(247,251,252,.92);border-color:#d5e4e9}
html[data-theme="light"] .site-nav a{color:#486573}
html[data-theme="light"] .site-nav a:hover,html[data-theme="light"] .site-nav a.active{color:var(--accent)}
html[data-theme="light"] .brand-mark{background:#e9f6f4}
html[data-theme="light"] .brand-dot{color:#163848}
html[data-theme="light"] .header-resume{border-color:#459e99}
html[data-theme="light"] .header-tools button:hover{background:#def3f0}
html[data-theme="light"] .hero h2{color:#264454}
html[data-theme="light"] .hero h2 em{color:#67828f}
html[data-theme="light"] .hero-description{color:#4e6978}
html[data-theme="light"] .hero-description bdi{color:#153747}
html[data-theme="light"] .button-primary{color:#fff}
html[data-theme="light"] .text-link{color:#153747;border-color:#8aa9b4}
html[data-theme="light"] .text-link:hover{color:var(--accent);border-color:var(--accent)}
html[data-theme="light"] .hero-facts span,html[data-theme="light"] .scroll-cue{color:#5c7886}
html[data-theme="light"] .hero-aside{border-color:#437980;box-shadow:0 35px 70px rgba(19,76,90,.14)}
html[data-theme="light"] .hero-aside .live-indicator{color:#58e6c3}
html[data-theme="light"] .hero-aside .live-indicator i{background:#58e6c3;box-shadow:0 0 10px #58e6c3}
html[data-theme="light"] .hero-aside .orbit-star{color:#58e6c3}
html[data-theme="light"] .section-work{background:linear-gradient(180deg,#f1f8fa,#e9f3f6);border-color:#d5e4e9}
html[data-theme="light"] .section-heading>p,html[data-theme="light"] .project-copy>p,html[data-theme="light"] .about-copy>p,html[data-theme="light"] .timeline p,html[data-theme="light"] .contact-inner>p:not(.section-kicker){color:#4e6a78}
html[data-theme="light"] .project-copy .contribution{color:#304e5d}
html[data-theme="light"] .project-number span,html[data-theme="light"] .more-work small{color:#6c8995}
html[data-theme="light"] .tags li{background:#d9efed;color:#235b5c}
html[data-theme="light"] .skill-groups p{color:#597584}
html[data-theme="light"] .section-experience{background:var(--bg2)}
html[data-theme="light"] .timeline{border-color:#a8c5ce}
html[data-theme="light"] .timeline-marker{background:var(--bg2)}
html[data-theme="light"] .timeline-head>span{color:#698693}
html[data-theme="light"] .contact-section::before{background:radial-gradient(circle,rgba(52,184,166,.14),transparent 68%)}
html[data-theme="light"] .contact-email{color:#183c4d}
html[data-theme="light"] .contact-email:hover{color:var(--accent)}
html[data-theme="light"] .contact-links a,html[data-theme="light"] .site-footer{color:#637f8d}
html[data-theme="light"] .site-nav.open{background:#f7fbfc}

/* Keep longer project summaries readable in both languages. */
.more-work a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:start;padding:20px 0}
.more-work a span{grid-column:1;grid-row:1}
.more-work a small{grid-column:1/-1;grid-row:2;line-height:1.7;font-size:14px;max-width:52ch}
.more-work a b{grid-column:2;grid-row:1;margin:0}
@media(max-width:550px){.more-work a small{width:auto;order:initial}}