/*
 * Architectural editorial: ivory stone, glazed facades and coral metal.
 * One company campus unfolds across the complete scroll journey.
 */
.immersive-home{--ink:#edf1e9;--muted:#aebcb4;--accent:#e58b75;--rule:#d6e3da22;--surface:#26332c70;--scene-bg:#111d1c;--pad:clamp(22px,5vw,88px);color:var(--ink);background:var(--scene-bg);isolation:isolate}
.immersive-journey{position:relative;height:800svh;overflow-anchor:none}
.immersive-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:var(--scene-bg);color:var(--ink);isolation:isolate;transition:background .25s linear}
.immersive-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 23% 38%,#c6e1cf0d 0,transparent 55%),linear-gradient(110deg,transparent 10%,#e5ece506 11%,transparent 30%);z-index:3}
.immersive-stage:after{content:"";position:absolute;inset:90px var(--pad) 87px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);pointer-events:none;z-index:2}
#immersive-home-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;touch-action:pan-y}
.immersive-origin-identity{position:absolute;left:15%;top:39%;width:27%;z-index:2;pointer-events:none}
.immersive-origin-identity img{width:100%;height:auto}.immersive-origin-identity span{display:none}
.is-studio-ready .immersive-origin-identity{display:none}
.immersive-aurora,.immersive-noise{display:none}
.immersive-topline{position:absolute;top:112px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:5;direction:ltr;font-size:10px;letter-spacing:.16em;color:var(--muted)}
.immersive-counter{display:flex;gap:10px;align-items:baseline}.immersive-counter b{color:var(--ink);font-size:20px;font-weight:500;letter-spacing:0}
.immersive-copy{position:absolute;inset:0;z-index:4;pointer-events:none}
.immersive-chapter,.immersive-chapter.is-left,.immersive-chapter.is-right,.immersive-chapter.is-finale{position:absolute;right:var(--pad);left:auto;top:51%;translate:0 -50%;width:38%;max-width:590px;opacity:0;pointer-events:none;text-align:right;will-change:opacity,transform}
.immersive-chapter.is-active{pointer-events:auto}
.immersive-kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--accent);font-size:11px;font-weight:500}
.immersive-kicker b{font-size:10px;opacity:.75}.immersive-kicker:after{content:"";width:30px;height:1px;background:currentColor;opacity:.65}
.immersive-chapter h1,.immersive-chapter h2{font-family:var(--fa);font-weight:650;font-size:clamp(30px,3.05vw,51px);line-height:1.6;letter-spacing:-.035em;max-width:none;color:var(--ink);margin:0}
.immersive-chapter h1 em,.immersive-chapter h2 em{font-weight:500;font-style:normal;color:var(--accent)}
.immersive-chapter>p{color:var(--muted);font-size:clamp(13px,1.04vw,16px);line-height:2.1;max-width:48ch;margin:20px 0 0}
.immersive-opening-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.immersive-opening-actions a,.immersive-actions a{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;border:1px solid var(--rule);border-radius:9px;padding:12px 20px;font-size:12px;font-weight:500;color:var(--ink);background:transparent;transition:background .22s,color .22s,transform .22s,border-color .22s}
.immersive-opening-actions a.is-primary,.immersive-actions a.is-primary{background:var(--accent);color:#152720;border-color:var(--accent)}
.immersive-opening-actions a:hover,.immersive-actions a:hover{background:var(--ink);color:var(--scene-bg);border-color:var(--ink);transform:translateY(-2px)}
.immersive-opening-actions .ui-icon,.immersive-actions .ui-icon{width:18px;height:18px}
.immersive-signature{display:flex;align-items:center;gap:14px;color:var(--muted);margin-top:27px;font-size:10px}.immersive-signature i{width:22px;height:1px;background:var(--rule)}
.immersive-tags{padding:0;list-style:none;display:flex;gap:0;flex-wrap:wrap;margin:24px 0 0}.immersive-tags li{padding:5px 12px;border-left:1px solid var(--rule);font-size:10px;color:var(--muted)}.immersive-tags li:first-child{padding-right:0}.immersive-tags li:last-child{border:0}
.immersive-metrics{display:flex;gap:0;margin-top:28px;border-top:1px solid var(--rule);padding-top:18px}.immersive-metrics span{display:flex;flex-direction:column;gap:8px;flex:1;color:var(--muted);font-size:10px}.immersive-metrics b{font-weight:500;color:var(--ink);font-size:23px}
.immersive-products{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
.immersive-products a{padding:13px 11px;border:1px solid var(--rule);border-radius:8px;display:grid;grid-template-columns:5px 1fr;gap:5px 9px;align-items:center;transition:background .2s,transform .2s}
.immersive-products a:hover{background:var(--surface);transform:translateY(-2px)}.immersive-products i{height:23px;width:3px;border-radius:3px;background:var(--product);grid-row:1/3}
.immersive-products span{font-size:11px;color:var(--ink)}.immersive-products small{font-size:7px;letter-spacing:.06em;color:var(--muted)}
.immersive-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:19px;border-bottom:1px solid var(--rule);color:var(--ink);font-size:11px;transition:color .2s,border-color .2s}.immersive-text-link .ui-icon{width:17px;height:17px}.immersive-text-link:hover{color:var(--accent);border-color:var(--accent)}
.immersive-chapter blockquote{font-size:clamp(13px,1.08vw,17px);line-height:2.05;padding:0 20px 0 0;border:0;border-right:2px solid var(--accent);margin:25px 0 0;color:var(--ink);max-width:44ch}
.immersive-chapter blockquote footer{color:var(--muted);font-size:10px;margin-top:17px}
.immersive-event-index{display:flex;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid var(--rule)}.immersive-event-index span{font-size:10px;color:var(--accent);white-space:nowrap}.immersive-event-index b{color:var(--muted);font-size:11px;font-weight:400;line-height:1.9}
.immersive-faq{margin-top:18px}.immersive-faq details{border-bottom:1px solid var(--rule)}.immersive-faq summary{min-height:48px;padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;color:var(--ink);font-size:11px}.immersive-faq summary::-webkit-details-marker{display:none}.immersive-faq summary .ui-icon{width:17px;height:17px;color:var(--accent)}.immersive-faq details[open] .ui-icon{transform:rotate(45deg)}.immersive-faq details p{font-size:11px;line-height:1.9;color:var(--muted);padding:0 0 13px;margin:0}
.immersive-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.immersive-actions a{font-size:11px;padding:11px 14px}.immersive-actions b{font-size:9px}
.immersive-object-label{position:absolute;left:var(--pad);bottom:110px;width:46%;text-align:center;font-size:10px;color:var(--muted);z-index:4;letter-spacing:.01em}
.immersive-object-label:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent);vertical-align:middle;margin-left:12px}
.immersive-rail{position:absolute;bottom:26px;left:var(--pad);right:calc(var(--pad) + 60px);display:flex;justify-content:flex-start;gap:5px;direction:rtl;z-index:5}
.immersive-rail button{position:relative;appearance:none;display:flex;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:8px 13px;color:var(--muted);font-family:var(--fa);font-size:9px;background:none;border:0;cursor:pointer;border-radius:6px;transition:color .2s,background .2s}
.immersive-rail button i{display:block;width:4px;height:4px;background:currentColor;border-radius:50%}.immersive-rail button.is-active{color:var(--accent);background:var(--surface)}.immersive-rail button:hover{color:var(--ink);background:var(--surface)}
.immersive-scroll-cue{position:absolute;bottom:42px;left:var(--pad);direction:ltr;font-size:8px;letter-spacing:.12em;color:var(--muted);z-index:4}.immersive-scroll-cue i{display:inline-block;margin-left:12px;width:36px;height:1px;background:var(--rule);vertical-align:middle;overflow:hidden}.immersive-scroll-cue b{display:block;width:15px;height:1px;background:var(--accent);animation:lab-scroll 2.5s ease-in-out infinite}
.immersive-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--rule);z-index:6}.immersive-progress i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(.004)}
@keyframes lab-scroll{50%{transform:translateX(25px)}}
.immersive-home a:focus-visible,.immersive-home button:focus-visible,.immersive-home summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
html[data-theme="light"] .immersive-home{--ink:#203831;--muted:#52675e;--accent:#a9533e;--rule:#2b483523;--surface:#d2dad080;--scene-bg:#eee9df}
html[data-theme="light"] .immersive-stage:before{background:radial-gradient(ellipse at 20% 30%,#ffffff18,transparent 63%),linear-gradient(112deg,transparent 18%,#ffffff0b 19%,transparent 46%)}
html[data-theme="light"] .immersive-opening-actions a.is-primary,html[data-theme="light"] .immersive-actions a.is-primary{background:#244f43;border-color:#244f43;color:#fff}
html[data-theme="light"] .immersive-opening-actions a:hover,html[data-theme="light"] .immersive-actions a:hover{background:#a9533e;color:white;border-color:#a9533e}
@media(min-width:1600px){.immersive-chapter{width:37%}.immersive-topline{top:124px}}
@media(max-width:1100px) and (min-width:821px){.immersive-chapter,.immersive-chapter.is-left,.immersive-chapter.is-right,.immersive-chapter.is-finale{width:42%;right:26px}.immersive-chapter h1,.immersive-chapter h2{font-size:30px}.immersive-rail button{padding:8px 9px}.immersive-scroll-cue{display:none}}
@media(max-width:820px){
 .immersive-stage{min-height:700px}.immersive-stage:after{inset:77px 20px 65px}
 .immersive-topline{top:95px;left:22px;right:22px;font-size:8px}.immersive-counter b{font-size:17px}
 .immersive-chapter,.immersive-chapter.is-left,.immersive-chapter.is-right,.immersive-chapter.is-finale{top:137px;translate:0;left:24px;right:24px;width:auto;max-width:none}
 .immersive-kicker{font-size:9px;margin-bottom:11px;gap:9px}
 .immersive-chapter h1,.immersive-chapter h2{font-size:30px;line-height:1.5;letter-spacing:-.025em}
 .immersive-chapter>p{font-size:11px;line-height:1.9;margin-top:12px;max-width:50ch}
 .immersive-opening-actions{margin-top:16px;gap:8px}.immersive-opening-actions a{min-height:44px;font-size:10px;padding:9px 13px}.immersive-signature{display:none}
 #immersive-home-canvas{top:47%;height:45%;width:100%;left:0;mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent)}
 .immersive-object-label{bottom:81px;left:15px;right:15px;width:auto;font-size:8px}
 .immersive-rail{bottom:14px;left:12px;right:74px;gap:0;justify-content:center}.immersive-rail button{padding:8px 0;min-width:0;flex:1;min-height:44px;justify-content:center}.immersive-rail button span{display:none}.immersive-rail button i{width:16px;height:2px;border-radius:2px}
 .immersive-scroll-cue{display:none}.immersive-products{margin-top:12px;gap:5px}.immersive-products a{padding:8px;min-height:44px}.immersive-products span{font-size:9px}.immersive-products small{font-size:6px}
 .immersive-text-link{margin-top:7px;font-size:10px}.immersive-tags{margin-top:10px}.immersive-tags li{font-size:9px}
 .immersive-chapter blockquote{font-size:11px;line-height:1.9;margin-top:14px;padding-right:13px}.immersive-chapter blockquote footer{font-size:9px;margin-top:8px}
 .immersive-metrics{margin-top:14px;padding-top:12px}.immersive-metrics b{font-size:18px}
 .immersive-event-index{margin-top:14px;padding-top:12px}.immersive-event-index b{font-size:10px}
 .immersive-faq{margin-top:10px}.immersive-faq summary{font-size:10px;min-height:44px;padding:8px 0}.immersive-faq details p{font-size:10px}
 .immersive-actions{margin-top:16px}.immersive-actions a{min-height:44px;font-size:10px}
 [data-immersive-stage="3"] #immersive-home-canvas,[data-immersive-stage="6"] #immersive-home-canvas{top:56%;height:35%}
 .immersive-origin-identity{left:25%;top:57%;width:50%}
}
@media(min-width:600px) and (max-width:820px){.immersive-chapter,.immersive-chapter.is-left,.immersive-chapter.is-right,.immersive-chapter.is-finale{left:9%;right:9%;top:155px}.immersive-chapter h1,.immersive-chapter h2{font-size:36px}.immersive-chapter>p{font-size:14px}#immersive-home-canvas{top:43%;height:50%}.immersive-opening-actions a{font-size:12px}}
@media(max-width:360px){.immersive-chapter,.immersive-chapter.is-left,.immersive-chapter.is-right,.immersive-chapter.is-finale{left:18px;right:18px;top:129px}.immersive-chapter h1,.immersive-chapter h2{font-size:26px}.immersive-kicker{font-size:8px}.immersive-chapter>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){
 .immersive-journey{height:auto}.immersive-stage{height:auto;position:relative;padding:125px 0 80px}.immersive-copy{position:relative;display:grid;gap:75px}.immersive-chapter,.immersive-chapter.is-left,.immersive-chapter.is-right,.immersive-chapter.is-finale{position:relative;inset:auto;translate:none;transform:none!important;opacity:1!important;pointer-events:auto;max-width:680px;width:auto;margin:0 var(--pad)}
 #immersive-home-canvas{display:none}.immersive-rail,.immersive-topline,.immersive-object-label,.immersive-scroll-cue,.immersive-progress,.immersive-stage:after{display:none}
}
.immersive-journey.is-static{height:auto}
.is-static .immersive-stage{position:relative;height:auto;padding:125px 0 80px}
.is-static .immersive-copy{position:relative;display:grid;gap:75px}
.is-static .immersive-chapter{position:relative;inset:auto;translate:none;transform:none!important;opacity:1!important;pointer-events:auto;max-width:680px;width:auto;margin:0 var(--pad)}
.is-static #immersive-home-canvas,.is-static .immersive-rail,.is-static .immersive-topline,.is-static .immersive-object-label,.is-static .immersive-scroll-cue,.is-static .immersive-progress,.is-static .immersive-stage:after,.is-static .immersive-origin-identity{display:none}
.bpl-en .immersive-home{direction:ltr}
.bpl-en .immersive-chapter,.bpl-en .immersive-chapter.is-left,.bpl-en .immersive-chapter.is-right,.bpl-en .immersive-chapter.is-finale{text-align:left}
.bpl-en .immersive-kicker{justify-content:flex-start}.bpl-en .immersive-kicker:after{order:-1}
.bpl-en .immersive-chapter blockquote{border-right:0;border-left:2px solid var(--accent);padding:0 0 0 20px}
.bpl-en .immersive-tags li{border-left:0;border-right:1px solid var(--rule)}.bpl-en .immersive-tags li:first-child{padding-left:0}.bpl-en .immersive-tags li:last-child{border:0}
.bpl-en .immersive-rail{direction:ltr}.bpl-en .immersive-progress i{transform-origin:left}

/* Company portrait: a quieter architectural frame around a persistent 3D campus. */
.company-architecture{--ink:#e8eff0;--muted:#afc0c4;--accent:#e39b83;--surface:#edf3ef0b;--rule:#b6c9ce28;--scene-bg:#14232b}
.company-architecture .immersive-stage:before{background:linear-gradient(90deg,transparent 46%,color-mix(in srgb,var(--scene-bg) 72%,transparent) 57%,var(--scene-bg) 68%);z-index:3}
.company-architecture .immersive-chapter{width:34%;top:50%}
.company-architecture .immersive-kicker{letter-spacing:0}
.company-architecture .immersive-rail{right:var(--pad);justify-content:center;gap:12px}
.company-architecture .immersive-rail button{border-radius:0;border-top:1px solid transparent}
.company-architecture .immersive-rail button.is-active{border-color:var(--accent);background:none}
.company-architecture .immersive-object-label{font-size:9px;letter-spacing:.055em;text-align:left;direction:ltr}
.company-process{display:flex;align-items:center;gap:10px;margin-top:26px;padding-block:16px;border-block:1px solid var(--rule);font-size:11px;line-height:1.8}
.company-process i{width:18px;height:1px;background:var(--accent);flex:none}
html[data-theme="light"] .company-architecture{--ink:#26373c;--muted:#52636a;--accent:#ad513d;--rule:#243c4826;--surface:#243c4808;--scene-bg:#eeeae3}
html[data-theme="light"] .company-architecture .immersive-stage:before{background:linear-gradient(90deg,transparent 46%,color-mix(in srgb,var(--scene-bg) 76%,transparent) 57%,var(--scene-bg) 68%)}
@media(max-width:1100px) and (min-width:821px){.company-architecture .immersive-chapter{width:38%}.company-architecture .immersive-rail{gap:0}}
@media(max-width:820px){
 .company-architecture .immersive-chapter{top:136px;left:24px;right:24px;width:auto}
 .company-architecture .immersive-stage:before,html[data-theme="light"] .company-architecture .immersive-stage:before{background:none}
 .company-architecture .immersive-rail{right:20px;left:76px;gap:0}
 .company-architecture .immersive-object-label{text-align:center;bottom:80px;font-size:7px}
 .company-architecture .immersive-chapter>p{max-width:50ch}
 .company-process{font-size:9px;gap:7px;padding-block:10px;margin-top:14px}
 .company-process i{width:10px}
 .company-architecture [data-immersive-stage="6"] #immersive-home-canvas{top:59%;height:30%}
}
@media(max-width:360px){.company-architecture .immersive-chapter{top:128px;left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.company-architecture .immersive-chapter{position:relative;inset:auto;width:auto}.company-architecture .immersive-stage:before{display:none}}
.company-architecture .is-static .immersive-chapter{position:relative;inset:auto;width:auto}