/* Unequal living-world panels, scoped to the homepage review. */
.home-doorways{background:#fff}
.home-doorways .header{background:#fff}
.home-doorways .header .nav{height:96px;min-height:96px}
.home-doorways .header .logo{width:216px;height:auto;max-height:72px;object-fit:contain;flex-shrink:0}
.home-worlds{padding:0 0 32px;background:radial-gradient(ellipse at 85% 0%,#21456566,transparent 65%),#0d2445;color:#fff}
.home-opening{position:relative;z-index:1;padding:29px 0 26px}
.home-opening .world-intro{text-align:center}
.home-doorways .world-intro .power-headline{margin:0;font-size:clamp(17px,2.5vw,32px);font-weight:700;letter-spacing:.004em;line-height:1.4;white-space:nowrap}
.home-doorways .world-intro .power-headline .headline-line>span{color:#f4f7fb}
.home-doorways .world-intro .power-headline .headline-line .changing-word,.home-doorways .world-intro .power-headline .changing-word>span{color:#f6892b}
body.home-doorways .doorways{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:180px 180px 180px;gap:16px;max-width:1250px;padding:0 24px}
.service-door{position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:23px;background:#183049;color:#fff;text-decoration:none;box-shadow:0 9px 25px #03102133;border:1px solid #ffffff21}
.door-commercial{grid-column:1/8;grid-row:1/3}
.door-business{grid-column:8/13;grid-row:1}
.door-property{grid-column:8/13;grid-row:2}
.door-embedded{grid-column:1/6;grid-row:3}
.door-metering{grid-column:6/9;grid-row:3}
.door-account{grid-column:9/13;grid-row:3}
.door-art{position:absolute;inset:0;z-index:-2}
.door-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scene-position);position:absolute;inset:0;transition:opacity 1.25s ease}
.door-art .door-next{opacity:0}
.service-door.changing .door-next{opacity:1}
.service-door.settled .door-art img{transition:none}
.service-door::after{content:"";position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(0deg,#071c32df,#071c3255 52%,transparent);pointer-events:none}
.door-caption{position:absolute;inset:0}
.door-caption strong{position:absolute;left:19px;right:68px;bottom:20px;font-size:clamp(16px,1.7vw,21px);font-weight:500;line-height:1.25;white-space:nowrap;text-shadow:0 1px 7px #0007}
.door-commercial .door-caption strong{font-size:clamp(19px,2vw,25px)}
.door-chevron{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:15px;color:#f6892b;background:linear-gradient(145deg,#ffffffe8,#eef3f5af);border:1px solid #ffffff;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b9c7d040,0 3px 10px #19395412;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.door-caption>.door-chevron{position:absolute;right:15px;bottom:13px}
.door-chevron svg{width:20px;height:20px}
.service-door:hover .door-chevron,.service-door:focus-visible .door-chevron{background:linear-gradient(145deg,#f9fbfc,#cddde6);box-shadow:inset 0 1px 0 #fff,0 4px 13px #a4541b25;transform:translateX(3px)}
.service-door:focus-visible{outline:3px solid #23c3f3;outline-offset:4px}
body.home-doorways .home-photography{padding:0;background:#0d2445}
.home-photography figure{margin:0;position:relative;height:440px;overflow:hidden;isolation:isolate}
.home-photography img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;position:absolute;inset:0;z-index:-2}
.home-photography figure:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d2445ec,transparent 90%),linear-gradient(90deg,#0d24453b,transparent 65%)}
.home-photography figcaption{position:absolute;left:0;right:0;bottom:36px;color:#fff}
.home-doorways .home-photography h2{color:#fff;font-size:36px}
.home-photography .eyebrow{color:#fff;font-size:11px;margin-bottom:12px}
.home-actions{display:flex;gap:14px;padding:0;margin:25px 0 0;max-width:510px}
.home-actions .button{flex:1;min-height:50px;font-size:14px;white-space:nowrap;padding:13px 10px}
.home-doorways .home-guide-action{background:linear-gradient(145deg,#fffffff0,#dce6ebbd);color:#17304b;border-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.home-doorways .home-approach{background:#132a44;color:#fff;padding:54px 0}
.home-approach h2{font-size:32px}
.home-approach p{max-width:670px;font-size:17px;line-height:1.75;color:#e0e9f2;margin:20px 0 28px}
.home-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-principles a{position:relative;display:flex;flex-direction:column;gap:8px;padding:23px 60px 23px 22px;border:1px solid #ffffff70;border-radius:21px;background:linear-gradient(135deg,#ffffff16,#ffffff04 54%,#ffffff0c);box-shadow:inset 0 1px 0 #ffffff94,0 6px 15px #00102533;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);text-decoration:none}
.home-principles a:nth-child(2){border-color:#ffdbbd80;background:linear-gradient(135deg,#ffb87914,#f6892b04 58%,#ffffff08)}
.home-principles strong{font-size:18px;font-weight:600}
.home-principles a>span:not(.door-chevron){font-size:13px;color:#e0e9f2}
.home-principles .door-chevron{position:absolute;right:14px;top:calc(50% - 21px);background:none;border:0;box-shadow:none;backdrop-filter:none;color:#f6892b}
.home-principles a:hover{border-color:#fff}
.home-principles a:hover .door-chevron{transform:translateX(3px)}
.home-doorways .ci-footer,.home-doorways .ci-contact-bookend{background:#fff}
@media(min-width:1440px){body.home-doorways .doorways{grid-template-rows:200px 200px 190px}}
@media(max-width:899px){
 body.home-doorways .doorways{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:250px 175px 210px 165px;gap:14px}
 .door-commercial{grid-column:1/3;grid-row:1}
 .door-business{grid-column:1;grid-row:2}
 .door-property{grid-column:2;grid-row:2}
 .door-embedded{grid-column:1/3;grid-row:3}
 .door-metering{grid-column:1;grid-row:4}
 .door-account{grid-column:2;grid-row:4}
 .door-business .door-caption>.door-chevron,.door-property .door-caption>.door-chevron,.door-metering .door-caption>.door-chevron,.door-account .door-caption>.door-chevron{top:12px;bottom:auto;right:12px}
 .door-caption strong{font-size:18px;left:16px;right:14px;bottom:16px}
 .door-commercial .door-caption strong,.door-embedded .door-caption strong{right:66px;font-size:22px}
}
@media(max-width:700px){
 .home-doorways .header .nav{height:78px;min-height:78px;gap:14px}
 .home-doorways .header .logo{width:175px;max-height:59px}
 .home-worlds{padding-bottom:22px}
 .home-opening{padding:22px 0}
 .home-doorways .world-intro .power-headline{font-size:clamp(15px,4.65vw,23px)}
 body.home-doorways .doorways{grid-template-rows:208px 162px 176px 145px;gap:12px;padding:0 12px}
 .service-door{border-radius:20px}
 .door-caption strong{font-size:clamp(12px,3.5vw,16px);left:12px;right:10px;bottom:15px}
 .door-commercial .door-caption strong,.door-embedded .door-caption strong{font-size:clamp(16px,4.3vw,20px);left:16px;right:65px;bottom:21px}
 .door-chevron{width:40px;height:40px;flex-basis:40px;background:linear-gradient(145deg,#f9fbfced,#dce6ebc9);border-color:#d6e0e6;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b9c7d040,0 4px 13px #19395425}
 .door-caption>.door-chevron{right:14px;bottom:12px}
 .home-actions{padding:0;margin-top:23px;gap:10px}
 .home-actions .button{font-size:12px;padding:12px 7px;min-height:48px}
 .home-photography figure{height:360px}
 .home-photography figcaption{bottom:27px}
 .home-doorways .home-photography h2{font-size:28px}
 .home-doorways .home-approach{padding:38px 0}
 .home-approach h2{font-size:27px}
 .home-approach p{font-size:16px}
 .home-principles{grid-template-columns:1fr;gap:12px}
 .home-principles a{padding:20px 65px 20px 21px}
 .home-principles .door-chevron{top:calc(50% - 20px)}
}
@media(max-width:360px){.home-doorways .header .logo{width:145px}.home-doorways .header .nav{gap:10px}body.home-doorways .doorways{grid-template-rows:190px 150px 164px 138px}.home-actions .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.door-art img,.door-chevron{transition:none}.service-door:hover .door-chevron,.service-door:focus-visible .door-chevron,.home-principles a:hover .door-chevron{transform:none}}
