.hero h1{font-size:clamp(3.2rem,6.2vw,7rem)}
.hero-surname{font:inherit;color:var(--ink)}
.hero-founder{margin-bottom:0;font-weight:700;color:var(--ink)}
.hero-support{margin-top:4px}
.site-preview{display:block;align-self:center;padding:16px;background:#e8e0d2;border:1px solid rgba(255,255,255,.28);color:var(--ink);box-shadow:0 28px 55px rgba(0,0,0,.18);transition:transform .2s ease}
.site-preview:hover{transform:translateY(-4px)}
.site-preview-kicker{display:block;padding:4px 2px 13px;color:#5a5148;font-size:.75rem;font-weight:800;letter-spacing:.13em}
.site-preview img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:center top;border:1px solid #d4cbc0}
.site-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px 3px;font-size:.8rem}
.site-preview-footer strong{font-size:1rem}
.site-preview-footer span{font-weight:800;color:var(--accent)}
.contact-number{color:#ffe7da;font-size:.85rem;margin-top:-12px}
.trade-gallery{display:grid;gap:10px;align-content:start}
.trade-gallery figure{margin:0;background:#eee7dd}
.trade-gallery img{width:100%;height:270px;object-fit:cover}
.trade-gallery>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trade-gallery>div img{height:145px}
.trade-gallery figcaption{padding:9px 10px;color:#5f554e;font-size:.75rem;line-height:1.35}
.inline-source{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#creative-case .case-photo{object-fit:contain;background:#121212}
@media(max-width:1100px){.hero h1{font-size:clamp(3rem,5.9vw,6.5rem)}}
@media(max-width:800px){.hero h1{font-size:clamp(3rem,8vw,5.5rem)}.site-preview{max-width:620px}}
@media(max-width:560px){.hero h1{font-size:clamp(2.8rem,11.4vw,4.5rem)}.site-preview{padding:10px}.site-preview-kicker{font-size:.7rem}.site-preview-footer{font-size:.7rem}.site-preview-footer strong{font-size:.85rem}.trade-gallery img{height:220px}.trade-gallery>div img{height:115px}}