:root{color-scheme:light;--paper:#f6f5ef;--surface:#fbfaf6;--band:#ecebe3;--ink:#171a1d;--muted:#565b60;--line:#d9dad4;--blue:#263e61;--accent:#31597f;--soft-blue:#e5edf5;--green:#285a45;--green-bg:#e4eee7;--amber:#775015;--amber-bg:#f4ead3;--focus:#b04d12;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
[data-theme=dark]{color-scheme:dark;--paper:#141a22;--surface:#1b2430;--band:#202b38;--ink:#f0f2f4;--muted:#b8c1cc;--line:#415064;--blue:#202f47;--accent:#a6c7ea;--soft-blue:#283e55;--green:#c0e7cd;--green-bg:#244234;--amber:#f4d99c;--amber-bg:#4a3b24;--focus:#f5bb69}
*{box-sizing:border-box}html{scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.2em}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,ul,figure{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.3vw,4.5rem);font-weight:600}h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:600}h3{font-size:1.3rem;letter-spacing:-.02em}p+ p{margin-top:1.2rem}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:3px}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:8px;left:12px;z-index:100;transform:translateY(-160%);padding:12px 20px;background:var(--surface);color:var(--ink);border:2px solid var(--accent);font-weight:600}.skip-link:focus{transform:none}main:focus{outline:none}.site-header{background:var(--blue);color:#f4f5f7}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 20px/1 var(--mono);text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:44px}.brand-mark{border:1px solid #b4c4d7;border-radius:3px;padding:5px 4px;font-size:13px;font-weight:400}.brand small{font-size:13px;color:#d0d9e5}.header-controls,.main-nav,.languages{display:flex;align-items:center;gap:8px}.main-nav a,.languages a,.languages span,.theme-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:4px;text-decoration:none;font-size:14px}.main-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.main-nav a:hover,.languages a:hover,.theme-toggle:hover{background:#354e72}.languages{gap:0;margin-left:16px}.languages span{background:#f1f4f8;color:#233956;min-width:44px;font-weight:650}.languages a{min-width:44px}.theme-toggle{background:transparent;border:1px solid #71849d;color:inherit;gap:6px;margin-left:4px}.theme-toggle svg{width:16px;height:16px}.site-header :focus-visible{outline-color:#ffcf87}.eyebrow{display:block;color:var(--accent);font:500 12px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px}.hero{padding:64px 0 48px;border-bottom:1px solid var(--line)}.hero h1{max-width:850px}.hero h1 span{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:26px}.hero p{max-width:610px;color:var(--muted);font-size:18px;line-height:1.65}.hero-note{font:13px/1.7 var(--mono);color:var(--muted);white-space:nowrap}.section{padding-block:56px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading p{color:var(--muted);margin-top:12px;max-width:620px}.count{font:13px var(--mono);color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;transition:box-shadow 150ms,border-color 150ms}.project-card:hover{border-color:var(--accent);box-shadow:0 5px 18px #00000012}.card-image{aspect-ratio:16/10;overflow:hidden;background:var(--band);border-bottom:1px solid var(--line)}.card-image img{width:100%;height:100%;object-fit:contain}.card-content{padding:22px;display:flex;flex-direction:column;flex:1}.badge{display:inline-flex;align-items:center;align-self:start;gap:7px;max-width:100%;border-radius:4px;padding:5px 9px;font-size:12px;line-height:1.5;font-weight:600;color:var(--accent);background:var(--soft-blue)}.badge::before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.badge[data-availability=online],.badge[data-availability=app-store]{color:var(--green);background:var(--green-bg)}.badge[data-availability=paused]{color:var(--amber);background:var(--amber-bg)}.card-content h3{margin:17px 0 12px}.card-content p{color:var(--muted);font-size:15px;line-height:1.6}.card-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:24px;color:var(--accent);font-size:14px;font-weight:600}.journal-section{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journal{list-style:none;padding:0}.journal li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:23px 0;border-top:1px solid var(--line)}.journal time{color:var(--muted);font:12px/1.7 var(--mono)}.journal a{font-weight:600;text-decoration-thickness:1px}.journal p{margin-top:6px;max-width:760px;font-size:15px;color:var(--muted)}.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-strip p{margin-top:12px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:11px 18px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:4px;font-weight:600;text-decoration:none;font-size:15px;line-height:1.5}.button:hover{background:#354f72}.button.secondary{background:transparent;color:var(--accent);border-color:var(--line)}.button.secondary:hover{background:var(--soft-blue)}.project-actions{display:flex;flex-wrap:wrap;gap:12px}.site-footer{border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-links a{padding-block:10px}.footer-inner p{max-width:540px}.back-link{display:inline-block;color:var(--accent);margin-bottom:28px;padding-block:8px;font-size:14px}.project-hero{padding-block:36px 52px}.project-lead{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.project-lead h1{font-size:clamp(2.5rem,4.5vw,3.8rem);margin:20px 0}.project-lead .description{font-size:18px;color:var(--muted);margin-bottom:24px}.project-lead figure{min-width:0}.project-lead figure img{width:100%;max-height:430px;object-fit:contain;background:var(--band);border:1px solid var(--line);border-radius:6px}.project-lead figcaption,.gallery figcaption{font-size:13px;color:var(--muted);line-height:1.55;margin-top:12px}.availability-note{margin-top:16px;font-size:14px;color:var(--muted)}.details-band{background:var(--band);border-block:1px solid var(--line);padding-block:22px}.details-list{display:flex;gap:48px;flex-wrap:wrap;margin-block:0}.details-list div{min-width:0}.details-list dt{font-size:12px;color:var(--muted);margin-bottom:4px}.details-list dd{margin:0;font-size:14px;font-weight:500}.prose{max-width:780px}.prose h2{margin-bottom:24px}.prose p{font-size:18px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.state-card{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:6px}.state-card h3{margin-bottom:20px}.state-card ul{padding-left:20px}.state-card li{margin:12px 0;color:var(--muted);font-size:15px}.section-intro{color:var(--muted);margin-top:16px;max-width:750px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.gallery figure{min-width:0}.gallery img{width:100%;height:380px;object-fit:contain;background:var(--band);border:1px solid var(--line);border-radius:6px}.about-hero{padding-block:64px 48px;border-bottom:1px solid var(--line)}.about-hero p{font-size:20px;color:var(--muted);max-width:720px;margin-top:24px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:36px 48px;margin-top:36px}.principles article{padding-top:22px;border-top:1px solid var(--line)}.principles h3{margin-bottom:14px}.principles p{color:var(--muted);max-width:520px}.error-page{min-height:60vh;padding-block:80px}.error-page p{margin:24px 0;color:var(--muted)}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-lead{gap:28px}.hero-note{white-space:normal;max-width:150px}.header-controls{gap:2px}.languages{margin-left:8px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:4px;min-height:108px;padding-block:10px}.brand{font-size:18px}.header-controls{display:contents}.main-nav{order:3;width:100%;justify-content:center}.main-nav a{flex:1}.languages{margin-left:auto}.theme-toggle{padding:8px;min-width:44px}.theme-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero{padding:40px 0 32px}.hero h1{font-size:clamp(2.35rem,9vw,3.3rem)}.hero-bottom{display:block;margin-top:22px}.hero p{font-size:17px}.hero-note{max-width:none;margin-top:18px;display:block}.section{padding-block:38px}.section-heading{align-items:start;gap:16px}.section-heading .count{padding-top:8px}.project-grid{gap:18px}.card-content{padding:18px}.journal li{grid-template-columns:1fr;gap:10px;padding:21px 0}.contact-strip,.footer-inner{align-items:start;flex-direction:column}.contact-strip .button{margin-top:8px}.footer-links{gap:20px}.project-lead{grid-template-columns:1fr;gap:32px}.project-hero{padding-block:20px 36px}.project-lead h1{font-size:2.65rem}.state-grid,.principles{grid-template-columns:1fr;gap:24px}.state-card{padding:24px}.details-list{gap:20px 36px}.gallery{grid-template-columns:1fr}.gallery img{height:auto;max-height:500px}.about-hero{padding-block:40px}.about-hero p{font-size:18px}.prose p{font-size:17px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.card-content{padding:22px}.card-image{aspect-ratio:16/9}.hero h1{letter-spacing:-.045em}.section-heading{flex-wrap:wrap;gap:12px}.section-heading .count{padding-top:0}.languages a,.languages span{padding-inline:9px;min-width:40px}.brand{gap:7px}.theme-toggle{margin-left:2px}.button{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}