
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--cream:#f6efdf;--cream2:#eee6d5;--ink:#181716;--muted:#777168;--red:#772c39;--line:#d8d0c0;--sand:#e5dac8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;line-height:1.12;letter-spacing:-.035em;margin:0;font-weight:600}h1{font-size:clamp(3.5rem,7vw,7.5rem)}h2{font-size:clamp(2.5rem,4vw,4.8rem)}h3{font-size:clamp(1.65rem,2.5vw,2.5rem)}p{margin:0;color:var(--muted)}.wrap{width:min(1240px,90%);margin:auto}.kicker{color:var(--red);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.kicker:before{content:'';display:inline-block;vertical-align:middle;width:27px;height:1px;background:#c9a28f;margin-right:14px}.rule{border-top:1px solid var(--line)}.rule-light{border-top:1px solid #353331}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8a094;padding:15px 25px;min-height:48px;background:transparent;color:var(--ink);font-size:11px;line-height:1.25;text-transform:uppercase;letter-spacing:.15em;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.btn.red{background:var(--red);color:white;border-color:var(--red)}.btn.red:hover{background:#52202a}.btn.dark{border-color:#55514e;color:var(--cream)}.btn.dark:hover{background:var(--cream);color:var(--ink)}header{background:rgba(246,239,223,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.nav{display:flex;min-height:82px;align-items:center;gap:32px;justify-content:space-between}.wordmark{font:600 14px Georgia,serif;letter-spacing:.22em;white-space:nowrap;text-transform:uppercase;border-bottom:1px solid #111;padding-bottom:5px}.links{display:flex;align-items:center;gap:clamp(17px,2.5vw,39px)}.links a{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6e695f}.links a:hover,.links a[aria-current]{color:#1b1715;border-bottom:1px solid var(--red)}.nav .btn{padding:12px 17px}#menuToggle{display:none;border:0;background:none;font-size:28px;color:var(--ink)}section{padding:100px 0}.hero{padding:0}.hero .inner{min-height:580px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 0}.hero h1{max-width:980px}.hero .lead{margin-top:28px;max-width:650px;font-size:19px;line-height:1.8}.hero .btn{margin-top:32px}.editorial{position:relative;background:linear-gradient(115deg,rgba(246,239,223,.90),rgba(246,239,223,.72)),repeating-linear-gradient(90deg,#c6baaa 0 1px,transparent 1px 230px),linear-gradient(135deg,#cbbba3,#f8f2e7 55%,#b8ac9b);overflow:hidden}.editorial:after{content:'MAE';position:absolute;right:5%;bottom:-11%;font:600 clamp(160px,28vw,400px) Georgia,serif;letter-spacing:-.12em;color:rgba(255,255,255,.17);pointer-events:none}.editorial .inner{position:relative;z-index:1}.simplehero{padding:100px 0 85px;min-height:360px}.simplehero p{font-size:19px;margin-top:26px;max-width:720px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.feature{padding:0 30px;border-left:1px solid var(--line)}.feature:first-child{border-left:0;padding-left:0}.feature h3{font-size:29px;color:var(--red)}.feature p{font-size:12px;text-transform:uppercase;letter-spacing:.13em;max-width:180px;margin-top:9px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-top p{margin-top:25px;max-width:470px}.services-index{display:grid;grid-template-columns:38% 62%;gap:40px}.services-index .items{padding-right:40px}.service-row{border-bottom:1px solid var(--line);padding:29px 0;display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:center}.service-row .num{font-size:12px;color:var(--red)}.service-row h3{font-size:30px}.service-row a:hover{color:var(--red)}.callout{background:var(--cream2);padding:100px 0}.callout h2{max-width:850px}.callout h2 span{color:#a9a49e}.callout p{margin:26px 0 33px;max-width:600px}.approach{background:var(--cream2)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.steps>div{border-left:1px solid var(--line);padding:20px 26px;min-height:160px}.steps>div:first-child{border-left:0;padding-left:0}.steps h3{font-size:27px}.steps p{margin-top:14px}.service-detail{display:grid;grid-template-columns:12% 44% 44%;gap:0;padding:88px 0;border-bottom:1px solid var(--line)}.service-detail .roman{font:56px Georgia,serif;color:#ded6c8}.service-detail .copy{max-width:440px;padding-right:45px}.service-detail p{margin-top:23px;line-height:2}.deliver{padding-left:55px}.deliver .kicker{margin-bottom:17px}.deliver .kicker:before{display:none}.deliver ul{list-style:none;margin:0;padding:0;color:var(--muted)}.deliver li{margin:9px 0}.deliver li:before{content:'—';color:var(--red);margin-right:15px}.value-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:60px}.value-grid article{padding:48px;border-bottom:1px solid var(--line)}.value-grid article:nth-child(odd){border-right:1px solid var(--line)}.value-grid h3{font-size:29px}.value-grid p{max-width:360px;margin-top:13px}.faq{display:grid;grid-template-columns:33% 1fr;gap:80px}.faq article{padding:24px 0;border-bottom:1px solid var(--line)}.faq h3{font-size:22px}.faq article p{margin-top:11px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.quotes blockquote{margin:0;padding:45px;border-left:1px solid var(--line);font-size:19px;font-style:italic;line-height:1.7;color:#4b4742}.quotes blockquote:first-child{border:0}.quotes cite{display:block;font-size:11px;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#90887a;margin-top:38px}.quotes cite:before{content:'—';color:var(--red);margin-right:10px}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:55px}.article{border-right:1px solid var(--line);padding:30px 45px}.article:first-child{padding-left:0}.article:last-child{border:0}.article h3{font-size:29px;margin:25px 0}.article p{max-width:440px}.article .meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.article .bottom{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:34% 1fr;gap:75px;margin-top:75px}.contact-details p{margin-bottom:24px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:flex;flex-direction:column;gap:9px}.field.full{grid-column:1/-1}.field label{color:#878075;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.field input,.field select,.field textarea{background:transparent;border:none;border-bottom:1px solid var(--line);padding:10px 0 15px;color:var(--ink);outline:none;border-radius:0;min-height:48px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red)}.field textarea{resize:vertical;min-height:100px}.contact-submit{margin-top:23px;display:flex;align-items:center;gap:22px}.contact-submit small{color:#8e877c}.smallprint{font-size:12px}.bottomcta{display:flex;align-items:center;justify-content:space-between;gap:40px}.bottomcta p{max-width:660px;margin-top:17px}.footer{background:#121212;color:#eee8dc;padding:75px 0 35px}.footer .top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:50px}.footer .top .wordmark{border-color:#ddd}.footer .subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-top:12px;color:#807e7b}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:50px 0 80px;border-top:1px solid #353332}.footer-cols div{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-cols span{color:#87827b;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.footer-cols a,.footer-cols p{font-size:13px;color:#aaa39b}.footer-cols a:hover{color:white}.copyright{border-top:1px solid #353332;padding-top:28px;display:flex;justify-content:space-between;color:#706c67;font-size:11px}.notice{font-size:12px;padding:14px 18px;border-left:2px solid var(--red);background:#eee7d8;color:#666056;margin-top:35px}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media(max-width:900px){.nav{min-height:70px}.nav>.btn{display:none}#menuToggle{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:25px 5%;flex-direction:column;align-items:flex-start}.links.open{display:flex}.two-col,.services-index,.faq,.contact-grid{grid-template-columns:1fr;gap:35px}.service-detail{grid-template-columns:12% 1fr;gap:0}.service-detail .deliver{grid-column:2;padding:30px 0 0}.feature-grid,.steps{grid-template-columns:repeat(2,1fr);gap:25px}.feature:nth-child(odd),.steps>div:nth-child(odd){border-left:0;padding-left:0}.quotes{grid-template-columns:1fr}.quotes blockquote{border-left:0;border-top:1px solid var(--line);padding:30px 0}.quotes blockquote:first-child{border-top:0}.footer-cols{grid-template-columns:repeat(2,1fr)}.hero .inner{min-height:500px}}@media(max-width:600px){section{padding:65px 0}.hero .inner{min-height:470px;padding:65px 0}h1{font-size:clamp(3.1rem,13vw,5rem)}h2{font-size:2.6rem}.feature-grid,.steps,.value-grid,.article-grid,.form-grid{grid-template-columns:1fr}.feature,.steps>div,.value-grid article,.article{border-left:0!important;border-right:0!important;padding:22px 0!important;border-bottom:1px solid var(--line)}.feature:first-child{padding-top:0!important}.section-top,.bottomcta{align-items:start;flex-direction:column}.service-detail{grid-template-columns:1fr;padding:54px 0}.service-detail .roman{display:none}.service-detail .deliver{grid-column:1}.contact-grid{margin-top:45px}.footer-cols{grid-template-columns:1fr 1fr;gap:25px}.footer .top{align-items:start;flex-direction:column}.copyright{gap:12px;flex-direction:column}}

