:root{--paper:#f3f5f5;--ink:#111820;--accent:#f06f5a;--accent2:#496884;--soft:#dfe6e8;--line:#d4d0c7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.62}a{color:var(--accent2)}img{display:block;max-width:100%}
.badge{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--accent)}.meta,.caption{font-size:13px;color:#6b6d68}.caption{margin-top:6px}
.btn{display:inline-block;text-decoration:none;padding:11px 16px}.legal-wrap,.text-wrap{max-width:820px;margin:60px auto}.legal-wrap h1,.text-wrap h1{font-size:44px;line-height:1.08}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{padding:20px;border:1px solid var(--line);background:#ffffff80}.team-card h3{margin:.3em 0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:45px auto}.contact-grid>div{padding:22px;border:1px solid var(--line);background:#ffffff80}
.photo-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:70px 0}.photo-strip img{width:100%;height:280px;object-fit:cover}.photo-strip img:first-child{height:100%}
.article{max-width:780px;margin:50px auto}.article h1{font-size:52px;line-height:1.04}.article .lead{font-size:20px}.article .hero-photo{width:calc(100% + 140px);margin-left:-70px;margin-top:22px}.article blockquote{font-size:25px;line-height:1.28;margin:35px 0;padding:18px 20px;border-left:5px solid var(--accent);background:var(--soft)}
footer{margin-top:70px}footer a,footer span{display:block;text-decoration:none;font-size:13px;margin:6px 0}
@media(max-width:820px){.team-grid,.contact-grid,.photo-strip{grid-template-columns:1fr}.photo-strip img,.photo-strip img:first-child{height:250px}.article .hero-photo{width:100%;margin-left:0}.article h1{font-size:39px}}

body{font-family:Arial,Helvetica,sans-serif;background:#f1f4f4}.site-head{background:var(--ink);color:white;padding:15px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center}.logo img{width:215px;filter:brightness(0) invert(1)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-size:13px}main{max-width:1200px;margin:auto;padding:32px 24px 85px}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:610px;background:white}.hero-copy{padding:55px;align-self:center}.hero img{width:100%;height:100%;min-height:610px;object-fit:cover}.hero h1{font-size:60px;line-height:.95;letter-spacing:-.04em}.btn{background:var(--accent);color:white}.design-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:38px}.design-grid article{grid-column:span 4;background:white;padding-bottom:20px}.design-grid article:nth-child(2){grid-column:span 8}.design-grid article:nth-child(4){grid-column:span 8}.design-grid img{width:100%;height:250px;object-fit:cover}.design-grid article:nth-child(2) img,.design-grid article:nth-child(4) img{height:360px}.design-grid .copy{padding:18px 20px}.design-grid h2{font-size:31px;line-height:1.02;letter-spacing:-.02em}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-list article{background:white}.category-list img{width:100%;height:300px;object-fit:cover}.category-list .copy{padding:22px}footer{background:#111820;color:#dfe5e8;padding:42px max(24px,calc((100vw - 1152px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}footer img{width:185px;filter:brightness(0) invert(1)}footer a,footer span{color:#dfe5e8}
@media(max-width:820px){.site-head{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr}.hero img{min-height:340px;height:340px}.hero-copy{padding:32px 24px}.hero h1{font-size:42px}.design-grid,.category-list,footer{display:block}.design-grid article,.design-grid article:nth-child(2),.design-grid article:nth-child(4){margin:18px 0}footer>div{margin-bottom:24px}}