/* Original artwork and layout retained. Gently reduce background saturation only. */
body.home-design #app .inbom-ai-hero{
 background:linear-gradient(#0002,#0002),url('/assets/round6/hero-hq.png') center/cover no-repeat #211b16!important;
 background-blend-mode:normal;
}
body.home-design #app .inbom-hero-glow{
 background:transparent!important;
}

/* Paired main actions share the same button class, dimensions and typography. */
body.home-design #app .inbom-hero-actions{display:flex;justify-content:center;align-items:stretch;gap:20px;margin:24px auto 0}
body.home-design #app .inbom-hero-actions .inbom-hero-cta{margin:0;min-width:0;flex:0 1 calc(clamp(34px,4.1vw,64px)*4 + 84px)}
@media(max-width:760px){
 body.home-design #app .inbom-hero-actions{gap:12px}
 body.home-design #app .inbom-hero-actions .inbom-hero-cta{flex:1 1 0;width:0;max-width:none;height:64px;padding:12px 8px;font-size:clamp(16px,4.4vw,26px);gap:0}
}

/* Only suspend automatic section snapping while a new route is being laid out. */
html.inbom-routing{scroll-snap-type:none!important;scroll-behavior:auto!important;overflow-anchor:none!important}

/* Continuous scroll storyboard, scoped to the home page. */
html:has(body.home-design){scroll-snap-type:none!important}
body.home-design #app .home-neighbors-heading h2{font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;font-size:clamp(37.5px,3.75vw,52.5px);font-weight:900;-webkit-text-stroke:0;text-shadow:none}
body.home-design #app .inbom-safety-scroll{position:relative;background:#f1f9ff;overflow-x:clip}
body.home-design #app .inbom-safety-scroll.safety-exit-background{background:#fff}
body.home-design #app .safety-scroll-track{position:relative;height:auto}
body.home-design #app .safety-scroll-stage{position:relative;height:calc(100svh - var(--revision-header-height));min-height:320px;overflow:hidden;isolation:isolate}
body.home-design #app .safety-scroll-intro{position:absolute;left:0;right:0;top:var(--safety-intro-y,55%);z-index:3;margin:0;padding:0 20px;text-align:center;pointer-events:none;color:#2b2d42;font:1000 clamp(42px,5.4vw,104px)/1.15 'Malgun Gothic',Arial,sans-serif;letter-spacing:-.065em;-webkit-text-stroke:1.575px currentColor;opacity:1;transform:translateY(var(--safety-intro-travel,0px))}
body.home-design #app .safety-scroll-stage .round3-safe-banner{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;padding:0;background:transparent;overflow:visible;scroll-snap-align:none}
body.home-design #app .safety-scroll-stage .round8-safe-media{position:absolute;left:0;top:0;right:auto;bottom:auto;width:var(--safety-width,100%);height:var(--safety-height,100%);max-width:none;aspect-ratio:auto;transform:translate(var(--safety-x,0px),var(--safety-y,0px));border-radius:var(--safety-radius,0px);container-type:normal;overflow:hidden;clip-path:none;background:#04100c}
body.home-design #app .safety-scroll-stage .round8-safe-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:32% center;mask-image:none;transform:none}
body.home-design #app .safety-scroll-stage .round8-safe-copy{position:absolute;top:6%;right:4%;left:auto;max-width:92%;display:flex;flex-direction:column;align-items:flex-end;gap:22px;z-index:2}
body.home-design #app .safety-scroll-stage .round8-safe-copy h2{position:static;margin:0;color:#f7f7fb;font-size:clamp(36px,4.5vw,88px);font-weight:900;line-height:1.2;letter-spacing:-.065em;white-space:normal;text-align:right;word-break:keep-all;transform:translateX(var(--safety-text-x,0px));opacity:var(--safety-text-opacity,1);text-shadow:0 2px 18px #0005}
body.home-design #app .safety-scroll-stage .round8-safe-guide{font-size:clamp(18px,2vw,32px);padding:.6em 1.05em;transform:none;opacity:1}
body.home-design #app .inbom-safety-scroll.is-scroll-ready .safety-scroll-track{height:260svh}
body.home-design #app .inbom-safety-scroll.is-scroll-ready .safety-scroll-stage{position:sticky;top:var(--revision-header-height)}
body.home-design #app .inbom-safety-scroll.is-scroll-ready:not(.safety-cta-ready) .round8-safe-guide{visibility:hidden;pointer-events:none}
body.home-design #app .round3-service-quote{background:#fff;color:#282c2f}
body.home-design #app .round3-service-quote .btn{background:#777!important;color:#fff!important}
body.home-design #app .round3-service.service-motion-ready :is(.round3-service-photo,.round3-service-copy){transform:translateY(var(--service-y,0px))}
body.home-design #app .round3-service-quote a.btn{border:0!important;outline:none;box-shadow:none!important}
body.home-design #app .round3-service-quote a.btn:focus-visible{outline:2px solid #282c2f;outline-offset:4px}
@media(max-width:760px){
 body.home-design #app .safety-scroll-intro{font-size:clamp(38px,9vw,60px);-webkit-text-stroke:1.125px currentColor}
 body.home-design #app .inbom-safety-scroll.is-scroll-ready .safety-scroll-track{height:240svh}
 body.home-design #app .safety-scroll-stage .round8-safe-copy{top:7%;right:6%;max-width:88%;gap:18px}
 body.home-design #app .safety-scroll-stage .round8-safe-copy h2{font-size:clamp(28px,7.7vw,48px)}
 body.home-design #app .safety-scroll-stage .round8-safe-guide{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 body.home-design #app .inbom-safety-scroll.is-scroll-ready .safety-scroll-track{height:auto}
 body.home-design #app .inbom-safety-scroll.is-scroll-ready .safety-scroll-stage{position:relative;top:auto}
 body.home-design #app .safety-scroll-intro{display:none}
 body.home-design #app .safety-scroll-stage .round8-safe-media{width:100%;height:100%;transform:none;border-radius:0}
 body.home-design #app .safety-scroll-stage .round8-safe-copy :is(h2,a){transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 body.home-design #app .round3-service.service-motion-ready :is(.round3-service-photo,.round3-service-copy){transform:none!important}
}

