:root{--navy:#2e3a4f;--ink:#172b3d;--blue:#a8cce3;--line:#ccd4da;--paper:#f6f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #1974ae;outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.header{min-height:100px;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:white}.wordmark{display:block;width:142px;height:auto}nav{display:flex;gap:36px}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.languages{display:flex;align-items:center;gap:8px;font-size:13px}.languages button{border:0;background:none;padding:10px 5px;cursor:pointer;color:#52606c}.languages button[aria-pressed=true]{color:var(--navy);font-weight:bold;text-decoration:underline;text-underline-offset:6px}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding:84px 6% 24px;position:relative;overflow:hidden}.hero-copy{padding:10px 0 40px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.5px;margin:0 0 30px}h1{font-size:clamp(42px,5.4vw,82px);line-height:1.08;letter-spacing:-3px;font-weight:400;margin:0 0 30px}.intro{max-width:430px;color:#c4d3df;font-size:18px}.button{display:inline-flex;gap:50px;align-items:center;background:#c8e2f3;color:var(--navy);padding:15px 22px;text-decoration:none;margin-top:25px;font-size:14px}.button:hover{background:white}.identity{align-self:center;justify-self:center;background:white;max-width:390px;padding:35px 40px 20px;transform:rotate(-3deg)}.identity img{display:block;width:100%;height:auto}.identity-label{display:block;text-align:center;color:#233446;font-size:9px;letter-spacing:3px;margin-top:18px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #354657;padding-top:22px;font-size:11px;color:#c4d3df;letter-spacing:.5px}.hero-bottom a{text-decoration:none}.section{padding:96px 8%}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-weight:400;font-size:clamp(34px,3.6vw,54px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 25px}.body-copy{padding-top:40px}.body-copy p{margin-top:0}.muted{color:#596975}.expertise{background:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:center}.section-head>p{max-width:360px;color:#52616e;font-size:15px}.topics{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}article{padding:30px 24px 15px 0}article+article{border-left:1px solid var(--line);padding-left:30px}.number{font-size:12px;color:#5d6b77}h3{font-size:23px;line-height:1.25;font-weight:400;margin-top:35px}article p{font-size:15px;color:#52616e}.tag{display:block;margin-top:35px;font-size:11px;letter-spacing:.4px}.contact{background:#dbe8ef}.contact>p:not(.eyebrow){max-width:500px}.email{font-size:clamp(18px,3.7vw,52px);text-decoration:none;border-bottom:1px solid #9db2bf;display:inline-block;padding:15px 0;overflow-wrap:anywhere}.email span{margin-left:25px}.contact-note{font-size:12px;color:#435b6b}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 6%;font-size:11px}footer img{width:95px;height:auto;display:block}footer a{text-decoration:none}@media(max-width:760px){.header{padding:18px 6%;flex-wrap:wrap;gap:14px}.wordmark{width:110px}nav{order:3;width:100%;justify-content:space-between;gap:12px}nav a{font-size:13px}.hero{padding-top:40px;grid-template-columns:1fr;gap:25px}h1{letter-spacing:-1.5px}.hero-copy{padding-bottom:0}.identity{width:220px;padding:18px 25px 14px;margin-bottom:25px}.hero-bottom{gap:20px;font-size:10px}.section{padding:65px 6%}.about{grid-template-columns:1fr;gap:0}.body-copy{padding-top:10px}.section-head{display:block}.topics{grid-template-columns:1fr}article,article+article{padding:26px 0;border-left:0;border-bottom:1px solid var(--line)}h3{margin-top:15px}.tag{margin-top:15px}footer{flex-wrap:wrap}.email span{margin-left:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Dark identity: original image files remain unchanged. */
:root{color-scheme:dark;--navy:#0b0f16;--ink:#f6f7f9;--line:#374251;--paper:#141c28}
body{background:#0b0f16}
.header{background:#0b0f16;border-bottom:1px solid var(--line);justify-content:flex-start}
.header>a:first-child{margin-right:auto;flex-shrink:0}
.wordmark,footer img,.identity img{filter:invert(1);mix-blend-mode:screen}
.languages button{color:#b7c4d4}
.languages button[aria-pressed=true]{color:#fff}
.hero{background:radial-gradient(ellipse at 85% 40%,#24354c 0,transparent 60%),#0b0f16}
.identity{background:transparent;transform:none}
.identity-label{color:#b7c4d4}
.button{color:#0b0f16}
.about{background:#101720}
.muted,.section-head>p,article p,.number{color:#b7c4d4}
.contact{background:#1b293b}
.contact-note{color:#c4d3df}
.email{border-color:#70829a}
footer{background:#0b0f16;color:#c4d3df}
.skip{background:#f6f7f9;color:#0b0f16}
a:focus-visible,button:focus-visible{outline-color:#a8cce3}
@media(max-width:760px){.header>a:first-child{order:0}.languages{order:1}.header nav{order:2}}
/* VARS institutional v2: layout, navigation and engineering workflow */
:root{--accent:#a8cce3}
body{overflow-wrap:break-word}
.header{position:relative;z-index:2}
.header nav{align-items:center;flex-wrap:wrap;row-gap:8px}
.header nav a{padding:8px 0;transition:color .2s ease}
.header nav a:hover{color:var(--accent)}
.hero{min-height:620px;align-items:center}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(168,204,227,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(168,204,227,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black)}
.hero>*{position:relative}
.hero .intro{max-width:590px}
.button{border-radius:3px;font-weight:700;transition:background .2s ease,transform .2s ease}
.button:hover{transform:translateY(-2px)}
.topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.topics article{border-bottom:1px solid var(--line);padding-bottom:30px}
.topics article:nth-child(4){border-left:0;padding-left:0}
.topics h3{font-weight:600}
.tag{display:inline-flex;text-decoration:none;color:#c8e2f3;border-bottom:1px solid #68869a;padding-bottom:6px}
.tag:hover{color:#fff;border-color:#fff}
.approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:6vw;background:#101720}
.approach-steps{display:grid;gap:0}
.approach-steps>div{border-top:1px solid var(--line);padding:18px 0 25px}
.approach-steps h3{margin:10px 0;font-size:21px}
.approach-steps p{color:#b7c4d4;max-width:500px;font-size:15px}
.step-number{font-size:12px;letter-spacing:2px;color:var(--accent)}
.contact{background:linear-gradient(120deg,#1b293b,#243a50)}
@media(max-width:900px){.topics{grid-template-columns:repeat(2,minmax(0,1fr))}.topics article:nth-child(odd){border-left:0;padding-left:0}.topics article:nth-child(even){border-left:1px solid var(--line);padding-left:24px}.approach{grid-template-columns:1fr}}
@media(max-width:760px){.header nav{justify-content:space-between}.header nav a{font-size:12px}.hero{min-height:0}.topics{grid-template-columns:1fr}.topics article,.topics article:nth-child(even){border-left:0;padding-left:0}.approach{gap:20px}.identity{width:min(65vw,260px)}}
@media(prefers-reduced-motion:reduce){.button,.header nav a{transition:none}.button:hover{transform:none}}