/* Adds portfolio paging and internal pages to the existing ZAIB MOTION visual system. */
.portfolio-pagination{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:50px}
.portfolio-pagination button{min-height:44px;min-width:44px;padding:9px 16px;border:1px solid #414a3a;border-radius:30px;background:transparent;color:#c5ccbe;font-size:13px;transition:background .2s,color .2s,border-color .2s}
.portfolio-pagination button:hover:not(:disabled){border-color:var(--lime)}
.portfolio-pagination button.is-active{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.portfolio-pagination button:disabled{opacity:.42;cursor:default}
.work-grid{scroll-margin-top:110px}
.work-empty{max-width:700px;margin:22px 0 46px;padding:clamp(28px,5vw,54px);border:1px solid #46543e;border-radius:10px;background:#192118}
.work-empty h3{font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.1;margin:15px 0}
.work-empty p:not(.eyebrow){color:#b9c0b4;line-height:1.7}
.work-empty .text-link{display:inline-block;margin-top:20px}
.editorial-page{background:#0a0c0b}
.editorial-page main{min-height:60dvh}
.editorial-page .section>.shell,.editorial-page .site-footer .shell{padding-right:0}
.editorial-page .page-hero{padding-block:clamp(64px,10vw,145px) clamp(64px,9vw,120px);background:radial-gradient(ellipse at 75% 10%,#606c3130,transparent 49%),#0a0c0b;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:1000px;font-size:clamp(3.4rem,9.4vw,9.5rem);line-height:1;letter-spacing:-.065em;margin:25px 0 24px}
.page-hero p:last-child{max-width:700px;color:#b9c0b4;font-size:clamp(16px,1.6vw,21px);line-height:1.65}
.editorial-page .work-section{background:#0c100d}
.editorial-page .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.editorial-page .work-grid:has(> .work-card:only-child){grid-template-columns:minmax(0,430px)}
.editorial-page .work-filters a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #414a3a;border-radius:30px;padding:9px 18px;color:#c5ccbe;font-size:13px;transition:background .2s,color .2s,border-color .2s}
.editorial-page .work-filters a:hover{border-color:var(--lime);color:var(--white)}
.editorial-page .work-filters a[aria-current="page"]{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.page-note{max-width:800px;color:#acb6a1;font-size:15px;line-height:1.8;margin:0 0 44px}
.page-note strong{color:var(--white);font-weight:500}
.page-block{background:#111711;border-top:1px solid #33402c;padding-block:clamp(64px,7vw,100px)}
.page-block h2{max-width:900px;margin-bottom:28px}
.page-block p{color:#b9c0b4;max-width:820px;line-height:1.8;margin-top:17px}
.page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}
.page-card{border:1px solid #46543e;border-radius:10px;padding:28px;background:#192118}
.page-card .eyebrow{color:var(--lime)}
.page-card h3{font-size:clamp(1.3rem,2vw,1.9rem);margin:16px 0 12px}
.page-card p{margin:0;color:#adb8a7;font-size:14px;line-height:1.7}
.page-card .text-link{margin-top:17px}
.page-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-block:70px}
.page-cta h2{font-size:clamp(2.7rem,5.3vw,5rem)}
.page-body{padding-block:60px 100px;max-width:900px}
.page-body h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:42px 0 15px}
.page-body p,.page-body li{color:#b9c0b4;line-height:1.85;margin-bottom:16px}
.editorial-page .contact-section .shell{padding-right:0}
.editorial-page .contact-section .contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:9%}
.editorial-page .contact-section h2{font-size:clamp(3.6rem,6.5vw,6rem)}
.editorial-page .contact-stats{display:none}
.editorial-page .primary-nav a[aria-current="page"]{color:var(--lime)}
@media(max-width:1023px){.editorial-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page .page-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page .contact-section .contact-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:599px){.editorial-page .page-hero{padding-block:64px}.page-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.editorial-page .work-grid,.editorial-page .page-cards,.editorial-page .contact-section .contact-grid{grid-template-columns:1fr}.editorial-page .work-filters a{font-size:12px;padding:8px 14px}.portfolio-pagination{gap:6px;margin-top:38px}.portfolio-pagination button{padding:8px 12px;font-size:12px}.page-card{padding:22px}.page-cta{padding-block:54px}.editorial-page .film-info h3{font-size:18px}}