.croff-light{background:#f3f0e9;color:#17191d}.croff-light .editorial-copy p{color:#43474e}.croff-light .eyebrow{color:#286477}.croff-films>p{max-width:650px}.croff-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 28px}.croff-film{position:relative;isolation:isolate;display:block;aspect-ratio:9/16;border:1px solid #ffffff20;border-radius:26px;overflow:hidden;background:#15181b;color:white;padding:0;cursor:pointer;text-align:left}.croff-film video{width:100%;height:100%;object-fit:cover;transition:transform .5s}.croff-film:hover video{transform:scale(1.035)}.croff-film:focus-visible{outline:3px solid #55d9ff;outline-offset:5px}.croff-film:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.croff-caption{position:absolute;z-index:2;bottom:25px;left:24px;right:24px;display:grid;gap:10px}.croff-caption small{font-size:10px;letter-spacing:.14em}.croff-caption strong{font-size:clamp(20px,2vw,30px);line-height:1.15}.croff-caption>span{font-size:12px}.croff-play{position:absolute;z-index:2;top:20px;right:20px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;width:48px;height:48px;background:#0005;backdrop-filter:blur(10px)}#croff-player{position:fixed;inset:0;margin:auto;width:min(520px,94vw);max-height:94dvh;background:#0b0e12;color:#fff;padding:14px;border:1px solid #ffffff30;border-radius:22px;z-index:10000}#croff-player::backdrop{background:#000d;backdrop-filter:blur(14px)}#croff-player video{display:block;max-height:77dvh;width:100%;background:#000;border-radius:12px}.croff-player-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 0 14px}.croff-player-top h2{font-size:17px;margin:0}.croff-player-top button{background:#ffffff15;color:white;border:0;border-radius:50%;min-width:44px;height:44px;cursor:pointer}body.croff-video-open{overflow:hidden}@media(max-width:760px){.croff-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.croff-caption{left:14px;right:12px;bottom:18px}.croff-caption strong{font-size:20px}.croff-caption small{font-size:8px}.croff-play{width:36px;height:36px;top:12px;right:12px}.croff-film{border-radius:18px}}@media(max-width:420px){.croff-film-grid{grid-template-columns:1fr}.croff-film{max-height:75svh}}@media(prefers-reduced-motion:reduce){.croff-film video{transition:none}}

.croff-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:40px 0}.croff-metric-grid>div{border-top:1px solid #ffffff30;padding-top:25px;display:grid;gap:10px}.croff-metric-grid strong{font-size:clamp(34px,6vw,80px);letter-spacing:-.05em;color:#5ddaff}.croff-data-note{font-size:12px;opacity:.65;max-width:800px}

/* Horizontal film strip; native touch and trackpad scrolling. */
.croff-film-grid{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#57d9ff #ffffff12;padding:8px 6px 20px;margin-top:20px}.croff-film-grid .croff-film{flex:0 0 clamp(260px,29vw,360px);scroll-snap-align:start;max-height:none}.croff-slider-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:28px}.croff-slider-controls button{width:48px;height:48px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff08;color:white;font-size:24px;cursor:pointer}.croff-slider-controls button:hover:not(:disabled){background:#55d9ff;color:#071017}.croff-slider-controls button:disabled{opacity:.3;cursor:default}.croff-slider-controls button:focus-visible{outline:2px solid #55d9ff;outline-offset:4px}#croff-position{font-size:13px;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:760px){.croff-film-grid{gap:14px}.croff-film-grid .croff-film{flex-basis:82%;max-width:340px}.croff-slider-controls{justify-content:flex-start}}