/* Native pinning needs a viewport scroll container, not overflow-x:hidden on body.
   Scoped to the About controller; preserve mmenu's own open-menu overflow rules. */
html.cp-about-native-scroll:not(.mm-wrapper--opened),
html.cp-about-native-scroll body:not(.mm-wrapper--opened){overflow-x:clip}
.cp-about-film{overflow-anchor:none}
/* About Us only. Palette tokens follow the existing color switcher. */
.cp-about{--about-gold:var(--cp-accent,#e8c875);--about-page:var(--cp-page,#0b0b0a);--about-heading:var(--cp-heading,#f8f5ed);--about-text:var(--cp-text,#dedbd2);--about-line:var(--cp-border-accent,#6f5a32);background:var(--about-page);color:var(--about-text);font-family:inherit;isolation:isolate;overflow:clip}
.cp-about *{box-sizing:border-box}
.cp-about :where(h1,h2,h3,p,figure,ol){margin:0}
.cp-about :where(h1,h2,h3){color:var(--about-heading);line-height:1.5;font-family:inherit;font-weight:700;text-wrap:balance}
.cp-about p{line-height:2;font-size:clamp(.94rem,1.15vw,1.1rem)}
.cp-about a{color:inherit;text-decoration:none}
.cp-about-shell{inline-size:min(1320px,90%);margin-inline:auto}
.cp-about-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-block-size:48px;padding:12px 26px;background:var(--cp-gradient-accent,linear-gradient(115deg,#bd913a,#edcc78));color:var(--cp-on-accent,#20190c)!important;border:1px solid var(--cp-accent-fill,#d5af5c);border-radius:3px;font-weight:700;font-size:.9rem;transition:filter .2s,transform .2s}
.cp-about-button:hover{filter:brightness(1.1);transform:translateY(-2px)}
.cp-about-button--outline{background:rgb(8 8 8 / .5);color:#fff!important;border-color:#ad8b44}
.cp-about :where(a,button):focus-visible{outline:3px solid var(--cp-focus,#f0d48a);outline-offset:5px}
.cp-about-film{position:relative;min-block-size:720px;background:#080908;color:#f8f5ed}
.cp-about-stage{position:relative;min-block-size:720px;block-size:100svh;overflow:hidden;background:#080908}
.cp-about-poster,.cp-about-scene,.cp-about-shade{position:absolute;inset:0;inline-size:100%;block-size:100%}
.cp-about-poster{object-fit:cover;object-position:32% 60%;opacity:1;transition:opacity .7s}
.cp-about-scene{opacity:0;pointer-events:none;transition:opacity .7s}
.cp-about-scene canvas{position:relative;display:block;inline-size:100%;block-size:100%}
.cp-about-scene-backdrop{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}
.cp-about-film.is-3d .cp-about-scene{opacity:var(--about-scene-opacity,0)}
.cp-about-film.is-3d .cp-about-poster{opacity:calc(1 - var(--about-scene-opacity,0))}
.cp-about-shade{background:linear-gradient(90deg,transparent 25%,rgb(7 8 7 / .18) 45%,rgb(7 8 7 / .9) 100%);pointer-events:none}
.cp-about-hero-inner{position:relative;display:flex;align-items:center;min-block-size:inherit;block-size:100%;padding-block:64px 90px;pointer-events:none}
.cp-about-hero-copy{inline-size:40%;max-inline-size:540px;margin-inline-end:auto;pointer-events:auto}
.cp-about-hero-copy h1{color:#fff;font-size:clamp(2.1rem,3.4vw,3.6rem);line-height:1.65;letter-spacing:-.04em}
.cp-about-hero-copy h1 span{display:block;color:#e8c875}
.cp-about-eyebrow{color:var(--about-gold);margin-block-end:18px!important;font-weight:700;font-size:.95rem!important}
.cp-about-film .cp-about-eyebrow{color:#e8c875}
.cp-about-intro{margin-block-start:20px!important;color:#dedbd3}
.cp-about-actions{display:flex;gap:14px;flex-wrap:wrap;margin-block-start:26px}
.cp-about-chapters{margin-block-start:28px;padding-block-start:22px;border-block-start:1px solid #e8c87545}
.cp-about-chapters article+article{margin-block-start:16px}
.cp-about-chapters h2{font-size:1.2rem;color:#f8f5ed}
.cp-about-chapters span{color:#d1ae61;font-size:.7rem;letter-spacing:.14em;font-family:system-ui,sans-serif}
.cp-about-chapters p{color:#c7c4bc;font-size:.9rem}
.cp-about-film-controls{position:absolute;inset-block-end:30px;inset-inline:0;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#ddd6c6}
.cp-about-scroll{font-size:.78rem!important;display:flex;gap:12px;align-items:center}
.cp-about-scroll i{color:#e8c875}
.cp-about-motion{background:#151510c9;border:1px solid #a98a47;color:#e7d2a4;border-radius:3px;padding:8px 14px;font:inherit;font-size:.75rem;cursor:pointer;min-block-size:42px}
.cp-about-motion[hidden]{display:none}
.cp-about-progress{position:absolute;inset-block-end:0;inset-inline:0;block-size:2px;background:#8d753440}
.cp-about-progress span{display:block;inline-size:100%;block-size:100%;background:#ebc673;transform:scaleX(0);transform-origin:right center}
/* Film is pinned only after the complete 3D scene has rendered successfully. */
.cp-about-film.is-pinned{block-size:240svh}
.cp-about-film.is-pinned .cp-about-stage{position:sticky;inset-block-start:0;block-size:100svh;min-block-size:600px}
.cp-about-film.is-pinned .cp-about-chapters{display:grid;min-block-size:130px}
.cp-about-film.is-pinned .cp-about-chapters article{grid-area:1/1;align-self:start;margin:0;transition:opacity .4s,transform .4s}
.cp-about-film.is-pinned .cp-about-chapters article.is-dim{opacity:0;transform:translateY(15px);visibility:hidden}
.cp-about-story{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,5vw,80px);padding-block:90px 65px;scroll-margin-block-start:30px}
.cp-about-story-copy{position:relative;padding-block:20px}
.cp-about-story h2{font-size:clamp(1.6rem,2.2vw,2.3rem);margin-block-end:22px}
.cp-about-story p{position:relative;z-index:1}
.cp-about-story-image{position:relative;border:1px solid var(--about-line);padding:8px;box-shadow:12px 12px 0 -11px var(--about-line)}
.cp-about-story-image img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1.42;object-fit:cover}
.cp-about-year{display:block;text-align:end;font-size:clamp(4rem,8vw,8rem);font-weight:700;line-height:1.1;color:transparent;-webkit-text-stroke:1px var(--about-line);opacity:.6;margin-block-start:12px}
.cp-about-section-title{text-align:center;font-size:clamp(1.6rem,2.4vw,2.4rem);margin-block-end:48px!important}
.cp-about-section-title::after{content:"";display:block;inline-size:48px;block-size:2px;background:var(--about-gold);margin:18px auto 0}
.cp-about-values{padding-block:30px 75px}
.cp-about-values-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.cp-about-values-grid article{text-align:center;padding:12px 35px}
.cp-about-values-grid article+article{border-inline-start:1px solid var(--about-line)}
.cp-about-values-grid i{font-size:36px;color:var(--about-gold);margin-block-end:18px}
.cp-about-values-grid h3{font-size:1.2rem;margin-block-end:14px}
.cp-about-values-grid p{max-inline-size:330px;margin-inline:auto}
.cp-about-journey{position:relative;isolation:isolate;color:#ddd6c8;background:#0b0b09;overflow:hidden}
.cp-about-journey-image{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 70%;z-index:-2}
.cp-about-journey::before{content:"";position:absolute;inset:0;background:linear-gradient(#0b0b0ae8,#08080735 85%);z-index:-1}
.cp-about-journey-inner{position:relative;padding-block:65px 150px}
.cp-about-journey h2,.cp-about-journey h3{color:#fff}
.cp-about-journey h2::after{background:#e8c875}
.cp-about-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);list-style:none!important;padding:0!important;gap:0}
.cp-about-steps li{position:relative;padding-inline:24px}
.cp-about-step-heading{display:flex;align-items:center;gap:16px;color:#e8c875;font-size:1.25rem;margin-block-end:18px}
.cp-about-step-heading i{font-size:30px}
.cp-about-steps h3{font-size:1.12rem;margin-block-end:12px}
.cp-about-steps p{font-size:.94rem}
.cp-about-step-dot{position:absolute;inset-block-end:-50px;inset-inline-start:50%;margin-inline-start:-4.5px;inline-size:9px;block-size:9px;border-radius:50%;background:#ffdf91;box-shadow:0 0 15px 4px #dcb15eaa}
.cp-about-step-dot::before{content:"";position:absolute;inset-inline-start:4px;inset-block-end:7px;block-size:36px;inline-size:1px;background:#bc944d}
.cp-about-route{position:absolute;inline-size:100%;block-size:140px;inset-inline:0;inset-block-end:34px;overflow:visible;fill:none;stroke:#f0cb76;stroke-width:2.5;filter:drop-shadow(0 0 5px #e8b959)}
.cp-about-route-base{stroke:#d6af5345;stroke-width:1}
.cp-about-route [data-about-route]{stroke-dasharray:1;stroke-dashoffset:0}
.cp-about-cta{position:relative;isolation:isolate;min-block-size:390px;display:flex;align-items:center;overflow:hidden;color:#f5f0e4;background:#080908;border-block:1px solid #a588444d}
.cp-about-cta-image{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 65%;z-index:-2}
.cp-about-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#08080855 45%,#080808f5 75%);z-index:-1}
.cp-about-cta-copy{inline-size:43%;padding-block:55px}
.cp-about-cta h2{font-size:clamp(1.8rem,3vw,3.2rem);color:#f8f5ed;margin-block-end:18px}
.cp-about-cta p{margin-block-end:24px}
.cp-about-extra{padding-block:50px}
.cp-about-extra .cp-info-sections{margin-block:0}
.cp-about [data-about-reveal]{opacity:1;transform:none}
.cp-about .is-waiting{opacity:0;transform:translateY(22px)}
.cp-about .is-revealing{transition:opacity .7s ease,transform .7s ease}
html[dir="rtl"] .cp-about-route{transform:scaleX(-1)}
html[dir="ltr"] .cp-about-shade{transform:scaleX(-1)}
html[dir="ltr"] .cp-about-poster,html[dir="ltr"] .cp-about-cta-image{transform:scaleX(-1)}
html[dir="ltr"] .cp-about-cta::before{background:linear-gradient(270deg,transparent,#08080855 45%,#080808f5 75%)}
html[dir="ltr"] .cp-about-progress span{transform-origin:left center}
html[dir="ltr"] .cp-about-cta .fa-arrow-left{transform:rotate(180deg)}
@media(min-width:1600px){.cp-about-hero-copy{inline-size:39%}}
@media(max-width:1000px){.cp-about-shell{inline-size:90%}.cp-about-hero-copy{inline-size:45%}.cp-about-story{gap:30px}.cp-about-values-grid article{padding-inline:22px}}
@media(max-width:760px){
 .cp-about-stage{block-size:auto;min-block-size:820px}.cp-about-film{min-block-size:820px}
 .cp-about-poster{object-position:25% 40%;block-size:48%;mask-image:linear-gradient(#000 70%,transparent)}
 .cp-about-shade{background:linear-gradient(transparent 20%,#080908 50%)}
 .cp-about-hero-inner{align-items:flex-end;padding-block:360px 90px;min-block-size:820px}
 .cp-about-hero-copy{inline-size:100%;max-inline-size:none}.cp-about-hero-copy h1{font-size:clamp(1.9rem,7.5vw,2.6rem);line-height:1.6}
 .cp-about-chapters{margin-block-start:20px}.cp-about-chapters article+article{margin-block-start:16px}
 .cp-about-film.is-pinned{block-size:230svh}.cp-about-film.is-pinned .cp-about-stage{min-block-size:720px;block-size:100svh}
 .cp-about-film.is-pinned .cp-about-hero-inner{min-block-size:720px;padding-block:42svh 75px;align-items:center}
 .cp-about-film.is-pinned .cp-about-hero-copy h1{font-size:1.8rem}.cp-about-film.is-pinned .cp-about-eyebrow{margin-block-end:8px!important}
 .cp-about-film.is-pinned .cp-about-intro{font-size:.88rem;margin-block-start:8px!important}
 .cp-about-film.is-pinned .cp-about-actions{margin-block-start:12px;gap:10px}
 .cp-about-film.is-pinned .cp-about-button{min-block-size:42px;padding:8px 17px;font-size:.8rem}
 .cp-about-film.is-pinned .cp-about-chapters{min-block-size:95px;padding-block-start:12px;margin-block-start:14px}
 .cp-about-film.is-pinned .cp-about-chapters h2{font-size:1.05rem}.cp-about-film.is-pinned .cp-about-chapters p{font-size:.83rem}
 .cp-about-film.is-3d .cp-about-shade{background:linear-gradient(transparent 22%,#080908a3 40%,#080908 52%)}
 .cp-about-film-controls{inset-block-end:16px}.cp-about-scroll{font-size:.65rem!important}.cp-about-motion{font-size:.65rem;padding-inline:10px}
 .cp-about-story{grid-template-columns:1fr;padding-block:55px 30px;gap:24px}.cp-about-story-copy{padding:0}.cp-about-year{font-size:5rem;margin-block-start:18px}.cp-about-story-image{grid-row:1}
 .cp-about-values{padding-block:30px 50px}.cp-about-values-grid{grid-template-columns:1fr;gap:26px}.cp-about-values-grid article{padding:5px 20px 26px}.cp-about-values-grid article+article{border-inline-start:0;border-block-start:1px solid var(--about-line);padding-block-start:30px}
 .cp-about-section-title{margin-block-end:30px!important}.cp-about-journey-inner{padding-block:45px 70px}
 .cp-about-steps{grid-template-columns:1fr;gap:32px;padding-inline-start:22px!important}.cp-about-steps li{max-inline-size:none;padding-inline-start:26px}.cp-about-step-dot{inset-inline-start:3px;margin-inline-start:0;inset-block-start:10px}.cp-about-step-dot::before{display:none}
 .cp-about-steps::before{content:"";position:absolute;inset-inline-start:25px;inset-block:12px 0;inline-size:1px;background:#d6b96b50}
 .cp-about-journey[data-motion="on"] .cp-about-steps::after{content:"";position:absolute;inset-inline-start:25px;inset-block:12px 0;inline-size:2px;background:#edcd81;transform:scaleY(var(--about-journey-progress,0));transform-origin:top;box-shadow:0 0 10px #d6af53}
 .cp-about-step-heading{margin-block-end:8px}.cp-about-steps h3{margin-block-end:5px}.cp-about-route{display:none}
 .cp-about-cta{min-block-size:480px}.cp-about-cta-copy{inline-size:100%;padding-block:230px 40px}.cp-about-cta-image{object-position:25% center}.cp-about-cta::before,html[dir="ltr"] .cp-about-cta::before{background:linear-gradient(transparent,#080808e8 60%)}
}
@media(prefers-reduced-motion:reduce){.cp-about *, .cp-about *::before,.cp-about *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.cp-about .is-waiting{opacity:1;transform:none}.cp-about-route [data-about-route]{stroke-dashoffset:0!important}}


/* Full-page loading gate. Pseudo-elements live outside the hidden body. */
html.cp-about-loading{overflow:hidden!important}
html.cp-about-loading body{visibility:hidden!important;pointer-events:none}
html.cp-about-loading::before{content:"";position:fixed;inset:0;background:#080908;z-index:2147483646}
html.cp-about-loading::after{content:"CHANNEL PLUS\A" attr(data-about-load);white-space:pre;text-align:center;line-height:2.6;letter-spacing:.16em;font:600 22px/2.6 system-ui,sans-serif;color:#e8c875;position:fixed;inset:0;display:grid;place-content:center;z-index:2147483647;direction:ltr}