@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(assets/fonts/Poppins-Light.ttf) format("truetype")}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(assets/fonts/Poppins-Regular.ttf) format("truetype")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(assets/fonts/Poppins-Medium.ttf) format("truetype")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(assets/fonts/Poppins-SemiBold.ttf) format("truetype")}
/* Brand: ink #0F172A, blue #2F6BFF (actions/links only), tint #78A0FF, slate #94A3B8, deep #1E293B.
   Type scale 1.333: 12 / 16 / 21 / 28 / 38 / 50 / 67. Spacing: 4 8 16 24 32 48 64 96. Radii: 4 and 10. No shadows, no gradients. */
:root{--ink:#0F172A;--blue:#2F6BFF;--tint:#78A0FF;--slate:#94A3B8;--deep:#1E293B;--muted:#475569;--line:#E2E8F0;--paper:#F8FAFC;--g:20px}
@media(min-width:900px){:root{--g:48px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,system-ui,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px var(--g);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:300}.brand b{font-weight:600}
.mark{width:32px;height:32px}
.links{display:flex;gap:24px}.links a{color:var(--muted);text-decoration:none;font-weight:500;font-size:15px}.links a:hover{color:var(--ink)}
.hero{display:grid;gap:48px;padding:64px var(--g) 96px;max-width:1240px;margin:auto}
@media(min-width:900px){.hero{grid-template-columns:7fr 5fr;align-items:end;padding-top:96px}}
.hero h1{font-size:clamp(38px,4.6vw,58px);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0 0 24px;max-width:18ch}
.lede{font-size:21px;font-weight:300;color:var(--muted);max-width:34ch;margin:0 0 32px}
.cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:500}.btn:hover{background:#1f57e0}
.arrow{font-weight:500;text-decoration:none}.arrow::after{content:" →"}.arrow:hover{text-decoration:underline}
.hero-shot{margin:0}.hero-shot img{border-radius:10px;border:1px solid var(--line)}
@media(min-width:900px){.hero-shot{margin-right:calc(-1*var(--g));transform:translateY(24px)}.hero-shot img{border-radius:10px 0 0 10px;border-right:0}}
.hero-shot figcaption{font-size:12px;color:var(--muted);margin-top:8px}
main{max-width:1240px;margin:auto;padding:0 var(--g)}
section{padding:96px 0;border-top:1px solid var(--line)}
.head{display:grid;gap:8px 48px;margin-bottom:48px}@media(min-width:900px){.head{grid-template-columns:5fr 7fr;align-items:baseline}}
h2{font-size:38px;line-height:1.15;letter-spacing:-.01em;font-weight:600;margin:0}.head p{margin:0;color:var(--muted);max-width:60ch}
.work{display:grid;gap:24px;margin-bottom:64px;align-items:center}
@media(min-width:900px){.work{grid-template-columns:7fr 5fr;gap:48px}.work.flip .shot{order:2}}
.shot img{border-radius:10px;border:1px solid var(--line)}.shot:hover img{border-color:var(--slate)}
.info h3{font-size:28px;font-weight:600;margin:0 0 8px;line-height:1.2}.info>p{margin:0 0 16px;color:var(--muted)}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:14px;margin:0 0 16px}dt{font-weight:500}dd{margin:0;color:var(--muted)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}
th,td{padding:16px 16px 16px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
td:first-child{font-weight:500}td:nth-child(2){color:var(--muted)}td:nth-child(3){white-space:nowrap;font-weight:600;font-size:21px}td:last-child{white-space:nowrap;color:var(--muted)}
.note{color:var(--muted);font-size:14px;max-width:80ch}
.samples{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px 24px}
.sample img{border-radius:4px;border:1px solid var(--line)}.sample h3{font-size:16px;font-weight:600;margin:8px 0 4px}.sample p{font-size:14px;color:var(--muted);margin:0 0 8px}.sample a{font-weight:500;font-size:14px}
.tag{display:inline-block;font-size:12px;font-weight:500;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:2px 8px;border-radius:4px;margin-bottom:8px}
.contact{display:grid;gap:24px}@media(min-width:900px){.contact{grid-template-columns:7fr 5fr;align-items:end}}
.contact p{color:var(--muted);max-width:52ch}.ig{margin:16px 0 0}.ig a{font-weight:500}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:24px var(--g);background:var(--ink);color:var(--slate);font-size:14px}footer b{color:#fff;font-weight:600}footer a{color:var(--tint)}