/* Pragmatic official web identity, 20 Sep 2026. Intentional corrections over the existing deck. */
@font-face{font-family:Poppins;src:url(assets/Poppins-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/Poppins-500.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/Poppins-600.ttf);font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/Poppins-700.ttf);font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/Poppins-800.ttf);font-weight:800;font-display:swap}
:root{--ink:#fff;--muted:#d5cfd8;--blue:#ff9233;--navy:#160f1d;--deep:#160f1d;--accent:#ff9233;--accent-deep:#b94f00;--accent-soft:#ffd2a3;--card-bg:#271d2f;--line:#ffffff26;--bar:89px;--topbar:89px;--section:89px;--body-font:Poppins,sans-serif;--font-body:Poppins,sans-serif;--font-display:Poppins,sans-serif}
html{background:var(--deep);scroll-padding-top:var(--bar)}body{font-family:Poppins,sans-serif;font-size:17px;line-height:1.618;background:var(--deep);color:var(--ink)}
button{font-family:inherit}p,li{color:var(--muted)}h1,h2,h3{font-family:Poppins,sans-serif;font-weight:600;letter-spacing:-.035em}h2{font-size:55px;line-height:1.128}h3{font-size:27px;line-height:1.272}em{color:var(--accent);font-style:normal}.lead{font-size:21px;line-height:1.618;max-width:43ch}.eyebrow{font-size:13px;line-height:1.272;font-weight:600;letter-spacing:.13em;color:var(--accent-soft)}
.brand{filter:none!important;object-fit:contain;object-position:left center}.pp-brand{width:233px;height:107px;max-height:none}.ico{width:21px;height:21px;flex:none;filter:brightness(0) invert(1)}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
#atmosphere{display:none}#topbar{height:var(--bar);padding:0 max(34px,calc((100vw - 1597px)/2));gap:34px;background:#160f1def;border-bottom:1px solid var(--line)}
.nav-brand{width:144px}.nav-brand .pp-brand{width:144px;height:66px;min-width:144px}.nav-project{font-size:13px;letter-spacing:.05em}.nav-actions{gap:13px}.icon-button,.round{width:55px;height:55px;min-width:55px;border-radius:50%;background:#302339;color:#fff}.language{gap:8px;padding-right:13px}.language button{min-width:50px;min-height:50px;padding:8px 13px;border-radius:8px;font-size:13px}.language button[aria-pressed=true],.icon-button[aria-pressed=true]{background:#b94f00;color:white}
#chapter-nav{right:8px}#chapter-nav button{width:34px;height:34px}#chapter-nav button::after{background:#9b7d69}#chapter-nav button[aria-current=true]::after{background:var(--accent)}#chapter-nav span{background:#382a40}
.button,.social{font-size:17px;line-height:1.272;min-height:55px;padding:13px 21px;gap:13px;border-radius:13px;width:fit-content}.button.primary{background:#b94f00;color:white}.button.primary::before{opacity:.45}.button .ico{width:21px;height:21px}
/* One continuous canvas. The spacing belongs to content, so no differently coloured strip can appear. */
main.phi-page{padding:var(--bar) 0 0;display:block;background:var(--deep)}
main.phi-page>.scene{margin:0!important;padding:0 max(55px,calc((100vw - 1440px)/2))!important;min-height:0;height:auto;gap:34px;background:transparent;overflow:visible;scroll-margin-top:0;justify-content:start;color:var(--ink);--ink:#fff;--muted:#d5cfd8;--line:#ffffff26}
main.phi-page>.scene+.scene{margin-top:89px!important}.scene::before{display:none}.scene>*{min-width:0}.scene .section-head{gap:55px;align-items:center;margin:0}.section-head h2{flex-basis:52%;font-size:55px}.section-head .lead{font-size:17px;flex:1;max-width:38ch}.source-note{font-size:13px;line-height:1.618;color:#c4b7ca;gap:21px;margin:21px 0 0!important;width:100%}.source-note .ico{width:13px;height:13px}.source-note>span{max-width:55ch;text-align:right}.caption{font-size:13px;line-height:1.618;margin:21px 0 0;color:#c4b7ca}.light .ico,.light .source-note .ico{filter:brightness(0) invert(1)}.light em,.light .source-note{color:var(--accent-soft)}
/* Films own their aspect ratio. No black key, forced portrait crop or artificial alpha. */
.film{position:relative;isolation:isolate;overflow:hidden;border-radius:21px;background:#21172a;line-height:0;align-self:start;width:100%;aspect-ratio:16/9;--film-ratio:16/9}
.film>img,.film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center!important;filter:none!important;border-radius:inherit;transform:none!important;max-height:none!important;max-width:none!important}
.film>video{opacity:0;transition:opacity .233s}.film.is-playing>video{opacity:1}.film.is-failed>video{display:none}.film.portrait-film,.film.strategy-film{aspect-ratio:9/16}.media-credit{display:block;font-size:13px;line-height:1.618;color:#c4b7ca;margin-top:13px;letter-spacing:.02em}
.lg-card{--card-bg:#271d2f;--lg-card-bg:#271d2f;border:1px solid #ffffff22;border-radius:21px;color:#fff;background:var(--card-bg)}.lg-card .lg-bubble{opacity:.2}.reactive{transform:none!important}
/* Cover: client first, creator full frame. */
main.phi-page>.scene.hero{display:grid;grid-template-columns:1.618fr 1fr;column-gap:89px;align-items:start;padding-top:55px!important;position:relative}
.hero:after{content:'';position:absolute;z-index:-1;right:0;top:0;width:61.8%;height:100%;background:radial-gradient(ellipse at 70% 35%,#ff800e23,transparent 65%);pointer-events:none}
.hero-word{font-size:233px;line-height:1;color:#ff92330a;left:auto;right:5%;top:21px;z-index:-1}
.hero-copy{position:relative;inset:auto;width:auto;grid-column:1;grid-row:1;padding:0;align-self:start}.hero-portrait{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;max-width:377px;margin-left:auto;z-index:1;pointer-events:auto}
.partnership{display:flex;flex-direction:column;gap:8px;margin:0 0 34px;align-items:flex-start}.partnership .brand{width:288px;height:132px;max-height:none;object-position:left}.partnership>span{font-size:13px;color:#d5cfd8;line-height:1.618;max-width:none}.hero h1{font-size:70px;line-height:1.128;max-width:11ch;margin-top:13px}.hero h1 em{font-size:1em;white-space:normal;color:var(--accent)}.hero-copy p{font-size:21px;line-height:1.618;color:var(--muted);max-width:32ch;margin:34px 0}.hero-foot{position:relative;inset:auto;grid-column:1/-1;display:flex;gap:34px;margin:0;padding-top:21px;border-top:1px solid var(--line);font-size:13px;letter-spacing:.03em}.hero-foot>a{padding:13px 21px}
/* Social scale and results. */
.profile{grid-template-columns:377px minmax(0,1fr);align-items:start}.profile-portrait{height:auto;max-height:none;align-self:start}.profile h2{font-size:55px}.profile .lead{margin:34px 0;font-size:21px}.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.metric,.profile .metric,.operation .metric,.cpn-metrics .metric{padding:34px!important;gap:13px;min-height:0;border-radius:21px;border:1px solid var(--line);background:#271d2f;align-items:flex-start}
.metric>.ico,.operation .metric .ico,.cpn-metrics .metric .ico{display:block;position:static;inset:auto;width:27px;height:27px;opacity:1;margin:0 0 8px}.metric strong,.profile .metric strong,.results-grid .metric strong,.operation .metric strong{font-size:43px;line-height:1.128;letter-spacing:-.035em;color:var(--accent-soft)}.metric>span,.profile .metric>span{font-size:17px;line-height:1.272;color:white}.metric small{font-size:13px;line-height:1.618;color:var(--muted)}.brand-row{display:flex;gap:34px;align-items:center;margin:21px 0}.brand-row span{font-size:21px;font-weight:600;color:#eee5f1}.social-row{gap:13px;margin-top:34px}.profile-copy>.caption{margin-top:34px}
.results-layout{grid-template-columns:1fr 1.618fr;gap:55px;align-items:center}.result-statement{border-left:3px solid var(--accent);padding-left:34px}.result-statement>strong{display:flex;align-items:baseline;gap:13px;font-size:113px;line-height:1.128;font-weight:600;color:#fff}.result-statement>strong span{font-size:27px;color:var(--accent)}.result-statement p{font-size:17px;max-width:28ch;margin-top:21px}.results-grid{gap:21px}.results-grid .metric:nth-child(3){background:#38251c}.results-grid .metric{min-height:200px}
.market{grid-template-columns:1fr 1.618fr;gap:55px!important;align-items:start}.market-title h2{font-size:55px}.market-title .lead{font-size:21px;margin-top:34px}.market-data{display:grid;gap:13px}.market-row{padding:34px!important;display:grid;grid-template-columns:144px minmax(0,1fr) 34px;gap:21px;align-items:center;background:#271d2f;border-radius:21px;border:1px solid var(--line)}.market-row:first-child{border-top:1px solid var(--line)}.market-row>strong{font-size:43px;line-height:1.128;color:var(--accent-soft);min-width:0}.market-row h3{font-size:21px;line-height:1.272;margin-bottom:8px}.market-row p{font-size:17px;line-height:1.618;max-width:34ch}.market-row>.ico{margin:0;width:27px;height:27px}
.operation{grid-template-columns:1fr 1.618fr;gap:55px!important;align-items:start}.operation-photo{height:auto;display:block;align-self:center}.operation-copy .large-brand{width:144px;height:55px;margin:0 0 21px}.operation-copy h2{font-size:43px;line-height:1.128;margin-bottom:34px}.metrics.two{gap:21px}
/* Cases have readable captions, genuine photographic evidence and generous inset. */
.cases .section-head h2{font-size:55px}.case-switch{gap:13px;max-width:420px}.case-switch button{font-size:13px;line-height:1.272;padding:13px 21px;min-height:55px;border-radius:13px}.case-switch button[aria-pressed=true]{background:#b94f00;color:white}.case-display{padding:34px;grid-template-columns:1fr 1.618fr;gap:34px;background:#271d2f;min-height:0;border-radius:21px;--muted:#d5cfd8;color:white}.case-copy>.brand{height:55px;max-width:233px;width:100%;margin-bottom:34px}.case-copy h3{font-size:34px;line-height:1.128;margin-bottom:21px}.case-copy p{font-size:17px;line-height:1.618}.case-kpi{gap:21px;margin:34px 0 21px}.case-kpi strong{font-size:55px;color:var(--accent-soft)}.case-kpi span{font-size:17px}.case-copy ul{margin:0;padding-left:21px;font-size:17px}.case-copy li+li{margin-top:13px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:center}.case-photo{width:100%;height:auto;aspect-ratio:3/4;min-height:0;object-fit:cover;border-radius:13px}.case-bgaming,.case-tada{background:#271d2f;color:white;--muted:#d5cfd8}.case-bgaming .brand,.case-tada .brand{filter:none}.case-pager{gap:21px;margin-top:21px;justify-content:flex-end;padding:0 0 8px;font-size:17px}
/* Strategy: the active film and its story share one top line. */
main.phi-page>.scene.cascade-section{height:auto;min-height:0;display:block}.cascade-sticky{position:relative;top:auto;height:auto;min-height:0;display:grid;grid-template-columns:1.618fr 1fr;gap:89px;align-items:start;overflow:visible}.cascade-copy{position:relative;inset:auto;transform:none;width:auto;pointer-events:auto;padding-top:34px}.cascade-copy h2{font-size:55px}.cascade-copy .lead{font-size:21px;margin-top:34px;max-width:32ch}.cascade-copy em{color:var(--accent)}.cascade-buttons{margin-top:34px;gap:21px;font-size:17px}.cascade-copy .caption{font-size:13px}.cascade-stage{position:relative;inset:auto;perspective:none;width:100%;max-width:420px;justify-self:end;pointer-events:auto}.cascade-deck{position:relative;inset:auto;width:100%;height:auto;transform-style:flat;pointer-events:auto}.cascade-card{position:relative;inset:auto;width:100%;height:auto;transform:none!important;display:none;opacity:1!important;backface-visibility:visible;pointer-events:auto}.cascade-card[aria-hidden=false]{display:block;animation:card-in .377s ease-out}.cascade-face{position:relative;inset:auto;overflow:hidden;border-radius:21px;background:#271d2f;box-shadow:0 21px 55px #0005}.cascade-face .film{border-radius:0;max-height:470px;aspect-ratio:9/16;background:#21172a}.cascade-body{position:relative;inset:auto;padding:34px;display:flex;flex-direction:row;align-items:flex-start;gap:21px;justify-content:start}.cascade-body>.ico{width:27px;height:27px;margin-top:5px}.cascade-body h3{font-size:21px;line-height:1.272;max-width:none}.cascade-body p{font-size:17px;line-height:1.618;margin-top:13px;color:var(--muted)}.cascade-label,.cascade-shade{display:none}.cascade-card:nth-child(2) .film,.cascade-card:nth-child(4) .film{aspect-ratio:16/9;max-height:none}.cascade-card:first-child .film{background:#21172a}@keyframes card-in{from{opacity:0;transform:translateX(21px)}to{opacity:1;transform:none}}
/* Three actual campaigns in equal, intact portrait frames. */
main.phi-page>.scene.stories{display:block}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:21px 55px;align-items:start;margin-bottom:34px}.story-copy h2{grid-row:1/3}.story-copy .lead{font-size:17px;margin:0;max-width:55ch}.story-copy .format-grid{margin:0}.story-copy>.social{justify-self:start}.story-copy>.source-note{align-self:center;margin:0!important}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1100px;margin:auto}.campaign-card{overflow:hidden}.campaign-card .film{border-radius:0;aspect-ratio:9/16}.campaign-caption{padding:21px;display:flex;flex-direction:column;align-items:start;gap:13px}.campaign-caption>span{font-size:21px;font-weight:600;color:var(--accent-soft)}.campaign-caption h3{font-size:17px;font-weight:400;line-height:1.618;letter-spacing:0}.watch-film{display:inline-flex;align-items:center;gap:13px;padding:13px 21px;border-radius:13px;border:1px solid #ffffff36;background:#392841;color:white;font-size:13px;line-height:1.272;min-height:50px}.watch-film .ico{width:17px;height:17px}.official-source{font-size:13px;line-height:1.618;color:#d5cfd8;text-decoration:underline;text-underline-offset:3px}.inline-watch{margin:21px 34px 0}.live-examples{gap:34px}.live-card{background:#271d2f;border-radius:21px}.video-link{aspect-ratio:auto;overflow:hidden}.video-link .film{border-radius:0}.video-open{position:relative;inset:auto;margin:21px 34px 0;background:#392841;width:fit-content;font-size:13px;padding:13px 21px;border-radius:13px}.live-caption{padding:34px;gap:21px;align-items:center}.live-caption p{font-size:17px;line-height:1.618}.live-caption>.brand{width:100px;height:auto;max-height:55px}.live-card>.film{border-radius:0}.format-row{gap:21px}.format-row .format{font-size:17px;line-height:1.272;gap:13px;padding:21px 0;min-width:180px}.format-grid{gap:13px 21px}.format{font-size:17px;line-height:1.272;padding:21px 0;gap:13px}.format .ico{width:27px;height:27px}
/* Set concept: one integrated frame, no separate floating portrait. */
main.phi-page>.scene.set-design{display:flex;flex-direction:column;gap:34px}.set-copy{display:grid;grid-template-columns:1fr 1fr;gap:21px 55px;order:0}.set-copy h2{grid-row:1/3}.set-copy .lead{font-size:17px;margin:0}.set-copy .format-grid{margin:0}.set-copy .caption{margin:0;max-width:55ch}.set-copy .source-note{margin:0!important}.set-visual{display:block;position:relative;order:1;min-height:0;width:100%;max-width:1230px;margin:auto}.set-visual .film{aspect-ratio:16/9;border-radius:21px}.concept-label{position:absolute;left:21px;bottom:21px;border:1px solid #ffffff26;border-radius:8px;background:#160f1dee;padding:8px 13px;font-size:13px;line-height:1.272}
/* CPN: an edited film as the background, stable high-contrast copy area. */
main.phi-page>.scene.originals{display:flex;flex-direction:column;gap:34px}.cpn-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.cpn-head .lead{font-size:17px;margin:0}.cpn-cinema{border-radius:21px;min-height:610px;padding:55px;display:flex;align-items:center;background:#160f1d}.cpn-cinema .fd-cinema-media{object-fit:cover;object-position:center}.cpn-cinema .fd-cinema-copy{max-width:34%;display:flex;flex-direction:column;align-items:start;gap:21px}.cpn-cinema h3{font-size:43px;line-height:1.128}.cpn-cinema p{font-size:17px}.cpn-cinema small{font-size:13px;color:var(--muted)}.cpn-cinema .fd-cinema-shade{background:linear-gradient(90deg,#160f1df7 0%,#160f1def 38%,#160f1d55 68%,#160f1d33)}.cpn-metrics{padding-top:0;gap:21px;grid-template-columns:repeat(4,minmax(0,1fr))}.cpn-metrics .metric{padding:21px!important}.cpn-metrics .metric strong{font-size:34px}.originals .source-note{margin-top:0!important}
.community{grid-template-columns:1.618fr 1fr;gap:55px!important;align-items:center}.community-flow{min-height:0;padding:34px 0}.community-copy .lead{margin:34px 0 21px;font-size:21px}.community-copy>p:not(.lead){font-size:17px}.flow-node,.flow-center{padding:21px;background:#271d2f;width:100%;max-width:377px;border-radius:21px}.flow-center{padding:34px;max-width:420px;box-shadow:none}.flow-center p{font-size:17px;color:var(--muted)}.flow-node h3{font-size:21px}.flow-center>.ico{width:55px;height:55px}.flow-line{height:34px;background:#ff92335e}.flow-line::after{background:var(--accent)}.flow-orbit{display:none}.distribution-stage{max-width:none;margin:0;gap:0}.distribution-origin{width:55%;padding:0;background:#271d2f;border-radius:21px;overflow:hidden;box-shadow:none}.distribution-origin .film{border-radius:0}.distribution-origin>span{padding:21px 34px;font-size:13px;color:white}.distribution-path{width:13%;background:#ff92335e}.distribution-path::after{background:var(--accent)}.channel-grid{gap:21px}.channel-grid .social{background:#271d2f;color:white;width:100%;padding:21px;font-size:21px;min-height:89px;border-radius:13px}.channel-grid .ico{filter:brightness(0) invert(1)}
/* Commercial offer: explicit text wrappers, never edge-aligned by accident. */
.scope-heading .lead{font-size:21px;margin-top:21px}.scope-layout{grid-template-columns:1fr 1.618fr;gap:34px;margin-top:0}.scope-main{background:#38251c;padding:34px!important;border-radius:21px}.scope-main>.ico{width:34px;height:34px;margin-bottom:21px}.scope-main h3{font-size:27px;margin-bottom:34px}.scope-item{gap:21px;padding:21px 0;border-color:#ffffff26}.scope-item strong{font-size:43px;min-width:70px;color:var(--accent-soft)}.scope-item span{font-size:17px;line-height:1.618}.scope-open{gap:13px}.open-row{display:grid;grid-template-columns:27px 1fr auto;gap:21px;padding:21px 34px!important;background:#271d2f;border-radius:13px;border:1px solid var(--line)}.open-row h3{font-size:17px;line-height:1.272;font-weight:500}.open-row>span{font-size:13px;color:var(--accent-soft)}.investment{margin:8px 0 0;padding:34px!important;border-radius:21px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;background:#302339;border:1px solid #ff92335e}.investment>span{font-size:13px;letter-spacing:.08em;color:#e0c6b0;line-height:1.272}.investment strong{font-size:43px;line-height:1.128;margin:0;color:white}.investment p{font-size:17px;line-height:1.618;margin:0;color:var(--muted)}
main.phi-page>.scene.closing{padding-bottom:55px!important;display:block}.close-copy{width:100%;max-width:none}.close-copy>.pp-brand{width:233px;height:107px;margin-bottom:34px}.close-copy h2{font-size:70px;line-height:1.128;max-width:none}.close-copy h2 br:nth-child(2){display:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1100px;margin-top:55px}.contact-grid article{padding:34px;border:1px solid var(--line);border-radius:21px;background:#271d2f}.contact-grid h3{font-size:27px;margin-bottom:8px}.contact-grid p{font-size:17px}.contact-grid a{font-size:17px;min-height:50px;padding:13px 21px;width:fit-content;margin-top:13px;display:flex;gap:13px}.close-footer{margin-top:55px;padding-top:21px;border-top:1px solid var(--line);font-size:13px;gap:21px}.close-footer a{padding:13px 21px}.close-brand{position:static;margin-top:34px;width:144px;height:auto;opacity:1}.close-brand img{width:144px;height:auto}.revision-note{font-size:13px;color:#c4b7ca;margin-top:21px;max-width:89ch}
/* Inline film expansion, preserving context instead of a fullscreen modal. */
.film-expanded{grid-column:1/-1;order:-1}.film-expanded .film{max-height:75svh;aspect-ratio:auto;min-height:320px}.film-expanded .film video{position:relative;height:75svh;max-width:100%!important;object-fit:contain!important;opacity:1}.film-expanded .film>img{display:none}.film-expanded .campaign-caption{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.film-expanded .official-source{margin-left:auto}
@media(min-width:1597px){main.phi-page>.scene{max-width:1920px;margin-inline:auto!important}.hero h1{font-size:89px}.hero-portrait{max-width:420px}.hero h1 em{font-size:1em}.cascade-face .film{max-height:555px}.cpn-cinema{min-height:700px}.metric strong,.profile .metric strong,.results-grid .metric strong{font-size:55px}}
@media(max-width:1100px){h2,.section-head h2,.profile h2,.market-title h2,.cases .section-head h2,.cascade-copy h2{font-size:43px}.hero h1{font-size:55px}.hero h1 em{font-size:1em}main.phi-page>.scene.hero{gap:34px}.profile{grid-template-columns:290px 1fr}.profile .metric{padding:21px!important}.metric strong,.profile .metric strong,.results-grid .metric strong{font-size:34px}.market{grid-template-columns:1fr 1.618fr;gap:34px!important}.market-row{padding:21px!important;grid-template-columns:100px 1fr 27px;gap:13px}.market-row>strong{font-size:34px}.market-row p{font-size:13px}.operation{grid-template-columns:1fr}.operation-photo{max-width:610px}.operation-copy{grid-column:1/-1}.case-display{grid-template-columns:1fr 1.272fr}.case-gallery{grid-template-columns:1fr}.case-photo:nth-child(2){display:none}.cascade-sticky{gap:34px}.cascade-body{padding:21px}.campaign-grid{gap:21px}.cpn-metrics{grid-template-columns:repeat(2,1fr)}.cpn-cinema{min-height:555px;padding:34px}.cpn-cinema .fd-cinema-copy{max-width:44%}.cpn-cinema h3{font-size:34px}.scope-layout{grid-template-columns:1fr 1.272fr}.open-row{padding:21px!important;gap:13px}.community{grid-template-columns:1fr 1fr;gap:34px!important}}
@media(max-width:760px){:root{--bar:89px;--topbar:89px;--section:55px}body{font-size:17px}#topbar{padding:0 21px;gap:13px}.nav-brand{display:none}.nav-project{font-size:13px;max-width:89px;line-height:1.272}.nav-project span{margin:0}.nav-actions{gap:8px}.language{border:0;padding:0;gap:3px}.language button{padding:8px;min-width:34px;min-height:50px}.icon-button{min-width:44px;width:44px;height:50px;border-radius:13px}.icon-button .ico{width:17px;height:17px}#presentation-toggle{display:none}#chapter-nav{display:none}#mobile-index{background:#271d2f;top:89px;max-height:calc(100svh - 110px);overflow:auto}#mobile-index button{font-size:17px;min-height:55px;padding:13px 21px;background:transparent;color:white}
main.phi-page>.scene{padding:0 21px!important;gap:21px}main.phi-page>.scene+.scene{margin-top:55px!important}.lead{font-size:17px}h2,.section-head h2,.profile h2,.market-title h2,.cases .section-head h2,.cascade-copy h2{font-size:34px;line-height:1.128}.section-head{flex-direction:column;align-items:flex-start!important;gap:21px!important}.section-head h2{flex-basis:auto}.section-head .lead{font-size:17px}.source-note{flex-direction:column;gap:8px;font-size:13px;margin-top:21px!important}.source-note>span{text-align:left}.hero-word{font-size:144px;right:21px;top:auto;bottom:0}
main.phi-page>.scene.hero{display:flex;flex-direction:column;padding-top:34px!important;gap:34px}.hero-copy{width:100%}.partnership{margin-bottom:21px;gap:8px}.partnership .brand{width:233px;height:107px}.partnership>span{font-size:13px}.hero h1{font-size:43px;max-width:12ch;margin-top:13px}.hero-copy p{font-size:17px;max-width:34ch;margin:21px 0}.hero-portrait{max-width:290px;width:100%;margin:auto}.hero-foot{flex-wrap:wrap;gap:13px;font-size:13px;width:100%;padding-top:21px}.hero-foot>a{margin:0}.hero-foot>span:first-child{flex:1}.profile,.market,.operation,.community{display:flex!important;flex-direction:column;gap:34px!important}.profile-portrait{width:min(100%,290px);order:1;margin:auto}.profile-copy{order:0}.profile .lead{font-size:17px;margin:21px 0}.metrics.four{gap:13px}.metric,.profile .metric,.operation .metric,.results-grid .metric{padding:21px!important;gap:13px}.metric strong,.profile .metric strong,.operation .metric strong{font-size:34px}.metric>span,.profile .metric>span{font-size:13px;line-height:1.618}.metric>.ico{width:21px;height:21px;margin-bottom:0}.brand-row{gap:21px;flex-wrap:wrap;margin-top:21px}.brand-row span{font-size:17px}.social-row{gap:8px;margin-top:21px}.social{font-size:13px;padding:13px;gap:8px}.social .ico{width:17px;height:17px}.results-layout{display:flex;flex-direction:column;align-items:stretch;gap:34px}.result-statement{padding-left:21px}.result-statement>strong{font-size:89px}.result-statement p{font-size:17px;max-width:none}.results-grid{gap:13px}.results-grid .metric{min-height:0}.results-grid .metric strong{font-size:27px}.market-title .lead{font-size:17px;margin-top:21px;max-width:none}.market-data{width:100%;gap:13px}.market-row{grid-template-columns:1fr 27px;padding:21px!important;gap:13px}.market-row>strong{font-size:43px;grid-column:1;grid-row:1}.market-row>div{grid-row:2;grid-column:1/-1}.market-row>.ico{grid-column:2;grid-row:1}.market-row p{font-size:17px;max-width:none}.market-row h3{font-size:21px}.operation-copy h2{font-size:34px;margin-bottom:21px}.operation-photo{order:1}.metrics.two{gap:13px}
.case-switch{gap:8px;justify-content:start}.case-switch button{padding:13px;font-size:13px;min-height:50px}.case-display{display:flex;flex-direction:column;padding:21px;gap:21px}.case-copy>.brand{height:55px;margin-bottom:21px}.case-copy h3{font-size:27px;max-width:none}.case-copy p,.case-copy ul{font-size:17px}.case-kpi{margin:21px 0}.case-gallery{grid-template-columns:1fr 1fr}.case-photo:nth-child(2){display:block}.case-photo{aspect-ratio:3/4;height:auto}.case-pager{padding-bottom:0;margin-top:21px}.cascade-sticky{display:flex;flex-direction:column;gap:34px}.cascade-copy{padding-top:0}.cascade-copy .lead{font-size:17px;max-width:none;margin-top:21px}.cascade-buttons{margin-top:21px}.cascade-stage{max-width:100%;width:100%;margin:auto}.cascade-face .film{max-height:500px;width:100%;aspect-ratio:9/16}.cascade-body{padding:21px;gap:13px}.cascade-body h3{font-size:21px}.cascade-body p{font-size:17px}.story-copy,.set-copy,.cpn-head{display:flex;flex-direction:column;gap:21px;margin-bottom:21px}.story-copy h2{grid-row:auto}.story-copy .format-grid{width:100%}.campaign-grid{display:grid;grid-template-columns:1fr;gap:34px;max-width:377px;margin:auto}.campaign-card .film{max-height:none}.campaign-caption{padding:21px}.campaign-caption>span{font-size:27px}.campaign-caption h3{font-size:17px}.live-examples{grid-template-columns:1fr;gap:34px}.live-caption{padding:21px;flex-direction:column;align-items:start;gap:13px}.live-caption>.brand{width:100px;height:34px}.video-open{margin:21px 21px 0;padding:13px;font-size:13px}.inline-watch{margin:21px 21px 0}.format-row{gap:13px;display:grid;grid-template-columns:1fr 1fr}.format-row .format{min-width:0;font-size:13px;padding:13px 0;gap:8px;align-items:start}.format-grid{gap:8px 13px}.format{font-size:13px;padding:13px 0;gap:8px}.format .ico{width:21px;height:21px}.set-copy .lead{font-size:17px}.set-visual{width:100%}.concept-label{position:static;display:block;border:0;background:transparent;padding:13px 0 0;font-size:13px}.set-copy .caption{max-width:none}.cpn-head .lead{font-size:17px}.cpn-cinema{min-height:650px;padding:34px 21px;align-items:end}.cpn-cinema .fd-cinema-copy{max-width:100%;gap:13px}.cpn-cinema h3{font-size:34px}.cpn-cinema .fd-cinema-shade{background:linear-gradient(0deg,#160f1d 0%,#160f1df0 53%,#160f1d22 85%)}.cpn-cinema .fd-cinema-media{object-fit:cover;object-position:68% top}.cpn-metrics{gap:13px}.cpn-metrics .metric{padding:21px!important}.cpn-metrics .metric strong{font-size:27px}.community-copy .lead{font-size:17px;margin:21px 0}.community-flow{width:100%;padding:0}.flow-node,.flow-center{max-width:100%;padding:21px}.distribution-stage{display:flex;flex-direction:column;margin:0}.distribution-origin{width:100%}.distribution-origin>span{padding:21px}.distribution-path{height:55px;width:1px}.distribution-path:after{display:none}.channel-grid{width:100%;gap:13px}.channel-grid .social{font-size:17px;min-height:70px;padding:21px}.scope-heading .lead{font-size:17px;margin-top:21px}.scope-layout{display:flex;flex-direction:column;gap:21px}.scope-main{padding:21px!important}.scope-main h3{font-size:21px;margin-bottom:21px}.scope-item{padding:21px 0;gap:21px}.scope-item strong{font-size:43px}.scope-item span{font-size:17px}.open-row{grid-template-columns:21px 1fr;padding:21px!important;gap:13px}.open-row>span{grid-column:2}.open-row h3{font-size:17px}.investment{padding:21px!important;margin-top:8px}.investment strong{font-size:43px}.investment p{font-size:17px}.close-copy>.pp-brand{margin-bottom:21px}.close-copy h2{font-size:43px;line-height:1.128}.contact-grid{grid-template-columns:1fr;gap:21px;margin-top:34px}.contact-grid article{padding:21px}.contact-grid a{font-size:13px;padding:13px;max-width:100%}.contact-grid h3{font-size:21px}.contact-grid p{font-size:13px}.close-footer{margin-top:34px;flex-direction:column;align-items:start;font-size:13px}.close-brand{margin-top:21px}.film-expanded .film video{height:65svh}.film-expanded .film{min-height:0}
}
/* Existing presentation controls, with individual scrollable slides at compact heights. */
.present main.phi-page{padding-top:var(--bar)}.present main.phi-page>.scene{display:none!important}.present main.phi-page>.scene.active{display:flex!important;flex-direction:column;height:calc(100svh - var(--bar));overflow-y:auto;overflow-x:hidden;margin:0!important;padding:34px 55px 89px!important;min-height:0!important;gap:34px}.present main.phi-page>.hero.active{display:grid!important;grid-template-columns:1.618fr 1fr;align-items:start}.present .hero-copy{position:relative;inset:auto}.present .hero-portrait{position:relative;inset:auto;height:auto;max-width:290px}.present .hero-word{display:none}.present main.phi-page>.scene.active>.source-note{margin-top:auto!important}.present .cascade-sticky{height:auto;min-height:0;overflow:visible}.present #present-controls{background:#271d2ff2;border:1px solid #ffffff26}.present #present-controls button{background:#392841;min-width:50px;min-height:50px}.present .close-copy h2{font-size:55px}.present .cpn-cinema{min-height:500px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.cascade-card[aria-hidden=false]{animation:none}.film>video{transition:none}}
/* Final component safeguards: the glass base must not consume an icon button's width. */
html{scroll-padding-top:calc(var(--bar) + 55px)}
.icon-button.lg-btn,.round.lg-btn,#present-controls button.lg-btn{padding:0!important;display:grid;place-items:center}
.icon-button .ico,.round .ico,#present-controls .ico{min-width:21px;width:21px;height:21px}
.cascade-face .film{max-height:none!important;aspect-ratio:9/16}.cascade-stage{max-width:344px;justify-self:center}.cascade-card:nth-child(2) .film{aspect-ratio:9/16}.cascade-card:nth-child(4) .film{aspect-ratio:16/9}
.cpn-cinema.film-expanded{display:flex;flex-direction:column;padding:0;gap:0;min-height:0}
.cpn-cinema.film-expanded>video{position:relative;inset:auto;z-index:1;pointer-events:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.cpn-cinema.film-expanded>.fd-cinema-copy{max-width:100%;width:100%;padding:34px;gap:13px}
.cpn-cinema.film-expanded>img,.cpn-cinema.film-expanded>.fd-cinema-shade{display:none}
.cpn-cinema.film-expanded h3{font-size:27px}.cpn-cinema.film-expanded h3 br{display:none}
.strategy-network{padding:34px;min-height:377px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px;background:#38251c}
.strategy-network>.ico{width:55px;height:55px}.strategy-network>span{font-size:17px;padding:21px;border:1px solid #ff92334d;border-radius:13px;width:100%;text-align:center}.strategy-network>i{display:block;width:1px;height:34px;background:#ff9233;animation:network-pulse 2s ease-in-out infinite}@keyframes network-pulse{50%{opacity:.2;transform:scaleY(.5)}}
.case-photo{object-fit:contain;aspect-ratio:3/2}.case-gallery{grid-template-columns:1fr;gap:21px}.case-photo:nth-child(2){display:block}
@media(max-width:760px){html{scroll-padding-top:calc(var(--bar) + 34px)}.profile-portrait,.operation-photo{display:block}.hero{max-height:none}.cascade-stage{max-width:344px}.case-photo{height:auto;max-height:none}.cpn-cinema.film-expanded>.fd-cinema-copy{padding:21px}.strategy-network{padding:21px}}
@media(prefers-reduced-motion:reduce){.strategy-network>i{animation:none}}
@media(max-width:760px){.cpn-cinema:not(.film-expanded){min-height:0;padding:calc((100vw - 42px)*9/16 + 34px) 21px 34px}.cpn-cinema:not(.film-expanded)>.fd-cinema-media{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}.cpn-cinema:not(.film-expanded)>.fd-cinema-shade{background:linear-gradient(0deg,#160f1d 0%,#160f1d 58%,transparent 77%)}.cpn-cinema .fd-cinema-copy{max-width:100%}}
.cascade-face{display:flex;flex-direction:column}.cascade-body{order:-1}.cascade-copy{padding-top:0}.cascade-face .film{border-radius:0 0 21px 21px}
.cpn-cinema.film-expanded>video{max-height:calc(100svh - var(--bar) - 89px);background:#100b16}.cpn-cinema:not(.film-expanded)>video{filter:brightness(1.15)}
.case-gallery{align-self:start;gap:13px}.case-thumbnails{display:flex;gap:13px}.case-thumbnails button{width:113px;min-height:0;padding:0!important;border:2px solid transparent;border-radius:13px;overflow:hidden;display:block;background:#271d2f}.case-thumbnails button[aria-pressed=true]{border-color:#ff9233}.case-thumbnails img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.case-thumbnails span{display:none}.case-tada .case-photo{aspect-ratio:16/9}
@media(max-width:760px){.hero-copy{order:0}.hero-portrait{order:1}.hero-foot{order:2}#topbar{padding:0 13px;gap:13px}.nav-brand{display:block;width:100px;flex:none}.nav-brand .pp-brand{width:100px;min-width:100px;height:46px}.nav-actions{gap:5px}.nav-project{display:none}.icon-button.lg-btn{width:40px;min-width:40px}.language button{min-width:34px;padding:8px}.nav-brand .pp-brand{object-position:left center}}
.close-copy h2 em{color:var(--accent)}.contact-grid p,.close-footer{color:var(--muted)}#mobile-index button{font-family:Poppins,sans-serif}
.cases .section-head{flex-wrap:wrap;gap:34px}.cases .section-head h2{flex:1 1 640px}.case-switch{flex:0 1 420px}h1,h2,h3{text-wrap:balance}
@media(max-width:760px){.cases .section-head h2{flex-basis:auto}.case-switch{flex-basis:auto}}
/* Media does not cover captions: keep an opaque interior under all text. */
.lg-card.lg-ring.has-media::before{background:var(--card-bg)}
.lg-card:not(.lg-ring)>.lg-gas{opacity:.15!important}.lg-btn>.lg-gas{opacity:.12!important}
.button.primary,.language button[aria-pressed=true],.case-switch button[aria-pressed=true],.icon-button[aria-pressed=true]{background:#9a4000}
.paused .lg-gas i,.paused .strategy-network>i{animation-play-state:paused!important}
.market-row>.ico{display:block}
@media(max-width:400px){.results-grid .metric strong,.cpn-metrics .metric strong{font-size:21px}.operation .metric strong{font-size:27px}}
@media(max-width:340px){.hero h1{font-size:34px}.metrics.four,.metrics.two,.results-grid,.cpn-metrics{grid-template-columns:1fr}.cpn-metrics .metric strong,.results-grid .metric strong{font-size:34px}.case-switch{gap:8px}.case-switch button{padding:13px 8px;font-size:12px}}