/* MI_DESIGN_1004-07 Style sheet | MI_DESIGN_1004_Website_v04 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap");
:root{--ink:#23211d;--muted:#6b645a;--accent:#8a6a3f;--bg:#f6f2eb;--panel:#efe8dc;--line:#ddd3c3;--dark:#2e2a24}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 17px/1.7 "Cormorant Garamond",Georgia,serif}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.label{font:500 11.5px/1.4 Helvetica,Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}
header.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 28px;padding-top:22px;padding-bottom:16px;flex-wrap:wrap}
.brand{font-size:34px;letter-spacing:.08em;line-height:1;text-decoration:none}
.brand small{display:block;margin-top:8px;font:500 10.5px/1.4 Helvetica,Arial,sans-serif;letter-spacing:.28em;color:var(--muted)}
nav{display:flex;flex-wrap:wrap;gap:6px 22px}
nav a{font:500 11px Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
nav a:hover{color:var(--accent)}
nav a.on{border-bottom-color:var(--accent);color:var(--accent)}
.banner{color:#f6f2eb;background-size:cover;background-position:center}
.banner .wrap{padding-top:92px;padding-bottom:92px}
.banner .label{color:#d9c3a0}
.banner h1{font-weight:400;font-size:54px;line-height:1.08;margin:16px 0 18px;max-width:660px}
.banner p{font-size:21px;max-width:620px;color:#ece4d6}
.banner .motto{margin-top:26px;font:500 12px Helvetica,Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#d9c3a0}
section.block{padding:64px 0;border-bottom:1px solid var(--line)}
section.alt{background:var(--panel)}
.two{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
h2{font-weight:400;font-size:36px;line-height:1.15;margin-top:12px}
.body p{font-size:20px;color:#3d3830}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.card{background:var(--bg);border:1px solid var(--line);text-decoration:none;display:block}
.alt .card{background:#f8f4ee}
.card img{display:block;width:100%;height:210px;object-fit:cover}
.card .t{padding:18px 20px 22px}
.card h3{font:500 11.5px Helvetica,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px}
.card p{font-size:17.5px;color:#4a443b;line-height:1.5}
a.card:hover h3{color:var(--accent)}
.more{display:inline-block;margin-top:10px;font:500 10.5px Helvetica,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.pillars{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0}
.pillars div{padding:22px 14px;text-align:center;font:500 10.5px/1.6 Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--line)}
.pillars div:last-child{border-right:0}
.cta{background:var(--dark);color:#f6f2eb;text-align:center}
.cta .wrap{padding-top:64px;padding-bottom:64px}
.cta .label{color:#d9c3a0}
.cta a{display:inline-block;margin-top:14px;font-size:34px;color:#f6f2eb;text-decoration:none;border-bottom:1px solid #8a7556}
footer{text-align:center;color:var(--muted);font:12px/1.6 Helvetica,Arial,sans-serif;padding:26px 20px 34px}
footer .links a{margin:0 8px;text-decoration:none}
footer .note{font-size:11px;margin-top:4px}
@media (max-width:820px){
 .brand{font-size:28px}.brand small{letter-spacing:.14em}
 nav{gap:4px 16px}
 .banner h1{font-size:38px}.banner .wrap{padding-top:60px;padding-bottom:60px}
 .two{grid-template-columns:1fr;gap:14px}h2{font-size:30px}
 .grid3{grid-template-columns:1fr}
 .pillars{grid-template-columns:1fr 1fr}.pillars div{border-bottom:1px solid var(--line)}
 .cta a{font-size:24px}
}