.care-page .shell { width: min(calc(100% - 64px), 1240px); }
.care-page h2 { margin: 0; font-size: clamp(2.25rem, 4vw, 4.5rem); line-height: .96; letter-spacing: -.055em; }
.care-page p { line-height: 1.65; }
.care-hero { position: relative; display: grid; align-items: end; min-height: min(760px, 72vh); overflow: hidden; color: #fff; background: var(--ink); }
.care-hero > img, .care-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.care-hero > img { object-position: center 53%; }
.care-hero__shade { background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.24)); }
.care-hero .shell { position: relative; padding: clamp(112px, 13vw, 180px) clamp(76px, 8vw, 118px); }
.care-hero h1, .care-final h2 { max-width: 850px; margin: 0; font-size: clamp(3.8rem, 7.4vw, 7.2rem); line-height: .9; letter-spacing: -.07em; }
.care-hero p:not(.section-kicker), .care-final p { max-width: 710px; font-size: clamp(1.05rem, 1.3vw, 1.22rem); }
.care-hero .hero-actions { align-items: center; gap: 18px; margin-top: 30px; }
.care-hero .btn--light { min-height: 46px; padding: 10px 18px; border-color: #fff; background: #fff; color: var(--ink); }
.care-hero .btn--light:hover { background: transparent; color: #fff; }
.care-light { color: #fff; }
.care-page .section { padding-block: clamp(76px, 10vw, 148px); }
.care-intro__grid, .care-warranty__grid, .care-support__grid, .care-faq__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(44px, 9vw, 150px); align-items: center; }
.care-intro p { max-width: 630px; font-size: 1.08rem; }
.care-intro img { display: block; width: 100%; min-height: 420px; height: clamp(420px, 44vw, 620px); object-fit: cover; }
.care-warranty { padding-block: clamp(76px, 9vw, 140px); background: var(--soft); }
.care-warranty h2 { max-width: 650px; }
.care-warranty p { max-width: 620px; font-size: 1.04rem; }
.care-legal { color: var(--muted); font-size: .95rem !important; }
.care-warranty ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.care-warranty li { padding: 22px 0; border-bottom: 1px solid var(--line); font-size: 1.08rem; font-weight: 700; }
.care-philosophy { background: #e8e3d8; }
.care-philosophy h2, .care-philosophy p { max-width: 800px; }
.care-philosophy p { font-size: clamp(1.15rem, 2vw, 1.55rem); }
.care-materials { display: grid; }
.care-material { display: grid; grid-template-columns: 1fr 1fr; min-height: min(700px, 70vw); }
.care-material__image { overflow: hidden; background: #ded8cb; }
.care-material__image img { display: block; width: 100%; height: 100%; min-height: 460px; object-fit: cover; }
.care-material--upholstery .care-material__image img { object-position: center; }
.care-material--timber .care-material__image img { object-position: center; }
.care-material--stone .care-material__image img { object-position: center 54%; }
.care-material--metal .care-material__image img { object-position: center; }
.care-material__copy { display: grid; align-content: center; padding: clamp(48px, 9vw, 150px); background: #f4f1ea; }
.care-material--timber .care-material__copy, .care-material--metal .care-material__copy { background: var(--ink); color: #fff; }
.care-material__copy h2 { max-width: 590px; }
.care-material__copy ul { display: grid; gap: 13px; max-width: 560px; margin: 34px 0 0; padding: 0; list-style: none; }
.care-material__copy li { display: grid; grid-template-columns: 10px 1fr; gap: 12px; line-height: 1.55; }
.care-material__copy li::before { content: ""; width: 5px; height: 5px; margin-top: .58em; border-radius: 50%; background: var(--olive); }
.care-living { background: var(--soft); }
.care-living h2 { margin-bottom: 48px; }
.care-living__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.care-living article { min-height: 220px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.care-living article:last-child { border-right: 0; }
.care-living strong { display: block; margin-bottom: 14px; font-size: 1.16rem; }
.care-living span { color: var(--muted); line-height: 1.55; }
.care-support { padding-block: clamp(80px, 10vw, 150px); }
.care-support h2 { max-width: 650px; }
.care-support p { max-width: 620px; font-size: 1.06rem; }
.care-support .btn { margin-top: 12px; }
.care-support ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }
.care-support li { padding: 19px 0; border-bottom: 1px solid var(--line); font-weight: 750; }
.care-support li::before { display: inline-block; width: 34px; color: var(--olive); content: "0" counter(list-item); font-size: .84rem; }
.care-faq { background: #e8e3d8; }
.care-faq__items { border-top: 1px solid rgba(0,0,0,.45); }
.care-faq details { border-bottom: 1px solid rgba(0,0,0,.25); }
.care-faq summary { min-height: 58px; padding: 18px 34px 18px 0; cursor: pointer; font-size: 1.08rem; font-weight: 750; line-height: 1.4; }
.care-faq summary::marker { color: var(--olive); }
.care-faq details p { max-width: 620px; margin: 0 0 22px; color: var(--muted); }
.care-faq summary:focus-visible, .care-faq details:focus-within { outline: 2px solid var(--olive); outline-offset: 4px; }
.care-coming { padding-block: clamp(76px, 9vw, 140px); }
.care-coming h2 { margin-bottom: 16px; }
.care-coming > .shell > p { max-width: 560px; }
.care-coming__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 46px; border-top: 1px solid var(--line); }
.care-coming article { min-height: 145px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font-size: 1.05rem; font-weight: 700; }
.care-coming article:last-child { border-right: 0; }
.care-coming article::after { display: block; margin-top: 20px; color: var(--olive); content: "Coming soon"; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.care-final { padding-block: clamp(92px, 12vw, 180px); background: var(--cloudhaus-olive); color: #fff; }
.care-final .section-kicker { color: #fff; }
@media (max-width: 1080px) { .care-living__grid, .care-coming__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .care-living article:nth-child(3), .care-coming article:nth-child(3) { border-right: 0; } .care-material__copy { padding: clamp(42px, 7vw, 86px); } }
@media (max-width: 760px) { .care-page .shell { width: min(calc(100% - 28px), 1240px); } .care-hero { min-height: 650px; } .care-hero > img { object-position: center 50%; } .care-hero .shell { padding-block: 110px 66px; } .care-hero h1, .care-final h2 { font-size: clamp(3.1rem, 13vw, 4.7rem); } .care-hero .hero-actions { display: grid; align-items: stretch; gap: 14px; } .care-hero .btn--light { width: 100%; min-height: 50px; padding-inline: 18px; } .care-hero .text-link { justify-self: start; } .care-page .section, .care-warranty, .care-support, .care-coming { padding-block: 64px; } .care-intro__grid, .care-warranty__grid, .care-support__grid, .care-faq__grid { grid-template-columns: 1fr; gap: 32px; } .care-intro img { min-height: 0; height: min(110vw, 460px); } .care-material { grid-template-columns: 1fr; min-height: 0; } .care-material--timber .care-material__copy, .care-material--metal .care-material__copy { order: 1; } .care-material--timber .care-material__image, .care-material--metal .care-material__image { order: 2; } .care-material__image img { min-height: 0; height: min(100vw, 460px); } .care-material__copy { padding: 62px 14px; } .care-living__grid, .care-coming__grid { grid-template-columns: 1fr; } .care-living article, .care-living article:nth-child(3), .care-coming article, .care-coming article:nth-child(3) { min-height: 0; padding: 22px 0; border-right: 0; } .care-faq summary { min-height: 56px; font-size: 1rem; } }