﻿/* C1/C2: reuse the accepted static components, restore the photographic environment. */
.cinematic{background:#141414;color:#ececec}.cinematic .header{position:absolute;inset:0 0 auto;z-index:3;border-color:#ffffff40;padding-block:22px}.cinematic-hero{position:relative;isolation:isolate;min-height:900px;min-height:max(850px,100svh);padding:0;display:flex;align-items:center;overflow:hidden}.cinematic-photo{position:absolute;inset:0;z-index:-3;display:block}.cinematic-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% 45%}.cinematic-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,8,8,.9),rgba(8,8,8,.73) 40%,rgba(8,8,8,.1) 78%),linear-gradient(0deg,#141414 0%,transparent 35%,rgba(8,8,8,.15) 100%)}.hero-copy{padding-block:158px 65px}.hero-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.16em;color:#d0d0d0;margin:0 0 29px}.cinematic .hero h1{font:800 clamp(105px,10.4vw,166px)/.86 Arial,Helvetica,sans-serif;letter-spacing:-.065em;white-space:normal;margin:0 0 33px;max-width:750px}.cinematic .hero h1 span{display:block}.cinematic .hero-position{font:400 clamp(25px,2.35vw,35px)/1.22 Arial,Helvetica,sans-serif;letter-spacing:-.035em;max-width:560px;margin-bottom:23px}.cinematic .hero-commercial{max-width:475px;font-size:14px;line-height:1.75;color:#dddddd}.cinematic .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px;margin-top:29px}.cinematic .button.primary{background:#ededed;color:#141414}.cinematic .hero .text-cta{color:#f0f0f0;border-color:#dedede}.hero-discover{display:inline-flex;align-items:center;gap:45px;min-height:44px;font-size:9px;letter-spacing:.12em;margin-top:36px;color:#cccccc}.hero-discover span{font-size:20px}.hero-discover:hover{text-decoration:underline;text-underline-offset:6px}
/* The commercial centrepiece changes tone, rather than repeating another dark panel. */
.cinematic .publishers{background:#e9e7e2;color:#171717;width:100%;padding:85px max(56px,calc((100vw - 1390px)/2)) 88px}.cinematic .editorial-intro{padding-top:0;border-top:0;grid-template-columns:.65fr 1.8fr;gap:50px;padding-bottom:48px}.cinematic .editorial-intro h2{font:500 clamp(32px,3.4vw,50px)/1.12 Arial,sans-serif;letter-spacing:-.045em}.cinematic .editorial-intro h2 em{font-style:normal;color:#545454}.cinematic .section-index{color:#a9a9a9}.cinematic .publishers .section-index,.cinematic .publisher-number{color:#545454}.cinematic .publisher{grid-template-columns:22px minmax(0,1.45fr) minmax(230px,.9fr);border-color:#858585;gap:30px;padding-block:42px 48px}.cinematic .publisher h3{font:800 clamp(32px,4vw,62px)/1 Arial,sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere}.cinematic .publisher h3 span{font-size:22px}.cinematic .relationship{font:400 13px/1.6 Arial,sans-serif;color:#454545}.cinematic .publisher-copy{font-size:15px;line-height:1.8;color:#424242;margin-top:0}.cinematic .publisher-kit{color:#242424;border-color:#686868;margin-top:19px;font-size:9px}.cinematic .selective{width:89%;padding-bottom:0}.cinematic .selective h3{font-size:clamp(31px,3.5vw,49px);font-weight:600}.cinematic .selective .publisher-copy{margin-top:0}.cinematic .services{border:0;padding-block:95px 100px}.cinematic .services h2{font:500 clamp(36px,4vw,54px)/1.05 Arial,sans-serif;letter-spacing:-.045em}.cinematic .service-list h3{font-size:22px}.cinematic .service-list article{padding-block:26px}.cinematic .service-list article:first-child{padding-top:0}.cinematic .why-section{background:#e0ded8;color:#171717;padding-block:65px}.cinematic .why-section .section-index{color:#555}.cinematic .why-layout h2{font:600 37px/1.1 Arial,sans-serif;letter-spacing:-.04em}.cinematic .buyer-reasons dd{color:#424242}.cinematic .buyer-reasons>div{border-color:#8b8b8b}.cinematic .buyer-statement{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-.025em}.photo-interlude{position:relative;isolation:isolate;min-height:560px;display:flex;align-items:flex-end;background:#171717}.photo-interlude>picture{position:absolute;inset:0;z-index:-3}.photo-interlude img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.photo-interlude:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090909db,#090909a6 58%,#09090910),linear-gradient(0deg,#090909bd,transparent 80%)}.interlude-copy{padding-block:100px}.interlude-copy h2{font:500 clamp(32px,4.1vw,62px)/1.08 Arial,sans-serif;letter-spacing:-.045em;max-width:800px;margin:0}.interlude-copy .section-index{color:#ddd}.cinematic .contact{padding-block:110px}.cinematic .contact-intro h2{font:600 clamp(62px,6.8vw,100px)/1 Arial,sans-serif;letter-spacing:-.055em}.cinematic .secondary-representation{background:#202020}.cinematic .secondary-representation h2{font:400 25px/1.2 Arial,sans-serif;letter-spacing:-.025em}.cinematic .footer{padding-top:45px}.cinematic-gallery h1{font:700 clamp(55px,7vw,100px)/1 Arial,sans-serif;letter-spacing:-.06em}
@media(max-width:1100px){.cinematic .publishers{padding-inline:36px}.cinematic .publisher{grid-template-columns:18px minmax(0,1.3fr) minmax(220px,.9fr);gap:22px}.cinematic .publisher h3{font-size:38px}.cinematic .selective h3{font-size:35px}.cinematic .hero-position{max-width:470px}.cinematic .hero h1{font-size:clamp(105px,12vw,145px)}}
@media(max-width:700px){.cinematic .header{padding-block:13px;gap:20px}.cinematic-hero{min-height:900px;min-height:max(890px,100svh);align-items:flex-end}.cinematic-photo{height:660px;bottom:auto}.cinematic-photo img{object-position:50% 25%}.cinematic-shade{background:linear-gradient(0deg,#141414 0%,#141414 19%,rgba(10,10,10,.86) 44%,rgba(10,10,10,.59) 78%,rgba(10,10,10,.35) 100%)}.hero-copy{padding-top:193px;padding-bottom:32px}.hero-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.cinematic .hero h1{font-size:clamp(76px,23vw,138px);line-height:.86;letter-spacing:-.065em;margin-bottom:30px}.cinematic .hero-position{font-size:29px;line-height:1.16;margin-bottom:20px;max-width:370px}.cinematic .hero-commercial{font-size:14px;line-height:1.75;max-width:365px}.cinematic .hero-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:27px}.cinematic .hero-actions .button{min-width:239px}.hero-discover{margin-top:22px}.cinematic .publishers{padding:55px 18px 58px}.cinematic .editorial-intro{display:block;padding-bottom:34px}.cinematic .editorial-intro h2{font-size:32px;line-height:1.13}.cinematic .publisher{display:block;padding-block:28px 35px}.cinematic .publisher h3{font-size:clamp(24px,7.2vw,44px);letter-spacing:-.05em}.cinematic .publisher h3 span{font-size:17px}.cinematic .publisher-number{margin-bottom:19px}.cinematic .publisher-copy{font-size:14px;margin-top:22px}.cinematic .publisher-kit{margin-top:12px}.cinematic .selective{width:94%;padding-bottom:0}.cinematic .selective h3{font-size:clamp(26px,7vw,40px)}.cinematic .selective .publisher-copy{margin-top:22px}.cinematic .services{padding-block:57px 60px}.cinematic .services h2{font-size:40px}.cinematic .service-list h3{font-size:21px}.photo-interlude{min-height:510px}.interlude-copy{padding-block:55px}.interlude-copy h2{font-size:36px;line-height:1.1;max-width:370px}.cinematic .why-section{padding-block:46px}.cinematic .why-layout h2{font-size:34px}.cinematic .buyer-statement{font-size:27px}.cinematic .contact{padding-block:65px}.cinematic .contact-intro h2{font-size:70px}.cinematic .secondary-representation h2{font-size:25px}.cinematic .footer{padding-top:35px}.cinematic .review-label{position:static;margin:0 18px 18px;width:fit-content}.cinematic .review-label a{min-height:30px}}
@media(prefers-reduced-motion:reduce){.cinematic a,.cinematic button{transition:none;animation:none}html{scroll-behavior:auto}}
/* Contrast safeguards for navigation over naturally bright stage lighting. */
.cinematic-hero:before{content:'';position:absolute;inset:0 0 auto;height:220px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,8,.84),rgba(8,8,8,0))}.cinematic .publishers a:focus-visible{outline-color:#171717}

/* Final editorial pass: wrapping and reading rhythm only; frozen composition. */
.cinematic .hero-position,.cinematic .editorial-intro h2,.cinematic .service-list h3{text-wrap:balance}
.cinematic .hero-commercial,.cinematic .publisher-copy,.cinematic .service-list p,.cinematic .why-copy,.cinematic .contact-intro>p{text-wrap:pretty}
.cinematic .why-copy{font-size:17px;line-height:1.8;color:#424242;max-width:62ch;margin:0}
.cinematic .button,.cinematic .text-cta{font-size:10px;line-height:1.4}
.cinematic .contact-intro>p:not(.section-index){margin-bottom:23px}
@media(max-width:700px){.cinematic .why-copy{font-size:16px;line-height:1.75}.cinematic .contact-intro>p:not(.section-index){margin-bottom:19px}}