/* Reference-inspired service scene: shared titles, copy and a large photograph. */
body.home-design #app .inbom-service-switch{--service-mix:0;position:relative;background:#ffffff;color:#111111}
body.home-design #app .inbom-service-switch.service-switch-ready{height:240svh}
body.home-design #app .service-switch-stage{position:sticky;top:var(--revision-header-height);height:calc(100svh - var(--revision-header-height));min-height:560px;overflow:hidden}
body.home-design #app .service-switch-layout{width:min(1440px,84%);height:100%;margin:auto;padding:clamp(40px,7svh,88px) 0;display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;column-gap:8%;box-sizing:border-box}
body.home-design #app .service-switch-titles{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;z-index:2}
body.home-design #app .service-switch-titles button{display:block;border:0;background:none;padding:0;margin:0;font:900 clamp(32px,3.7vw,68px)/1.22 'Malgun Gothic',Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap;cursor:pointer;text-align:left;color:#111111;opacity:calc(.35 + (1 - var(--service-mix))*.65)}
body.home-design #app .service-switch-titles button+button{opacity:calc(.35 + var(--service-mix)*.65)}
body.home-design #app .service-switch-details{grid-column:1;grid-row:2;align-self:end;display:grid;margin-top:32px}
body.home-design #app .service-switch-panel{grid-area:1/1;align-self:end;opacity:max(0,calc(1 - var(--service-mix)*2));transform:translateY(calc(var(--service-mix)*-18px));pointer-events:none}
body.home-design #app .service-switch-panel[aria-hidden="false"]{pointer-events:auto}
body.home-design #app .service-switch-panel+.service-switch-panel{opacity:max(0,calc(var(--service-mix)*2 - 1));transform:translateY(calc((1 - var(--service-mix))*18px))}
body.home-design #app .service-switch-panel p{font-size:clamp(17px,1.45vw,24px);line-height:1.65;font-weight:500;margin:0 0 24px;word-break:keep-all;color:#111111}
body.home-design #app .service-switch-panel p br{display:none}
body.home-design #app .service-switch-cta{display:inline-flex;align-items:center;justify-content:center;border:0;box-shadow:0 4px 18px rgba(30,40,60,.07),0 1px 4px rgba(30,40,60,.03);background:#11111130;color:#111111;border-radius:999px;padding:14px 23px;font-size:clamp(16px,1.15vw,20px);font-weight:700;text-decoration:none}
body.home-design #app .service-switch-cta:hover{background:#11111145}
body.home-design #app .service-switch-titles button:focus-visible,body.home-design #app .service-switch-cta:focus-visible{outline:2px solid #111111;outline-offset:6px}
body.home-design #app .service-switch-art{grid-column:2;grid-row:1/3;position:relative;min-height:0;overflow:hidden;border-radius:28px;background:#ffffff;isolation:isolate;box-shadow:0 4px 18px rgba(30,40,60,.07),0 1px 4px rgba(30,40,60,.03)}
body.home-design #app .service-switch-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:calc(1 - var(--service-mix));transform:translateY(calc(var(--service-mix)*-24px)) scale(1.04)}
body.home-design #app .service-switch-image+.service-switch-image{opacity:var(--service-mix);transform:translateY(calc((1 - var(--service-mix))*24px)) scale(1.04)}
@media(max-width:760px){
 body.home-design #app .inbom-service-switch.service-switch-ready{height:220svh}
 body.home-design #app .service-switch-stage{min-height:560px}
 body.home-design #app .service-switch-layout{width:88%;padding:24px 0;grid-template-columns:1fr;grid-template-rows:auto minmax(140px,1fr) auto;gap:20px}
 body.home-design #app .service-switch-titles{grid-column:1;grid-row:1;gap:5px}
 body.home-design #app .service-switch-titles button{font-size:clamp(27px,7.5vw,42px)}
 body.home-design #app .service-switch-art{grid-column:1;grid-row:2;border-radius:22px}
 body.home-design #app .service-switch-details{grid-column:1;grid-row:3;margin:0}
 body.home-design #app .service-switch-panel p{font-size:15px;line-height:1.6;margin-bottom:14px}
 body.home-design #app .service-switch-cta{padding:11px 18px;font-size:15px}
}
@media(max-height:650px) and (min-width:761px){
 body.home-design #app .service-switch-stage{min-height:400px}
 body.home-design #app .service-switch-layout{padding:28px 0}
 body.home-design #app .service-switch-titles button{font-size:34px}
 body.home-design #app .service-switch-panel p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 body.home-design #app .inbom-service-switch.service-switch-ready{height:auto}
 body.home-design #app .service-switch-stage{position:relative;top:auto}
 body.home-design #app .service-switch-panel,body.home-design #app .service-switch-image{transform:none!important}
}

