/* Dynamic layer — inspired by the logo's coloured particles */
.site-header { position: fixed; backdrop-filter: blur(0); transition: background .35s, height .35s, padding .35s, border-color .35s; }
.site-header.is-scrolled { background: rgba(247,244,237,.82); backdrop-filter: blur(14px); height: 74px; border-color: rgba(5,5,5,.1); }
.site-header.is-scrolled .brand { transform: scale(.88); transform-origin: left center; }
.site-header a { transition: color .2s, transform .2s; }
.site-header nav a:hover { color: var(--red); transform: translateY(-2px); }
.hero { isolation: isolate; background: radial-gradient(circle at 74% 54%, rgba(255,167,19,.18), transparent 18%), radial-gradient(circle at 20% 72%, rgba(31,87,239,.11), transparent 24%); }
.visual-lab { background:var(--ink); color:var(--paper); padding:120px 9.5vw 145px; overflow:hidden; }
.languages { background:var(--yellow); padding:125px 9.5vw; display:grid; grid-template-columns:1.15fr .75fr; gap:7vw; position:relative; }.languages h2 { font-size:clamp(40px,6.1vw,88px); line-height:.9; letter-spacing:-.07em; margin:53px 0 0; }.languages h2 span { color:var(--red); }.language-copy { padding-top:60px; font-size:17px; line-height:1.42; }.scripts { display:flex; flex-wrap:wrap; gap:7px; margin-top:28px; }.scripts span { background:var(--ink); color:var(--paper); padding:8px 10px; font:11px 'DM Mono',monospace; }.language-note { grid-column:1/-1; display:grid; grid-template-columns:1.15fr .75fr; gap:7vw; padding-top:35px; border-top:1px solid rgba(5,5,5,.5); }.language-note b { font:12px 'DM Mono',monospace; }.language-note p { max-width:400px; margin:0; font-size:14px; line-height:1.4; }.contact-details { display:flex; gap:24px; margin-top:22px; }.contact-details a { color:var(--ink); font:11px 'DM Mono',monospace; text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:4px; }
@media(max-width:700px){.visual-lab{padding:85px 5vw}.languages{padding:85px 5vw;grid-template-columns:1fr;gap:0}.language-copy{padding-top:35px}.language-note{display:block;padding-top:25px}.language-note p{margin-top:18px}.contact-details{flex-direction:column;gap:12px}.site-header.is-scrolled{height:64px}}