:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#F3F6FC; --ink:#18214D; --muted:#4D5784; --line:#CBD4EA; --signal:#F5C32C; --signal-ink:#18214D; --card:#FFFFFF;}html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Newsreader',Georgia,serif;font-size:1.15rem;line-height:1.6}h1,h2,h3,nav,.btn,.tag{font-family:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif}a{color:inherit}a:focus-visible,.btn:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.wrap{max-width:1040px;margin:0 auto;padding:0 1.5rem}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-weight:500;font-size:1rem}nav .links{display:flex;gap:1.5rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-decoration-color:var(--signal);text-decoration-thickness:3px;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center;padding:3rem 0 4.5rem}h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.98;letter-spacing:-.03em;font-weight:800;margin:0 0 1.5rem}.lede{max-width:34rem;color:var(--muted);margin:0 0 1.75rem}.btn{display:inline-block;background:var(--signal);color:var(--signal-ink);font-weight:700;text-decoration:none;padding:.8rem 1.4rem;border-radius:999px;font-size:1rem}.btn:hover{filter:brightness(1.06)}.egg{width:100%;height:auto;border-radius:18px;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.now{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:1.5rem 0;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.now h2{font-size:1.1rem;margin:0}.now p{margin:0}section.work{padding:4.5rem 0 2rem}section.work>h2{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin:0 0 2.5rem}.case{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem;padding:2.25rem 0;border-top:1px solid var(--line)}.case .thumb{grid-column:2;grid-row:1;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card)}.case:has(.thumb)>div{grid-column:1;grid-row:1/span 2}.case:has(.thumb)>dl{grid-column:2;margin-top:.5rem}.case .thumb img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}.case .thumb.contain img{object-fit:contain;padding:.75rem;box-sizing:border-box}.case .thumb:hover img{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.case .thumb img{transition:none}}.case h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 .75rem}.tag{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.case p{margin:0 0 .75rem}.case dt{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;margin-top:.9rem}.case dt:first-child{margin-top:0}.case dd{margin:0;color:var(--muted)}.case .more{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;display:inline-block;margin-top:1rem;background:var(--signal);color:var(--signal-ink);text-decoration:none;padding:.8rem 1.4rem;border-radius:999px}.case .more:hover{filter:brightness(1.06)}.about{padding:3rem 0 4rem;border-top:2px solid var(--ink);display:grid;grid-template-columns:12rem 1fr;gap:1rem}.about h2{font-size:1.1rem;margin:0}.about p{margin:0 0 1rem;max-width:40rem}.aboutpage{padding:2rem 0 4rem;max-width:46rem}.aboutpage h1{font-size:clamp(2.2rem,6vw,3.6rem)}.aboutpage .wide{width:100%;height:auto;border-radius:18px;display:block}.aboutpage .lead{margin:1.5rem 0 2.5rem}.aboutpage figure{margin:0 0 2.5rem}.aboutpage figcaption h2{font-size:1.4rem;margin:1rem 0 .25rem;letter-spacing:-.02em}.aboutpage figcaption p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:1.5rem 0 2.5rem;color:var(--muted);font-size:1rem}@media (max-width:760px){.hero,.case,.now,.about{grid-template-columns:1fr}.case .thumb,.case:has(.thumb)>div,.case:has(.thumb)>dl{grid-column:1;grid-row:auto}.egg{order:-1}.hero{padding-top:1rem}}.skip{position:absolute;left:-999px;top:0;background:var(--signal);color:var(--signal-ink);padding:.6rem 1rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;z-index:10}.skip:focus{left:0}nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--signal);text-decoration-thickness:3px;text-underline-offset:5px}.err{padding:4rem 0}