/* Switch whole service states; never leave both photographs visible. */
body.home-design #app .service-switch-image[aria-hidden="true"],
body.home-design #app .service-switch-panel[aria-hidden="true"]{visibility:hidden}

/* Slightly narrower community scene, with the introductory sentence as its title. */
body.home-design #app .home-neighbors-inner{width:93%;max-width:1134.6px}
body.home-design #app .home-neighbors-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:16px}
body.home-design #app .home-neighbors-heading>div{width:100%;min-width:0}
body.home-design #app .home-neighbors-heading h2{margin:0;text-align:center;word-break:keep-all;text-wrap:balance}
body.home-design #app .home-neighbors-heading>label{justify-self:end}
@media(min-width:801px) and (min-height:560px){
 body.home-design #app .home-neighbors-inner{max-width:1562.4px}
}

/* Match the hero-to-heading breathing room to the chat-to-safety-title gap. */
body.home-design #app .home-neighbors{padding-top:var(--community-opening-gap,64px)}
@media(min-width:801px) and (min-height:560px){
 body.home-design #app .home-neighbors{height:calc(100svh - var(--revision-header-height) + var(--community-opening-gap,clamp(24px,4svh,56px)) - clamp(24px,4svh,56px))}
}
@media(max-width:800px){
 body.home-design #app .home-neighbors{padding-top:var(--community-opening-gap,42px)}
}


/* The gradient occupies only the transition between two settled screens. */
body.home-design #app .inbom-hero-copy :is(h1,p,span,strong,small){color:#fff}
body.home-design #app .design3-hero-transition{
 height:clamp(100px,16svh,180px);pointer-events:none;
 background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55) 48%,#fff 100%),
 linear-gradient(#0002,#0002),url('/assets/round6/hero-hq.png') center bottom/100% auto no-repeat #211b16;
}
body.home-design #app .home-neighbors{background:#fff;padding-top:64px}
body.home-design #app .inbom-safety-scroll{background:#fff}
@media(min-width:801px) and (min-height:560px){
 body.home-design #app .home-neighbors{height:calc(100svh - var(--revision-header-height));padding-top:clamp(24px,4svh,56px)}
}
@media(max-width:800px){
 body.home-design #app .home-neighbors{padding-top:42px}
}