/* Brand monogram, desktop masthead */
.nav-monogram{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:43px}.nav-monogram img{width:38px;height:34px;object-fit:contain}.social-pending small{font-size:10px;color:#746f6a;display:block}.footer-cols a[target="_blank"]{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.nav-monogram{margin-left:auto}}

/* Exact supplied House of Mae brand mark */
.nav-monogram{width:64px;height:62px}.nav-monogram img{width:62px;height:58px;object-fit:contain}.hero-monogram{display:block;width:112px;height:98px;object-fit:contain;object-position:left center;margin:0 0 21px -8px}@media(max-width:900px){.nav-monogram{width:52px;height:52px}.nav-monogram img{width:52px;height:49px}}

/* Updated editorial home hero: soft architectural pillars inspired by the original website */
.home-pillars{background-image:linear-gradient(90deg,rgba(246,239,223,.94) 0%,rgba(246,239,223,.88) 38%,rgba(246,239,223,.62) 72%,rgba(246,239,223,.46) 100%),url("editorial-pillars.svg");background-size:cover;background-position:center center;isolation:isolate;}
.home-pillars:after{display:none;}
.home-pillars .inner{min-height:670px;}
.home-pillars h1{text-shadow:0 1px 0 rgba(255,255,255,.16);}
.article h3 a:hover,.article .bottom a:hover{color:var(--red);text-decoration:underline;text-underline-offset:5px;}
@media(max-width:600px){.home-pillars{background-position:56% center;background-image:linear-gradient(90deg,rgba(246,239,223,.91),rgba(246,239,223,.76)),url("editorial-pillars.svg");}.home-pillars .inner{min-height:590px;}}

/* Editorial home layout and original four-pillar rhythm */
.home-pillars{background-color:#eee7d9;background-image:linear-gradient(90deg,rgba(246,239,223,.86),rgba(246,239,223,.52)),url("editorial-pillars.svg");background-position:center;background-size:cover}
.home-pillars .inner{min-height:720px;justify-content:center}
.home-pillars h1{font-size:clamp(3.25rem,7vw,7.4rem);max-width:960px;letter-spacing:-.048em}
.home-pillars .lead{font-size:clamp(15px,1.4vw,19px);color:#605b55;max-width:690px}
.pillars-section{padding:70px 0 85px;background:#f5eedf}
.pillars-section .feature-grid{border-top:1px solid #d7cfc0;padding-top:34px}
.pillars-section .feature h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(25px,2.2vw,34px);color:#762c39}
.pillars-section .feature p{color:#8e8982;line-height:1.65}
.article a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.home-pillars .inner{min-height:575px}.pillars-section{padding:45px 0}.pillars-section .feature-grid{padding-top:14px}}
