/* Use the native Apple system typeface on macOS/iOS, with platform fallbacks. */
:root{--mayfair-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
html body,body :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,em,li,dt,dd,label,button,input,textarea,select,summary,th,td,figcaption,address){font-family:var(--mayfair-font)!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body h1,body h2{font-weight:400!important;letter-spacing:-.025em;line-height:1.17}
body h3{font-weight:400!important;letter-spacing:0}
body .brand-hero h1{font-size:clamp(3rem,5.8vw,6.2rem);font-weight:400;letter-spacing:-.03em;line-height:1.12}
body .cabinet-study .folio,body .cabinet-study h2 em{font-style:normal;font-weight:400}
body .mf-wordmark strong,.brand-home .mf-wordmark strong{font-weight:500;letter-spacing:.09em;margin-right:-.09em;font-size:42px;line-height:1.08}
body .mf-wordmark small{font-weight:400;letter-spacing:.22em}
body .brand-doors .door-card h3{font-weight:400!important;letter-spacing:0}
body .mf-nav a{font-weight:400;letter-spacing:0}
body button,body input,body select,body textarea{font-family:var(--mayfair-font)!important}
@media(max-width:760px){body .mf-wordmark strong,.brand-home .mf-wordmark strong{font-size:32px}.brand-home .brand-hero h1{font-size:clamp(2.65rem,9.4vw,4.5rem);line-height:1.14}}

body .eyebrow,body .kicker{font-weight:500}body summary,body .btn,body .brand-button{font-weight:500}body .contact-details strong{font-weight:500}

.kitchen-image{display:block;width:100%}.kitchen-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}