/* Home v2 (Premiere + full-width nav), approved by Ann 14-Nov-2026. Built from output/crestbrick-cinematic-nav-options-2026-11-14. Loads after home-base31.css. */
/* ---- selected ---- */
/* Scoped homepage changes: hero, services, footprint and readable navigation. */
.nav-outer,.nav-outer.scrolled{background:#113e2c!important;border-bottom:1px solid #f6f2ef26;box-shadow:0 3px 20px #113e2c20;backdrop-filter:none}
.nav__links>a,.nav__dd-btn{color:#f6f2ef!important;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:.065em;position:relative}
.nav__links>a:after{content:'';position:absolute;bottom:8px;left:0;width:100%;height:1px;background:#abd481;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav__links>a:hover:after,.nav__links>a:focus-visible:after{transform:scaleX(1)}
.nav__links>a:hover,.nav__dd-btn:hover{color:#abd481!important}
.nav__account,.nav__toggle{color:#f6f2ef!important;border-color:#f6f2ef85}
.nav__dd-menu{background:#113e2c!important;border-color:#f6f2ef50}
.nav__dd-menu a b,.nav__dd-menu a span{color:#f6f2ef!important}
.nav__dd-menu a:hover,.nav__dd-menu a:focus-visible{background:#113e2c!important}
.nav-outer .nav{min-height:78px;padding-inline:clamp(24px,5.5vw,90px);max-width:1600px}
.nav__brand img{height:40px;width:auto}
.hero.cb-selected{margin-top:0;padding-top:0;min-height:720px;align-items:center}
.hero.cb-selected:before{background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 75%)}
.hero.cb-selected .hero__panel{max-width:1600px;padding:88px clamp(24px,6vw,100px) 76px;display:block;justify-items:start;text-align:left}
.hero.cb-selected .label,.hero.cb-selected .hero__footnote{display:inline-block;width:auto;border:0;padding:0;margin:0 0 30px;color:#f6f2ef;line-height:1.4;font-size:11px;letter-spacing:.1em;font-weight:800}
.hero.cb-selected .hero__footnote{margin-left:12px}
.hero.cb-selected .display{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(58px,6.6vw,94px);line-height:1.04;letter-spacing:-.035em;max-width:800px;margin:0 0 30px;text-wrap:initial;font-weight:400;color:#f6f2ef}
.hero.cb-selected .t-accent{color:#f6f2ef}
.hero.cb-selected .lede{color:#f6f2ef;font-size:16px;line-height:1.65;max-width:650px;margin:0 0 28px}
.hero.cb-selected .btn-row{justify-content:flex-start;gap:20px}
.hero.cb-selected .btn{border-radius:0;min-height:48px;box-shadow:none;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;transform:none}
.hero.cb-selected .btn--primary{background:#f6f2ef;color:#113e2c;border:1px solid #f6f2ef;padding:13px 22px}
.hero.cb-selected .btn--primary:hover{background:#abd481;border-color:#abd481}
.hero.cb-selected .btn--outline{background:none;border:0;border-bottom:1px solid #f6f2efaa;color:#f6f2ef;padding:13px 0}
.hero.cb-selected .btn--outline:hover{border-color:#abd481;color:#abd481}
.hero.cb-selected .btn__glyph{transition:transform .22s}.hero.cb-selected .btn:hover .btn__glyph{transform:translate(3px,-3px)}
#services.cb-selected,#cb-footprint{background:#f6f2ef;background-image:none;padding-block:72px}
#services.cb-selected>.wrap,#cb-footprint>.wrap{max-width:1600px;padding-inline:clamp(24px,5.5vw,90px)}
#services.cb-selected .chapter-head,#cb-footprint .chapter-head{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 7%;justify-items:start;align-items:end;text-align:left;max-width:none;margin:0 0 42px}
#services.cb-selected .chapter-head>.label,#cb-footprint .chapter-head>.label{grid-column:1/-1;color:#113e2c;font-size:11px;letter-spacing:.13em}
#services.cb-selected .h-chapter,#cb-footprint .h-chapter{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,60px);line-height:1.05;letter-spacing:-.03em;max-width:660px;text-wrap:initial;color:#113e2c}
#services.cb-selected .chapter-head .lede,#cb-footprint .chapter-head .lede{font-size:16px;line-height:1.6;margin:0 0 3px;max-width:none;color:#113e2c}
#services.cb-selected .cols{border:0;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}
#services.cb-selected .col{padding:0;border:0;gap:0;background:#f6f2ef;box-shadow:none;border-radius:0;overflow:hidden}
#services.cb-selected .col__media{aspect-ratio:4/5;border-radius:0}
#services.cb-selected .col__media img{object-position:center;transition:transform .65s cubic-bezier(.2,.7,.3,1)}
#services.cb-selected .col:nth-child(1) img{object-position:50% center}
#services.cb-selected .h-card{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:27px;line-height:1.2;color:#113e2c;margin:22px 24px 14px}
#services.cb-selected .col>p{margin:0 24px 26px;font-size:16px;color:#113e2c}
#cb-footprint .figure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0!important}
#cb-footprint .figure{display:block;min-height:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
#cb-footprint .figure:before{display:none}
#cb-footprint .figure>img{position:static;width:100%;height:clamp(330px,32vw,460px);object-fit:cover;transform:none;transition:filter .45s;clip-path:inset(0)}
#cb-footprint .figure__body{padding:23px 0 22px;border-bottom:1px solid #113e2c40;background:none}
#cb-footprint .figure__name,#cb-footprint .figure:hover .figure__name,#cb-footprint .figure:visited .figure__name{font-family:Manrope,sans-serif;font-weight:500;font-size:24px;color:#113e2c;line-height:1.3}
#cb-footprint .figure__name:after{content:' ↗';display:inline-block;transition:transform .25s}
#cb-footprint .figure:hover .figure__name:after,#cb-footprint .figure:focus-visible .figure__name:after{transform:translate(5px,-4px)}
#cb-footprint .figure:hover>img{filter:brightness(1.06);transform:none}
@media(hover:hover){#services.cb-selected .col:hover img{transform:scale(1.045)}}
/* Animation stays scoped, with content visible even if JS fails. */
@keyframes cb-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero.cb-selected .label,.hero.cb-selected .hero__footnote{animation:cb-rise .65s both}.hero.cb-selected h1{animation:cb-rise .85s .12s both}.hero.cb-selected .lede{animation:cb-rise .8s .24s both}.hero.cb-selected .btn-row{animation:cb-rise .7s .36s both}}
.cb-motion-ready{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1);transition-delay:var(--cb-delay,0ms)}
.cb-motion-ready.cb-entered{opacity:1;transform:none}
.video-toggle{position:absolute;z-index:4;right:28px;bottom:20px;background:#113e2cea;border:1px solid #f6f2ef85;color:#f6f2ef;min-height:44px;padding:9px 15px;font:12px Manrope,sans-serif;border-radius:2px;cursor:pointer}
@media(max-width:900px){.nav-outer .nav{padding-inline:24px}.hero.cb-selected .display{font-size:64px;max-width:800px}#services.cb-selected .chapter-head,#cb-footprint .chapter-head{gap:18px 5%}#services.cb-selected .h-chapter,#cb-footprint .h-chapter{font-size:43px}#services.cb-selected .cols{gap:18px}#services.cb-selected .h-card{margin-inline:18px;font-size:24px}#services.cb-selected .col>p{margin-inline:18px}}
@media(max-width:700px){.nav-outer .nav{min-height:72px;padding-inline:20px}.nav__brand img{height:36px}.nav-outer .nav__links{background:#113e2c!important}.nav__links>a,.nav__dd-btn{font-size:14px;min-height:44px}.hero.cb-selected{min-height:740px;align-items:start}.hero.cb-selected .hero__panel{padding:65px 24px 100px}.hero.cb-selected .display{font-size:clamp(43px,11.8vw,62px);line-height:1.07;margin-bottom:26px}.hero.cb-selected .label,.hero.cb-selected .hero__footnote{font-size:10px;margin-bottom:26px;letter-spacing:.07em}.hero.cb-selected .hero__footnote{margin-left:8px}.hero.cb-selected .lede{font-size:16px;line-height:1.65}.hero.cb-selected .btn-row{align-items:flex-start;flex-direction:column;gap:8px}.hero.cb-selected .btn{width:auto}.hero.cb-selected:before{background:linear-gradient(90deg,#000000d9,#0000007a),linear-gradient(0deg,#00000055,transparent)}#services.cb-selected,#cb-footprint{padding-block:48px}#services.cb-selected>.wrap,#cb-footprint>.wrap{padding-inline:24px}#services.cb-selected .chapter-head,#cb-footprint .chapter-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}#services.cb-selected .h-chapter,#cb-footprint .h-chapter{font-size:39px}#services.cb-selected .cols,#cb-footprint .figure-grid{grid-template-columns:1fr;gap:26px}#services.cb-selected .col__media{aspect-ratio:4/5}#cb-footprint .figure>img{height:auto;aspect-ratio:4/5}#cb-footprint .figure__name{font-size:23px}.video-toggle{right:24px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.cb-motion-ready{opacity:1;transform:none;transition:none}.cb-selected *,#cb-footprint *{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}
#services.cb-selected,#cb-footprint{scroll-margin-top:78px}
.nav__account:hover,.nav__account:focus-visible,.nav__toggle:hover,.nav__toggle:focus-visible{background:#113e2c!important;color:#f6f2ef!important;border-color:#abd481!important}

/* ---- approved ---- */
/* Four Seasons study: CBK typography, assets and copy; scoped to chosen sections. */
.hero.cb-selected{min-height:730px;align-items:center}
.hero.cb-selected .hero__panel{padding-block:100px 95px}
.hero.cb-selected .display{font-size:clamp(54px,5.3vw,78px);max-width:710px;line-height:1.08;letter-spacing:-.025em;margin-bottom:28px}
.hero.cb-selected .label,.hero.cb-selected .hero__footnote{letter-spacing:.17em;font-weight:600;font-size:10px}
.hero.cb-selected .lede{max-width:585px;line-height:1.8}
.hero.cb-selected .btn-row{margin-top:36px;gap:28px}
.hero.cb-selected .btn{font-size:11px;letter-spacing:.12em;text-transform:uppercase;min-height:48px}
.hero.cb-selected:before{background:linear-gradient(90deg,#000000c4 0%,#00000070 55%,#0000001a 100%),linear-gradient(0deg,#00000070,transparent 65%)}
.hero.cb-selected:after{content:'';position:absolute;z-index:2;bottom:38px;left:6%;width:80px;height:1px;background:#f6f2efb3}

@media(max-width:700px){.hero.cb-selected{min-height:760px}.hero.cb-selected .hero__panel{padding:62px 24px 105px}.hero.cb-selected .display{font-size:45px;line-height:1.09}.hero.cb-selected .label,.hero.cb-selected .hero__footnote{letter-spacing:.07em;font-size:10px}.hero.cb-selected .btn-row{gap:12px;margin-top:24px}.hero.cb-selected .btn{font-size:10px;letter-spacing:.08em}}
/* Only hero differs from the pre-Four Seasons layout; other changes are radii. */
:root{--cb-card-radius:16px;--cb-control-radius:8px}
.hero.cb-selected:after{content:none;display:none}
#services.cb-selected .col,.tcard,.tphoto,.step__media{border-radius:var(--cb-card-radius);overflow:hidden}
#cb-footprint .figure>img{border-radius:var(--cb-card-radius)}
.hero.cb-selected .btn--primary{border-radius:var(--cb-control-radius)}

/* ---- modern ---- */
/* Three optional directions. All customer copy and media are CBK originals. */
html{--ink:#113e2c;--lime:#abd481;--paper:#f6f2ef;--radius:20px;scroll-padding-top:110px}body{font-family:Manrope,sans-serif}h1,h2,h3,h4,h5,h6,.display,.h-chapter,.h-card,.step__title{font-family:Manrope,sans-serif!important;font-weight:600!important;letter-spacing:-.045em!important}.hero.cb-selected .display{font-size:clamp(52px,5.8vw,88px);line-height:1.06;max-width:950px}.hero.cb-selected .btn{font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}.hero.cb-selected .btn--primary{border-radius:10px;background:var(--lime);border-color:var(--lime);color:#113e2c}.hero.cb-selected:after{display:none}.new-nav{position:sticky;top:0;z-index:50;color:white;background:#113e2c}.new-nav-inner{max-width:1500px;margin:auto;min-height:80px;padding:12px 4%;display:flex;align-items:center;gap:30px}.new-brand{flex-shrink:0}.new-brand img{width:150px;height:auto}.new-links{display:flex;gap:24px;align-items:center;margin-left:auto}.new-nav a,.new-nav summary,.new-nav button{font:600 13px Manrope,sans-serif;color:inherit;text-decoration:none;white-space:nowrap}.new-links>a{padding:15px 0}.new-links a:hover{color:var(--lime)}.new-actions{display:flex;gap:12px;align-items:center}.new-nav .nav-contact{background:var(--lime);color:#113e2c;padding:13px 18px;border-radius:9px}.open-menu{display:none;border:1px solid #f6f2ef60;background:transparent;border-radius:8px;padding:12px 15px;cursor:pointer}.open-menu span{margin-left:12px}.invest-menu{position:relative}.invest-menu summary{list-style:none;cursor:pointer;padding:15px 0}.invest-menu summary::-webkit-details-marker{display:none}.invest-menu summary span{margin-left:5px}.invest-panel{position:absolute;top:50px;left:-25px;min-width:230px;background:#113e2c;padding:16px;border:1px solid #f6f2ef40;border-radius:16px;box-shadow:0 20px 45px #113e2c33}.invest-panel a{display:block;padding:16px;border-radius:8px}.invest-panel a:hover{background:#f6f2ef12}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #abd481;outline-offset:4px}
/* Navbar 1: floating, fully opaque for legibility. */
html[data-nav=float] .new-nav{margin:16px 24px -100px;top:16px;border:1px solid #f6f2ef30;border-radius:18px;box-shadow:0 12px 35px #113e2c33}html[data-nav=float] .new-nav-inner{min-height:72px;padding:12px 24px}
/* Navbar 2: light with a three-market mega menu. */
html[data-nav=light] .new-nav{background:#f6f2ef;color:#113e2c;border-bottom:1px solid #113e2c20}html[data-nav=light] .new-brand img{filter:brightness(0) saturate(100%)}html[data-nav=light] .new-links a:hover{color:#113e2c}html[data-nav=light] .invest-menu{position:static}html[data-nav=light] .invest-panel{left:4%;right:4%;top:76px;background:#f6f2ef;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-color:#113e2c22;padding:22px}html[data-nav=light] .invest-panel a{padding:24px;background:#f6f2ef;font-size:19px}html[data-nav=light] .invest-panel a:before{content:'↗';display:block;margin-bottom:30px;font-size:28px}html[data-nav=light] .open-menu{border-color:#113e2c50}
/* Navbar 3: brand centered, navigation and action split. */
html[data-nav=center] .new-nav-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}html[data-nav=center] .new-brand{grid-column:2;grid-row:1}html[data-nav=center] .new-links{grid-column:1;grid-row:1;margin:0;gap:18px}html[data-nav=center] .new-links>a:nth-last-child(-n+2){display:none}html[data-nav=center] .new-actions{justify-self:end}html[data-nav=center] .open-menu{display:block}
/* Navbar 4: compact with full-screen navigation. */
html[data-nav=menu] .new-links{display:none}html[data-nav=menu] .new-actions{margin-left:auto}html[data-nav=menu] .open-menu{display:block}html[data-nav=menu] .new-nav{background:#113e2c}
#site-menu{position:fixed;inset:16px;margin:0;max-width:none;max-height:none;width:calc(100% - 32px);height:calc(100% - 32px);padding:30px 5%;background:#113e2c;color:#f6f2ef;border:1px solid #f6f2ef35;border-radius:24px;z-index:100}#site-menu::backdrop{background:#113e2ce8;backdrop-filter:blur(8px)}.menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid #f6f2ef35;font:600 23px Manrope}.close-menu{background:var(--lime);border:0;border-radius:8px;padding:13px 18px;color:#113e2c;font:600 14px Manrope;cursor:pointer}.menu-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;padding-top:25px}.menu-grid nav a{display:flex;align-items:center;justify-content:space-between;color:white;font:500 clamp(25px,3vw,45px)/1.8 Manrope;border-bottom:1px solid #f6f2ef25;text-decoration:none;letter-spacing:-.04em}.menu-grid nav a:hover{color:var(--lime);padding-left:10px}.menu-grid nav span{font:12px Manrope;color:#abd481}.menu-side img{width:100%;height:280px;object-fit:cover;border-radius:16px}.menu-side>a{color:white;display:block;padding:20px 0;border-bottom:1px solid #f6f2ef35}
#services.cb-selected .h-chapter,#cb-footprint .h-chapter{font-size:clamp(36px,4vw,60px);line-height:1.08}#services.cb-selected .col{border-radius:20px;position:relative}#services.cb-selected .h-card{font-size:25px}#cb-footprint .figure>img{border-radius:20px}.hero.cb-selected .hero__panel{position:relative;z-index:2}
/* A — cinematic fintech, atmospheric background and quiet UI. */
html[data-concept=a] .hero.cb-selected{min-height:850px;align-items:center}html[data-concept=a] .hero.cb-selected .hero__panel{text-align:center;justify-items:center;padding:155px 7% 95px;max-width:1400px}html[data-concept=a] .hero.cb-selected .display{max-width:1000px;margin-inline:auto}html[data-concept=a] .hero.cb-selected .t-accent{color:#abd481}html[data-concept=a] .hero.cb-selected .lede{margin-inline:auto;max-width:600px}html[data-concept=a] .hero.cb-selected .btn-row{justify-content:center}html[data-concept=a] .hero.cb-selected:before{background:linear-gradient(180deg,#000000a8,#00000070 45%,#000000e8)}html[data-concept=a] #services.cb-selected{background:#113e2c;color:#f6f2ef;padding-block:100px}html[data-concept=a] #services.cb-selected .chapter-head :is(.label,.h-chapter,.lede){color:#f6f2ef}html[data-concept=a] #services.cb-selected .col{min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;background:#113e2c;isolation:isolate}html[data-concept=a] #services.cb-selected .col__media{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}html[data-concept=a] #services.cb-selected .col__media img{height:100%;width:100%;object-fit:cover}html[data-concept=a] #services.cb-selected .col:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000000f5,transparent 95%);z-index:-1}html[data-concept=a] #services.cb-selected .h-card{color:#f6f2ef;margin:0 26px 18px;font-size:30px}html[data-concept=a] #services.cb-selected .col>p{color:#f6f2ef;margin:0 26px 30px}html[data-concept=a] #cb-footprint .figure:nth-child(2){margin-top:60px}html[data-concept=a] #cb-footprint .figure:nth-child(3){margin-top:120px}
/* B — bold, bright fintech composition with asymmetric image blocks. */
html[data-concept=b] .hero.cb-selected{background:#f6f2ef;min-height:770px;overflow:hidden}html[data-concept=b] .hero.cb-selected:before{display:none}html[data-concept=b] .hero.cb-selected .hero__panel{padding:120px 5% 90px;width:100%;max-width:none}html[data-concept=b] .hero.cb-selected .display{max-width:57%;font-size:clamp(52px,5.4vw,82px);color:#113e2c;line-height:1.06}html[data-concept=b] .hero.cb-selected .t-accent{color:#113e2c}html[data-concept=b] .hero.cb-selected :is(.label,.hero__footnote,.lede){color:#113e2c}html[data-concept=b] .hero.cb-selected .lede{max-width:47%;font-size:16px}html[data-concept=b] .hero.cb-selected .hero__media{left:63%;right:24px;top:48px;bottom:28px;border-radius:28px;overflow:hidden;transform:rotate(2deg)}html[data-concept=b] .hero.cb-selected .btn--outline{color:#113e2c;border-color:#113e2c}html[data-concept=b] #services.cb-selected{background:#f6f2ef}html[data-concept=b] #services.cb-selected .cols{grid-template-columns:1.15fr 1fr;grid-template-rows:280px 280px;gap:22px}html[data-concept=b] #services.cb-selected .col{background:#f6f2ef;display:flex;flex-direction:column}html[data-concept=b] #services.cb-selected .col:first-child{grid-row:1/3}html[data-concept=b] #services.cb-selected .col:first-child .col__media{aspect-ratio:auto;flex:1;min-height:0}html[data-concept=b] #services.cb-selected .col:not(:first-child){display:grid;grid-template-columns:1fr 45%;grid-template-rows:auto 1fr;padding:30px 0 0 30px}html[data-concept=b] #services.cb-selected .col:not(:first-child) .col__media{grid-column:2;grid-row:1/3;height:100%;aspect-ratio:auto;border-radius:20px 0 0 0}html[data-concept=b] #services.cb-selected .col:not(:first-child) .h-card{margin:0 20px 14px 0}html[data-concept=b] #services.cb-selected .col:not(:first-child)>p{margin:0 20px 20px 0;font-size:14px}html[data-concept=b] #cb-footprint{background:#f6f2ef}html[data-concept=b] #cb-footprint .figure{background:#f6f2ef;border-radius:20px;overflow:hidden}html[data-concept=b] #cb-footprint .figure>img{height:310px;border-radius:0}html[data-concept=b] #cb-footprint .figure__body{padding:24px;border:0}html[data-concept=b] #cb-footprint .figure__name{font-size:21px;font-weight:600}
/* C — precise dark SaaS typography, framed video and bordered content. */
html[data-concept=c] body{background:#113e2c}html[data-concept=c] .hero.cb-selected{display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at 50% 80%,#000000,#000000 70%);padding:0 0 55px}html[data-concept=c] .hero.cb-selected:before{display:none}html[data-concept=c] .hero.cb-selected .hero__panel{order:0;padding:135px 6% 50px;max-width:1450px}html[data-concept=c] .hero.cb-selected .display{max-width:1050px;font-size:clamp(50px,5.3vw,80px);font-weight:500!important}html[data-concept=c] .hero.cb-selected .t-accent{color:#abd481}html[data-concept=c] .hero.cb-selected .hero__media{position:relative;order:1;width:88%;height:430px;inset:auto;border:1px solid #abd48150;box-shadow:0 0 90px #abd48118;border-radius:20px;overflow:hidden}html[data-concept=c] .hero.cb-selected .btn-row{margin-top:28px}html[data-concept=c] #services.cb-selected,html[data-concept=c] #cb-footprint{background:#113e2c;color:#f6f2ef;padding-block:90px}html[data-concept=c] #services.cb-selected .chapter-head :is(.label,.h-chapter,.lede),html[data-concept=c] #cb-footprint .chapter-head :is(.label,.h-chapter,.lede){color:#f6f2ef}html[data-concept=c] #services.cb-selected .col{border:1px solid #abd48133;background:#113e2c;padding:16px}html[data-concept=c] #services.cb-selected .col__media{aspect-ratio:1.35;border-radius:12px}html[data-concept=c] #services.cb-selected .h-card{color:#f6f2ef;margin:25px 8px 15px}html[data-concept=c] #services.cb-selected .col>p{color:#abd481;margin:0 8px 18px}html[data-concept=c] #cb-footprint .figure__name{color:#f6f2ef;font-size:22px}html[data-concept=c] #cb-footprint .figure__body{border-color:#abd48140}html[data-concept=c] #cb-footprint .figure>img{height:320px}
@media(hover:hover){#services.cb-selected .col{transition:transform .4s,box-shadow .4s}#services.cb-selected .col:hover{transform:translateY(-8px);box-shadow:0 18px 50px #113e2c22}#cb-footprint .figure:hover>img{filter:brightness(1.1)}.nav-contact:hover{filter:brightness(1.1)}}
@media(max-width:1050px){.new-links{gap:15px}.new-nav-inner{gap:20px}.new-nav a,.new-nav summary{font-size:12px}.new-brand img{width:130px}html[data-nav=center] .new-links>a:nth-child(3){display:none}html[data-concept=b] .hero.cb-selected .display{font-size:56px}html[data-concept=b] .hero.cb-selected .btn-row{max-width:55%;gap:14px;flex-wrap:wrap}}
@media(max-width:760px){.new-nav-inner{min-height:72px;padding:12px 20px!important;display:flex!important;gap:12px!important}.new-links{display:none!important}.new-actions{margin-left:auto!important;gap:8px}.new-nav .nav-contact{padding:12px;font-size:11px}.open-menu{display:block;padding:10px;font-size:11px!important}.open-menu span{margin-left:5px}.new-brand img{width:115px}html[data-nav=float] .new-nav{margin:10px 12px -82px;top:10px;border-radius:14px}.hero.cb-selected .display{font-size:43px!important;line-height:1.09}.hero.cb-selected .label,.hero.cb-selected .hero__footnote{font-size:9px}.hero.cb-selected .hero__panel{padding:120px 24px 60px!important}html[data-concept=a] .hero.cb-selected{min-height:800px}html[data-concept=a] .hero.cb-selected .hero__panel{text-align:left}html[data-concept=a] .hero.cb-selected .btn-row{justify-content:flex-start}html[data-concept=a] #services.cb-selected .col{min-height:450px}html[data-concept=a] #cb-footprint .figure:nth-child(n){margin:0}#services.cb-selected .h-chapter,#cb-footprint .h-chapter{font-size:34px}html[data-concept=b] .hero.cb-selected{display:flex;flex-direction:column;padding-bottom:24px}html[data-concept=b] .hero.cb-selected .hero__panel{order:0}html[data-concept=b] .hero.cb-selected .display,html[data-concept=b] .hero.cb-selected .lede,html[data-concept=b] .hero.cb-selected .btn-row{max-width:100%}html[data-concept=b] .hero.cb-selected .hero__media{position:relative;inset:auto;width:calc(100% - 48px);height:340px;order:1;transform:none;border-radius:20px}html[data-concept=b] #services.cb-selected .cols{display:flex;flex-direction:column}html[data-concept=b] #services.cb-selected .col:nth-child(n){display:flex;padding:0;min-height:0}html[data-concept=b] #services.cb-selected .col:nth-child(n) .col__media{height:320px;flex:auto;border-radius:0}html[data-concept=b] #services.cb-selected .col:nth-child(n) .h-card{margin:24px 24px 14px}html[data-concept=b] #services.cb-selected .col:nth-child(n)>p{margin:0 24px 28px;font-size:16px}html[data-concept=c] .hero.cb-selected .hero__media{width:calc(100% - 48px);height:270px}html[data-concept=c] .hero.cb-selected .hero__panel{padding-bottom:35px!important}.menu-grid{grid-template-columns:1fr;gap:25px}.menu-side img{display:none}.menu-top{font-size:20px}.menu-grid nav a{font-size:29px}.menu-side>a{display:inline-block;margin-right:20px}#site-menu{padding:24px;overflow:auto}#services.cb-selected,#cb-footprint{padding-block:60px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){html[data-concept=a] .hero.cb-selected .btn-row{align-items:flex-start}}

/* ---- cinema ---- */
/* Same original CBK nav and homepage DOM across every variation. */
html{--nav-gap:24px} .nav-outer .nav{max-width:none;min-height:78px;padding-inline:30px;gap:24px}.nav__brand img{height:38px}.nav__links{gap:22px}.nav__links>a,.nav__dd-btn{font-size:12px!important;letter-spacing:.03em!important;text-transform:none!important}.nav__account{flex-shrink:0}.nav__dd-menu{border-radius:16px;padding:10px;box-shadow:0 20px 60px #113e2c44}.nav__dd-menu a{border-radius:8px}.nav-outer{margin:0;top:0;transition:background .25s,box-shadow .25s}.hero.cb-selected{border-radius:0}.hero.cb-selected .btn--primary{border-radius:10px}.hero.cb-selected .btn-row{gap:24px}
/* N1 — floating forest bar */
html[data-bar=forest] .nav-outer{top:18px;margin:18px 28px -96px;border:1px solid #f6f2ef35;border-radius:18px;background:#113e2c!important;box-shadow:0 16px 45px #113e2c33}
/* N2 — ivory capsule */
html[data-bar=ivory] .nav-outer{top:18px;margin:18px 28px -96px;border:1px solid #f6f2efc0;border-radius:44px;background:#f6f2ef!important;box-shadow:0 12px 45px #113e2c33}html[data-bar=ivory] .nav__brand img{filter:brightness(0) saturate(100%)}html[data-bar=ivory] .nav__links>a,html[data-bar=ivory] .nav__dd-btn,html[data-bar=ivory] .nav__account,html[data-bar=ivory] .nav__toggle{color:#113e2c!important}html[data-bar=ivory] .nav__account,html[data-bar=ivory] .nav__toggle{border-color:#113e2c70}html[data-bar=ivory] .nav__account:hover,html[data-bar=ivory] .nav__toggle:hover{background:#f6f2ef!important}
/* N3 — edge-to-edge deep forest */
html[data-bar=edge] .nav-outer{background:#113e2c!important;border-bottom:1px solid #abd48150;box-shadow:none}html[data-bar=edge] .nav-outer .nav{min-height:88px;padding-inline:5%}html[data-bar=edge] .nav__links>a,html[data-bar=edge] .nav__dd-btn{letter-spacing:.08em!important}
/* N4 — dark translucent glass: enough density for white text */
html[data-bar=glass] .nav-outer{top:18px;margin:18px 28px -96px;border:1px solid #f6f2ef55;border-radius:16px;background:rgba(17,62,44,.91)!important;backdrop-filter:blur(22px) saturate(120%);box-shadow:0 14px 50px #113e2c33}html[data-bar=glass] .nav-outer.scrolled{background:#113e2cf5!important}
/* N5 — centered brand, every nav item retained in a second row */
html[data-bar=center] .nav-outer{background:#113e2c!important;border-bottom:1px solid #f6f2ef38}html[data-bar=center] .nav-outer .nav{display:grid;grid-template-columns:1fr auto 1fr;gap:0 20px;padding:14px 24px 10px}html[data-bar=center] .nav__brand{grid-column:2;grid-row:1;margin:0;justify-self:center}html[data-bar=center] .nav__account{grid-column:3;grid-row:1;justify-self:end}html[data-bar=center] .nav__links{grid-column:1/-1;grid-row:2;justify-content:center;gap:40px;padding-top:6px}html[data-bar=center] .nav__links>a,html[data-bar=center] .nav__dd-btn{padding-block:12px}
/* N6 — a framed navigation island, unchanged ordering */
html[data-bar=island] .nav-outer{top:20px;margin:20px 4% -98px;border:1px solid #abd481;border-radius:10px;background:#113e2c!important;box-shadow:inset 0 0 0 5px #f6f2ef08,0 20px 50px #113e2c44}html[data-bar=island] .nav-outer .nav{gap:22px;padding-inline:22px}html[data-bar=island] .nav__links{border-inline:1px solid #f6f2ef35;padding-inline:22px;gap:18px}html[data-bar=island] .nav__account{border-radius:50%;background:#abd481;color:#113e2c!important;border-color:#abd481}
/* Cinematic variants affect composition only; same words/video/images. */
html[data-cinema=panorama] .hero.cb-selected{min-height:850px}html[data-cinema=panorama] .hero.cb-selected .hero__panel{padding-block:175px 100px}html[data-cinema=panorama] .hero.cb-selected .display{font-size:clamp(52px,6.2vw,92px);font-weight:600!important}
html[data-cinema=premiere] .hero.cb-selected{min-height:max(800px,95svh);align-items:end}html[data-cinema=premiere] .hero.cb-selected .hero__panel{text-align:left;justify-items:start;display:grid;grid-template-columns:1.35fr 1fr;gap:0 5%;padding:190px 6% 75px;max-width:1700px}html[data-cinema=premiere] .hero.cb-selected .label{grid-column:1;grid-row:1;margin-bottom:28px}html[data-cinema=premiere] .hero.cb-selected .hero__footnote{grid-column:2;grid-row:1;justify-self:end;margin:0 0 28px}html[data-cinema=premiere] .hero.cb-selected .display{grid-column:1/-1;grid-row:2;text-align:left;max-width:1150px;margin:0 0 48px;font-size:clamp(54px,7.3vw,108px);font-weight:500!important;letter-spacing:-.055em!important;line-height:1.01}html[data-cinema=premiere] .hero.cb-selected .lede{grid-column:1;grid-row:3;max-width:570px;margin:0;font-size:15px}html[data-cinema=premiere] .hero.cb-selected .btn-row{grid-column:2;grid-row:3;align-self:end;justify-content:flex-end;flex-wrap:wrap;margin:0}html[data-cinema=premiere] .hero.cb-selected:before{background:linear-gradient(0deg,#000000f5, #00000095 48%,#00000030 100%)}html[data-cinema=premiere] .hero.cb-selected .t-accent{color:#abd481}
html[data-cinema=frame] body{background:#f6f2ef}html[data-cinema=frame] .hero.cb-selected{margin:18px;border-radius:28px;overflow:hidden;min-height:820px;align-items:end}html[data-cinema=frame] .hero.cb-selected .hero__panel{text-align:left;justify-items:start;padding:170px 5% 80px;max-width:none}html[data-cinema=frame] .hero.cb-selected .display{max-width:900px;margin:0 0 32px;font-size:clamp(52px,6.2vw,90px)}html[data-cinema=frame] .hero.cb-selected .lede{margin:0 0 28px;max-width:560px}html[data-cinema=frame] .hero.cb-selected .btn-row{justify-content:flex-start}html[data-cinema=frame] .hero.cb-selected:before{background:linear-gradient(90deg,#000000d9, #00000075 65%,#00000025)}html[data-cinema=frame][data-bar=forest] .hero.cb-selected,html[data-cinema=frame][data-bar=ivory] .hero.cb-selected,html[data-cinema=frame][data-bar=glass] .hero.cb-selected,html[data-cinema=frame][data-bar=island] .hero.cb-selected{margin-top:0}html[data-cinema=frame][data-bar=forest] .nav-outer,html[data-cinema=frame][data-bar=ivory] .nav-outer,html[data-cinema=frame][data-bar=glass] .nav-outer,html[data-cinema=frame][data-bar=island] .nav-outer{margin-inline:40px;top:32px}
/* Services/Footprint remain the existing Cinematic option in every new variant. */
@media(max-width:1100px){.nav-outer .nav{gap:16px;padding-inline:22px}.nav__brand img{height:32px}.nav__links{gap:15px}.nav__links>a,.nav__dd-btn{font-size:11px!important}html[data-bar=island] .nav__links{gap:12px;padding-inline:14px}html[data-cinema=premiere] .hero.cb-selected .btn-row{flex-direction:column;align-items:flex-start;justify-content:flex-end}html[data-bar=center] .nav__links{gap:30px}}
@media(max-width:760px){.nav-outer .nav{display:flex!important;min-height:70px!important;padding:12px 16px!important;gap:12px!important}.nav__brand{margin-right:auto!important}.nav__brand img{height:31px}.nav__toggle{display:flex}.nav__account,.nav__toggle{width:40px;height:40px;min-width:40px}.nav__links{display:none!important}.nav__links.open{display:flex!important;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0!important;padding:16px 22px!important;gap:3px!important;flex-direction:column;align-items:stretch;background:#113e2c!important;border:1px solid #f6f2ef40;border-radius:16px;max-height:70svh;overflow:auto}.nav__links>a,.nav__dd-btn{font-size:14px!important;min-height:44px}.nav__dd-menu{position:static;box-shadow:none}.nav__dd{width:100%}html[data-bar=ivory] .nav__links.open{background:#f6f2ef!important}html[data-bar=ivory] .nav__dd-menu a b,html[data-bar=ivory] .nav__dd-menu a span{color:#f6f2ef!important}html[data-bar=forest] .nav-outer,html[data-bar=ivory] .nav-outer,html[data-bar=glass] .nav-outer,html[data-bar=island] .nav-outer{top:12px;margin:12px 12px -82px;border-radius:14px}html[data-cinema=frame][data-bar] .nav-outer{margin-inline:20px;top:20px}html[data-cinema=frame] .hero.cb-selected{margin:10px;border-radius:22px;min-height:800px}html[data-cinema=premiere] .hero.cb-selected .hero__panel{display:block;padding:145px 24px 60px!important}html[data-cinema=premiere] .hero.cb-selected .display{font-size:47px!important;margin-bottom:28px}html[data-cinema=premiere] .hero.cb-selected .hero__footnote{margin-left:8px}html[data-cinema=premiere] .hero.cb-selected .btn-row{margin-top:28px;align-items:flex-start}html[data-cinema=frame] .hero.cb-selected .hero__panel{padding:145px 24px 60px!important}html[data-cinema=panorama] .hero.cb-selected .hero__panel{padding-top:150px!important}html[data-cinema=panorama] .hero.cb-selected{min-height:820px}.hero.cb-selected .btn-row{align-items:flex-start!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Extended palette: solid Deep Green, black-only gradients. */
:root{--cbk-deep:#0C2A1E}
html[data-concept=a] body,html[data-concept=a] #services.cb-selected,
html[data-concept=a] #services.cb-selected .col{background-color:var(--cbk-deep)}

html[data-bar=edge] .nav-outer{background:var(--cbk-deep)!important}
html[data-bar=glass] .nav-outer{background:rgba(12,42,30,.92)!important}
html[data-bar=glass] .nav-outer.scrolled{background:#0C2A1E!important}

/* ---- motion ---- */
/* Spacing and motion only. Live texture rules and assets remain untouched. */
html[data-concept=a] main>.section,html[data-concept=a] main>.section--cta,
html[data-concept=a] #services.cb-selected,html[data-concept=a] #cb-footprint{padding-block:clamp(140px,12vw,200px)!important}
html[data-concept=a] .chapter-head{margin-bottom:88px!important}
html[data-concept=a] .proof--lead{margin-bottom:88px}
html[data-concept=a] .step{padding-block:52px}
html[data-concept=a] #services.cb-selected .cols,html[data-concept=a] #cb-footprint .figure-grid{gap:30px}
/* Child animations replace the inherited parent reveal, avoiding double fades. */
.chapter-head.reveal,.panel--flush.reveal{opacity:1;transform:none;transition:none}
.cb-word{display:inline-block;will-change:auto}
@media(prefers-reduced-motion:no-preference){
 .cb-text-ready .cb-word{opacity:0;transform:translateY(.65em);filter:blur(3px);transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1),filter .65s ease;transition-delay:var(--word-delay,0ms)}
 .cb-text-ready.cb-text-shown .cb-word{opacity:1;transform:translateY(0);filter:blur(0)}
 .cb-scroll-ready{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--item-delay,0ms)}
 .cb-scroll-ready.cb-scroll-shown{opacity:1;transform:none}
 #services.cb-selected .cb-motion-ready{transition-duration:.9s,1s;transition-timing-function:ease,cubic-bezier(.16,1,.3,1)}
 .step__media img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
 .step:hover .step__media img{transform:scale(1.035)}
 #cb-footprint .figure>img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s;transform-origin:50% 65%}
 #cb-footprint .figure:hover>img{transform:scale(1.018)}
 .btn--primary{transition:transform .3s ease,box-shadow .3s ease}
 .btn--primary:hover{transform:translateY(-3px)!important;box-shadow:0 10px 28px #00000025!important}
}
@media(max-width:760px){html[data-concept=a] main>.section,html[data-concept=a] main>.section--cta,html[data-concept=a] #services.cb-selected,html[data-concept=a] #cb-footprint{padding-block:104px!important}html[data-concept=a] .chapter-head{margin-bottom:52px!important}html[data-concept=a] .proof--lead{margin-bottom:60px}html[data-concept=a] .step{padding-block:40px}html[data-concept=a] #services.cb-selected .cols,html[data-concept=a] #cb-footprint .figure-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){.cb-word,.cb-scroll-ready{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
@media print{.cb-word,.cb-scroll-ready{opacity:1!important;transform:none!important;filter:none!important}}

/* ---- decor ---- */
/* Decor Systems study. Scoped to the optional Architectural composition. */
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected{display:flex;flex-direction:column;min-height:0;background:#f6f2ef;overflow:hidden;padding:0 0 24px}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected:before{display:none}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .hero__panel{order:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:none;padding:120px 3% 80px!important;text-align:left;justify-items:start}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .display{grid-column:1/-1;grid-row:1;max-width:none;margin:0 0 60px;font-size:clamp(56px,7.5vw,128px);font-weight:500!important;line-height:1.02;letter-spacing:-.065em!important;text-transform:uppercase;color:#113e2c}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .t-accent{color:inherit}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .label,html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .hero__footnote{color:#113e2c;margin:0;font-size:10px;align-self:start}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .label{grid-column:2;grid-row:2;justify-self:start}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .hero__footnote{grid-column:2;grid-row:2;justify-self:end}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .lede{grid-column:1;grid-row:2;margin:0 0 0 12%;max-width:400px;color:#113e2c;font-size:16px}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .btn-row{grid-column:1/-1;justify-content:flex-start;margin:12px 0 0 6%;gap:22px}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .btn{border-radius:30px;border:1px solid #113e2c;color:#113e2c;background:transparent;padding:12px 20px}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .btn:hover{background:#abd481}
html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .hero__media{position:relative;order:1;inset:auto;width:94%;height:70vh;min-height:380px;border-radius:20px;overflow:hidden;clip-path:inset(0 round 20px)}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected{background:#f6f2ef;color:#113e2c}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected>.wrap,html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #cb-footprint>.wrap{max-width:none;padding-inline:3%}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .chapter-head :is(.label,.h-chapter,.lede){color:#113e2c}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) :is(#services,#cb-footprint) .chapter-head{grid-template-columns:1.5fr 1fr;gap:30px 8%;padding-bottom:42px;border-bottom:1px solid #113e2c40}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) :is(#services,#cb-footprint) .h-chapter{text-transform:uppercase;font-size:clamp(42px,5.4vw,80px);font-weight:500!important;max-width:none;line-height:1.03}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .cols{display:block}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col{display:grid;grid-template-columns:28% 1fr;grid-template-rows:auto 1fr;gap:24px 3%;padding:28px 0;min-height:0;border-radius:0;border-bottom:1px solid #113e2c40;background:transparent;overflow:visible;box-shadow:none;transform:none}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col:after{display:none}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col__media{position:relative;grid-column:2;grid-row:1/3;inset:auto;z-index:auto;height:560px;aspect-ratio:auto;border-radius:20px;overflow:hidden}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .h-card{grid-column:1;grid-row:1;margin:4px 0;color:#113e2c;font-size:30px;font-weight:500!important}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col>p{grid-column:1;grid-row:2;align-self:end;margin:0 24px 8px 0;color:#113e2c;font-size:15px}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #cb-footprint .figure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #cb-footprint .figure:nth-child(n){margin:0}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #cb-footprint .figure>img{height:500px}
/* Full-width light nav: original controls, generous distribution, thin rule. */
html[data-bar=architect] .nav-outer{top:0;margin:0;background:#f6f2ef!important;border-bottom:1px solid #113e2c40;border-radius:0;box-shadow:none}
html[data-bar=architect] .nav-outer .nav{min-height:76px;padding-inline:3%}
html[data-bar=architect] .nav__links{flex:1;justify-content:space-evenly;gap:16px}
html[data-bar=architect] .nav__brand img{filter:brightness(0) saturate(100%)}
html[data-bar=architect] :is(.nav__links>a,.nav__dd-btn,.nav__account,.nav__toggle){color:#113e2c!important;font-weight:500!important}
html[data-bar=architect] :is(.nav__account,.nav__toggle){border-color:#113e2c60}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) .decor-image{clip-path:inset(12% 0 12% 0 round 20px);opacity:.1;transition:clip-path 1.2s cubic-bezier(.16,1,.3,1),opacity .9s ease}
html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) .decor-image.decor-visible{clip-path:inset(0 round 20px);opacity:1}
@media(max-width:760px){html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .hero__panel{padding:70px 24px 48px!important;display:flex;flex-direction:column;gap:20px}html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .display{font-size:44px!important;margin:0 0 16px}html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .lede{margin:0}html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .btn-row{margin:0;gap:12px}html:is([data-cinema=decor],[data-cinema=hybrid]) .hero.cb-selected .hero__media{height:420px;min-height:0;width:calc(100% - 32px)}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) :is(#services,#cb-footprint) .chapter-head{display:block}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) :is(#services,#cb-footprint) .h-chapter{font-size:38px;margin:24px 0}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col{display:flex;flex-direction:column;gap:20px}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col__media{order:1;width:100%;height:360px}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .h-card{order:0}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #services.cb-selected .col>p{order:2;align-self:start}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #cb-footprint .figure-grid{grid-template-columns:1fr}html[data-bar=architect] .nav__links.open{background:#f6f2ef!important}html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) #cb-footprint .figure>img{height:400px}}
@media(prefers-reduced-motion:reduce){html:is([data-cinema=decor],[data-cinema=hybrid],[data-cinema=premiere]) .decor-image{clip-path:none;opacity:1;transition:none}}

/* ---- hybrid ---- */
/* Premiere cinematography + Architectural typography and gallery. */
html[data-cinema=hybrid] .hero.cb-selected{display:grid;align-items:end;min-height:max(820px,96svh);padding:0;background:#0c2a1e;isolation:isolate}
html[data-cinema=hybrid] .hero.cb-selected .hero__media{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;clip-path:none;z-index:-2}
html[data-cinema=hybrid] .hero.cb-selected:before{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000055 0%,#00000080 40%,#000000ed 100%)}
html[data-cinema=hybrid] .hero.cb-selected .hero__panel{padding:170px 4% 70px!important;grid-template-columns:1.2fr 1fr;gap:28px 6%;max-width:1800px;margin:auto}
html[data-cinema=hybrid] .hero.cb-selected .label{grid-column:1;grid-row:1;color:#f6f2ef;letter-spacing:.13em}
html[data-cinema=hybrid] .hero.cb-selected .hero__footnote{grid-column:2;grid-row:1;color:#f6f2ef}
html[data-cinema=hybrid] .hero.cb-selected .display{grid-row:2;grid-column:1/-1;color:#f6f2ef;font-size:clamp(52px,7.15vw,112px);line-height:1.04;letter-spacing:-.05em!important;margin:0 0 24px;max-width:1450px}
html[data-cinema=hybrid] .hero.cb-selected .t-accent{color:#abd481}
html[data-cinema=hybrid] .hero.cb-selected .lede{grid-column:1;grid-row:3;margin:0;max-width:530px;color:#f6f2ef;font-size:15px}
html[data-cinema=hybrid] .hero.cb-selected .btn-row{grid-column:2;grid-row:3;margin:0;align-self:end;justify-content:flex-end;gap:14px;flex-wrap:wrap}
html[data-cinema=hybrid] .hero.cb-selected .btn{color:#f6f2ef;border-color:#f6f2ef80;font-size:12px}
html[data-cinema=hybrid] .hero.cb-selected .btn--primary{background:#abd481;border-color:#abd481;color:#113e2c}
html[data-cinema=hybrid] .hero.cb-selected .btn:hover{background:#f6f2ef;color:#113e2c}
@media(max-width:760px){html[data-cinema=hybrid] .hero.cb-selected{min-height:850px}html[data-cinema=hybrid] .hero.cb-selected .hero__panel{display:flex;padding:150px 24px 56px!important;gap:22px}html[data-cinema=hybrid] .hero.cb-selected .display{font-size:44px!important;margin:0 0 8px;order:2}html[data-cinema=hybrid] .hero.cb-selected .label{order:0}html[data-cinema=hybrid] .hero.cb-selected .hero__footnote{order:1}html[data-cinema=hybrid] .hero.cb-selected .lede{order:3}html[data-cinema=hybrid] .hero.cb-selected .btn-row{order:4;align-self:start;justify-content:flex-start}html[data-cinema=hybrid] .hero.cb-selected .hero__media{width:100%;height:100%}}

/* ---- chosen ---- */
/* Selected: original Premiere hero and edge nav; Architectural from Services on. */
html[data-cinema=premiere] #services .chapter-head{grid-template-columns:1fr 1fr}
html[data-cinema=premiere] #services .chapter-head>.label{grid-column:1/-1}
html[data-cinema=premiere] #services .h-chapter{grid-column:1/-1;width:100%;max-width:none;font-size:clamp(30px,6.1vw,94px);letter-spacing:-.045em!important}
html[data-cinema=premiere] #services .chosen-heading-line{display:block;white-space:nowrap}
html[data-cinema=premiere] #services .chapter-head>.lede{grid-column:2;max-width:530px;margin-top:12px}
@media(max-width:760px){html[data-cinema=premiere] #services .h-chapter{font-size:clamp(23px,6.5vw,49px)}html[data-cinema=premiere] #services .chapter-head>.lede{margin-top:26px}}
/* Final consistency pass: one type system, shared gutters and control radii. */
html[data-cinema=premiere]{--final-gutter:clamp(24px,3vw,64px);--cb-card-radius:20px;--cb-control-radius:10px}
html[data-cinema=premiere] main :is(h1,h2,h3){text-transform:uppercase;font-family:Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.045em!important}
html[data-cinema=premiere] main .wrap,html[data-cinema=premiere] #services.cb-selected>.wrap,html[data-cinema=premiere] #cb-footprint>.wrap{max-width:none;padding-inline:var(--final-gutter)}
html[data-cinema=premiere] .hero.cb-selected .hero__panel{max-width:none;width:100%;padding-inline:var(--final-gutter)}
html[data-cinema=premiere][data-bar=edge] .nav-outer .nav{padding-inline:var(--final-gutter)}
html[data-cinema=premiere] .hero.cb-selected .display{font-size:clamp(48px,6.9vw,106px);max-width:1450px;line-height:1.04}
html[data-cinema=premiere] main .chapter-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none;text-align:left;justify-items:start;margin-inline:0;padding-bottom:42px;border-bottom:1px solid #113e2c40}
html[data-cinema=premiere] main .chapter-head>.label,html[data-cinema=premiere] main .chapter-head>.h-chapter{grid-column:1/-1}
html[data-cinema=premiere] main .chapter-head>.h-chapter{max-width:1100px;font-size:clamp(38px,6.1vw,94px);line-height:1.03;margin:0}
html[data-cinema=premiere] main .chapter-head>.lede{grid-column:2;max-width:530px;margin:12px 0 0;line-height:1.65}
html[data-cinema=premiere] main .label{font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.5}
html[data-cinema=premiere] main :is(.h-card,.step__title){font-size:clamp(23px,2.4vw,34px);line-height:1.18}
html[data-cinema=premiere] .hero.cb-selected .btn{border-radius:10px;min-height:48px;padding:13px 20px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
html[data-cinema=premiere] .hero.cb-selected .btn--outline{border:1px solid #f6f2ef80}
html[data-cinema=premiere] :is(.cta-choice,.cta-submit,.nav__dd-menu){border-radius:10px}
html[data-cinema=premiere] :is(.tcard,.tphoto,.step__media,.cta-card){border-radius:20px}
html[data-cinema=premiere] #cb-footprint .figure__name{text-transform:uppercase;font-size:clamp(20px,2.1vw,30px);font-weight:500;letter-spacing:-.035em}
html[data-cinema=premiere] .feature__panel .h-chapter{max-width:100%;font-size:clamp(30px,2.9vw,44px);line-height:1.1}
html[data-cinema=premiere] .cta-intro .h-chapter{font-size:clamp(30px,3vw,44px);line-height:1.1}
@media(max-width:760px){html[data-cinema=premiere] .hero.cb-selected .display{font-size:42px!important}html[data-cinema=premiere] main .chapter-head{display:block;padding-bottom:32px}html[data-cinema=premiere] main .chapter-head>.h-chapter{font-size:36px;margin:24px 0}html[data-cinema=premiere] #services .chapter-head>.h-chapter{font-size:clamp(21px,5.9vw,44px)}html[data-cinema=premiere] main .chapter-head>.lede{margin-top:24px}html[data-cinema=premiere] .feature__panel .h-chapter,html[data-cinema=premiere] .cta-intro .h-chapter{font-size:30px}}
/* Refined final typography: natural case, lighter scale, compact market label. */
html[data-cinema=premiere] main :is(h1,h2,h3){text-transform:none;font-weight:500!important;letter-spacing:-.035em!important}
html[data-cinema=premiere] .hero.cb-selected .display{font-size:clamp(48px,5.6vw,82px);line-height:1.08;max-width:1100px;margin-bottom:30px}
html[data-cinema=premiere] main .chapter-head>.h-chapter{font-size:clamp(36px,4.5vw,66px);line-height:1.1;max-width:1000px}
html[data-cinema=premiere] main :is(.h-card,.step__title){font-size:clamp(23px,2.1vw,30px);line-height:1.2;letter-spacing:-.025em!important}
html[data-cinema=premiere] #cb-footprint .figure__name{text-transform:none;font-size:clamp(21px,1.9vw,27px);letter-spacing:-.025em}
html[data-cinema=premiere] .feature__panel .h-chapter,html[data-cinema=premiere] .cta-intro .h-chapter{font-size:clamp(29px,2.7vw,38px);line-height:1.16}
html[data-cinema=premiere] .hero.cb-selected .hero-meta{grid-column:1/-1;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}
html[data-cinema=premiere] .hero.cb-selected .hero-meta :is(.label,.hero__footnote){margin:0;justify-self:auto;font-size:10px;letter-spacing:.11em;line-height:1.5}
html[data-cinema=premiere] .hero.cb-selected .hero-meta .hero__footnote:before{content:'–';margin-right:10px}
@media(max-width:760px){html[data-cinema=premiere] .hero.cb-selected .display{font-size:39px!important;line-height:1.1}html[data-cinema=premiere] main .chapter-head>.h-chapter{font-size:32px}html[data-cinema=premiere] #services .chapter-head>.h-chapter{font-size:clamp(24px,6.4vw,44px)}html[data-cinema=premiere] .hero.cb-selected .hero-meta{gap:7px;margin-bottom:26px}html[data-cinema=premiere] .hero.cb-selected .hero-meta :is(.label,.hero__footnote){font-size:9px;letter-spacing:.07em}html[data-cinema=premiere] .hero.cb-selected .hero-meta .hero__footnote:before{margin-right:7px}}
html[data-cinema=premiere] main :is(h1,h2,h3){text-transform:none!important;font-weight:400!important}
html[data-cinema=premiere] main :is(.h-card,.step__title){font-weight:500!important}
/* Services: selected Panorama presentation, retaining refined typography. */
html[data-cinema=premiere] #services.cb-selected{background:#0c2a1e;color:#f6f2ef}
html[data-cinema=premiere] #services.cb-selected .chapter-head{border-bottom:0;padding-bottom:0}
html[data-cinema=premiere] #services.cb-selected .chapter-head :is(.label,.h-chapter,.lede){color:#f6f2ef}
html[data-cinema=premiere] #services.cb-selected .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
html[data-cinema=premiere] #services.cb-selected .col{display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;min-height:540px;padding:0;border:0;border-radius:20px;overflow:hidden;background:#0c2a1e;gap:0}
html[data-cinema=premiere] #services.cb-selected .col__media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2;border-radius:20px;opacity:1;clip-path:none}
html[data-cinema=premiere] #services.cb-selected .col:after{content:'';display:block;position:absolute;inset:0;background:linear-gradient(0deg,#000000f5,transparent 95%);z-index:-1}
html[data-cinema=premiere] #services.cb-selected .col .h-card{margin:0 26px 18px;color:#f6f2ef;font-size:30px;order:0}
html[data-cinema=premiere] #services.cb-selected .col>p{margin:0 26px 30px;color:#f6f2ef;font-size:16px;align-self:auto;order:0}
@media(max-width:760px){html[data-cinema=premiere] #services.cb-selected .cols{grid-template-columns:1fr;gap:28px}html[data-cinema=premiere] #services.cb-selected .col{min-height:450px}html[data-cinema=premiere] #services.cb-selected .col__media{position:absolute;inset:0;height:100%;width:100%;order:0}html[data-cinema=premiere] #services.cb-selected .col .h-card{font-size:27px}}
@media(min-width:761px){html[data-cinema=premiere] #services.cb-selected .col>p{min-height:5.2em}}
/* Complete Panorama Services header, not the previous full-width editorial header. */
html[data-cinema=premiere] #services.cb-selected .chapter-head{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 7%;align-items:end;margin-bottom:48px!important}
html[data-cinema=premiere] #services.cb-selected .chapter-head>.label{grid-column:1/-1;margin:0}
html[data-cinema=premiere] #services.cb-selected .chapter-head>.h-chapter{grid-column:1;grid-row:2;width:100%;max-width:none;margin:0;font-size:clamp(28px,3.35vw,50px);line-height:1.12;font-weight:400!important;letter-spacing:-.035em!important}
html[data-cinema=premiere] #services.cb-selected .chapter-head>.lede{grid-column:2;grid-row:2;max-width:none;margin:0 0 3px;font-size:16px;line-height:1.65}
@media(max-width:760px){html[data-cinema=premiere] #services.cb-selected .chapter-head{grid-template-columns:1fr;gap:22px;margin-bottom:52px!important}html[data-cinema=premiere] #services.cb-selected .chapter-head>.h-chapter{grid-column:1;grid-row:2;font-size:clamp(24px,6.4vw,44px)}html[data-cinema=premiere] #services.cb-selected .chapter-head>.lede{grid-column:1;grid-row:3;font-size:15px;margin:0}}
/* Exact header reference, 14-Nov: shared semibold hierarchy and baseline. */
html[data-cinema=premiere] #services.cb-selected>.wrap{padding-inline:var(--final-gutter)}
html[data-cinema=premiere] #cb-footprint>.wrap{padding-inline:var(--final-gutter)}
html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head{display:grid;grid-template-columns:52.8% 43.2%;gap:17px 4%;align-items:end;border:0;padding-bottom:0;margin-bottom:88px!important}
html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head>.label{grid-column:1/-1;grid-row:1;margin:0;font-size:11px;letter-spacing:.13em}
html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head>.h-chapter{grid-column:1;grid-row:2;font-size:clamp(32px,4.2vw,60px);font-weight:600!important;letter-spacing:-.045em!important;line-height:1.1;width:100%;max-width:none;margin:0;text-transform:none!important}
html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chosen-heading-line{display:block;white-space:nowrap}
html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head>.lede{grid-column:2;grid-row:2;max-width:none;font-size:16px;line-height:1.6;margin:0 0 3px}
@media(max-width:760px){html[data-cinema=premiere] #services.cb-selected>.wrap,html[data-cinema=premiere] #cb-footprint>.wrap{padding-inline:24px}html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head{grid-template-columns:1fr;gap:22px;margin-bottom:52px!important}html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head>.h-chapter{font-size:clamp(22px,6.2vw,44px)}html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head>.lede{grid-column:1;grid-row:3;font-size:16px;margin:0}}

@media(min-width:761px){html[data-cinema=premiere] #cb-footprint.section .chapter-head{grid-template-columns:55.3% 40.7%}}

/* Shared page axis: logo, hero, section headers and galleries. */
html[data-cinema=premiere][data-bar=edge] .nav-outer .nav,
html[data-cinema=premiere] .hero.cb-selected .hero__panel,
html[data-cinema=premiere] main .wrap{padding-inline:var(--final-gutter)!important}
/* Footer follows the same page gutter at every breakpoint. */
html[data-cinema=premiere] .footer>.wrap{max-width:none;width:100%;padding-inline:var(--final-gutter)}

/* Ann's 14-Nov hero and client-header references. */
html[data-cinema=premiere] .hero.cb-selected .display{font-size:clamp(48px,7.3vw,140px);max-width:none;line-height:1.04;margin-bottom:48px}
html[data-cinema=premiere] .hero-title-line{display:block;white-space:nowrap}
html[data-cinema=premiere] .hero.cb-selected .display .t-accent{color:#abd481!important}
html[data-cinema=premiere] #clients .chapter-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;border:0;padding-bottom:0}
html[data-cinema=premiere] #clients .chapter-head>.h-chapter{font-size:clamp(32px,4.5vw,72px);font-weight:600!important;max-width:none;margin:0;line-height:1.12}
html[data-cinema=premiere] #clients .chapter-head>.lede{max-width:58ch;margin:0;font-size:clamp(16px,1.65vw,24px);line-height:1.55}
@media(max-width:760px){html[data-cinema=premiere] .hero.cb-selected .display{font-size:clamp(28px,6.9vw,52px)!important;margin-bottom:30px}html[data-cinema=premiere] #clients .chapter-head{gap:24px}html[data-cinema=premiere] #clients .chapter-head>.h-chapter{font-size:clamp(30px,7vw,44px)}}
@media(max-width:760px){html[data-cinema=premiere] .hero.cb-selected .display{font-size:clamp(36px,9.5vw,60px)!important}html[data-cinema=premiere] .hero-title-line{white-space:normal}}

/* 2026-11-14: all section titles uppercase, matching "From Homeownership to Portfolio Growth." */
html[data-cinema=premiere] main .h-chapter,html[data-cinema=premiere] :is(#services.cb-selected,#cb-footprint) .chapter-head>.h-chapter{text-transform:uppercase!important}
/* Uppercase Services heading trial requested by Ann. */
html[data-cinema=premiere] #services.cb-selected .chapter-head>.h-chapter{text-transform:uppercase!important;font-size:clamp(26px,3.35vw,48px)}
@media(max-width:760px){html[data-cinema=premiere] #services.cb-selected .chapter-head>.h-chapter{font-size:clamp(18px,5vw,38px)}}
/* 2026-11-14: keep Concierge and CTA titles in normal case. */
html[data-cinema=premiere] main #concierge-h,html[data-cinema=premiere] main .cta-intro .h-chapter{text-transform:none!important}
/* 2026-11-14: Concierge + CTA titles bolder; Concierge panel text clears the bottom-right scoop fully. */
html[data-cinema=premiere] main #concierge-h,html[data-cinema=premiere] main .cta-intro .h-chapter{font-weight:600!important}
html[data-cinema=premiere] .feature__panel{padding-bottom:calc(var(--scoop-h) + clamp(14px,1.6vw,22px))}


/* ---- sitewide (14-Nov-2026): inner pages follow the home rules ---- */
html[data-cinema=premiere] main .h-chapter{font-weight:600!important}
html[data-cinema=premiere] main .hero .display,html[data-cinema=premiere] main h1.display{font-weight:500!important}
html[data-cinema=premiere] main .feature__panel .h-chapter,html[data-cinema=premiere] main .cta-intro .h-chapter{text-transform:none!important}
html[data-cinema=premiere] main :is(.sell-card__title,.tcard__name){font-family:Manrope,sans-serif!important;font-weight:500;letter-spacing:-.02em}

/* ---- Slim navbar v2.1 (Ann, 14-Nov-2026): 64px, uppercase links, compact round account icon ---- */
html[data-cinema=premiere] .nav-outer{background:#0C2A1E!important;border-bottom:1px solid rgba(246,242,239,.12)!important}
html[data-cinema=premiere] .nav-outer .nav{height:64px!important;min-height:64px!important;max-width:none!important;margin:0!important;padding:0 clamp(20px,3vw,43px)!important}
html[data-cinema=premiere] .nav-outer .nav__brand img{height:26px!important;width:auto!important}
html[data-cinema=premiere] .nav-outer :is(.nav__links>a,.nav__dd-btn,.nav__login){font-family:Manrope,"Hanken Grotesk",sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(246,242,239,.84)!important;transition:color .2s}
html[data-cinema=premiere] .nav-outer :is(.nav__links>a,.nav__dd-btn,.nav__login):hover{color:#ABD481!important}
html[data-cinema=premiere] .nav-outer :is(.nav__account,.nav__toggle){width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;position:relative;align-items:center;justify-content:center;color:#F6F2EF!important}
html[data-cinema=premiere] .nav-outer :is(.nav__account,.nav__toggle)::before{content:"";position:absolute;inset:6px;border-radius:50%;background:rgba(246,242,239,.08);box-shadow:inset 0 0 0 1px rgba(246,242,239,.18);transition:background .2s,box-shadow .2s}
html[data-cinema=premiere] .nav-outer :is(.nav__account,.nav__toggle):is(:hover,:focus-visible){color:#113E2C!important;background:transparent!important}
html[data-cinema=premiere] .nav-outer :is(.nav__account,.nav__toggle):is(:hover,:focus-visible)::before{background:#ABD481;box-shadow:none}
html[data-cinema=premiere] .nav-outer :is(.nav__account,.nav__toggle) svg{position:relative;width:16px!important;height:16px!important;stroke-width:1.75}
@media(max-width:760px){html[data-cinema=premiere] .nav-outer .nav{height:60px!important;min-height:60px!important;padding:0 14px!important;gap:6px!important}}
html[data-cinema=premiere] .nav-outer .nav__account{display:inline-flex!important}

/* ---- 14-Nov-2026 (Ann): larger CBK logo ---- */
html[data-cinema=premiere] .nav-outer .nav__brand img{height:34px!important;width:auto!important}
@media(max-width:760px){html[data-cinema=premiere] .nav-outer .nav__brand img{height:30px!important}}

/* ---- 14-Nov-2026 (Ann): hero photo stays clear; only the text band at the bottom is darkened (black only) ---- */
html[data-cinema=premiere] .hero.cb-selected:before{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.74) 30%,rgba(0,0,0,.42) 50%,rgba(0,0,0,.1) 66%,transparent 80%)!important}
@media(max-width:760px){html[data-cinema=premiere] .hero.cb-selected:before{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 40%,rgba(0,0,0,.4) 62%,transparent 85%)!important}}
html[data-cinema=premiere] .hero.cb-selected .lede+.lede{grid-row:4;margin-top:12px}

/* ---- 14-Nov-2026 (Ann): track record option E. Real CBK photo with people on the left, heading over its dark bottom; figures on the right. Photo per page via --tr-img on the section. ---- */
html[data-cinema=premiere] main section.trackrec-band{position:relative;padding:0!important;overflow:hidden}
html[data-cinema=premiere] main section.trackrec-band>.wrap{max-width:none!important;padding:0!important}
html[data-cinema=premiere] main .trackrec-band .trackrec{grid-template-columns:1.1fr 1fr!important;gap:0!important;align-items:stretch!important}
html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__intro{position:relative;min-height:clamp(440px,42vw,620px);align-content:end;padding:clamp(28px,4vw,64px);background:var(--tr-img) var(--tr-pos,center)/cover no-repeat;isolation:isolate}
html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.4) 50%,transparent 80%)}
html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__intro .h-chapter{font-size:clamp(28px,3.1vw,48px)!important;line-height:1.04!important;max-width:none!important;color:#F6F2EF!important}
html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__figures{display:grid;align-content:center;padding:clamp(28px,4vw,72px);gap:0}
html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__stat{border-top:1px solid rgba(171,212,129,.3)!important;padding:clamp(20px,2.4vw,34px) 0!important;margin:0!important}
html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__stat .stat__n{font-size:clamp(56px,6.4vw,104px)!important;line-height:.9!important;letter-spacing:-.045em!important}
html[data-cinema=premiere] main .trackrec-band .trackrec .track-disclaimer{margin-top:clamp(12px,1.6vw,24px)!important}
.tr-line{display:block}@media(min-width:901px){.tr-line{white-space:nowrap}}
@media(max-width:900px){html[data-cinema=premiere] main .trackrec-band .trackrec{grid-template-columns:1fr!important}html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__intro{min-height:380px;padding:24px}html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__intro .h-chapter{font-size:clamp(28px,8vw,40px)!important}html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__figures{padding:8px 24px 48px}html[data-cinema=premiere] main .trackrec-band .trackrec .trackrec__stat .stat__n{font-size:clamp(48px,15vw,72px)!important}}

/* ---- 14-Nov-2026 (Ann): compact photo hero for insight / research pages. Short, photo illustrates the topic, black bottom-up scrim. ---- */
html[data-cinema=premiere] .hero.hero--compact{min-height:clamp(380px,48vh,520px)!important;background:#0C2A1E var(--hero-img) center/cover no-repeat!important;align-items:end!important}
html[data-cinema=premiere] .hero.hero--compact .hero__panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:start;text-align:left;gap:12px!important;padding:clamp(108px,10vw,140px) 6% clamp(36px,4vw,56px)!important;max-width:1700px;width:100%}
html[data-cinema=premiere] .hero.hero--compact .hero__panel>*{grid-column:1!important;grid-row:auto!important;margin:0!important}
html[data-cinema=premiere] .hero.hero--compact .display{font-size:clamp(34px,4.2vw,66px)!important;line-height:1.06!important;max-width:1100px}
html[data-cinema=premiere] .hero.hero--compact .lede{max-width:640px;font-size:16px!important;color:rgba(246,242,239,.86)!important}
@media(max-width:760px){html[data-cinema=premiere] .hero.hero--compact{min-height:340px!important}html[data-cinema=premiere] .hero.hero--compact .hero__panel{padding:96px 20px 32px!important}html[data-cinema=premiere] .hero.hero--compact .display{font-size:clamp(28px,8vw,40px)!important}}