/* A lightweight architectural illustration; normal document flow preserves the sticky header. */
.mw-pricing-banner{position:relative;isolation:isolate;overflow:hidden;direction:rtl;color:#f6f0e2;background:#153c2e;background-image:radial-gradient(ellipse at 89% 12%,#2a5940 0,transparent 45%),linear-gradient(105deg,#102c24 0,#163d2e 53%,#234b35 100%);border-bottom:1px solid #9a805247;font-family:inherit}
.mw-pricing-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 89px,#e0c39108 90px 91px),linear-gradient(132deg,transparent 61%,#dbc29709 61.1%,transparent 61.3%)}
.mw-pricing-banner::after{content:"";position:absolute;inset:auto 5.5% 0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#d8b77b80 28%,#f3dfb36b 75%,transparent)}
.mw-pricing-banner__link{position:relative;display:flex;align-items:center;gap:25px;min-height:124px;max-width:1500px;margin-inline:auto;padding:12px 5.5%;text-decoration:none;font-family:inherit}
.mw-pricing-banner__scene{display:block;flex:0 0 clamp(210px,23vw,300px);width:clamp(210px,23vw,300px);line-height:0;transition:transform .3s ease}
.mw-pricing-banner__drawing{display:block;width:100%;height:auto;overflow:visible}
.mw-pricing-banner__architecture{animation:mw-pricing-art-enter 1s cubic-bezier(.2,.7,.2,1) both;transform-box:fill-box;transform-origin:center bottom}
.mw-pricing-banner__architecture--wardrobe{animation-delay:.12s}
.mw-pricing-banner__architecture--door{animation-delay:.24s}
.mw-pricing-banner__measure{animation:mw-pricing-measure-enter 1.2s ease .2s both}
.mw-pricing-banner__copy{display:grid;gap:5px;flex:1;min-width:0;line-height:1.7;animation:mw-pricing-copy-enter .8s ease .12s both}
.mw-pricing-banner__eyebrow{color:#dac397;font-size:9px!important;line-height:1.5!important;letter-spacing:.025em}
.mw-pricing-banner__copy strong{color:#fff9ee;font-size:clamp(14px,1.5vw,20px);font-weight:600;line-height:1.85;overflow-wrap:anywhere}
.mw-pricing-banner__subtitle{color:#d1ded2;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.mw-pricing-banner__action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:17px;flex-shrink:0;min-height:48px;padding:11px 17px;border:1px solid #ead7b4;border-radius:10px;color:#203d2d;background:#f5e8cc;box-shadow:0 5px 17px #061d1840;font-size:12px;line-height:1.8;font-weight:600;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}
.mw-pricing-banner__action>span{font-family:Tahoma,sans-serif;font-size:21px;line-height:1;transition:transform .25s ease}
.mw-pricing-banner__link:hover .mw-pricing-banner__scene{transform:translateY(-2px)}
.mw-pricing-banner__link:hover .mw-pricing-banner__action{background:#fff4dd;border-color:#fff0ce;box-shadow:0 7px 22px #061d1857}
.mw-pricing-banner__link:hover .mw-pricing-banner__action>span{transform:translateX(-4px)}
.mw-pricing-banner__link:focus-visible{outline:3px solid #f1d394;outline-offset:-5px;border-radius:2px}
@keyframes mw-pricing-art-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes mw-pricing-measure-enter{from{opacity:0}to{opacity:1}}
@keyframes mw-pricing-copy-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){.mw-pricing-banner__link{gap:18px;padding-inline:4%}.mw-pricing-banner__scene{flex-basis:195px;width:195px}.mw-pricing-banner__copy strong{font-size:16px}.mw-pricing-banner__action{padding-inline:13px;font-size:11px;gap:12px}}
@media(max-width:760px){.mw-pricing-banner__link{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:center;min-height:150px;padding:13px 5%}.mw-pricing-banner__scene{position:absolute;inset:auto auto -8px 2%;width:164px;opacity:.24;pointer-events:none}.mw-pricing-banner__copy{position:relative;z-index:1;gap:4px;min-width:0}.mw-pricing-banner__eyebrow{display:none}.mw-pricing-banner__copy strong{font-size:14px;line-height:1.75}.mw-pricing-banner__subtitle{font-size:10px;line-height:1.7;max-width:90%}.mw-pricing-banner__action{position:relative;z-index:1;justify-self:start;min-height:44px;padding:7px 13px;gap:19px;font-size:11px;border-radius:8px}.mw-pricing-banner__link:hover .mw-pricing-banner__scene{transform:none}}
@media(max-width:360px){.mw-pricing-banner__copy strong{font-size:13px}.mw-pricing-banner__subtitle{max-width:100%}.mw-pricing-banner__scene{width:145px;opacity:.18}}
@media(prefers-reduced-motion:reduce){.mw-pricing-banner,.mw-pricing-banner::before,.mw-pricing-banner::after,.mw-pricing-banner *{animation:none!important;transition:none!important}.mw-pricing-banner__link:hover .mw-pricing-banner__scene,.mw-pricing-banner__link:hover .mw-pricing-banner__action>span{transform:none}}
