/* Dedicated homepage feature. All rules stay inside this component. */
.cua-diy-feature{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(40px,6vw,104px);max-width:1500px;box-sizing:border-box;margin:0 auto;padding:48px clamp(24px,4vw,72px) 64px;background:#fff;color:#342e24;text-align:left}
.cua-diy-feature .diy-feature-copy{max-width:460px;justify-self:center;padding:8px 0}
.cua-diy-feature .diy-feature-eyebrow{font:400 10px/1.6 'Montserrat',Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#817969;margin:0 0 14px}
.cua-diy-feature h2{font:400 31px/1.9 'Luxury Modish',Georgia,serif;letter-spacing:0;text-transform:none;color:#5c4431;margin:0 0 24px;overflow:visible}
.cua-diy-feature .diy-feature-lead{font:400 clamp(24px,2.2vw,32px)/1.35 Georgia,serif;margin:0 0 24px;color:#342e24}
.cua-diy-feature .diy-feature-description{font:400 14px/1.9 'Montserrat',Arial,sans-serif;color:#6d685f;margin:0 0 24px;text-align:left}
.cua-diy-feature .diy-feature-qualities{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font:400 11px/1.7 'Montserrat',Arial,sans-serif;color:#5d6654;margin-bottom:24px}
.cua-diy-feature .diy-feature-qualities span+span:before{content:'·';margin-right:20px}
.cua-diy-feature .diy-feature-included{border-top:1px solid #dedbd3;padding-top:20px;margin:0 0 26px;font:400 12px/1.85 'Montserrat',Arial,sans-serif;color:#6d685f}
.cua-diy-feature .diy-feature-action{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cua-diy-feature .diy-feature-price{margin:0;display:flex;flex-direction:column;gap:4px}
.cua-diy-feature .diy-feature-price span{font:400 10px/1.6 'Montserrat',Arial,sans-serif;color:#817969}
.cua-diy-feature .diy-feature-price strong{font:400 24px/1.3 Georgia,serif;color:#342e24}
.cua-diy-feature .diy-feature-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:58px;box-sizing:border-box;padding:14px 26px;border:1px solid #c9c5bc;border-radius:999px;background:linear-gradient(125deg,#fff,#f8f7f4);box-shadow:0 5px 18px #483d2908;color:#342e24;font:400 18px/1.5 Georgia,serif;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.cua-diy-feature .diy-feature-cta span{font:10px/1 Arial,sans-serif}
.cua-diy-feature .diy-feature-cta:hover{background:#f1f2ec;border-color:#8c927f;color:#342e24}
.cua-diy-feature a:focus-visible{outline:2px solid #636e56;outline-offset:5px}
.cua-diy-feature .diy-feature-note{font:400 10px/1.8 'Montserrat',Arial,sans-serif;color:#817969;margin:18px 0 0}
.cua-diy-feature .diy-feature-visual{position:relative;margin:0;padding:0 0 68px 34px;min-width:0;align-self:center}
.cua-diy-feature .diy-feature-main{display:block;aspect-ratio:1/1.07;border:0;overflow:hidden;background:#f3efe5}
.cua-diy-feature picture,.cua-diy-feature img{display:block;width:100%;height:100%}
.cua-diy-feature img{object-fit:cover}
.cua-diy-feature .diy-feature-detail{position:absolute;left:0;bottom:37px;width:31%;aspect-ratio:3/4;display:block;box-sizing:border-box;border:7px solid #fff;box-shadow:0 10px 30px #4d402519;overflow:hidden}
.cua-diy-feature figcaption{text-align:right;font:400 10px/1.7 'Montserrat',Arial,sans-serif;letter-spacing:.025em;color:#817969;padding-top:16px}
@media(max-width:1050px) and (min-width:701px){.cua-diy-feature{gap:32px;padding-left:28px;padding-right:28px}.cua-diy-feature h2{font-size:26px}.cua-diy-feature .diy-feature-action{align-items:flex-start;flex-direction:column}.cua-diy-feature .diy-feature-cta{width:100%}}
@media(max-width:700px){.cua-diy-feature{grid-template-columns:1fr;gap:24px;margin:0 auto;padding:28px 24px 40px}.cua-diy-feature .diy-feature-visual{grid-row:1;width:100%;max-width:480px;justify-self:center;padding:0 0 30px 24px}.cua-diy-feature .diy-feature-main{aspect-ratio:1.12/1}.cua-diy-feature .diy-feature-detail{bottom:14px;width:27%;border-width:5px}.cua-diy-feature figcaption{font-size:9px;padding-top:14px}.cua-diy-feature .diy-feature-copy{width:100%;max-width:480px;padding:0}.cua-diy-feature h2{font-size:24px;line-height:2;margin-bottom:20px}.cua-diy-feature .diy-feature-lead{font-size:26px}.cua-diy-feature .diy-feature-description{font-size:13px}.cua-diy-feature .diy-feature-qualities{gap:8px 12px}.cua-diy-feature .diy-feature-qualities span+span:before{margin-right:12px}.cua-diy-feature .diy-feature-cta{padding:14px 21px;font-size:16px;gap:12px;min-height:54px}.cua-diy-feature .diy-feature-price strong{font-size:23px}}
@media(max-width:360px){.cua-diy-feature .diy-feature-action{align-items:flex-start;flex-direction:column}.cua-diy-feature .diy-feature-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.cua-diy-feature a{transition:none}}

/* Same scroll reveal as the editorial photographs. */
.cua-diy-feature .diy-feature-main{position:relative}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
.cua-diy-feature .diy-feature-main img,.cua-diy-feature .diy-feature-detail img{position:absolute;left:0;top:-20%;height:140%;transform:translate3d(0,var(--editorial-shift,0px),0);will-change:transform}
}