/* Scoped home brand story. Original regional business facts; archive photographs are not branch claims. */
.home-brand-story{--story-orange:#fe6b00;background:#f8f7f4;padding:clamp(40px,5vw,86px) clamp(20px,4.2vw,80px) clamp(56px,6vw,100px);overflow:hidden;color:#181818}
.home-story-composition{max-width:1480px;margin:auto;display:grid;grid-template-columns:55% 45%;align-items:stretch;isolation:isolate}
.home-story-visual{position:relative;z-index:2;min-width:0;padding-bottom:30px}
.home-story-main{position:relative;margin:0;height:660px;overflow:hidden;background:#e6e3dc}
.home-story-main>img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.home-story-main[data-photo=nairobi]>img:first-child{object-position:49% 42%}
.home-story-main[data-photo=interior]>img:first-child{object-position:52% 50%}
.home-story-main[data-photo=customer]>img:first-child{object-position:48% 48%}
.home-story-main[data-photo=music]>img:first-child{object-position:51% 46%}
.home-story-main:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}
.home-story-main .home-story-logo{position:absolute;z-index:2;top:36px;left:36px;width:clamp(130px,14vw,200px);height:auto;object-fit:contain}
.home-story-main>figcaption{position:absolute;z-index:2;inset:auto 32px 34px;display:flex;flex-direction:column;gap:7px;color:#fff;max-width:55%;font-size:12px;line-height:1.5;letter-spacing:.025em;text-shadow:0 1px 10px #0004}
.home-story-place{font-size:clamp(25px,2.7vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.15}
.home-story-inset{position:absolute;z-index:4;right:-24px;bottom:0;width:43%;max-width:290px;margin:0;border:7px solid #f8f7f4;background:#191919;box-shadow:0 16px 36px #17140d25;transform:translateY(0);transition:transform .5s ease}
.home-story-inset>img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;object-position:center}
.home-story-inset figcaption{color:#e7e7e7;font-size:11px;line-height:1.45;letter-spacing:.015em;padding:11px 13px;background:#1c1c1c}
.home-story-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 98% 0%,#46433e99,transparent 46%),linear-gradient(135deg,#1c1c1b,#111112 63%,#262423);color:#f8f8f6;padding:58px clamp(30px,4vw,66px) 38px clamp(45px,5vw,82px);min-width:0;margin-top:30px;display:flex;flex-direction:column}
.home-story-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:linear-gradient(115deg,transparent 35%,#ffffff12 45%,transparent 60%);transform:translateX(-10%)}
.home-story-watermark{position:absolute;width:95%;height:auto;max-width:none;bottom:14%;left:24%;opacity:.035;filter:grayscale(1) brightness(3);pointer-events:none;user-select:none;transform:rotate(-12deg)}
.home-story-intro,.home-story-regions,.home-story-actions{position:relative;z-index:1}
.home-story-eyebrow{margin:0 0 26px;font-size:12px;line-height:1.5;letter-spacing:.12em;color:#c3c2bd;display:flex;align-items:center;gap:13px}
.home-story-eyebrow:before{content:"";width:22px;height:2px;background:var(--story-orange);flex-shrink:0}
.home-story-panel h2{margin:0;font-size:clamp(28px,2.9vw,44px);font-weight:500;line-height:1.22;letter-spacing:-.035em;color:#fff;max-width:16ch;text-wrap:balance}
.home-story-description{margin:22px 0 34px;color:#bdbdb7;font-size:15px;line-height:1.8;max-width:36ch}
.home-story-tabs{display:flex;flex-wrap:wrap;gap:8px 19px;align-items:center;margin:0 0 26px}
.home-story-tabs button{position:relative;min-height:44px;min-width:44px;background:none;border:0;border-radius:0;padding:9px 0 12px;font:inherit;font-size:14px;line-height:1.4;color:#a6a6a2;cursor:pointer;transition:color .25s}
.home-story-tabs button:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--story-orange);transform:scaleX(0);transform-origin:center;transition:transform .25s}
.home-story-tabs button[aria-selected=true]{color:#fff}
.home-story-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.home-story-tabs button:hover{color:var(--story-orange)}
.home-story-tabs button:focus-visible,.home-story-actions a:focus-visible,.home-story-region:focus-visible{outline:2px solid var(--story-orange);outline-offset:6px}
.home-story-role{margin:0 0 7px;color:#a0a09a;font-size:11px;line-height:1.6;letter-spacing:.09em}
.home-story-region h3{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:26px;line-height:1.3;letter-spacing:-.02em;font-weight:500;color:#fff;margin:0 0 12px}
.home-story-region h3 span{color:var(--story-orange);font-size:24px}
.home-story-region>p:last-child{margin:0;font-size:14px;line-height:1.8;color:#bebeb8;max-width:39ch;min-height:5.4em}
.home-story-actions{display:flex;flex-wrap:wrap;gap:15px 25px;margin-top:auto;padding-top:32px}
.home-story-actions a{display:flex;align-items:center;gap:16px;min-height:44px;color:#f1f1ed;text-decoration:none;font-size:14px;line-height:1.5}
.home-story-actions a span{color:var(--story-orange);transition:transform .25s}
.home-story-actions a:hover span{transform:translate(3px,-3px)}
@media(hover:hover){.home-story-visual:hover .home-story-main>img:first-child{transform:scale(1.025)}.home-story-inset:hover{transform:translateY(-5px)}}
[dir=rtl] .home-story-main .home-story-logo{left:auto;right:36px}
[dir=rtl] .home-story-inset{right:auto;left:-24px}
[dir=rtl] .home-story-panel{padding-inline-start:clamp(45px,5vw,82px);padding-inline-end:clamp(30px,4vw,66px)}
[dir=rtl] .home-story-watermark{left:auto;right:24%}
@media(min-width:1600px){.home-story-main{height:700px}.home-story-panel{padding-top:70px;padding-bottom:48px}.home-story-panel h2{font-size:46px}.home-story-description{margin-bottom:38px}}
@media(min-width:701px) and (max-width:1100px){.home-brand-story{padding-inline:28px}.home-story-composition{grid-template-columns:51% 49%}.home-story-main{height:690px}.home-story-panel{padding:42px 26px 30px 42px}.home-story-description{margin-bottom:22px}.home-story-panel h2{font-size:30px}.home-story-tabs{gap:5px 15px}.home-story-inset{width:54%;right:-18px}.home-story-main>figcaption{left:24px;right:24px;bottom:36px;max-width:65%}[dir=rtl] .home-story-panel{padding-inline:42px 26px}[dir=rtl] .home-story-inset{left:-18px;right:auto}}
@media(max-width:700px){.home-brand-story{padding:32px 18px 42px}.home-story-composition{grid-template-columns:minmax(0,1fr)}.home-story-visual{padding-bottom:27px}.home-story-main{height:clamp(400px,114vw,610px)}.home-story-main .home-story-logo{top:26px;left:26px;width:150px}.home-story-main>figcaption{left:24px;right:24px;bottom:42px;max-width:46%;font-size:11px}.home-story-place{font-size:28px}.home-story-inset{right:0;bottom:0;width:46%;border-width:5px}.home-story-inset figcaption{font-size:10px;padding:9px 10px}.home-story-panel{margin-top:-1px;padding:38px 26px 30px}.home-story-panel h2{font-size:clamp(29px,7.5vw,40px);max-width:17ch}.home-story-eyebrow{font-size:11px;margin-bottom:22px}.home-story-description{font-size:15px;margin:20px 0 25px;max-width:38ch}.home-story-tabs{gap:7px 22px;margin-bottom:23px}.home-story-tabs button{font-size:15px}.home-story-region h3{font-size:27px}.home-story-region>p:last-child{font-size:15px;min-height:0;max-width:39ch}.home-story-actions{padding-top:24px;gap:10px 29px}.home-story-watermark{bottom:18%;left:13%;width:110%}[dir=rtl] .home-story-main .home-story-logo{right:26px;left:auto}[dir=rtl] .home-story-inset{left:0;right:auto}[dir=rtl] .home-story-panel{padding-inline:26px}[dir=rtl] .home-story-watermark{right:13%;left:auto}}
@media(prefers-reduced-motion:reduce){.home-brand-story *, .home-brand-story *:before,.home-brand-story *:after{animation:none!important;transition:none!important}.home-story-composition.precision-reveal{opacity:1!important;transform:none!important}}

/* Fetch the film only after the visitor selects its cover. */
.global-films { padding: clamp(2.5rem, 7vw, 6rem) clamp(1rem, 5vw, 5rem); background: #f4efe7; color: #191714; }
.global-films header { margin-bottom: clamp(1.25rem, 3vw, 2.5rem); }
.global-films h2 { margin: .45rem 0 0; font-size: clamp(2rem, 4vw, 4rem); line-height: 1.1; }
.global-film-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2.5rem); }
.global-film { margin: 0; min-width: 0; }
.global-film-play, .global-film-video { display: block; width: 100%; aspect-ratio: 16/9; background: #211812; }
.global-film-play { position: relative; border: 0; padding: 0; color: #15120f; cursor: pointer; }
.global-film-play:focus-visible, .global-film-video:focus-visible { outline: 2px solid #ef6900; outline-offset: 3px; }
.global-film-play img { display: block; width: 100%; height: 100%; object-fit: cover; }
.global-film-icon { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 3.5rem; aspect-ratio: 1; border-radius: 50%; background: #ff750e; }
.global-film figcaption { display: flex; justify-content: space-between; gap: .75rem; align-items: baseline; margin-top: .8rem; font-weight: 600; }
.global-film figcaption span:last-child { color: #6b6259; font-size: .875rem; font-variant-numeric: tabular-nums; }
@media (max-width: 620px) { .global-film-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } }
