*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dedbd5;color:#171916;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.app{width:min(100%,430px);margin:auto;background:#f7f5f0;overflow:hidden}.scene{min-height:100svh;padding:76px 24px;display:flex;flex-direction:column;justify-content:center;position:relative}.k{margin:0 0 14px;font-size:11px;font-weight:750;letter-spacing:.14em;color:#777970}.scene h1,.scene h2{margin:0;font-size:39px;line-height:1.04;letter-spacing:-.065em}.scene h2{font-size:35px}.sub{margin:15px 0 0;font-size:13px;line-height:1.72;letter-spacing:-.018em;color:#777970}.reveal{opacity:0;transform:translateY(22px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
/* HOME */.home{background:#e8e3d9;overflow:hidden}.home:after{content:"";position:absolute;left:50%;bottom:-90px;width:1px;height:150px;background:linear-gradient(#9d9b92,transparent)}.home-stage{height:390px;margin-top:34px;position:relative}.home-shell{position:absolute;inset:20px 0 0;border-radius:155px 155px 26px 26px;background:#cfc8bc;overflow:hidden;box-shadow:0 25px 60px #5e584c18}.sky{position:absolute;inset:0 0 44%;background:#dce3df}.home-grid{position:absolute;left:22px;right:22px;bottom:22px;height:245px;display:grid;grid-template-columns:1.25fr .9fr;grid-template-rows:1fr 1fr;gap:7px}.room{background:#f2eee6;padding:14px;display:flex;align-items:flex-end;font-size:12px;font-weight:700;color:#68675f}.room:first-child{grid-row:1/3;border-radius:18px 5px 5px 18px}.room:nth-child(2){border-radius:5px 18px 5px 5px}.room:nth-child(3){border-radius:5px 5px 18px 5px}.home-tag{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);background:#191b18;color:white;padding:10px 17px;border-radius:99px;font-size:11px;letter-spacing:.12em;font-weight:750}
/* hierarchy */.hier{background:#f8f6f1;padding-left:0;padding-right:0}.hier:before{content:"house → space";position:absolute;right:24px;top:32px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#aaa9a2}.hier .head{padding:0 24px}.depth{margin-top:35px}.depth-nav{display:flex;align-items:center;gap:7px;padding:0 24px 18px;color:#9a9b94;font-size:11px;font-weight:750;letter-spacing:.08em}.depth-nav .active{color:#1b1d19}.depth-nav i{width:18px;height:1px;background:#c6c5bf}.panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 24px 20px;scrollbar-width:none}.panels::-webkit-scrollbar{display:none}.panel{flex:0 0 84%;height:420px;transform:scale(.965);transition:transform .35s ease,opacity .35s ease;scroll-snap-align:center;border-radius:30px;position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:flex-end}.panel:first-child{transform:scale(1)}.panel h3{font-size:29px;line-height:1.05;letter-spacing:-.06em;margin:0}.panel p{font-size:12px;line-height:1.62;color:#6d6e67;margin:10px 0 0}.living{background:#d8d2c7}.bed{background:#d8ded6}.kid{background:#e3d8ca}.pet{background:#d3cdc4}.miniroom{position:absolute;inset:24px 24px 150px;border-radius:22px;background:#f2efe9;box-shadow:inset 0 -30px 0 #c7bbaa}.bed .miniroom{box-shadow:inset 0 -48px 0 #bfc7bd}.kid .miniroom{box-shadow:inset 0 -35px 0 #d3bfa9}.pet .miniroom{box-shadow:inset 0 -38px 0 #bdb5aa}.miniroom:before{content:"";position:absolute;width:42%;height:45%;left:12%;top:12%;border:8px solid #ddd8cf;background:#e7ece9}.miniroom:after{content:"";position:absolute;width:48%;height:26%;right:9%;bottom:15%;border-radius:20px 20px 8px 8px;background:#c7beb1}
/* object drill */.objects{background:#20231f;color:#f6f4ef;overflow:hidden}.objects:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff12;border-radius:50%;right:-160px;top:80px}.objects:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff0c;border-radius:50%;right:-100px;top:135px}.objects .k,.objects .sub{color:#a9afa7}.space-focus{margin-top:34px;border-radius:30px;background:#2a2e29;padding:24px;min-height:420px;position:relative;overflow:hidden}.space-name{font-size:12px;color:#aeb4ac;letter-spacing:.1em}.space-focus h3{font-size:31px;letter-spacing:-.06em;margin:9px 0 0}.object-map{position:absolute;left:20px;right:20px;top:120px;bottom:20px}.obj{position:absolute;border:1px solid #ffffff2c;background:#ffffff0c;backdrop-filter:blur(3px);border-radius:22px;padding:15px;transition:.3s}.obj b{display:block;font-size:15px}.obj span{font-size:10px;color:#aeb3ac}.obj.sofa{left:0;right:25%;bottom:0;height:110px}.obj.rug{left:17%;right:5%;bottom:125px;height:70px}.obj.floor{left:0;right:0;top:0;height:72px}.obj.fabric{right:0;top:87px;width:37%;height:100px}.obj:active{transform:scale(.97);background:#ffffff18}.hierarchy-line{display:flex;gap:7px;align-items:center;margin-top:22px;font-size:11px;color:#92978f}.hierarchy-line strong{color:white}.hierarchy-line i{height:1px;width:17px;background:#5b615a}
/* remember */.remember{background:#ece8df}.memory-card{margin-top:38px;position:relative;overflow:hidden;background:#fffdf9;border-radius:28px;padding:26px;box-shadow:0 20px 55px #766f6314}.memory-title{font-size:12px;letter-spacing:.1em;color:#85877f}.memory-card h3{font-size:27px;letter-spacing:-.055em;margin:10px 0 26px}.row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #ece9e2;font-size:12px}.row span:last-child{color:#777a72;text-align:right}.path{margin-top:25px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.path i{flex:1;height:1px;background:#d6d3cc}
/* compare */.compare{background:#d9d6ce}.compare-box{height:390px;border-radius:30px;overflow:hidden;position:relative;margin-top:38px;touch-action:none;background:#999}.layer{position:absolute;inset:0}.past{background:radial-gradient(circle at 35% 65%,#8d8274 0 10%,transparent 11%),linear-gradient(145deg,#777c76,#b9b1a4)}.now{background:radial-gradient(circle at 35% 65%,#d9d1c5 0 10%,transparent 11%),linear-gradient(145deg,#cbd2cb,#f0ebe1);clip-path:inset(0 0 0 50%)}.handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white}.handle:after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:white;color:#222;box-shadow:0 7px 25px #0002}.lab{position:absolute;top:20px;font-size:11px;font-weight:800;letter-spacing:.08em}.lab.a{left:20px;color:white}.lab.b{right:20px}.quote{font-size:24px;font-weight:700;line-height:1.15;letter-spacing:-.055em;margin:32px 0 0}
/* decide */.decide{background:#f8f6f1}.states{margin-top:38px}.state-card{width:100%;aspect-ratio:4/2.5;height:auto;border-radius:32px;padding:24px 26px;background:#dfe5dc;display:flex;flex-direction:column;justify-content:space-between;transition:.4s}.state-card.watch{background:#e9dfc5}.state-card.care{background:#dcc9bf}.state-name{font-size:50px;font-weight:780;letter-spacing:-.07em}.state-desc{font-size:13px;line-height:1.62;color:#5f625b}.tabs{display:flex;gap:8px;margin-top:12px}.tabs button{border:0;padding:11px 14px;border-radius:99px;background:#e9e6df;color:#696a64;font-weight:750}.tabs button.on{background:#1d201c;color:white}.promise{font-size:28px;line-height:1.12;letter-spacing:-.06em;margin:45px 0 0}
/* history */.history{background:#e2ded5}.history-home{margin-top:35px;border-radius:30px;background:#f7f4ed;padding:24px;position:relative;overflow:hidden}.history-home:before{content:"home";position:absolute;right:-5px;top:-18px;font-size:86px;font-weight:850;letter-spacing:-.08em;color:#191b1810}.visit{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #ddd9d0;opacity:.22;transform:translateY(12px);transition:.6s}.visit.on{opacity:1;transform:none}.num{font-size:11px;color:#8b8d86}.visit b{font-size:14px}.visit small{display:block;color:#888a83;margin-top:3px;font-size:11px;line-height:1.45}.mark{width:10px;height:10px;border-radius:50%;background:#657064;box-shadow:0 0 0 6px #65706417}.home-progress{margin-top:24px;font-size:11px;color:#85877f}.bar{height:3px;background:#dedbd4;margin-top:10px;overflow:hidden}.bar span{display:block;width:0;height:100%;background:#626b60;transition:2s ease}.history.inview .bar span{width:100%}

.memory-map{height:310px;position:relative;margin:6px 0 22px}.mh{position:absolute;border:1px solid #d9d6ce;border-radius:20px;padding:14px;background:#fbf9f4;opacity:.16;transform:scale(.92);transition:.65s cubic-bezier(.2,.8,.2,1)}.mh span{display:block;font-size:13px;font-weight:780}.mh b{display:block;margin-top:5px;font-size:8px;letter-spacing:.08em;color:#94958e}.mh-living{left:0;top:8px;width:58%;height:100px}.mh-bed{right:0;top:8px;width:38%;height:100px}.mh-kid{left:0;bottom:15px;width:38%;height:100px}.mh-pet{right:0;bottom:15px;width:58%;height:100px}.memory-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#1d201c;color:#fff;font-size:9px;letter-spacing:.13em;box-shadow:0 16px 40px #2223;opacity:0;transition:.7s .9s}.memory-core strong{font-size:18px;letter-spacing:-.03em}.history.inview .mh{opacity:1;transform:scale(1)}.history.inview .mh-bed{transition-delay:.22s}.history.inview .mh-kid{transition-delay:.44s}.history.inview .mh-pet{transition-delay:.66s}.history.inview .memory-core{opacity:1;transform:translate(-50%,-50%) scale(1)}.history-dates{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#979890}.history-dates i{height:1px;flex:1;background:#d8d5ce}
/* next */.next{background:#181b18;color:white;text-align:center;align-items:center}.next .k{color:#858b83}.next .sub{color:#a8ada6}.cta{display:inline-flex;margin-top:42px;padding:16px 27px;border-radius:99px;background:#f5f2eb;color:#171916;text-decoration:none;font-size:15px;font-weight:760}
@media(min-width:431px){.app{margin:28px auto;border-radius:28px;box-shadow:0 20px 80px #0002}.scene{min-height:800px}}

/* v4 refinement — quieter supporting type, stronger visual hierarchy */
.scene h1,.scene h2{text-wrap:balance}
.panel,.space-focus,.memory-card,.compare-box,.state-card,.history-home{box-shadow:0 18px 50px rgba(34,35,31,.045)}
.panel p,.sub,.state-desc,.row,.home-progress{font-weight:430}
@media (min-width:390px){.scene{padding-left:27px;padding-right:27px}.hier .head{padding-left:27px;padding-right:27px}.panels{padding-left:27px;padding-right:27px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal,.panel,.mh,.memory-core,.bar span{transition:none!important}}

/* v5 real-photo preview */
.home-stage{height:430px}
.home-shell .sky,.home-shell .home-grid{display:none}
.home-tag{background:rgba(25,27,24,.86);backdrop-filter:blur(10px)}
.panel{background-size:cover!important;background-position:center!important;isolation:isolate}
.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(20,21,18,.62) 100%);z-index:-1}
.panel h3,.panel p{color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.16)}
.panel p{color:rgba(255,255,255,.78)}
.panel .miniroom{display:none}
.space-name{color:rgba(255,255,255,.66)}
.obj{background:rgba(25,28,24,.32);border-color:rgba(255,255,255,.38);backdrop-filter:blur(9px)}
.obj span{color:rgba(255,255,255,.65)}
.cta{margin-top:36px;padding:13px 22px;font-size:13px;font-weight:720}
@media(max-width:380px){.cta{padding:12px 20px;font-size:12.5px}}

/* v6 — HOME typography + interactive OBJECT; NEXT intentionally fixed from v5 */
.home-shell{border-radius:28px}
.home .accent{color:#6f756c;font-weight:560}
.objects h2 .accent{color:#b9c1b7;font-weight:520}
.obj{cursor:pointer;text-align:left;color:inherit;font-family:inherit}
.obj.is-active{background:rgba(246,244,239,.92);border-color:rgba(255,255,255,.92);color:#1d201c;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.obj.is-active span{color:#73776f}
.object-detail{margin-top:14px;min-height:118px;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:17px 18px;background:rgba(255,255,255,.055);transition:.25s ease}
.object-detail .od-label{margin:0 0 9px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#969d94}
.object-detail h4{margin:0;font-size:17px;letter-spacing:-.045em}
.object-detail p{margin:8px 0 0;font-size:11.5px;line-height:1.65;color:#b4bab1;letter-spacing:-.015em}
.object-detail .od-care{color:#f1efe9}

/* v7 — unified headline hierarchy; next section remains fixed */
.scene:not(.next) h1 .core,.scene:not(.next) h2 .core{color:#657064;font-weight:820}
.objects h2 .core{color:#c6cec4;font-weight:820}
.compare .quote,.decide .promise{font-size:15px;line-height:1.2;font-weight:820;letter-spacing:-.035em;color:#657064;margin-top:28px;white-space:nowrap}
.decide .promise{color:#687166;margin-top:30px}
@media(max-width:370px){.compare .quote,.decide .promise{font-size:14px}}

/* v9 — compare/decide card ratio + centered quiet statements */
.compare-box { aspect-ratio: 4 / 3 !important; height: auto !important; min-height: 0 !important; }
.state-card { aspect-ratio: 4 / 3 !important; height: auto !important; min-height: 0 !important; }
.compare-quote, .promise {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
  font-weight: 400 !important;
}
.compare-quote strong, .promise strong { font-weight: 400 !important; }

/* v10 — care logic refinement */
.care-flow-mini{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:10px;color:#f1efe9;white-space:nowrap}.care-flow-mini i{height:1px;flex:1;min-width:8px;background:rgba(255,255,255,.22)}.remember .memory-card h3{margin-bottom:22px}.remember .path{color:#657064}

/* v12 — compare closing line matches section description */
.compare .quote{
  margin:15px 0 0 !important;
  width:100% !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1.72 !important;
  letter-spacing:-.018em !important;
  color:#777970 !important;
  font-weight:430 !important;
  white-space:normal !important;
}

/* v13 — matched post-card spacing + uppercase section labels */
.compare .quote{margin-top:36px !important;}
.decide .tabs{margin-top:36px !important;}


/* v17 — embedded MOOHAE CARE photography */
.home-shell{
  border-radius:30px !important;
  background-image:linear-gradient(180deg,rgba(18,20,17,.02),rgba(18,20,17,.20)),url("../images/care-final/01-home.webp") !important;
  background-size:cover !important;background-position:center !important;
}
.home-shell .sky,.home-shell .home-grid{display:none!important}

.panel{background-size:cover!important;background-position:center!important;color:#fff!important}
.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(16,18,15,.68) 100%);z-index:0;pointer-events:none}
.panel h3,.panel p{position:relative;z-index:1}
.panel p{color:rgba(255,255,255,.78)!important}
.panel .miniroom{display:none!important}
.panel.living{background-image:url("../images/care-final/02-space-living.webp")!important}
.panel.bed{background-image:url("../images/care-final/03-space-bedroom.webp")!important}
.panel.kid{background-image:url("../images/care-final/04-space-kids.webp")!important}
.panel.pet{background-image:url("../images/care-final/05-space-pet.webp")!important}

.space-focus{
  background-image:linear-gradient(180deg,rgba(14,16,13,.38),rgba(14,16,13,.58)),url("../images/care-final/06-object-sofa.webp")!important;
  background-size:cover!important;background-position:center!important;transition:background-image .25s ease;
}
.space-focus[data-active="sofa"]{background-image:linear-gradient(180deg,rgba(14,16,13,.38),rgba(14,16,13,.58)),url("../images/care-final/06-object-sofa.webp")!important}
.space-focus[data-active="rug"]{background-image:linear-gradient(180deg,rgba(14,16,13,.38),rgba(14,16,13,.58)),url("../images/care-final/07-object-rug.webp")!important}
.space-focus[data-active="floor"]{background-image:linear-gradient(180deg,rgba(14,16,13,.38),rgba(14,16,13,.58)),url("../images/care-final/08-object-floor.webp")!important}
.space-focus[data-active="fabric"]{background-image:linear-gradient(180deg,rgba(14,16,13,.38),rgba(14,16,13,.58)),url("../images/care-final/09-object-fabric.webp")!important}

.compare-box .past{
  background-image:url("../images/care-final/10-compare-past.webp")!important;background-size:cover!important;background-position:center!important;
}
.compare-box .now{
  background-image:url("../images/care-final/11-compare-now.webp")!important;background-size:cover!important;background-position:center!important;
}
.compare-box:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);border-radius:30px;pointer-events:none}
.lab{text-shadow:0 1px 8px rgba(0,0,0,.25)}

/* ============================================================
   PRODUCTION INTEGRATION — KEEP EXISTING MOOHAE HEADER / FOOTER
   V17 visual content stays intact; global header/footer remain site.css.
   ============================================================ */

/* Reserve room for the fixed existing header only at the start of CARE. */
.app{padding-top:var(--header-height,76px)}

/* Keep CARE V17's own reveal behavior even though site.js also observes .reveal. */
.app .reveal,
.app .reveal.in-view{
  opacity:0;
  filter:none;
  transform:translateY(22px);
  transition:.75s cubic-bezier(.2,.8,.2,1);
}
.app .reveal.in,
.app .reveal.in-view.in{
  opacity:1;
  transform:none;
}

/* The footer is intentionally full-width, exactly as the existing site design. */
#site-footer{position:relative;z-index:1}

@media(max-width:768px){
  .app{padding-top:var(--header-height,66px)}
}

/* ============================================================
   DESKTOP RESPONSIVE INTEGRATION — 2026-10-02
   Keep V17 mobile experience unchanged. Expand CARE into a true
   desktop layout while preserving the existing global header/footer.
   ============================================================ */

@media (min-width: 769px) {
  body[data-page="care"] {
    background:#f7f5f0;
  }

  body[data-page="care"] .app {
    width:100%;
    max-width:none;
    margin:0;
    padding-top:0;
    border-radius:0;
    box-shadow:none;
    background:#f7f5f0;
    overflow:hidden;
  }

  body[data-page="care"] .scene {
    width:100%;
    min-height:100vh;
    padding-top:clamp(120px,12vh,150px);
    padding-bottom:clamp(90px,10vh,130px);
    padding-left:max(40px,calc((100vw - 1180px)/2));
    padding-right:max(40px,calc((100vw - 1180px)/2));
  }

  body[data-page="care"] .scene h1,
  body[data-page="care"] .scene h2 {
    font-size:clamp(48px,4.3vw,68px);
    line-height:1.02;
  }

  body[data-page="care"] .scene .sub {
    margin-top:22px;
    font-size:15px;
    line-height:1.78;
  }

  body[data-page="care"] .k {
    margin-bottom:18px;
    font-size:12px;
  }

  /* 01 HOME */
  body[data-page="care"] .scene.home {
    display:grid;
    grid-template-columns:minmax(320px,.75fr) minmax(560px,1.25fr);
    align-items:center;
    column-gap:clamp(56px,7vw,110px);
  }

  body[data-page="care"] .home-stage {
    height:min(64vh,650px);
    min-height:500px;
    margin-top:0;
  }

  body[data-page="care"] .home-shell {
    inset:0;
    border-radius:38px !important;
  }

  body[data-page="care"] .home-tag {
    bottom:-18px;
  }

  /* 02 SPACE */
  body[data-page="care"] .scene.hier {
    display:grid;
    grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);
    align-items:center;
    column-gap:clamp(50px,6vw,92px);
  }

  body[data-page="care"] .hier .head {
    padding:0;
    align-self:center;
  }

  body[data-page="care"] .hier:before {
    right:max(40px,calc((100vw - 1180px)/2));
    top:calc(var(--header-height,76px) + 28px);
  }

  body[data-page="care"] .depth {
    margin-top:0;
    min-width:0;
  }

  body[data-page="care"] .depth-nav {
    padding:0 0 18px;
  }

  body[data-page="care"] .panels {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    padding:0;
    overflow:visible;
    scroll-snap-type:none;
  }

  body[data-page="care"] .panel {
    width:auto;
    height:300px;
    min-width:0;
    flex:none;
    transform:none !important;
    border-radius:28px;
    padding:24px;
  }

  body[data-page="care"] .panel h3 {
    font-size:30px;
  }

  /* 03 OBJECT */
  body[data-page="care"] .scene.objects {
    display:grid;
    grid-template-columns:minmax(300px,.66fr) minmax(560px,1.34fr);
    grid-template-rows:auto auto auto;
    align-items:start;
    column-gap:clamp(52px,6vw,96px);
  }

  body[data-page="care"] .objects > .reveal:first-child {
    grid-column:1;
    grid-row:1;
    align-self:end;
  }

  body[data-page="care"] .space-focus {
    grid-column:2;
    grid-row:1 / 4;
    min-height:610px;
    height:min(68vh,690px);
    margin-top:0;
    border-radius:34px;
    padding:30px;
  }

  body[data-page="care"] .space-focus h3 {
    font-size:38px;
  }

  body[data-page="care"] .object-map {
    left:28px;
    right:28px;
    top:145px;
    bottom:28px;
  }

  body[data-page="care"] .object-detail {
    grid-column:1;
    grid-row:2;
    margin-top:30px;
    min-height:142px;
    padding:21px 22px;
  }

  body[data-page="care"] .hierarchy-line {
    grid-column:1;
    grid-row:3;
    margin-top:24px;
  }

  /* 04 FIRST RECORD */
  body[data-page="care"] .scene.remember,
  body[data-page="care"] .scene.compare,
  body[data-page="care"] .scene.decide,
  body[data-page="care"] .scene.history {
    display:grid;
    grid-template-columns:minmax(300px,.68fr) minmax(520px,1.32fr);
    align-items:center;
    column-gap:clamp(56px,7vw,110px);
  }

  body[data-page="care"] .memory-card {
    margin-top:0;
    padding:34px 38px;
    border-radius:34px;
  }

  body[data-page="care"] .memory-card h3 {
    font-size:34px;
  }

  body[data-page="care"] .row {
    padding:18px 0;
    font-size:14px;
  }

  /* 05 COMPARE */
  body[data-page="care"] .compare-box {
    grid-column:2;
    grid-row:1 / 3;
    width:100%;
    max-width:720px;
    margin:0;
    justify-self:end;
    border-radius:34px;
  }

  body[data-page="care"] .compare .quote {
    grid-column:1;
    grid-row:2;
    margin-top:32px !important;
    text-align:left !important;
    font-size:15px !important;
  }

  /* 06 DECIDE */
  body[data-page="care"] .states {
    margin-top:0;
  }

  body[data-page="care"] .state-card {
    max-width:720px;
    border-radius:34px;
    padding:34px 38px;
  }

  body[data-page="care"] .state-name {
    font-size:72px;
  }

  body[data-page="care"] .state-desc {
    font-size:15px;
  }

  body[data-page="care"] .tabs {
    margin-top:18px !important;
  }

  /* 07 HISTORY */
  body[data-page="care"] .history-home {
    margin-top:0;
    padding:34px 38px;
    border-radius:34px;
  }

  body[data-page="care"] .memory-map {
    height:390px;
  }

  body[data-page="care"] .mh {
    padding:18px;
  }

  body[data-page="care"] .mh span {
    font-size:16px;
  }

  body[data-page="care"] .memory-core {
    width:126px;
    height:126px;
  }

  body[data-page="care"] .memory-core strong {
    font-size:22px;
  }

  /* 08 NEXT */
  body[data-page="care"] .scene.next {
    min-height:78vh;
    padding-top:140px;
    padding-bottom:140px;
  }

  body[data-page="care"] .next .reveal {
    max-width:760px;
  }

  body[data-page="care"] .next .cta {
    margin-top:42px;
    padding:16px 28px;
    font-size:14px;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  body[data-page="care"] .scene {
    padding-left:36px;
    padding-right:36px;
  }

  body[data-page="care"] .scene.home,
  body[data-page="care"] .scene.hier,
  body[data-page="care"] .scene.objects,
  body[data-page="care"] .scene.remember,
  body[data-page="care"] .scene.compare,
  body[data-page="care"] .scene.decide,
  body[data-page="care"] .scene.history {
    column-gap:40px;
  }

  body[data-page="care"] .scene.home {
    grid-template-columns:.8fr 1.2fr;
  }

  body[data-page="care"] .home-stage {
    min-height:430px;
  }

  body[data-page="care"] .panel {
    height:250px;
  }

  body[data-page="care"] .space-focus {
    min-height:540px;
  }
}

/* Mobile stays exactly in the V17 single-column layout. */
@media (max-width: 768px) {
  body[data-page="care"] .app {
    padding-top:var(--header-height,66px);
  }
}