@font-face{font-family:MGL Bebas;src:url("media/hero-type/v2-bebas.woff2") format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:MGL Jost;src:url("media/hero-type/v2-jost.woff2") format("woff2");font-display:swap;font-weight:100 900}
:root{--black:#090a0b;--white:#f1f1ed;--silver:#c7cbd0;--muted:#a3a8ae;--line:#ffffff26;--pad:clamp(24px,4.2vw,88px);--display:MGL Bebas,"Arial Narrow",sans-serif;--body:MGL Jost,system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);color:var(--white)}body{margin:0;background:var(--black);font:14px/1.7 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--display);text-transform:uppercase;line-height:.92;letter-spacing:-.02em}.eyebrow,.meta{font-size:10px;font-weight:500;letter-spacing:.1em;line-height:1.55;text-transform:uppercase}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:12px}
.site-header{position:absolute;inset:0 0 auto;height:103px;padding:0 var(--pad);display:flex;align-items:center;gap:35px;z-index:5;background:linear-gradient(#0009,transparent)}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand>img{width:35px;height:35px;object-fit:contain}.brand-type{font:600 28px/.82 var(--display);letter-spacing:-.03em;display:flex;flex-direction:column}.brand-type small{font:600 7px/1 var(--body);letter-spacing:.48em;margin:7px 0 0 2px}.primary-nav{display:flex;gap:30px;margin:auto;font-size:10px}.header-end{display:flex;align-items:center;gap:28px}.start-link{font-size:10px}.start-link span{font-size:18px;margin-left:16px}.menu-label{font-size:10px}.menu-icon{width:22px;display:grid;gap:6px}.menu-icon i{height:1px;background:var(--white)}
.hero{min-height:min(100svh,980px);height:max(810px,100svh);position:relative;overflow:hidden;background:#111317;isolation:isolate}.hero-stage{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#303941 0,#14191f 49%,#0b0d10 91%)}.stage-grid{position:absolute;inset:54% 0 0;background:repeating-linear-gradient(0deg,transparent 0 52px,#ffffff08 53px 54px);mask-image:linear-gradient(180deg,transparent,#000 50%);opacity:.45}.light-beams{position:absolute;inset:5% -10% 3% 26%;width:84%;height:94%;opacity:.95;filter:drop-shadow(0 0 16px #cfd5da20)}.hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#090a0b 0%,#090a0be8 25%,#090a0b5c 49%,transparent 76%),linear-gradient(0deg,#090a0b 0%,transparent 25%)}.hero-content{position:relative;z-index:1;height:100%;min-height:810px;padding:145px var(--pad) 64px}.hero-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.hero-copy{position:absolute;left:var(--pad);top:23%;width:min(55vw,760px)}.hero-copy .eyebrow{margin-bottom:16px}.hero-copy h1{font-size:clamp(72px,7.5vw,116px);max-width:none}.lead{font-size:clamp(18px,1.45vw,22px);line-height:1.7;max-width:39ch;margin-top:28px;color:#ecece9}.text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #ffffff75;padding:13px 0 10px;font-size:10px}.text-link span{font-size:18px}.hero-copy .text-link{margin-top:24px}.hero-project{position:absolute;left:var(--pad);bottom:57px;width:min(390px,42vw)}.hero-project h2{font-size:clamp(34px,4vw,53px);margin-top:10px}.hero-project p:not(.eyebrow){font-size:11px;line-height:1.75;color:var(--silver);margin-top:6px;max-width:55ch}.hero-project .text-link{margin-top:10px}.preview-note{position:absolute;right:var(--pad);bottom:63px;color:#a3a8ae;font-size:8px;letter-spacing:.14em}
.section-pad{padding:114px var(--pad)}.collection{background:var(--black)}.section-heading{display:grid;grid-template-columns:1.05fr .55fr;gap:10vw;align-items:end;margin-bottom:62px}.section-heading h2,.production-copy h2{font-size:clamp(52px,7vw,100px);margin-top:20px}.collection-intro{font-size:14px;line-height:1.9;max-width:43ch;color:var(--silver)}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:75px 4vw;align-items:start}.work-card{min-width:0}.lens-card{grid-column:span 7}.card-card{grid-column:span 5;margin-top:155px}.work-image{position:relative;display:block;overflow:hidden;background:#121519;aspect-ratio:16/10}.lens-card .work-image img{object-fit:cover;object-position:center}.card-image{background:#c9c5bd}.card-image img{object-fit:cover;object-position:center}.work-image img{width:100%;height:100%;transition:transform 1.1s var(--ease)}.work-card:hover .work-image img{transform:scale(1.02)}.image-index,.status{position:absolute;top:15px;left:15px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.image-index{padding:7px 9px;background:#090a0bd9;color:var(--white)}.status{left:auto;right:15px;padding:7px 9px;background:#d8d0b8;color:#12110f}.work-caption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;align-items:flex-start}.work-caption h3{font:400 clamp(30px,3.3vw,47px)/1.02 var(--display);text-transform:uppercase;margin-top:8px}.work-caption .eyebrow{color:var(--silver);font-size:9px}.work-desc{font-size:12px;line-height:1.8;max-width:52ch;color:var(--muted);margin-top:10px}.work-year{min-width:58px;color:var(--muted);font-size:9px;line-height:1.65;text-align:right;letter-spacing:.08em}.collection-foot{border-top:1px solid var(--line);margin-top:80px;padding-top:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.in-progress{background:#121519}.progress-heading{margin-bottom:55px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.progress-image{aspect-ratio:16/10}.progress-image img{object-fit:cover}.rain-image img{object-position:50% 54%}.production-note{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:6vw;align-items:center;background:#e1e3e3;color:#15191d}.production-frame{position:relative;min-width:0;margin:0}.production-frame img{display:block;width:100%;height:auto;aspect-ratio:5120/2606;object-fit:contain;background:#16171a}.frame-label{display:flex;justify-content:space-between;gap:20px;padding-top:12px;color:#51575b;font-size:8px;letter-spacing:.1em}.production-copy .eyebrow{color:#5c6265}.production-copy h2{font-size:clamp(50px,6vw,85px);margin:22px 0 25px}.production-copy p:not(.eyebrow){max-width:43ch;font-size:13px;line-height:1.9;color:#353b40}.production-copy .text-link{margin-top:22px;border-color:#15191d80}
.comparison{background:#0d0f12}.comparison-heading{display:grid;grid-template-columns:1fr .55fr;gap:9vw;align-items:end;margin-bottom:38px}.comparison-heading h2{font-size:clamp(48px,6.5vw,88px);margin-top:18px}.comparison-heading>p{max-width:42ch;color:var(--silver);font-size:13px;line-height:1.9}.compare-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/8.6;background:#181b1f;--split:50%}.compare-render,.compare-workspace,.compare-workspace img{position:absolute;inset:0;width:100%;height:100%}.compare-render{object-fit:cover;object-position:center}.compare-workspace{clip-path:inset(0 calc(100% - var(--split)) 0 0);overflow:hidden}.compare-workspace img{object-fit:cover;object-position:center}.compare-badges{position:absolute;inset:15px 15px auto;z-index:2;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.compare-badges span{padding:8px 10px;background:#090a0bdb;color:#f1f1ed;font-size:8px;letter-spacing:.1em}.compare-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:1px;background:#f1f1ed;pointer-events:none}.compare-divider:after{content:"↔";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffffb5;border-radius:50%;background:#090a0bd9;color:#f1f1ed;font-size:17px;transform:translate(-50%,-50%)}.compare-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-range:focus-visible{outline:2px solid #f1f1ed;outline-offset:-4px}.compare-caption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:var(--muted);font-size:8px;letter-spacing:.11em}.detail-reels{background:#13171b}.reels-heading{margin-bottom:50px}.reel-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 4vw}.reel-card{min-width:0}.reel-video{position:relative;aspect-ratio:16/9;background:#08090b;overflow:hidden}.reel-video video{width:100%;height:100%;display:block;object-fit:cover}.reel-index{position:absolute;top:12px;left:12px;padding:7px 9px;background:#090a0bd9;color:var(--white);font-size:8px;letter-spacing:.1em;pointer-events:none}.reel-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px}.reel-caption h3{font:400 clamp(28px,3vw,39px)/1.02 var(--display);text-transform:uppercase;margin-top:7px}.reel-caption>span{max-width:130px;color:var(--muted);font-size:8px;line-height:1.6;text-align:right;letter-spacing:.09em}.reel-note{max-width:60ch;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.8}
.site-footer{padding:56px var(--pad) 23px;background:#090a0b}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:48px;border-bottom:1px solid var(--line)}.footer-top .brand{min-width:auto}.footer-top>.eyebrow{color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:var(--muted);font-size:8px;letter-spacing:.11em;text-transform:uppercase}
@media(max-width:900px){.primary-nav{display:none}.header-end{margin-left:auto}.hero-copy{width:min(75vw,700px);top:25%}.light-beams{inset:7% -42% 5% 21%;width:130%;opacity:.72}.section-heading{grid-template-columns:1fr .7fr;gap:6vw}.lens-card{grid-column:span 12}.card-card{grid-column:span 8;margin:0 0 0 auto}.production-note{grid-template-columns:1fr 1fr;gap:5vw}.comparison-heading{gap:5vw}.compare-stage{aspect-ratio:16/9}}
@media(max-width:620px){:root{--pad:22px}.site-header{height:80px}.brand{min-width:0}.brand>img{width:30px;height:30px}.brand-type{font-size:24px}.start-link,.menu-label{display:none}.hero{height:850px;min-height:850px}.hero-content{min-height:850px;padding-top:115px}.hero-kicker{font-size:8px}.hero-kicker span:last-child{max-width:110px;text-align:right}.hero-copy{top:24%;width:calc(100% - var(--pad)*2)}.hero-copy h1{font-size:clamp(65px,15vw,90px)}.lead{font-size:17px;max-width:32ch;margin-top:30px}.light-beams{inset:4% -82% 11% 7%;width:170%;height:85%;opacity:.55}.hero:after{background:linear-gradient(90deg,#090a0bef 0%,#090a0ba8 52%,transparent 100%),linear-gradient(0deg,#090a0b 0%,transparent 25%)}.hero-project{width:calc(100% - var(--pad)*2);bottom:44px}.preview-note{display:none}.section-pad{padding:78px var(--pad)}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:42px}.section-heading h2,.production-copy h2{font-size:clamp(51px,13vw,76px)}.collection-intro{font-size:13px}.work-grid,.progress-grid{grid-template-columns:1fr;gap:45px}.lens-card,.card-card{grid-column:1;margin:0}.work-image{aspect-ratio:4/3}.work-caption{margin-top:16px}.work-caption h3{font-size:37px}.work-desc{font-size:11px}.collection-foot{gap:22px;align-items:flex-start;flex-direction:column;margin-top:56px}.production-note{grid-template-columns:1fr;gap:38px}.frame-label{font-size:7px}.comparison-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.comparison-heading h2{font-size:clamp(50px,13vw,72px)}.compare-stage{aspect-ratio:4/3}.compare-badges{inset:9px 8px auto;gap:6px}.compare-badges span{padding:6px;font-size:6px;letter-spacing:.06em}.compare-divider:after{width:36px;height:36px;font-size:14px}.compare-caption{font-size:6px;gap:12px}.reel-grid{grid-template-columns:1fr;gap:40px}.reels-heading{margin-bottom:38px}.reel-caption h3{font-size:34px}.reel-caption>span{font-size:7px;max-width:95px}.footer-top{align-items:flex-start;flex-direction:column;gap:22px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-bottom span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The independent Canon film now carries the CGI hero; keep the full product visible. */
.hero-stage{z-index:0}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:68% center;opacity:.96}
.stage-grid,.light-beams{z-index:1}
.stage-grid{opacity:.28}
.light-beams{opacity:.2}
.hero:after{z-index:1}
.hero-content{z-index:2}
@media(max-width:620px){.hero-film{object-position:62% 48%}.light-beams{opacity:.12}}

/* Expanded CGI landing-page sections and accessible navigation. */
.menu-toggle{appearance:none;border:0;background:transparent;color:var(--white);font:inherit;display:flex;align-items:center;gap:13px;padding:10px 0;cursor:pointer}
.menu-toggle:focus-visible,.menu-panel a:focus-visible,.button-primary:focus-visible,.text-link:focus-visible,.contact-email:focus-visible{outline:2px solid var(--white);outline-offset:5px}
.menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu-icon i{transition:transform .25s var(--ease)}
.menu-panel{position:absolute;top:82px;right:var(--pad);z-index:10;width:min(390px,calc(100vw - var(--pad)*2));padding:14px 24px;background:#111418f5;border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 20px 70px #0008}
.menu-panel[hidden]{display:none}
.menu-panel a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.07em}
.menu-panel a:last-child{border-bottom:0}
.menu-panel a span{color:var(--muted)}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:25px}
.hero-copy .hero-actions .text-link{margin-top:0}
.button-primary{min-height:47px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:0 18px;border:1px solid #f1f1ed9c;background:#f1f1ed;color:#101214;font-size:10px;transition:background .25s,color .25s,border-color .25s}
.button-primary:hover{background:transparent;color:var(--white);border-color:var(--white)}
.button-primary span{font-size:17px}
.hero-side-note{position:absolute;right:var(--pad);bottom:66px;max-width:30ch;color:var(--muted);font-size:8px;letter-spacing:.13em;text-align:right}
.capabilities{background:#111418}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.capability-card{min-height:255px;padding:24px 25px 27px 0;border-right:1px solid var(--line)}
.capability-card:not(:first-child){padding-left:25px}
.capability-card:last-child{border-right:0}
.capability-card>span,.process-grid article>span{color:var(--muted);font-size:8px;letter-spacing:.12em}
.capability-card h3,.process-grid h3{font:400 clamp(25px,2.5vw,35px)/1.02 var(--display);text-transform:uppercase;margin-top:44px;max-width:14ch}
.capability-card p,.process-grid p{margin-top:14px;color:var(--silver);font-size:11px;line-height:1.85;max-width:35ch}
.capability-note{display:flex;justify-content:space-between;gap:24px;margin-top:25px;color:var(--muted);font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.capability-note a{color:var(--white)}
.capability-note a span{margin-left:12px;font-size:14px}
.process{background:#111418}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.process-grid article{padding:22px 25px 0 0;border-right:1px solid var(--line)}
.process-grid article:not(:first-child){padding-left:25px}
.process-grid article:last-child{border-right:0}
.process-grid h3{margin-top:38px}
.process-grid p{font-size:10px}
.contact-cta{background:#e1e3e3;color:#111418}
.contact-cta-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #1114184d;font-size:8px;letter-spacing:.11em}
.contact-cta-main{display:grid;grid-template-columns:1fr .65fr;gap:10vw;align-items:end;padding-top:38px}
.contact-cta .eyebrow{color:#565c60}
.contact-cta h2{font-size:clamp(64px,9vw,130px);margin-top:22px}
.contact-cta-copy p{max-width:42ch;color:#363c40;font-size:13px;line-height:1.9}
.contact-cta-copy .button-primary{margin-top:25px;background:#111418;color:#f1f1ed;border-color:#111418}
.contact-cta-copy .button-primary:hover{background:transparent;color:#111418}
.contact-email{display:block;width:max-content;margin-top:18px;border-bottom:1px solid #11141860;padding-bottom:5px;font-size:10px}
@media(max-width:900px){
  .hero-side-note{bottom:31px;max-width:26ch}
  .capability-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capability-card{min-height:235px;padding:23px 24px 24px 0;border-bottom:1px solid var(--line)}
  .capability-card:not(:first-child){padding-left:24px}
  .capability-card:nth-child(2){border-right:0}
  .capability-card:nth-child(n+3){border-bottom:0}
  .process-grid article{min-height:225px;padding:23px 24px 28px 0;border-bottom:1px solid var(--line)}
  .process-grid article:not(:first-child){padding-left:24px}
  .process-grid article:nth-child(2){border-right:0}
  .process-grid article:nth-child(n+3){border-bottom:0}
  .contact-cta-main{grid-template-columns:1fr .8fr;gap:6vw}
}
@media(max-width:620px){
  .menu-toggle{padding:10px 0}
  .menu-toggle>span:first-child{display:none}
  .menu-panel{top:70px;right:var(--pad);padding:9px 18px}
  .hero{height:900px;min-height:900px}
  .hero-content{min-height:900px}
  .hero-copy{top:21%}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:9px;margin-top:22px}
  .hero-copy .hero-actions .text-link{padding-top:12px}
  .hero-project{bottom:62px}
  .hero-side-note{left:var(--pad);right:auto;bottom:28px;text-align:left;max-width:none;font-size:7px}
  .capability-grid,.process-grid{grid-template-columns:1fr}
  .capability-card,.capability-card:not(:first-child){min-height:0;padding:21px 0 25px;border-right:0;border-bottom:1px solid var(--line)}
  .capability-card:last-child{border-bottom:0}
  .capability-card h3{margin-top:24px;font-size:32px}
  .capability-card p{max-width:44ch}
  .capability-note{flex-direction:column;gap:12px;line-height:1.7}
  .process-grid article,.process-grid article:not(:first-child){min-height:0;padding:21px 0 25px;border-right:0;border-bottom:1px solid var(--line)}
  .process-grid article:last-child{border-bottom:0}
  .process-grid h3{margin-top:22px;font-size:32px}
  .process-grid p{font-size:11px}
  .contact-cta-top{align-items:flex-start;flex-direction:column;gap:8px}
  .contact-cta-main{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .contact-cta h2{font-size:clamp(64px,15vw,90px)}
  .contact-cta-copy p{font-size:12px}
}

/* A quieter editorial rhythm consistent with the MANGLANO V4 pages. */
.detail-reels{background:#0d0f12}.lens-card{grid-column:span 8}.reel-grid{grid-template-columns:minmax(0,1fr);max-width:1000px}
@media(max-width:900px){.lens-card{grid-column:span 12}}
@media(max-width:620px){.lens-card{grid-column:1}.reel-grid{grid-template-columns:minmax(0,1fr)}}

/* MANGLANO V4 fit: retain the established editorial frame while keeping long labels tidy on phones. */
body.mgl-wordpress-v4 .film-header .film-header-start { gap: 24px; border: 0; min-height: 44px; padding: 11px 0; }
body.mgl-wordpress-v4 .cgi-page .compare-stage:has(.compare-range:focus-visible) .compare-divider::after { outline: 2px solid var(--white); outline-offset: 4px; }
body.mgl-wordpress-v4 .cgi-page .frame-label { flex-wrap: wrap; }
@media(max-width:620px) {
  /* Stack both heading columns on phones; the V4 frame assigns the intro to column 2. */
  body.mgl-wordpress-v4 .cgi-page .section-heading { grid-template-columns: minmax(0,1fr); gap: 20px; align-items: start; margin-bottom: 38px; }
  body.mgl-wordpress-v4 .cgi-page .section-heading > * { grid-column: 1 / -1; min-width: 0; }
  body.mgl-wordpress-v4 .cgi-page .section-heading h2, body.mgl-wordpress-v4 .cgi-page .production-copy h2 { font-size: clamp(42px,13vw,54px); }
  body.mgl-wordpress-v4 .cgi-page .frame-label { align-items: flex-start; flex-direction: column; gap: 6px; }
  body.mgl-wordpress-v4 .cgi-page .compare-caption { align-items: flex-start; flex-direction: column; gap: 6px; font-size: 7px; }
}
@media(max-width:380px) {
  body.mgl-wordpress-v4 .cgi-page .hero-copy h1 { font-size: clamp(54px, 16.4vw, 62px); }
}
@media(min-width:901px) and (max-height:820px) {
  body.mgl-wordpress-v4 .cgi-page .hero-copy .lead { margin-top: 20px; }
  body.mgl-wordpress-v4 .cgi-page .hero-actions { margin-top: 17px; }
  body.mgl-wordpress-v4 .cgi-page .hero-project { bottom: 32px; }
}
/* Fill the complete hero frame with the product film on desktop and mobile. */
body.mgl-wordpress-v4 .cgi-page .hero-film { object-fit: cover; }

/* V452: retain the film hero while making the mobile reading order intrinsic. */
.cgi-header .menu-toggle{display:grid;grid-template-columns:auto 24px;grid-template-rows:4px 4px;gap:6px 14px;align-content:center;padding:14px 0 14px 12px}
.cgi-header .menu-toggle i{display:block;width:24px;height:1px}
.cgi-header .menu-toggle[aria-expanded="true"] i:nth-child(2){transform:translateY(5px) rotate(45deg)}
.cgi-header .menu-toggle[aria-expanded="true"] i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media(max-width:700px){
  .cgi-header{height:88px;padding-inline:22px;gap:20px}
  .cgi-header .film-header-links,.cgi-header .film-header-start{display:none!important}
  .cgi-header .film-header-end{margin-left:auto}
  .cgi-header .brand-home .wordmark-type{display:inline-flex}
  .cgi-header .menu-toggle{grid-template-columns:24px;width:44px;min-width:44px;min-height:44px;padding:14px 0 14px 20px}
  .cgi-header .menu-toggle span{display:none}
  body.mgl-wordpress-v4 .cgi-page{--pad:clamp(20px,5.65vw,32px)}
  body.mgl-wordpress-v4 .cgi-page :is(h1,h2,h3){opacity:1!important;translate:none!important}
  body.mgl-wordpress-v4 .cgi-page .hero{height:auto;min-height:100svh}
  body.mgl-wordpress-v4 .cgi-page .hero-content{display:flex;flex-direction:column;height:auto;min-height:0;padding:118px var(--pad) 36px}
  body.mgl-wordpress-v4 .cgi-page .hero-kicker{font-size:9px;gap:18px;padding-top:16px;line-height:1.6}
  body.mgl-wordpress-v4 .cgi-page .hero-kicker span:last-child{max-width:115px;text-align:right}
  body.mgl-wordpress-v4 .cgi-page .hero-copy{position:relative;left:auto;top:auto;width:100%;margin-top:34px}
  body.mgl-wordpress-v4 .cgi-page .hero-copy .eyebrow{font-size:10px;margin-bottom:16px}
  body.mgl-wordpress-v4 .cgi-page .hero-copy h1{font-size:clamp(58px,17vw,94px);line-height:.98;max-width:none;width:100%}
  body.mgl-wordpress-v4 .cgi-page .lead{font-size:16px;line-height:1.65;max-width:38ch;margin-top:24px}
  body.mgl-wordpress-v4 .cgi-page .hero-actions{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin-top:26px}
  body.mgl-wordpress-v4 .cgi-page .button-primary{min-height:52px;padding:12px 16px;font-size:13px;line-height:1.5;gap:22px}
  body.mgl-wordpress-v4 .cgi-page .text-link{font-size:12px;min-height:44px;line-height:1.5;gap:24px}
  body.mgl-wordpress-v4 .cgi-page .hero-actions .text-link{align-self:flex-start;padding-block:9px}
  body.mgl-wordpress-v4 .cgi-page .hero-project{position:relative;left:auto;bottom:auto;width:100%;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
  body.mgl-wordpress-v4 .cgi-page .hero-project .eyebrow{font-size:10px}
  body.mgl-wordpress-v4 .cgi-page .hero-project h2{font-size:38px;margin-top:10px}
  body.mgl-wordpress-v4 .cgi-page .hero-project p:not(.eyebrow){font-size:14px;line-height:1.65;margin-top:10px}
  body.mgl-wordpress-v4 .cgi-page .hero-side-note{position:relative;inset:auto;max-width:none;text-align:left;margin-top:24px;font-size:8px;line-height:1.6}
  body.mgl-wordpress-v4 .cgi-page .hero:after{background:linear-gradient(90deg,#090a0bf2,#090a0ba6 70%,#090a0b70),linear-gradient(0deg,#090a0b 0%,transparent 50%)}
  body.mgl-wordpress-v4 .cgi-page .section-pad{padding:64px var(--pad)}
  body.mgl-wordpress-v4 .cgi-page .eyebrow{font-size:10px;line-height:1.6}
  body.mgl-wordpress-v4 .cgi-page .section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:34px;align-items:start}
  body.mgl-wordpress-v4 .cgi-page .section-heading>*{grid-column:1/-1;min-width:0}
  body.mgl-wordpress-v4 .cgi-page .section-heading h2,
  body.mgl-wordpress-v4 .cgi-page .comparison-heading h2{width:100%;max-width:none;font-size:clamp(42px,12vw,68px);line-height:1;overflow-wrap:normal}
  body.mgl-wordpress-v4 .cgi-page :is(.collection-intro,.comparison-heading>p,.capability-card p,.process-grid p,.work-desc,.reel-note){font-size:15px;line-height:1.7;max-width:48ch}
  body.mgl-wordpress-v4 .cgi-page :is(.capability-grid,.process-grid,.work-grid,.reel-grid){grid-template-columns:minmax(0,1fr)}
  body.mgl-wordpress-v4 .cgi-page :is(.capability-card,.process-grid article){min-height:0;padding:24px 0 28px;border-right:0;border-bottom:1px solid var(--line)}
  body.mgl-wordpress-v4 .cgi-page :is(.capability-card,.process-grid article):last-child{border-bottom:0}
  body.mgl-wordpress-v4 .cgi-page :is(.capability-card>span,.process-grid article>span){font-size:10px;line-height:1.6}
  body.mgl-wordpress-v4 .cgi-page :is(.capability-card h3,.process-grid h3){max-width:none;font-size:32px;line-height:1.08;margin-top:20px}
  body.mgl-wordpress-v4 .cgi-page .capability-note{flex-direction:column;font-size:10px;line-height:1.7;gap:14px}
  body.mgl-wordpress-v4 .cgi-page :is(.lens-card,.card-card){grid-column:auto;margin:0;min-width:0}
  body.mgl-wordpress-v4 .cgi-page .work-image{aspect-ratio:16/10}
  body.mgl-wordpress-v4 .cgi-page .work-caption{gap:12px}
  body.mgl-wordpress-v4 .cgi-page .work-caption>div{min-width:0}
  body.mgl-wordpress-v4 .cgi-page .work-caption h3{font-size:32px;line-height:1.08}
  body.mgl-wordpress-v4 .cgi-page .work-year{min-width:40px;font-size:10px}
  body.mgl-wordpress-v4 .cgi-page .collection-foot{margin-top:36px;flex-direction:column;gap:18px;font-size:10px;line-height:1.7}
  body.mgl-wordpress-v4 .cgi-page .comparison-heading{grid-template-columns:minmax(0,1fr);gap:24px}
  body.mgl-wordpress-v4 .cgi-page .compare-stage{aspect-ratio:16/10}
  body.mgl-wordpress-v4 .cgi-page .compare-badges span{font-size:8px;line-height:1.5;padding:7px;max-width:47%}
  body.mgl-wordpress-v4 .cgi-page .compare-divider:after{width:44px;height:44px;font-size:18px}
  body.mgl-wordpress-v4 .cgi-page .compare-caption{flex-direction:column;font-size:10px;line-height:1.65;gap:8px}
  body.mgl-wordpress-v4 .cgi-page .reel-caption h3{font-size:32px;line-height:1.08}
  body.mgl-wordpress-v4 .cgi-page .reel-caption>span{font-size:10px;line-height:1.6;max-width:95px}
  body.mgl-wordpress-v4 .cgi-page .reel-index{font-size:9px}
}