/* Cinematic presentation, clear applications, and restrained interaction. */
.experience-v2{--orange:#77d8e5;--teal:#057d95;--ink:#15212b;--muted:#647580}
.experience-v2:before{content:'';position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:#31b9cf;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:60;pointer-events:none}
.experience-v2 .site-header{background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#e8edf1;transition:box-shadow .3s,background .3s}
.experience-v2 .site-header.is-scrolled{box-shadow:0 8px 30px #122a3910;background:#fffffff2}
.experience-v2 .header-inner{max-width:1540px;min-height:86px}
.experience-v2 .desktop-nav a{position:relative;padding:.8rem 0}
.experience-v2 .desktop-nav a:after{content:'';position:absolute;bottom:.4rem;left:0;right:0;height:2px;background:#087f96;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.experience-v2 .desktop-nav a:hover:after,.experience-v2 .desktop-nav a[aria-current=location]:after{transform:scaleX(1)}
.experience-v2 .button{border-radius:2px;transition:background .25s,transform .25s,box-shadow .25s}
.experience-v2 .button:hover{background:#9be8f0;border-color:#9be8f0;box-shadow:0 8px 24px #32afc21c;transform:translateY(-3px)}
.experience-v2 .section-wrap{max-width:1380px;padding-inline:5%}
.experience-v2 .section-wrap:not(.facts){padding-top:7.5rem;padding-bottom:7.5rem}
.experience-v2 .section-heading{margin-bottom:3rem}
.experience-v2 .section-heading .eyebrow{display:block;margin-bottom:1rem;font-size:.8125rem;letter-spacing:.16em}
.experience-v2 .section-heading h2{font-size:clamp(2.2rem,3.5vw,3.4rem);letter-spacing:-.055em;line-height:1.3}
.experience-v2 .section-heading>p:last-child{font-size:1.0625rem;max-width:680px}

.experience-hero{position:relative;isolation:isolate;overflow:hidden;background:#050b11;color:#fff;min-height:760px;min-height:min(880px,calc(100svh - 86px))}
.hero-film{position:absolute;inset:0;z-index:-2;background:#060c12}
.hero-film video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cinema-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050b11e6 0%,#050b1194 30%,#050b1120 51%,transparent 72%),linear-gradient(0deg,#050b11f5 0%,transparent 33%)}
.cinema-inner{max-width:1540px;margin:auto;padding:clamp(4rem,8vh,8rem) 5% 13rem;min-height:720px;display:flex;align-items:center}
.cinema-copy{width:54%;max-width:730px;position:relative}
.cinema-eyebrow{font:600 .875rem/1.5 var(--latin);letter-spacing:.2em;color:#81d7e4;margin:0 0 1.8rem}
.cinema-copy h1{font-size:clamp(3rem,5.3vw,5.1rem);font-weight:600;letter-spacing:-.06em;line-height:1.24;margin:0 0 1.7rem;word-break:keep-all;text-wrap:balance}
.cinema-copy h1>span{color:#f6fafc}
.cinema-description{font-size:1.0625rem;line-height:1.9;color:#b4c2cf;margin:0;word-break:keep-all}
.cinema-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.8rem;margin-top:2.4rem}
.cinema-actions .button{min-height:54px;padding:.9rem 1.4rem;font-size:.9375rem}
.cinema-text-link{display:inline-flex;align-items:center;gap:1rem;font-size:.9375rem;color:#e0eaf0;min-height:44px}
.cinema-text-link span{transition:transform .25s}
.cinema-text-link:hover span{transform:translateY(4px)}
.film-console{position:absolute;left:50%;bottom:2.2rem;transform:translateX(-50%);width:90%;max-width:1386px}
.film-console-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.film-console-heading>span{font:500 .75rem/1.5 var(--latin);letter-spacing:.16em;color:#8c9eab}
.film-controls{display:flex;gap:1.2rem;align-items:center;font-size:.8125rem}
.film-kind{color:#8d9fac}
.film-controls button{background:transparent;color:#e6eef2;border:0;padding:.5rem 0 .5rem .6rem;min-height:44px;display:flex;align-items:center;gap:.65rem;cursor:pointer;font:inherit}
.film-controls button:focus-visible,.film-stage:focus-visible{outline:2px solid #77d8e5;outline-offset:5px}
.film-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.film-stage{position:relative;display:flex;align-items:center;gap:.8rem;min-height:60px;padding:.5rem 0 1rem;border:0;border-bottom:2px solid #ffffff24;background:transparent;color:#8ea0ae;font:500 .9375rem/1.5 var(--body);cursor:pointer;text-align:left;transition:color .25s}
.film-stage-number{font:500 .875rem/1 var(--latin);color:#637c8e}
.film-stage[aria-pressed=true],.film-stage[aria-pressed=true] .film-stage-number{color:#9be5ef}
.film-stage i{position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#77d8e5;transform:scaleX(var(--film-progress,0));transform-origin:left;transition:transform .2s linear}
.film-stage:hover{color:#fff}

.application-section{background:#fff;overflow:hidden}
.application-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:end;margin-bottom:3rem}
.application-heading .eyebrow{margin-bottom:1.3rem}
.application-heading h2{font-size:clamp(2.3rem,4vw,3.9rem);letter-spacing:-.055em;font-weight:600;line-height:1.27;margin:0;word-break:keep-all}
.application-heading>p{color:#677984;font-size:1.0625rem;line-height:1.9;margin:0 0 .2rem;max-width:480px;word-break:keep-all}
.connection-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:1.4rem 0;margin:0 0 3rem;border-top:1px solid #d9e2e8;border-bottom:1px solid #d9e2e8}
.connection-path li{position:relative;text-align:center;font-size:.9375rem;font-weight:500;line-height:1.8;padding:0 1.4rem}
.connection-path li:not(:last-child):after{content:'→';position:absolute;right:-.5rem;color:#1994aa;font-size:1.25rem}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.application-card{min-width:0}
.application-visual{position:relative;aspect-ratio:4/3;background:#0d1720;border-radius:10px;overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease,box-shadow .3s}
.application-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.3,1)}
.application-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000018,transparent 35%,#02081165)}
.application-index{position:absolute;left:1.2rem;top:1rem;z-index:1;font:500 .8125rem/1 var(--latin);color:#aac1d0}
.application-en{position:absolute;left:1.2rem;bottom:1rem;z-index:1;font:600 .8125rem/1.3 var(--latin);letter-spacing:.16em;color:#c2dce9}
.application-card:hover .application-visual{box-shadow:0 18px 40px #152e4320}
.application-card:hover img{transform:scale(1.045)}
.application-copy{padding:1.5rem .15rem 0}
.application-copy h3{font-size:1.375rem;line-height:1.5;margin:0 0 .65rem;font-weight:600;letter-spacing:-.035em}
.application-copy p{font-size:.9375rem;line-height:1.85;color:#687b88;margin:0;word-break:keep-all}
.application-note{font-size:.8125rem;color:#7b8c96;line-height:1.8;margin:2.1rem 0 0}

.experience-v2 .facts{border-top:1px solid #e5ebef;border-bottom:1px solid #e5ebef;padding-block:3rem;max-width:1242px}
.experience-v2 .fact strong{font-size:3.5rem;font-weight:500;color:#122d3d}
.experience-v2 .product-section{background:#f4f7f9}
.experience-v2 .product-catalog-layout{grid-template-columns:.62fr 1.38fr;gap:4.5rem}
.experience-v2 .product-offer{padding:1.7rem 0}
.experience-v2 .product-offer h3 a{font-size:1.3rem;transition:color .2s,padding .2s}
.experience-v2 .product-offer h3 a[aria-current=true]{padding-left:.5rem}
.experience-v2 .product-offer h3 a>span{transition:transform .25s}
.experience-v2 .product-offer h3 a:hover>span{transform:translateX(5px)}
.experience-v2 .product-offer p{font-size:.9375rem}
.experience-v2 .product-reference{border-radius:12px;overflow:hidden;box-shadow:0 14px 50px #17364a09}
.experience-v2 .process-viewer{border-radius:10px 10px 0 0}
.experience-v2 .equipment-section{background:#f3f6f8;color:#162d3d}
.experience-v2 .equipment-section .section-heading>p:last-child{color:#667a88}
.experience-v2 .equipment-section .eyebrow{color:#057d95}
.experience-v2 .equipment-note{color:#71818a}
.experience-v2 .process-scene-copy{padding:3.2rem}
.experience-v2 .media-player-products .process-scene-copy{padding:1rem 1.5rem}
.experience-v2 .process-scene-copy h3{font-size:clamp(1.7rem,2.7vw,2.7rem);font-weight:500}
.experience-v2 .media-player-products .process-scene-copy h3{font-size:1rem}
.experience-v2 .about-copy h2{font-size:clamp(2.2rem,3.4vw,3.25rem);line-height:1.3;font-weight:600}
.experience-v2 .quality-section{background:#132431;color:#f3f7fa}
.experience-v2 .quality-section .eyebrow{color:#83d5e3}
.experience-v2 .quality-section .section-heading>p:last-child,.experience-v2 .quality-example-copy p{color:#b0c2cf}
.experience-v2 .quality-example-copy h3{color:#f0f6fa;font-size:1.25rem}
.experience-v2 .quality-source-note{color:#93a9b8}
.experience-v2 .quality-example figure{border-radius:5px}
.experience-v2 .quote-section{background:#eef4f7}
.experience-v2 .quote-intro h2{font-size:2.8rem;font-weight:600}
.experience-v2 .contact-section{background:#081722}
.experience-v2 .contact-copy h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:500;line-height:1.3}
.motion-ready [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-revealed{opacity:1;transform:none}
.motion-ready .cinema-copy{animation:cinema-enter .95s cubic-bezier(.2,.65,.3,1) both}
@keyframes cinema-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media(min-width:1600px){.experience-hero{min-height:850px}.cinema-inner{min-height:850px}.cinema-copy h1{font-size:5.4rem}}
@media(max-width:1180px){.experience-v2 .desktop-nav{display:none}.experience-v2 .header-inner{flex-wrap:wrap;min-height:76px;padding-block:.5rem}.experience-v2 .language-switch{margin-left:auto}.experience-v2 .mobile-menu{display:block;width:100%;border-top:1px solid #e8edf0;padding-top:.3rem}.experience-v2 .mobile-menu nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem 1rem;padding:.7rem 0}.experience-v2 .mobile-menu nav a{font-size:.875rem;padding:.4rem 0;white-space:normal}.cinema-inner{min-height:690px}.cinema-copy{width:59%}.cinema-copy h1{font-size:clamp(3rem,5vw,4rem)}.application-heading{gap:2.5rem}.experience-v2 .product-catalog-layout{gap:2.5rem}.application-grid{gap:1.1rem}}
@media(max-width:850px){.experience-v2 .section-wrap:not(.facts){padding-block:5rem}.application-heading{grid-template-columns:1fr;gap:1.5rem}.application-heading>p{max-width:650px}.application-grid{grid-template-columns:1fr;gap:2.8rem}.application-card{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.application-copy{padding:0}.experience-v2 .product-catalog-layout{grid-template-columns:1fr;gap:1.5rem}.experience-v2 .product-offer{padding:1rem 0}.experience-v2 .product-offer h3 a{font-size:1.125rem}.experience-v2 .about-grid{gap:2.5rem}.experience-v2 .process-scene-copy{padding:2rem}.experience-v2 .media-player-products .process-scene-copy{padding:1rem}}
@media(max-width:760px){.experience-hero{display:flex;flex-direction:column;min-height:0}.cinema-inner{order:1;min-height:0;width:100%;padding:3.2rem 6% 0}.cinema-copy{width:100%;max-width:600px}.cinema-eyebrow{font-size:.75rem;margin-bottom:1.4rem}.cinema-copy h1{font-size:clamp(2.4rem,7.7vw,3.8rem);line-height:1.25;margin-bottom:1.4rem}.cinema-description{font-size:.9375rem;line-height:1.85}.cinema-actions{margin-top:1.8rem;gap:1.25rem}.cinema-actions .button,.cinema-text-link{font-size:.875rem}.cinema-actions .button{padding:.8rem 1.1rem;min-height:49px}.hero-film{position:relative;inset:auto;order:2;width:180%;height:350px;align-self:flex-end;margin-top:-.5rem;z-index:-2}.hero-film video{object-fit:cover;object-position:center}.cinema-shade{background:linear-gradient(180deg,#050b1100 25%,#050b1100 72%,#050b11e0 86%)}.film-console{position:relative;order:3;left:auto;bottom:auto;transform:none;width:auto;margin:-.25rem 6% 2rem}.film-console-heading{margin-bottom:.3rem}.film-console-heading>span{display:none}.film-controls{width:100%;justify-content:space-between;font-size:.75rem}.film-stages{gap:.8rem}.film-stage{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;font-size:.8125rem;min-height:67px;padding-bottom:.85rem}.film-stage-number{font-size:.75rem}.film-stage i{bottom:-2px}.application-heading h2{font-size:clamp(2.2rem,6.5vw,3rem)}.application-heading>p{font-size:1rem}.connection-path{margin-bottom:2rem;padding-block:1.1rem}.connection-path li{font-size:.8125rem;padding-inline:.6rem;word-break:keep-all}.application-card{display:block}.application-copy{padding-top:1.3rem}.application-copy h3{font-size:1.3rem}.application-grid{gap:2.6rem}.application-note{font-size:.75rem}.experience-v2 .facts{padding-inline:4%;padding-block:2rem;row-gap:2rem}.experience-v2 .fact strong{font-size:2.7rem}.experience-v2 .section-heading h2{font-size:2rem}.experience-v2 .section-heading>p:last-child{font-size:.9375rem}.experience-v2 .about-grid{grid-template-columns:1fr;gap:3rem}.experience-v2 .process-scene-copy{padding:1.7rem}.experience-v2 .media-player-products .process-scene-copy{padding:.8rem 1rem}.experience-v2 .quote-intro h2{font-size:2.1rem}.experience-v2 .mobile-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.hero-film{height:280px}.cinema-actions{gap:1rem}.cinema-text-link{gap:.55rem}.cinema-copy h1{font-size:2.45rem}.experience-v2 .section-wrap:not(.facts){padding-block:4rem}.film-stages{gap:.6rem}.film-stage{font-size:.75rem}.application-heading h2{font-size:2.1rem}.connection-path li{font-size:.75rem}.experience-v2 .product-offer h3 a{font-size:1rem}.application-en{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.experience-v2 *, .experience-v2 *:before,.experience-v2 *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.application-visual,.application-card:hover img{transform:none!important}}
@media print{.film-console,.hero-film,.cinema-shade{display:none}.experience-hero{background:white;color:black;min-height:0}.cinema-inner{min-height:0;padding:2rem}.cinema-copy h1>span,.cinema-description{color:black}.motion-ready [data-reveal]{opacity:1;transform:none}}
.experience-v2 .header-inner>.header-quote{font-size:.875rem;min-height:40px}
@media(max-width:760px){.film-stage,.connection-path li{font-size:.875rem}.experience-v2 .header-inner>.header-quote{font-size:.8125rem}}
