:root{--cream:#FEFBF4;--gray:#3D3D3B;--orange:#ED7632;--peach:#F6E3D2}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--cream);color:var(--gray);font-family:"Nunito",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px);border-bottom:1px solid rgba(61,61,59,.08)}
.nav-logo img{height:28px;display:block}
main{padding:0 clamp(20px,4vw,56px)}
.hero{margin-top:clamp(20px,3vw,40px);min-height:min(62vh,560px);background:var(--peach);border-radius:4px;display:flex;align-items:center;justify-content:center}
.hero-logo{width:min(46%,380px);height:auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,24px);margin-top:clamp(12px,1.6vw,24px)}
.tile{aspect-ratio:4/5;background:#F3EEE4;border-radius:4px}
.tile.alt{background:var(--orange);opacity:.85}
.icons{display:flex;align-items:center;list-style:none}
.icons a{display:block;color:var(--gray);transition:color .2s}
.icons a:hover,.icons a:focus-visible{color:var(--orange)}
.icons svg{display:block;width:100%;height:100%;fill:currentColor}
.icons svg.ic-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-links{gap:20px}.nav-links a{width:20px;height:20px}
.social{justify-content:center;gap:26px;margin:clamp(48px,7vw,88px) 0 0}.social a{width:22px;height:22px}
footer{text-align:center;font-size:12px;letter-spacing:.06em;padding:28px 0 36px;opacity:.6}
@media (max-width:640px){.nav-links{gap:15px}.nav-links a{width:18px;height:18px}.nav-logo img{height:24px}.hero{min-height:52vh}.hero-logo{width:64%}.grid{grid-template-columns:1fr 1fr}.grid .tile:last-child{display:none}}