/* Advertising styles now live in advertising-gallery.css. */
@media(max-width:900px){.about{padding:50px 0 55px}}
/* 2026-10 editorial rebuild: independent class names and motion surfaces. */





.film-showcase__head h2 em{font-style:normal;color:#fff}
.film-showcase__head h2 em::after{content:".";color:#e00010}









/* The owner stays still; only its image and caption enter and leave. */



@media(hover:hover) and (pointer:fine){}
.home-page .about{z-index:9}

.home-page .partners .partner-card{border:0}

/* Two independently moving film reels. */
.home-page .film-showcase{position:relative;isolation:isolate;overflow:hidden;padding:clamp(100px,9vw,150px) 0 clamp(105px,10vw,155px);background:var(--paper,#fff);color:var(--ink,#101216);scroll-margin-top:75px}
.film-showcase::before,.film-showcase::after{content:"";position:absolute;left:-5%;right:-5%;height:70px;border-top:1px solid #e00010;transform:rotate(-2.5deg);pointer-events:none}
.film-showcase::before{top:18px}.film-showcase::after{bottom:0;left:0;right:0;height:clamp(56px,7.6vw,110px);border:0;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 110' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%239ba0a6' stroke-width='1.2' vector-effect='non-scaling-stroke' d='M0 30 Q660 164 1440 20'/%3E%3Cpath fill='none' stroke='%23e00010' stroke-width='2' vector-effect='non-scaling-stroke' d='M1140 63 Q1310 39 1440 20'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.film-showcase__head{display:flex;justify-content:space-between;align-items:center;gap:36px;width:min(1500px,calc(100% - 80px));margin:0 auto 65px;direction:rtl}
.film-showcase__head h2{font-size:clamp(44px,5.8vw,91px);line-height:1.25;margin:15px 0 4px;letter-spacing:-.045em}
.film-showcase__head h2 em{color:var(--ink,#111)!important}
.film-showcase__head p{margin:0;color:var(--muted,#6b6e74);font-size:clamp(13px,1.2vw,18px)}
.film-showcase__all{display:inline-flex;align-items:center;gap:18px;white-space:nowrap;color:var(--ink,#111);font-size:17px;font-weight:700;text-decoration:none}
.film-showcase__all span{display:grid;place-items:center;width:55px;height:55px;border:1px solid currentColor;border-radius:50%;font-size:26px;transition:background .25s,color .25s}
.film-showcase__all:hover span,.film-showcase__all:focus-visible span{background:#e00010;color:#fff;border-color:#e00010}
.film-showcase__rails{display:grid;gap:clamp(40px,4.2vw,64px);padding-block:18px;transform:scale(1.035);transform-origin:center}
.film-showcase__rail{position:relative;overflow:hidden;background:linear-gradient(#181b20,#0b0d10);padding-block:23px;border-block:1px solid #5d6065;box-shadow:0 18px 30px #1112;direction:ltr;transform:rotate(-2.1deg)}.film-showcase__rail[data-film-rail="reverse"]{transform:rotate(1.4deg)}
.film-showcase__rail::before,.film-showcase__rail::after{content:"";position:absolute;z-index:2;right:0;left:0;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='7'%3E%3Crect x='8' width='11' height='7' rx='1.6' fill='%23d7d9dd'/%3E%3C/svg%3E") left center/29px 7px repeat-x;pointer-events:none}
.film-showcase__rail::before{top:7px}.film-showcase__rail::after{bottom:7px}
.film-showcase__track{display:flex;width:max-content;direction:ltr;animation:reel-forward var(--reel-duration,60s) linear infinite;animation-play-state:paused}
.film-showcase__rail[data-film-rail="reverse"] .film-showcase__track{animation-name:reel-reverse}
.film-showcase.is-running .film-showcase__track{animation-play-state:running}

.film-showcase__set{display:flex;flex:none;gap:15px;padding-inline-end:15px}
.film-showcase__frame:focus-visible{outline:2px solid #fff;outline-offset:-5px}.film-showcase__frame{position:relative;display:block;flex:none;width:clamp(285px,28vw,425px);height:clamp(230px,22vw,325px);color:#fff;border:1px solid #ffffff24;background:#121418;text-decoration:none;overflow:hidden}
.film-showcase__media{display:block;width:100%;height:calc(100% - 64px);position:relative;overflow:hidden}
.film-showcase__media img,.film-showcase__media video{display:block;width:100%;height:100%;object-fit:cover}
.film-showcase__media video{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.film-showcase__frame.is-video-playing video{opacity:1}
.film-showcase__frame.is-video-playing img{opacity:0}
.film-showcase__preview{position:absolute;z-index:2;inset-inline-end:10px;bottom:12px;padding:5px 9px;background:#08090ce6;color:#fff;font:500 11px/1.5 "Readex Pro",sans-serif;border-radius:2px;pointer-events:none}
.film-showcase__progress{position:absolute;z-index:2;inset-inline:0;bottom:0;height:2px;background:#ffffff30;opacity:0;pointer-events:none}.film-showcase__progress i{display:block;width:100%;height:100%;background:var(--brand-red);transform:scaleX(var(--preview-progress,0));transform-origin:left}.film-showcase__frame.is-video-playing .film-showcase__progress{opacity:1}
.film-showcase__meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:64px;padding:8px 14px;direction:rtl;gap:3px;border-top:1px solid #ffffff1c;background:#121418;font-size:13px}
.film-showcase__meta b{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-showcase__meta small{width:100%;color:#adb1b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.film-showcase__bottom{display:flex;align-items:center;justify-content:space-between;width:min(1500px,calc(100% - 80px));margin:70px auto 0;color:var(--muted,#666);font-size:12px}
@keyframes reel-forward{to{transform:translateX(calc(-1 * var(--reel-distance,1000px)))}}
@keyframes reel-reverse{from{transform:translateX(calc(-1 * var(--reel-distance,1000px)))}to{transform:translateX(0)}}
@media(max-width:900px){

 

 

 

 

 .home-page .partners .partners-shell{display:block}
 .home-page .partners .partner-stage-wrap{margin-top:22px}
 .home-page .partners .partner-stage{padding:0;overflow:visible}
 .home-page .partners .partner-stage::after{display:none}
 .home-page .partners .partner-card,.home-page .partners .partner-card[data-slot]{border:0;border-bottom:1px solid #7773;background:transparent;grid-template-columns:42px minmax(0,1fr);padding:12px 2px;min-height:62px;opacity:.6}
 .home-page .partners .partner-card::after{display:none}
 .home-page .partners .partner-card[aria-pressed="true"]{opacity:1}
 .home-page .partners .partner-name,.home-page .partners .partner-card[aria-pressed="true"] .partner-name{font-size:clamp(18px,5vw,25px)}
 .home-page .partners .partner-logo,.home-page .partners .partner-card[aria-pressed="true"] .partner-logo{width:37px;height:37px}
 .home-page .partners .partner-mobile-preview>img{border:0;border-radius:2px;height:180px}
 .home-page .partners .partner-card[aria-pressed="true"] .partner-mobile-preview{height:218px}
 .home-page .film-showcase{padding:78px 0 92px}
 .film-showcase__head{display:block;width:calc(100% - 32px);margin-bottom:34px}
 .film-showcase__head h2{font-size:clamp(34px,9vw,55px)}
 .film-showcase__head p{font-size:12px}
 .film-showcase__all{margin-top:18px;font-size:13px;gap:10px}
 .film-showcase__all span{width:42px;height:42px;font-size:20px}
 .film-showcase__rails{gap:34px;transform:scale(1.035);padding-block:12px}
 .film-showcase__rail{padding-block:20px}
 .film-showcase__frame{width:66vw;height:230px}
 .film-showcase__media{height:calc(100% - 60px)}
 .film-showcase__meta{height:60px;padding-inline:12px;font-size:12px}
 .film-showcase__meta small{font-size:9px}
 .film-showcase__bottom{width:calc(100% - 32px);margin-top:38px}
}
@media(max-width:600px){.film-showcase__frame{width:82vw;height:242px}}
@media(prefers-reduced-motion:reduce){.film-showcase__track{animation:none!important;transform:none!important}.film-showcase__media video{display:none!important}}


/* Quiet drafting lines keep content and focus outlines clear. */
.home-page .services{background-image:radial-gradient(ellipse at 4% 20%,#e0001007,transparent 52%),linear-gradient(90deg,transparent calc(50% - .5px),#8080800c 50%,transparent calc(50% + .5px));background-size:auto,160px 100%}
.home-page .partners{background-image:radial-gradient(ellipse at 95% 70%,#e0001007,transparent 60%)}
.dialog-details{margin-top:18px;min-height:44px}.project-dialog{scrollbar-width:thin}.project-dialog h2{padding-inline-end:20px}.dialog-media iframe{grid-column:1/-1;width:100%;aspect-ratio:16/9;border:0;background:#08090c}.dialog-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:5px}

.film-showcase__index{position:absolute;z-index:2;top:10px;left:10px;padding:4px 7px;color:#fff;background:#0b0d10b8;border:1px solid #ffffff45;font:10px/1.4 ui-monospace,monospace;letter-spacing:.08em;pointer-events:none}

/* Visual review, 2026-10-11. */
[lang="en"] .film-showcase__head,[lang="en"] .film-showcase__meta{direction:ltr}

/* White captions and shorter film strips. */
.film-showcase__frame{height:clamp(210px,20vw,292px)}
.film-showcase__rail{padding-block:20px}
.film-showcase__media{height:calc(100% - 50px)}
.film-showcase__meta{height:50px;padding:6px 14px;background:#fff;color:#111;border-top:1px solid #ddd}
.film-showcase__meta small{color:#555}
@media(max-width:900px){.film-showcase__frame{height:218px}.film-showcase__rail{padding-block:18px}.film-showcase__meta{height:46px;padding:5px 12px}.film-showcase__media{height:calc(100% - 46px)}}

/* Dark mode keeps the film captions dark with light type. */
[data-theme="dark"] .film-showcase__meta{background:#121418;color:#fff;border-top-color:#ffffff24}
[data-theme="dark"] .film-showcase__meta small{color:#adb1b8}