/* Preserve the original FAQ page around the illustrated question cards. */
.mf-6111 .mf-element.mf-element-7866248b{--padding-top:56px;--padding-bottom:56px;--padding-left:56px;--padding-right:56px;--content-width:1920px}
.mf-6111 .mfpro-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;align-items:stretch}
.mf-6111 .mfpro-faq-item{min-width:0;border:1px solid #e4e1d9;border-radius:12px;background:#fff;overflow:hidden;color:#111}
.mf-6111 .mfpro-faq-item summary{display:flex;align-items:center;gap:24px;min-height:110px;padding:24px;list-style:none;cursor:pointer;font-family:"Inter Tight",sans-serif;font-size:19px;font-weight:400;line-height:1.3;transition:background .2s}
.mf-6111 .mfpro-faq-item summary::-webkit-details-marker{display:none}
.mf-6111 .mfpro-faq-item summary::marker{content:""}
.mf-6111 .mfpro-faq-item summary>svg{width:32px;height:32px;flex:0 0 32px;fill:none;stroke:#00aeef;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.mf-6111 .mfpro-faq-item summary>span{flex:1;min-width:0;border-left:1px dashed #d4cfc5;padding-left:24px}
.mf-6111 .mfpro-faq-item small{display:block;margin-bottom:6px;font:10px "JetBrains Mono",monospace;letter-spacing:.06em;color:#8c8c88}
.mf-6111 .mfpro-faq-item summary>b{position:relative;display:block;width:28px;height:28px;flex:0 0 28px;border:1px solid #00aeef;border-radius:50%;background:#00aeef;color:#fff;transition:background .2s,border-color .2s}
.mf-6111 .mfpro-faq-item summary>b::before,.mf-6111 .mfpro-faq-item summary>b::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%)}
.mf-6111 .mfpro-faq-item summary>b::after{width:2px;height:12px}
.mf-6111 .mfpro-faq-item[open] summary>b::after{display:none}
.mf-6111 .mfpro-faq-item summary:hover{background:#faf9f6}
.mf-6111 .mfpro-faq-item summary:hover>b{background:#0099d2;border-color:#0099d2}
.mf-6111 .mfpro-faq-item summary:focus-visible{outline:2px solid #00aeef;outline-offset:-3px;border-radius:11px}
.mf-6111 .mfpro-faq-answer{border-top:1px dashed #d4cfc5;background:#faf9f6;padding:24px 28px;color:#5a5a57;font:400 16px/1.65 "Inter Tight",sans-serif}
@media(max-width:1024px){
 .mf-6111 .mf-element.mf-element-7866248b{--padding-left:32px;--padding-right:32px}
 .mf-6111 .mfpro-faq-item summary{gap:16px;padding:20px;font-size:18px}
 .mf-6111 .mfpro-faq-item summary>span{padding-left:16px}
}
@media(max-width:1024px){
 .mf-6111 .mf-element.mf-element-7866248b{--padding-top:32px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px}
 .mf-6111 .mfpro-faq-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .mf-6111 .mfpro-faq-item summary{gap:16px;min-height:100px;padding:20px 16px;font-size:17px}
 .mf-6111 .mfpro-faq-item summary>svg{width:28px;height:28px;flex-basis:28px}
 .mf-6111 .mfpro-faq-item summary>b{width:26px;height:26px;flex-basis:26px}
 .mf-6111 .mfpro-faq-answer{padding:20px;font-size:15px}
}

/* The contact panel follows the same content edges as the question grid. */
.mf-6111 .mf-element.mf-element-38e45903{--content-width:1920px;--padding-left:56px;--padding-right:56px}
@media(max-width:1024px){.mf-6111 .mf-element.mf-element-38e45903{--padding-left:32px;--padding-right:32px}}
@media(max-width:1024px){.mf-6111 .mf-element.mf-element-38e45903{--padding-left:20px;--padding-right:20px}}

/* Desktop hero follows the catalogue: copy anchored at the lower left. */
@media(min-width:1025px){
 .mf-6111 .mf-element.mf-element-162ccc88{min-height:465px;max-width:1920px;margin-inline:auto;--content-width:1920px;--overlay-opacity:1;--padding-top:112px;--padding-bottom:48px;--padding-left:56px;--padding-right:56px}
 .mf-6111 .mf-element.mf-element-162ccc88::before{background-color:transparent;background-image:linear-gradient(35deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.3) 28%,transparent 68%);opacity:1}
 .mf-6111 .mf-element-162ccc88>.e-con-inner{min-height:465px;justify-content:flex-end}
 .mf-6111 .mf-element.mf-element-24231369{width:100%;--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
 .mf-6111 .mf-element-24231369>.e-con-inner{padding:0;gap:16px;align-items:flex-start}
 .mf-6111 .mf-element-24231369 .mf-widget{text-align:left}
 .mf-6111 .mf-element-7dd81d3d{max-width:650px}
}
@media(min-width:1025px) and (max-width:1024px){
 .mf-6111 .mf-element.mf-element-162ccc88{--padding-left:32px;--padding-right:32px}
}

/* Hero photograph from a recent project (SIMPLE 280). */
.mf-6111 .mf-element.mf-element-162ccc88:not(.mf-motion-effects-element-type-background),.mf-6111 .mf-element.mf-element-162ccc88>.mf-motion-effects-container>.mf-motion-effects-layer{background-image:url("../../../../uploads/2026/06/simple-280-01.webp");background-position:center 62%;background-attachment:scroll}

/* Wide screens: the hero photo spans the window, its copy keeps the 1920px column. */
@media(min-width:1921px){.mf-6111 .mf-element.mf-element-162ccc88{max-width:none}}