:root{--header-height:88px;--heading-height:224px;--heading-size:clamp(36px,5vw,68px);--page-bg:#fff;--page-ink:#111;--page-muted:#515761;--surface:#f4f5f8;--page-accent:#073cf5;--footer-rule:#dce0e8;color-scheme:light}
html,body{background:var(--page-bg)!important;color:var(--page-ink)!important}
/* A fixed rhythm at each breakpoint, shared by every section header. */
#app .site-header{box-sizing:border-box!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:20px!important;height:var(--header-height)!important;min-height:var(--header-height)!important;max-height:var(--header-height)!important;padding:16px var(--gutter,4vw)!important;border:0!important}
#app .site-header .wordmark{display:flex!important;align-items:center!important;gap:10px!important;font:700 clamp(14px,1.5vw,22px)/1 'Satoshi',Arial,sans-serif!important;white-space:nowrap!important}
#app .site-header .wordmark-logo{width:32px!important;height:32px!important;object-fit:contain!important}
#app .site-header .site-nav{display:flex!important;align-items:center!important;gap:clamp(14px,2vw,30px)!important;flex-wrap:nowrap!important;margin-left:auto!important}
#app .site-header .site-nav button{font:700 12px/1.2 'Satoshi',Arial,sans-serif!important;letter-spacing:.025em!important;min-height:44px!important;padding:8px 0!important;white-space:nowrap}
#app .site-header .header-contact{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:112px!important;padding:10px 14px!important;font:700 12px/1.2 'Satoshi',Arial,sans-serif!important;border-radius:8px!important;box-sizing:border-box!important;white-space:nowrap}
#app .site-header .header-back-button{flex:0 0 32px!important;width:32px!important;height:44px!important;min-width:32px!important;margin:0!important;padding:0!important;font-size:30px!important}
#app .site-header .crumb{display:none!important}
#app :is(.category-menu-heading,.archive-heading){box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;height:var(--heading-height)!important;min-height:var(--heading-height)!important;max-height:var(--heading-height)!important;padding:32px var(--gutter,4vw)!important;margin:0!important;background:#073cf5!important;color:#fff!important;border:0!important}
#app :is(.category-menu-heading,.archive-heading) h1,#app #case-title{font:700 var(--heading-size)/1.05 'Clash Display',Arial,sans-serif!important;letter-spacing:.015em!important;margin:0!important;overflow-wrap:normal!important}
#app :is(.category-menu-heading,.archive-heading) h1,#app :is(.category-menu-heading,.archive-heading) .eyebrow,#app :is(.category-menu-heading,.archive-heading) .mono,#app .archive-counter{color:#fff!important}
#app :is(.category-menu-heading,.archive-heading) .eyebrow{display:block!important;font:500 12px/1.4 'Satoshi',Arial,sans-serif!important;letter-spacing:.08em!important;margin:0 0 16px!important}
#app :is(.category-menu-heading,.archive-heading)>.mono,#app .archive-counter{font:500 12px/1.4 'Satoshi',Arial,sans-serif!important;letter-spacing:.04em!important;white-space:nowrap}
#personal-view .personal-archive-shell{padding-top:0!important}
#personal-view .archive-heading{margin-left:calc(-1 * var(--gutter))!important;margin-right:calc(-1 * var(--gutter))!important;width:calc(100% + 2 * var(--gutter))!important}
/* Shared footer, including the landing's compact variant. */
#app .global-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px 32px!important;margin:64px 0 0!important;padding:32px var(--gutter,4vw)!important;border-top:1px solid var(--footer-rule)!important;background:var(--page-bg)!important;color:var(--page-ink)!important;font:400 12px/1.5 'Satoshi',Arial,sans-serif!important}
#app .footer-identity{display:flex;flex-direction:column;gap:6px;color:var(--page-muted)}
#app .footer-links,#app .global-footer .footer-social{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:12px 24px!important}
#app .global-footer .footer-social{grid-column:1/-1}
#app .global-footer a,#app .global-footer button{font:500 12px/1.5 'Satoshi',Arial,sans-serif!important;color:var(--page-ink)!important;text-decoration:none!important;letter-spacing:0!important;min-height:32px!important;display:inline-flex;align-items:center}
#app .global-footer .theme-toggle{border:1px solid var(--footer-rule)!important;border-radius:6px!important;background:transparent!important;padding:6px 12px!important;cursor:pointer}
#app .global-footer a:hover{color:var(--page-accent)!important}
#home-view .global-footer{flex:0 0 auto!important;grid-template-columns:minmax(0,1fr) auto!important;margin:0!important;padding:12px var(--gutter,4vw) 16px!important;gap:8px 24px!important}
#home-view .global-footer .footer-social{grid-column:2;grid-row:2;justify-content:flex-end!important}
#home-view .global-footer .footer-links{grid-column:2;grid-row:1;justify-content:flex-end!important}
#home-view .global-footer .footer-identity{grid-column:1;grid-row:1/3}
#home-view .global-footer{background:transparent!important;border:0!important}
:root[data-theme='light'] #home-view .global-footer,:root[data-theme='light'] #home-view .global-footer a,:root[data-theme='light'] #home-view .global-footer button,:root[data-theme='light'] #home-view .footer-identity{color:#fff!important}
:root[data-theme='light'] #home-view .global-footer .theme-toggle{border-color:#ffffff70!important}
/* About uses the same grid and type rhythm as the project archive. */
#about-view,#privacy-view{background:var(--page-bg)!important;color:var(--page-ink)!important;min-height:100svh}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:56px var(--gutter,4vw);align-items:start}
.about-portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.about-copy{padding:8px 0}
.about-copy h2{font:700 clamp(28px,3vw,44px)/1.1 'Clash Display',Arial,sans-serif;letter-spacing:.01em;margin:0 0 28px}
.about-copy>p,.privacy-copy p{font:400 17px/1.65 'Satoshi',Arial,sans-serif;max-width:60ch;margin:0 0 20px}
.about-background{margin:36px 0;display:grid;gap:28px}
.about-background h3{font:700 14px/1.5 'Satoshi',Arial,sans-serif;margin:0 0 16px;color:var(--page-accent)}
.about-background p{display:flex;flex-direction:column;gap:5px;margin:0 0 16px;font:400 15px/1.5 'Satoshi',Arial,sans-serif}
.about-background p span{color:var(--page-muted)}
.about-topics{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.about-topics span{border:1px solid var(--footer-rule);border-radius:6px;padding:6px 10px;font:500 12px/1.4 'Satoshi',Arial,sans-serif}
.about-contact,.about-linkedin{display:block;width:fit-content;color:var(--page-accent);font:700 18px/1.5 'Satoshi',Arial,sans-serif;margin:16px 0;text-decoration:none}
.about-linkedin{font-size:14px;font-weight:500}
.privacy-copy{max-width:850px;padding:48px var(--gutter,4vw);margin:auto;box-sizing:content-box}
.privacy-copy h2{font:700 22px/1.3 'Clash Display',Arial,sans-serif;margin:32px 0 16px}.privacy-copy h2:first-child{margin-top:0}.privacy-copy a{color:var(--page-accent)}
/* Dark surfaces keep the original images, videos and cobalt project bands intact. */
@media(max-width:1000px) and (min-width:701px){#app .site-header{gap:12px!important}#app .site-header .wordmark>span{display:none!important}#app .site-header .site-nav{gap:16px!important}}
@media(max-width:700px){:root{--header-height:116px;--heading-height:176px;--heading-size:clamp(28px,7.5vw,44px)}#app .site-header{flex-wrap:wrap!important;align-content:center!important;gap:4px 10px!important;padding:10px 5vw!important}#app .site-header .wordmark{font-size:13px!important;gap:6px!important}#app .site-header .wordmark-logo{width:26px!important;height:26px!important}#app .site-header .site-nav{order:10!important;width:100%!important;justify-content:space-between!important;gap:8px!important;margin:0!important}#app .site-header .site-nav button{font-size:10px!important;min-height:36px!important;padding:8px 0!important}#app .site-header .header-contact{margin-left:auto!important;min-width:98px!important;min-height:38px!important;font-size:10px!important;padding:8px!important}#app .site-header .header-back-button{flex-basis:26px!important;width:26px!important;min-width:26px!important}#app :is(.category-menu-heading,.archive-heading){padding:24px 5vw!important;gap:12px!important;flex-wrap:wrap!important;align-content:center!important}#app :is(.category-menu-heading,.archive-heading) .eyebrow{margin-bottom:12px!important}#app :is(.category-menu-heading,.archive-heading)>.mono,#app .archive-counter{font-size:11px!important}#app .global-footer{grid-template-columns:1fr!important;gap:20px!important;margin-top:40px!important;padding:24px 5vw!important}#app .global-footer .footer-links,#app .global-footer .footer-social{grid-column:1!important;grid-row:auto!important;justify-content:flex-start!important;gap:10px 16px!important}#home-view .global-footer{padding:8px 5vw 12px!important;gap:8px!important;margin:0!important}#home-view .global-footer .footer-identity{grid-row:auto!important;font-size:10px!important}#home-view .global-footer a,#home-view .global-footer button{font-size:10px!important;min-height:28px!important}#home-view .global-footer .footer-social{display:none!important}#home-view .global-footer .footer-links{justify-content:space-between!important;gap:8px!important}.about-layout{grid-template-columns:1fr;gap:32px;padding:32px 5vw}.about-portrait{max-height:65svh;object-position:center 35%}.about-copy h2{font-size:32px}.privacy-copy{padding:32px 5vw}.privacy-copy p,.about-copy>p{font-size:16px}#home-view .home-stage{padding-top:24px!important}#home-view .landing-areas{margin-top:24px!important}#home-view .home-mascot{width:104px!important;bottom:8px!important}}
@media(max-width:700px) and (max-height:700px){#home-view .landing-name h1{font-size:13vw!important}#home-view .landing-name p{margin-bottom:10px!important}#home-view .landing-areas{margin-top:16px!important}#home-view .landing-areas button{min-height:42px!important;font-size:21px!important}#home-view .home-mascot{width:80px!important;bottom:4px!important}}
#app .view::before,#app .view::after{display:none!important;content:none!important}
#app .language-switch{display:inline-flex;gap:2px;border:1px solid var(--footer-rule);border-radius:6px;padding:2px;align-items:center}
#app .language-switch button{appearance:none;border:0;background:transparent;border-radius:4px;padding:4px 8px;cursor:pointer;min-width:32px;justify-content:center}
#app .language-switch button[aria-pressed='true']{background:var(--page-ink)!important;color:var(--page-bg)!important}
:root[data-theme='light'] #home-view .language-switch{border-color:#ffffff70}
:root[data-theme='light'] #home-view .language-switch button[aria-pressed='true']{background:#fff!important;color:#073cf5!important}
@media(max-width:700px){#home-view .global-footer .footer-links{display:grid!important;grid-template-columns:1fr auto!important;gap:6px 12px!important;width:100%}#home-view .global-footer .footer-social{display:flex!important;justify-content:space-between!important;width:100%}}
#app .site-header>div{flex:0 1 auto!important;width:auto!important;min-width:0!important}
@media(max-width:420px){#app .site-header{gap:4px 8px!important}#app .site-header .wordmark{font-size:11px!important;gap:4px!important}#app .site-header .wordmark-logo{width:24px!important;height:24px!important}#app .site-header .header-contact{min-width:88px!important}#app .site-header .header-back-button{flex-basis:24px!important;width:24px!important;min-width:24px!important}}
#app .site-header .header-back-button{order:0!important}#app .site-header>div,#app .site-header>.wordmark{order:1!important}#app .site-header .site-nav{order:2!important}#app .site-header .header-contact{order:3!important}
#app .site-header .site-nav button,#app .site-header .site-nav button:hover{text-decoration:none!important;border:0!important}#app .site-header .site-nav button::after{display:none!important}
@media(max-width:700px){#app .site-header .site-nav{order:10!important}}
/* Language is a compact, explicit choice with matching rounded controls. */
#app .language-switch{gap:4px;border:0;padding:0;border-radius:8px}
#app .language-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px!important;padding:7px 10px!important;border:1px solid #c9d1df!important;border-radius:8px!important;background:transparent!important;color:#515761!important;font-weight:500!important}
#app .language-switch svg{display:block;width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #00000012}
#app .language-switch button[aria-pressed='true']{background:#073cf5!important;color:#fff!important;border-color:#073cf5!important}
#home-view .language-switch button{border-color:#ffffff80!important;color:#fff!important}
#home-view .language-switch button[aria-pressed='true']{background:#fff!important;color:#073cf5!important;border-color:#fff!important}
/* Landing typography: name first, restrained role, one clear entry per area. */
#home-view .landing-name p{font:500 clamp(14px,1.3vw,18px)/1.4 'Satoshi',Arial,sans-serif!important;letter-spacing:.02em!important;opacity:.85}
#home-view .landing-name h1{letter-spacing:-.025em!important;line-height:.96!important}
#home-view .landing-name h1 .name-word+.name-word{margin-top:0!important}
#home-view .landing-areas button{font-family:'Satoshi',Arial,sans-serif!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important}
#home-view .landing-areas button:focus-visible{outline:2px solid #fff!important;outline-offset:6px!important;border-radius:4px}
@media(min-width:701px){#home-view .landing-areas button{font-size:clamp(20px,1.9vw,27px)!important}}
@media(max-width:700px) and (min-height:551px){#home-view .landing-name h1{font-size:14.8vw!important;line-height:1!important}#home-view .landing-name p{margin-bottom:16px!important}#home-view .landing-areas{margin-top:28px!important;gap:6px!important}#home-view .landing-areas button{font-size:clamp(22px,6vw,27px)!important;min-height:48px!important}#home-view .global-footer .footer-links{grid-template-columns:auto 1fr!important}#home-view .global-footer .language-switch{justify-self:end}}
@media(max-width:700px) and (max-height:700px){#home-view .landing-name h1{font-size:12.5vw!important}#home-view .landing-areas{margin-top:16px!important;gap:2px!important}#home-view .landing-areas button{font-size:20px!important;min-height:40px!important}}
/* Keep the simplified mobile landing after the shared interface rules. */
@media(max-width:700px){#app #home-view .site-header{height:72px!important;min-height:72px!important;max-height:72px!important;padding:14px 6vw!important;flex-wrap:nowrap!important}#app #home-view .site-header .site-nav{display:none!important}#app #home-view .site-header .header-contact{min-height:36px!important;min-width:94px!important}#app #home-view .home-stage{padding-top:clamp(32px,8svh,68px)!important}#app #home-view .landing-areas{margin-top:30px!important;gap:2px!important}#app #home-view .landing-areas button{font-size:21px!important;min-height:46px!important}#app #home-view .home-mascot{width:96px!important;bottom:10px!important}#app #home-view .global-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:10px 6vw max(14px,env(safe-area-inset-bottom))!important;gap:8px!important}#app #home-view .global-footer .footer-links{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important}#app #home-view .global-footer .footer-social,#app #home-view .global-footer .footer-links>a[href='#privacy']{display:none!important}}
@media(max-width:700px) and (max-height:650px){#app #home-view .home-stage{padding-top:28px!important}#app #home-view .landing-areas{margin-top:24px!important}#app #home-view .landing-areas button{font-size:20px!important;min-height:44px!important}#app #home-view .home-mascot{width:80px!important}}
/* Flag-only language selection; names remain available to assistive technology. */
#app .language-switch button{gap:0!important;width:38px!important;min-width:38px!important;height:34px!important;padding:7px!important}
#app .language-switch svg{width:22px!important;height:15px!important}
/* Mobile home: one compact content group, quiet secondary controls. */
@media(max-width:700px){
 #app #home-view .site-header{height:64px!important;min-height:64px!important;max-height:64px!important;padding:12px 6vw!important}
 #app #home-view .site-header .header-contact{background:transparent!important;border:0!important;min-width:0!important;color:#fff!important;padding:8px 0!important;font-size:11px!important;min-height:36px!important}
 #app #home-view .home-stage{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;padding:20px 6vw 108px!important;gap:0!important}
 #app #home-view .landing-name{align-self:stretch!important}
 #app #home-view .landing-name p{font-size:13px!important;margin-bottom:14px!important}
 #app #home-view .landing-name h1{font-size:14vw!important;line-height:1!important}
 #app #home-view .landing-areas{display:flex!important;flex-direction:column!important;align-items:flex-start!important;align-self:stretch!important;width:100%!important;margin-top:28px!important;gap:0!important;padding:0!important}
 #app #home-view .landing-areas button{font-size:20px!important;min-height:44px!important;padding:9px 0!important;font-weight:500!important}
 #app #home-view .home-mascot{width:84px!important;right:6vw!important;bottom:10px!important}
 #app #home-view .global-footer{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;padding:8px 6vw 16px!important;gap:4px 16px!important}
 #app #home-view .global-footer .footer-links{display:contents!important}
 #app #home-view .global-footer .footer-links>a[href='#about']{grid-column:1!important;grid-row:1!important;justify-self:start;font-size:11px!important;min-height:34px!important}
 #app #home-view .global-footer .language-switch{grid-column:2!important;grid-row:1/3!important;justify-self:end!important}
 #app #home-view .global-footer .footer-identity{grid-column:1!important;grid-row:2!important;font-size:9px!important;opacity:.65}
}
@media(max-width:700px) and (max-height:650px){#app #home-view .home-stage{padding-top:12px!important;padding-bottom:72px!important}#app #home-view .landing-name h1{font-size:13.4vw!important}#app #home-view .landing-areas{margin-top:20px!important}#app #home-view .landing-areas button{font-size:19px!important;min-height:42px!important}#app #home-view .home-mascot{width:64px!important;bottom:4px!important}}