@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap');
:root{color-scheme:light;--ink:#453c4b;--muted:#665d6b;--blue:#16769a;--lavender:#abb8ec;--yellow:#e1dc8b;--sky:#5fbeec;--line:#d9d4df;--bg:#faf9f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:var(--blue)}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:3px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--white);padding:12px 16px}.skip-link:focus{top:12px}.site-shell{max-width:1120px;margin:auto;padding:0 28px}.site-header{display:flex;align-items:center;gap:28px;padding:46px 0 36px}.mark{width:112px;height:112px;object-fit:contain}.identity{min-width:0}h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:600;margin:3px 0}.subtitle{font-size:clamp(1rem,2vw,1.22rem);color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:#575079;margin:0}.hero-image{border-radius:18px;overflow:hidden;background:var(--lavender);border:1px solid var(--line)}.hero-image img{display:block;width:100%;height:auto;max-height:530px;object-fit:cover}.intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;padding:72px 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:400;margin:12px 0 0}.intro>p{font-size:1.1rem;color:var(--muted);max-width:420px;margin:0 0 6px}.work{padding:72px 0 82px}.work h2{margin-bottom:32px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.card:hover,.card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px #453c4b1a;text-decoration:none}.card img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#e4e5ef}.card:nth-child(2) img{background:var(--lavender)}.card:nth-child(3) img{background:var(--yellow)}.card-body{display:flex;flex:1;flex-direction:column;padding:22px;gap:6px}.card-kicker{color:#575079;letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:700}.card strong{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600}.card-body>span:nth-child(3){color:var(--muted)}.card-action{color:var(--blue);font-weight:700;margin-top:auto;padding-top:20px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:.9rem}.content-page{max-width:750px;padding:40px 0 90px}.content-page h1{font-size:clamp(2.3rem,5vw,3.4rem)}.content-page p{max-width:65ch}.back-link{display:inline-block;margin-bottom:32px}@media(max-width:720px){.site-shell{padding:0 20px}.site-header{gap:17px;padding:26px 0}.mark{width:74px;height:74px}.intro{grid-template-columns:1fr;gap:15px;padding:50px 0}.cards{grid-template-columns:1fr}.card{flex-direction:row;min-height:160px}.card img{width:34%;aspect-ratio:auto;object-fit:cover}.work{padding:50px 0}.card-body{padding:18px}.card strong{font-size:1.25rem}.hero-image{border-radius:12px}}@media(max-width:430px){.site-header{align-items:flex-start}.mark{width:58px;height:58px}.subtitle{font-size:.88rem}.card img{width:30%}.card-body>span:nth-child(3){font-size:.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
