@font-face{font-family:Poppins;src:url('./Poppins-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('./Poppins-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('./Poppins-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{
  --me-ink-900:#122222;--me-ink-700:#2F4F4F;--me-ink-500:#5C6A6A;
  --me-orange:#FF8C00;--me-orange-text:#B35F00;--me-cream:#F7F3EC;
  --me-cream-2:#FBF9F5;--me-line:#E5DFD4;--me-ok:#1F7A45;
  --me-bad:#B8322E;--me-radius:16px;--me-wrap:1160px;--me-read:720px;
  --me-font:Poppins,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
body{font-family:var(--me-font)}
.me-design-shell{width:min(100% - 32px,var(--me-wrap));margin-inline:auto;min-width:0}
.me-design-section{padding:clamp(36px,6vw,72px) 0;background:var(--me-cream-2);color:var(--me-ink-700)}
.me-design-section:nth-of-type(even){background:#fff}
.me-design-kicker{color:var(--me-orange-text);font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin:0 0 .4rem}
.me-design-section h2{color:var(--me-ink-900);line-height:1.25;margin:0 0 1.15rem}
.me-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.me-design-card{background:#fff;border:1px solid var(--me-line);border-radius:var(--me-radius);padding:clamp(16px,3vw,24px);min-width:0;box-shadow:0 8px 24px rgba(18,34,34,.06)}
.me-design-card p:last-child{margin-bottom:0}
.me-design-card h3{color:var(--me-ink-900);line-height:1.35;margin:0 0 .65rem}
.me-design-card a{color:var(--me-ink-900);text-decoration-color:var(--me-orange);text-underline-offset:3px}
.me-design-highlight{background:var(--me-cream);border-left:5px solid var(--me-orange);border-radius:10px;padding:18px 20px;color:var(--me-ink-900)}
.me-design-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px;background:var(--me-ink-900);color:#fff;border-radius:var(--me-radius)}
.me-design-cta p{margin:0;color:#dce7e7}
.me-design-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:999px;background:var(--me-orange);color:var(--me-ink-900)!important;font-weight:700;text-decoration:none;line-height:1.3;text-align:center}
.me-design-btn:hover,.me-design-btn:focus-visible{background:#e57c00;color:var(--me-ink-900)!important}
.me-design-btn:focus-visible,.me-design-section a:focus-visible{outline:3px solid var(--me-orange);outline-offset:3px}
.me-design-section img{max-width:100%;height:auto}
.me-enquiry-information{background:var(--me-ink-900);border-color:var(--me-ink-900);color:#dce7e7}
.me-design-section .me-enquiry-information h2{color:#fff}
.me-enquiry-information .me-design-kicker{color:var(--me-orange)}
.me-enquiry-information p,.me-enquiry-information li{color:#dce7e7;line-height:1.75}
.me-related-guides-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.me-related-guides-grid--1{grid-template-columns:minmax(0,1fr)}.me-related-guides-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.me-related-guides-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.me-related-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.me-related-guides-grid--1{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.me-related-guides-grid{grid-template-columns:minmax(0,1fr)}}
.me-enquiry-form{display:flex;flex-direction:column;gap:10px;min-width:0}.me-enquiry-form label{font-weight:600;color:var(--me-ink-900)}
.me-enquiry-form select,.me-enquiry-form textarea{width:100%;min-width:0;min-height:46px;box-sizing:border-box;padding:10px;border:1px solid var(--me-line);border-radius:8px;background:#fff;color:var(--me-ink-900);font:inherit;font-size:16px}
.me-enquiry-form textarea{resize:vertical}.me-enquiry-form .me-design-btn{border:0;cursor:pointer;margin-top:8px}.me-enquiry-form :is(select,textarea):focus-visible{outline:3px solid var(--me-orange);outline-offset:2px}.me-enquiry-steps{padding-left:22px}.me-enquiry-steps li{margin:10px 0}
body .cta-button:not(.cta-button-white),body .cta-button:not(.cta-button-white) :is(span,i){color:var(--me-ink-900)}
body .cta-button.cta-button-white:hover,body .cta-button.cta-button-white:hover :is(span,i){color:var(--me-ink-900)}
body .cta-button:focus-visible{outline:3px solid var(--me-orange);outline-offset:3px}
@media(max-width:640px){.me-design-grid{grid-template-columns:minmax(0,1fr)}.me-design-cta{align-items:stretch}.me-design-cta .me-design-btn{width:100%}}
.me-region-service-link{display:flex;align-items:center;min-height:44px;color:var(--me-ink-900);font-weight:600;text-underline-offset:4px}
/* A readable, server-rendered process, shared by region and service pages. */
ol.me-process-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:28px 0;max-width:none;counter-reset:none}
.me-process-flow>.me-process-card{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid var(--me-line);border-radius:18px;background:#fff;color:var(--me-ink-700);box-shadow:0 6px 20px #12222206;line-height:1.7}
.me-process-flow>.me-process-card::before{display:none;content:none}
.me-process-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.me-process-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--me-cream);color:var(--me-ink-900);font-size:15px;font-weight:700;letter-spacing:.04em}
.me-process-card-top i{font-size:22px;color:#A05200}
.me-process-flow .me-process-card h3{color:var(--me-ink-900);font-size:20px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}
.me-process-flow .me-process-card p{font-size:16px;line-height:1.75;margin:0}
@media(min-width:1100px){ol.me-process-flow--four{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Delivery assurance is not a fifth task: it has its own, separated surface. */
.me-process-assurance-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px;padding-top:24px;border-top:1px solid var(--me-line)}
.me-process-guarantee{display:flex;align-items:flex-start;gap:16px;background:var(--me-ink-900);color:#DFE9E8;padding:24px;border:1px solid var(--me-ink-900);border-radius:16px;min-width:0}
.me-process-guarantee>i{color:#FFB454;font-size:24px;margin-top:3px;flex:none}
.me-process-guarantee h3{color:#fff;font-size:20px;line-height:1.4;margin:0 0 10px}
.me-process-guarantee p{color:#DFE9E8;font-size:16px;line-height:1.75;margin:0}
.me-process-contact-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0}
.me-process-contact-actions .me-design-btn{gap:10px;min-height:48px}
.me-process-contact-actions .me-process-wa-icon{display:block;flex:0 0 24px;width:24px;height:24px;margin:0;object-fit:contain}
.me-process-contact-actions .me-process-phone{background:#fff;border:1px solid var(--me-line);color:var(--me-ink-900)}
.me-process-contact-actions .me-process-phone:is(:hover,:focus-visible){background:var(--me-cream)}
.me-process-contact-actions a:focus-visible{outline:3px solid #A05200;outline-offset:4px}
@media(max-width:900px){.me-process-assurance-band{grid-template-columns:minmax(0,1fr)}.me-process-contact-actions{justify-content:flex-start}}
@media(max-width:640px){.me-process-assurance-band{margin-top:28px;padding-top:20px}.me-process-guarantee{padding:20px}.me-process-contact-actions{align-items:stretch;flex-direction:column}.me-process-contact-actions .me-design-btn{width:100%;box-sizing:border-box}}
@media(max-width:640px){ol.me-process-flow{grid-template-columns:minmax(0,1fr);gap:14px}.me-process-flow>.me-process-card{padding:20px}.me-process-card-top{margin-bottom:14px}}
.me-project-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.me-project-reference{min-width:0;overflow:hidden;border:1px solid var(--me-line);border-radius:var(--me-radius);background:#fff;box-shadow:0 8px 24px rgba(18,34,34,.06);scroll-margin-top:120px}
.me-project-reference>img{display:block;width:100%;height:auto;aspect-ratio:700/530;object-fit:contain;background:#0b1518}
.me-project-reference-copy{padding:22px}.me-project-reference-copy h3{font-size:1.15rem;line-height:1.4;margin:0 0 12px;color:var(--me-ink-900)}
.me-project-reference-copy p{margin:0 0 12px;line-height:1.7}.me-project-reference-meta{font-size:.78rem;font-weight:600;color:var(--me-ink-500)}
.me-project-reference-link{display:inline-flex;align-items:center;min-height:44px;color:var(--me-ink-900);font-weight:600;text-decoration-color:var(--me-orange);text-underline-offset:4px}
.me-project-photo-reference{position:relative;min-height:460px;background:var(--me-ink-900);isolation:isolate}
.me-project-photo-reference>img{position:absolute;inset:0;height:460px;width:100%;aspect-ratio:auto;object-fit:cover;background:transparent;z-index:-1}
.me-project-photo-label{display:inline-block;position:absolute;top:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);background:var(--me-orange);color:var(--me-ink-900);padding:7px 12px;border-radius:30px;font-size:.72rem;font-weight:700}
.me-project-photo-reference .me-project-reference-copy{position:relative;margin-top:260px;padding:65px 22px 20px;background:linear-gradient(transparent,rgba(18,34,34,.94) 120px,#122222 210px);color:#fff}
.me-project-photo-reference .me-project-reference-copy h3{color:#fff;font-size:1.35rem;line-height:1.3;overflow-wrap:anywhere}
.me-project-photo-reference .me-project-reference-copy p{line-height:1.5;margin-bottom:8px}
.me-project-photo-reference .me-project-reference-meta{color:#e4eeee}.me-project-photo-reference .me-project-reference-link{color:#fff}
.me-project-photo-gallery{margin-top:14px;border-top:1px solid #ffffff40}
.me-project-photo-gallery>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;font-weight:600;color:#fff}
.me-project-photo-gallery>summary::-webkit-details-marker{display:none}
.me-project-photo-gallery>summary::after{content:'+';font-size:24px;color:#ffd499}
.me-project-photo-gallery[open]>summary::after{content:'−'}
.me-project-photo-gallery-grid{display:grid;gap:18px;padding-top:12px}
.me-project-gallery-photo .me-work-photo{margin:0}
.me-project-gallery-photo .me-work-photo img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:8px;background:#f7f3ec}
.me-project-gallery-photo .me-work-photo figcaption:empty{display:none}
.me-project-photo-caption{font-size:.8rem;color:#e4eeee;margin:6px 0 0!important}
.me-project-reference :is(a,summary):focus-visible{outline:3px solid var(--me-orange);outline-offset:4px}
@media(max-width:1000px){.me-project-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.me-project-catalog-grid{grid-template-columns:minmax(0,1fr)}}
/* U24: selected real project covers share the catalog language and the social story's hierarchy. */
.me-project-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.me-project-showcase-heading h2{margin:0;max-width:28ch;font-size:clamp(25px,3vw,38px)}
.me-project-showcase-all{display:inline-flex;align-items:center;gap:12px;min-height:48px;color:var(--me-ink-900);font-weight:600;flex-shrink:0;text-underline-offset:5px;text-decoration-color:var(--me-orange)}
.me-project-showcase .me-project-photo-reference h3 a{color:#fff;text-decoration:none}
.me-project-showcase-media{position:absolute;inset:0 0 auto;height:460px;z-index:-1;display:block}.me-project-showcase-media img{display:block;width:100%;height:460px;object-fit:cover}
.me-project-showcase .me-project-photo-reference h3 a:hover{text-decoration:underline;text-decoration-color:var(--me-orange)}
.hak-service-links{margin-top:32px;padding-top:24px;border-top:1px solid var(--me-line)}
.hak-service-links h3{font-size:22px!important;color:var(--me-ink-900)!important;margin:0 0 18px!important;line-height:1.4}
.me-region-editorial-card--context{display:flex;flex-direction:column;border-top:4px solid var(--me-orange);position:relative;overflow:hidden}
.me-region-editorial-card--context:nth-child(even){background:#122222;border-color:#122222;color:#DFE9E8}
.me-region-editorial-card--context:nth-child(even) :is(h3,p,.me-region-service-link){color:#fff}
.me-region-editorial-card--context:nth-child(even) .me-region-card-label{color:#CFDFDC}
.me-region-editorial-card--context:nth-child(even) .me-region-card-number{background:#294844;color:#FFB454}
.me-region-editorial-card--context .me-region-service-link{margin-top:20px;border-top:1px solid #829C9C55;padding-top:14px;gap:12px;font-size:15px}
.me-region-editorial-card--context:nth-child(even) a:focus-visible{outline-color:#FFB454}
.me-comp-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.me-comp-next-card{padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.me-comp-next-card h3{font-size:clamp(22px,2.3vw,28px);margin:0;line-height:1.35}
.me-comp-next-card p{font-size:17px;line-height:1.75;margin:0}
.me-comp-next-card a{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;font-weight:600;align-self:flex-start}
.me-comp-next-card--dark{background:#122222;border-color:#122222;color:#DFE9E8}
.me-comp-next-card--dark h3{color:#fff}.me-comp-next-card--dark .me-design-kicker{color:#FFB454}
.me-comp-next-card--dark a:focus-visible{outline-color:#FFB454}
@media(max-width:900px){.me-project-showcase-heading{align-items:flex-start;flex-direction:column;gap:14px}.me-project-showcase-all{flex-shrink:1}}
@media(max-width:640px){.me-comp-next-grid{grid-template-columns:minmax(0,1fr)}.me-project-showcase-all{font-size:15px}.me-comp-next-card{padding:22px}.hak-service-links h3{font-size:20px!important}}