.cinema-products .migrated-content .df-brand-panel { background: linear-gradient(135deg,#e5f4f3,#cbe3e7); }
/* Preserve the approved artwork and keep header motion within its safe spacing. */
.navigation .wordmark { width: 186px; flex: 0 0 186px; height: 62px; justify-content: center; overflow: visible; padding-block: 7px; }
.navigation .wordmark .brand-logo { position: static; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 48px; object-fit: contain; object-position: center; clip-path: none; filter: none; border-radius: 0; }
.site-footer .footer-brand { display: inline-flex; width: 186px; max-width: 100%; }
.footer-brand img { display: block; width: 100%; height: auto; border-radius: 8px; }
.contact-brand { display: block; width: 180px; max-width: 100%; height: auto; border-radius: 20px; margin-bottom: 28px; }
.partnership-brand { display: block; width: 174px; max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 24px; }
.cinema-products .migrated-content .df-brand-panel .approved-brand-vertical { width: min(100%,320px); height: auto; margin-inline: auto; padding: 0; filter: none; background: transparent; box-shadow: none; border-radius: 0; }
@media(max-width:600px) {
 .navigation .wordmark { width: 126px; flex-basis: 126px; height: 44px; padding-block: 4px; }
 .contact-brand { width: 150px; }
 .site-footer .footer-brand { width: 162px; }
 .partnership-brand { width: 150px; }
}
@media(max-width:360px) { .navigation .wordmark { width: 110px; flex-basis: 110px; } }
/* Frosted navigation: same dimensions, with a translucent illuminated surface. */
.navigation { background: linear-gradient(115deg,#d5f0ff25,#98cbd81a 45%,#d3def52b),#10273585; backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); border-bottom-color: #d5efff40; box-shadow: inset 0 1px 0 #effaff26,0 6px 24px #03101b1a; }
.navigation a { color: #e0edf4; }
.navigation .language-switch,.navigation .nav-contact,.navigation .mobile-menu > summary { background: #c7e8f10c; border-color: #d6efff35; box-shadow: inset 0 1px 0 #ffffff0d; }
.navigation .mobile-links { background: linear-gradient(140deg,#315065f2,#142f41f5); border-color: #d7efff42; box-shadow: inset 0 1px 0 #ffffff20,0 20px 45px #04121f4d; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .navigation { background: linear-gradient(115deg,#294758,#1a3448); } }
/* Shared cinematic identity. Internal pages use three complementary environments. */
.cinematic-page { position: relative; isolation: isolate; overflow: clip; --scene-base: #142e3b; --scene-accent: #c2edf1; --scene-border: #d5f3f047; --scene-image: url('/images/editorial/glass-horizon.jpg'); --scene-side: #092733ab; background: radial-gradient(ellipse at 0% 45%,#60889326,transparent 42%),radial-gradient(ellipse at 95% 85%,#af916b1f,transparent 38%),var(--scene-base); padding-bottom: 35px; }
.cinema-products { --scene-base: #25373b; --scene-accent: #f0d8b4; --scene-border: #f1dfbf42; --scene-image: url('/images/editorial/product-horizon.jpg'); --scene-side: #192f32a8; }
.cinema-company { --scene-base: #26364b; --scene-accent: #d3e4ff; --scene-border: #d9e7ff47; --scene-image: url('/images/editorial/company-horizon.jpg'); --scene-side: #162b46b8; }
.cinematic-page::before,.cinematic-page::after { content: ''; position: absolute; inset: 0 0 auto; height: 840px; pointer-events: none; }
.cinematic-page::before { z-index: -2; background: var(--scene-image) center top / cover no-repeat; }
.cinematic-page::after { z-index: -1; background: linear-gradient(180deg,#0710183b,transparent 20%,transparent 48%,var(--scene-base) 100%),linear-gradient(90deg,#0d263635,var(--scene-side)); }
html[lang=en] .cinematic-page::after { background: linear-gradient(180deg,#0710183b,transparent 20%,transparent 48%,var(--scene-base) 100%),linear-gradient(90deg,var(--scene-side),#0d263635); }
.cinematic-page .migrated-content { --glass-border: var(--scene-border); --accent: var(--scene-accent); }
.cinematic-page .migrated-content :is(.services-directory-hero,.offering-detail > header,.company-hero) { background: transparent; }
.cinematic-page .migrated-content .services-directory-hero { padding-block: 65px 45px; margin-bottom: 24px; border-color: #d2eced30; }
.cinematic-page .migrated-content .services-directory-intro { gap: 18px; }
.cinematic-page .migrated-content .services-directory-hero h1 { font-size: var(--type-display); color: #fff; text-shadow: 0 3px 24px #03162135; }
.cinematic-page .migrated-content .services-directory-eyebrow { color: var(--scene-accent); font-size: 15px; }
.cinematic-page .migrated-content :is(p.editorial-deck,.offering-detail > header > p) { color: #e4eef3; max-width: 760px; }
.cinematic-page .migrated-content .directory-browse { background: linear-gradient(110deg,#dbedf21c,#0c202b54); border-color: var(--scene-border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 1px 0 #fff2; }
.cinematic-page .migrated-content .directory-browse > span { color: #d3e5ec; }
.cinematic-page .migrated-content .directory-browse a { color: #f4f6f1; }
.cinematic-page .migrated-content .service-entry { background: linear-gradient(135deg,#d7eff11f,#0c263486); border-color: var(--scene-border); box-shadow: inset 0 1px 0 #fff2,0 18px 45px #04141e24; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.cinematic-page .migrated-content .service-entry:hover,.cinematic-page .migrated-content .service-entry[open] { background: linear-gradient(135deg,#d7eff12c,#153540ad); border-color: #d6edf281; }
.cinematic-page .migrated-content .service-entry-title { color: #f6fbff; }
.cinematic-page .migrated-content .catalog-teaser { color: #d6e4eb; }
.cinematic-page .migrated-content .catalog-expand { color: var(--scene-accent); }
.cinematic-page .migrated-content .service-entry-panel { background: #0b26348a; border-color: var(--scene-border); }
.cinematic-page .migrated-content .service-entry-panel p { color: #e0eaf0; }
.cinematic-page .migrated-content .service-entry-principles span { color: #ddf2f4; background: #e2edf009; }
.cinematic-page .migrated-content .offering-detail > header { padding-block: 52px; }
.cinematic-page .migrated-content .offering-detail > header h1 { color: #fff; font-size: var(--type-display); text-shadow: 0 3px 22px #03152040; }
.cinematic-page .migrated-content .offering-detail > header .tech-kicker { color: var(--scene-accent); }
.cinematic-page .migrated-content .offering-detail > nav:first-child a { color: #e3f2f6; }
.cinematic-page .migrated-content .offering-detail-grid { background: linear-gradient(130deg,#d4eaf11d,#112e3b92); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-color: var(--scene-border); box-shadow: inset 0 1px 0 #ffffff30,0 20px 50px #06182730; }
.cinematic-page .migrated-content .offering-detail-grid > section p { color: #dfebf1; }
.cinematic-page .migrated-content .offering-detail-grid > img { filter: saturate(.94); }
.cinematic-page .migrated-content .offering-steps { margin-top: 60px; }
.cinematic-page .migrated-content .offering-steps article { background: linear-gradient(135deg,#bddae726,#112e3b60); border-color: var(--scene-border); }
.cinematic-page .migrated-content .offering-steps article > b { color: var(--scene-accent); margin-bottom: 22px; }
.cinematic-page .migrated-content .offering-steps p { color: #d3e3eb; }
.cinematic-page .migrated-content .offering-related a { color: #e3f1f5; background: #d6edf016; border-color: var(--scene-border); }
.cinema-products .platform-collection { position: relative; margin-block: 20px; border-top: 1px solid var(--scene-border); background: radial-gradient(ellipse at 10% 0%,#d4b37a23,transparent 65%); }
.cinema-products .collection-heading h2 > span { color: var(--scene-accent); }
.cinema-products .platform-card { background: linear-gradient(135deg,#e4d3b21f,#102b366e); border-color: var(--scene-border); }
.cinema-products .platform-card p { color: #dce6e8; }
.cinema-products .platform-index { color: #d5e4e5; }
.cinema-products .migrated-content :is(.df-tint,.df-dark) { padding: 42px; margin-block: 30px; border: 1px solid var(--scene-border); border-radius: 28px; background: radial-gradient(ellipse at 0% 0%,#c7ad7b24,transparent 70%),linear-gradient(140deg,#cdd9d916,#112c3554); }
.cinema-products .migrated-content :is(.df-benefit,.df-module,.df-role) { background: linear-gradient(145deg,#d5e6e51a,#122c355e); border-color: var(--scene-border); }
.cinema-products .migrated-content :is(.df-status,.df-caption,.df-role-note) { color: #d5dcd7; }
.cinema-products .migrated-content .df-hero { align-items: center; padding-block: 65px; }
.cinema-products .migrated-content .df-hero h1 { color: #fff; text-shadow: 0 3px 22px #071a253b; }
.cinema-products .migrated-content .df-brand-panel img { padding: 24px; border-radius: 24px; box-shadow: 0 20px 50px #06182138; }
.cinema-products .migrated-content .df-flow li { background: #e6d6b51c; border-color: var(--scene-border); }
.cinema-company .migrated-content .company-hero { padding-block: 85px 75px; }
.cinema-company .migrated-content .company-name { display: inline-block; color: #edf4ff; letter-spacing: .17em; padding: 8px 12px; border: 1px solid #d7e5ff40; border-radius: 6px; background: #142c477d; }
.cinema-company .migrated-content .company-tagline { color: white; font-size: var(--type-display); max-width: 900px; text-shadow: 0 3px 28px #10253a50; }
.cinema-company .migrated-content .company-story { padding-block: 40px 65px; align-items: center; }
.cinema-company .migrated-content .company-story p { color: #e0e8f1; }
.cinema-company .migrated-content .company-prose { padding: 22px 26px; border: 1px solid var(--scene-border); border-radius: 20px; background: #132c47a3; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.cinema-company .migrated-content .company-editorial-photo { border: 1px solid #f2f4ff66; box-shadow: 0 25px 60px #0a172836; }
.cinema-company .migrated-content .company-purpose { gap: 24px; padding-block: 35px 65px; }
.cinema-company .migrated-content .company-purpose article { background: linear-gradient(135deg,#eff3ff26,#10263d57); border-color: var(--scene-border); box-shadow: inset 0 1px 0 #fff2; }
.cinema-company .migrated-content .company-purpose p { color: #dfe8f4; }
.cinema-company .migrated-content .company-studio { padding: 42px; border-radius: 30px; background: radial-gradient(ellipse at 100% 0%,#d2badb29,transparent 65%),#d7e6f00c; border: 1px solid var(--scene-border); }
.cinema-company .migrated-content .company-capabilities article { background: #102a3f73; border-color: #d3e7f43d; }
.cinema-company .migrated-content .company-capabilities p { color: #d3e4f1; }
.cinema-company .migrated-content .company-method { padding-block: 65px; }
.cinema-company .migrated-content .company-method-photo { border: 1px solid #d9eafa66; border-radius: 24px; filter: none; }
.cinema-company .migrated-content .company-method p { color: #dbe7ef; }
.cinema-company .migrated-content .company-contact { padding: 45px 36px; margin: 15px 0 40px; border: 1px solid #d6e9ec58; border-radius: 28px; background: radial-gradient(ellipse at 20% 0%,#dfcba72b,transparent 70%),linear-gradient(120deg,#346074,#29465d); }
.cinema-company .migrated-content .company-contact p { color: #e3eef4; }
/* Requested hero colour grade only: no changes to geometry, media, copy or playback. */
.home-page .hero-art::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: screen; background: radial-gradient(ellipse at 18% 52%,#2197ae4a,transparent 63%),radial-gradient(ellipse at 72% 82%,#d5a65b2b,transparent 57%); }
@media(max-width:900px) {
 .cinematic-page::before,.cinematic-page::after { height: 950px; }
 .cinematic-page::before { background-position: 36% top; }
 .cinematic-page .migrated-content .offering-detail-grid > img { max-height: 420px; }
 .cinema-company .migrated-content .company-studio,.cinema-products .migrated-content :is(.df-tint,.df-dark) { padding: 30px; }
}
@media(max-width:600px) {
 .cinematic-page::before { background-position: 44% top; }
 .cinematic-page::after,html[lang=en] .cinematic-page::after { background: linear-gradient(180deg,var(--scene-side),#102b414d 45%,var(--scene-base) 100%); }
 .cinematic-page .migrated-content .services-directory-hero { padding-block: 45px 35px; }
 .cinematic-page .migrated-content .offering-detail > header { padding-block: 35px; }
 .cinematic-page .migrated-content .offering-steps { margin-top: 40px; }
 .cinema-company .migrated-content .company-hero { padding-block: 50px 40px; }
 .cinema-company .migrated-content .company-story { padding-block: 25px 40px; }
 .cinema-company .migrated-content .company-studio,.cinema-products .migrated-content :is(.df-tint,.df-dark) { padding: 25px 20px; border-radius: 22px; }
 .cinema-company .migrated-content .company-contact { padding: 32px 22px; }
 .cinema-products .migrated-content .df-hero { padding-block: 40px; }
}
/* Mobile spacing stays within the existing cinematic surfaces; hero rules are untouched. */
@media(max-width:600px) {
 .migrated-content .offering-detail { padding-block: 24px 40px; }
 .migrated-content .offering-detail > nav:first-child { flex-wrap: wrap; gap: 8px 16px; }
 .migrated-content .offering-detail-grid { gap: 24px; }
 .migrated-content .offering-steps article,.migrated-content .company-capabilities article { padding: 22px 18px; }
 .migrated-content .company-capabilities article > span { margin-bottom: 16px; }
 .cinema-company .migrated-content .company-story { gap: 24px; }
 .cinema-company .migrated-content .company-prose { padding: 18px; }
 .cinema-company .migrated-content .company-prose p { margin: 0; font-size: 16px; }
 .cinema-company .migrated-content .company-purpose { padding-block: 28px 40px; }
 .cinema-company .migrated-content .company-method { padding-block: 40px; gap: 24px; }
 .migrated-content .company-method ol { margin-top: 0; }
 .cinema-products .migrated-content .df-brand-panel { padding: 18px; }
 .cinema-products .migrated-content .df-brand-panel img { padding: 12px; }
 .migrated-content .df-demo .contact-form { width: 100%; padding: 0; margin-top: 24px; border: 0; background: transparent; box-shadow: none; }
 .contact-modules { min-inline-size: 0; padding: 14px; }
 .contact-modules label { align-items: flex-start; }
 .contact-modules input { flex-shrink: 0; margin-top: 5px; }
 .home-section-top { flex-wrap: wrap; gap: 8px 16px; }
 .home-contact-button { gap: 18px; max-width: 100%; font-size: 13px; }
 .home-service-list { padding-inline: 16px; }
 .site-footer { padding-top: 12px; padding-inline: 20px; }
 .site-footer .footer-overview { padding-block: 30px; gap: 24px; }
 .site-footer .footer-overview p { margin-top: 12px; }
 .site-footer > div:last-child { gap: 8px 16px; padding-block: 18px; }
 .site-footer > div:last-child > span { flex-basis: 100%; }
}
@media(max-width:360px) {
 .navigation nav { padding-inline: 10px; gap: 8px; }
 .navigation .wordmark { gap: 5px; }
 .wordmark .dolphin-mark { width: 42px; flex-basis: 42px; }
 .wordmark .brand-name { font-size: 12px; letter-spacing: .04em; }
 .nav-tools { gap: 6px; }
 .navigation .language-switch,.mobile-menu > summary { padding-inline: 8px; font-size: 11px; }
 .mobile-menu > summary { gap: 6px; }
}