/* A continuous material language: navy, ceramic, silver and mint light. */
.cinema-console .film-selector{max-width:none}
@media(max-width:700px){.cinema-science .section-heading{align-items:flex-start}}
.cinema-hero{background:#031323;overflow:clip}.hero-backdrop{position:absolute;inset:0;z-index:-3;background:#031323;overflow:clip}.hero-backdrop>img,.hero-backdrop>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}.hero-backdrop>video{opacity:0;transition:opacity 1.2s ease}.hero-backdrop.film-ready>video{opacity:1}.hero-cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031323ed 0%,#031323c9 28%,#0313233d 51%,transparent 75%),linear-gradient(0deg,#031323d9,transparent 28%,transparent 79%,#03132333);pointer-events:none}.cinema-hero:after{z-index:-1;opacity:.25}.cinema-hero .ambient-field{opacity:.65;z-index:-1}.cinema-hero .hero-grid{grid-template-columns:1.03fr 1fr;min-height:820px;gap:35px;padding-top:125px}.cinema-hero .hero-copy{padding:65px 0 55px;max-width:610px}.cinema-hero h1{font-size:clamp(52px,4.9vw,76px);line-height:1.13;letter-spacing:-2.8px}.hero-annotation{align-self:stretch;position:relative;min-width:0;display:flex;align-items:flex-end;padding:0 0 53px 55px}.hero-structure-code{position:absolute;top:21%;right:0;display:flex;gap:13px;color:#d4e6ed80;font-size:8px;letter-spacing:2px;line-height:1.8}.hero-structure-code>span:first-child{color:#8ad7c1}.hero-structure-code i{position:absolute;left:0;top:51px;height:54px;width:1px;background:linear-gradient(#b8e5e267,transparent)}.hero-film-note{padding:17px 19px;display:flex;align-items:center;gap:13px;width:100%;max-width:410px;background:linear-gradient(120deg,#9bdde11b,#a5d6e806);border-radius:13px;color:#cde3eb;font-size:11px;line-height:1.7}.hero-film-note small{display:block;color:#7399aa;font-size:8px;letter-spacing:.2px;margin-top:3px}.hero-film-note .motion-button{margin-left:auto;white-space:nowrap;color:#a7d7cd;font-size:9px}.cinema-hero .hero-rule{z-index:1}.cinema-science{overflow:clip;background:radial-gradient(ellipse at 10% 12%,#13475c44,transparent 50%),#041a2d}.cinema-science .section-heading{align-items:flex-end;margin-bottom:44px}.cinema-science .section-intro{max-width:290px;font-size:12px;line-height:2}.cinema-console{border-radius:22px;background:linear-gradient(120deg,#b6e0e812,#061e3125);overflow:clip;box-shadow:0 30px 80px #0003,inset 0 1px 0 #fff1}.cinema-console .console-toolbar{padding:0;display:flex;gap:20px;border-bottom:1px solid #c5e3ec1a}.film-selector{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:0;border:0;border-radius:0;background:transparent;padding:0}.film-selector button{position:relative;display:flex;align-items:center;gap:17px;padding:19px 25px;border:0;border-right:1px solid #bbdbe316;border-radius:0;min-width:0;color:#7899aa;transition:background .45s,color .45s}.film-selector button:last-child{border:0}.film-selector button[aria-pressed=true]{color:#e4f4f5;background:linear-gradient(110deg,#8cdbd51b,#a8deeb06);box-shadow:inset 0 1px #c7f7e322}.film-selector button:after{content:"";position:absolute;bottom:-1px;left:25px;right:25px;height:2px;background:#a3e6d0;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.16,1,.3,1)}.film-selector button[aria-pressed=true]:after{transform:scaleX(1)}.film-selector button:hover{background:#b6ddec0e;color:#d4eeee}.film-selector button:focus-visible{outline:2px solid #a8e7d2;outline-offset:-5px}.film-selector button img{width:88px;aspect-ratio:16/9;object-fit:cover;border-radius:5px;opacity:.47;transition:opacity .5s}.film-selector button[aria-pressed=true] img{opacity:1}.film-selector button>span{text-align:left;display:grid;gap:5px;font-size:9px;letter-spacing:.3px;line-height:1.4}.film-selector button strong{font-size:13px;letter-spacing:2px;font-weight:400}.film-selector button>i{font-size:8px;font-style:normal;letter-spacing:.5px;margin-left:auto;color:#577b8c}.film-selector button[aria-pressed=true]>i{color:#92d5c1}.study-global-control{margin-right:22px;white-space:nowrap;font-size:9px}.study-visual.reaction-stage{display:block;position:relative;width:100%;padding:0;min-height:0;aspect-ratio:16/9;isolation:isolate;overflow:clip;background:#041321;margin:0}.study-frame{position:absolute;inset:0;opacity:0;transform:scale(1.018);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1);pointer-events:none}.study-frame.is-active{opacity:1;transform:scale(1);z-index:1}.study-frame>img,.study-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.study-frame>video{opacity:0;transition:opacity .8s ease}.study-frame.film-ready>video{opacity:1}.study-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#041a2ded,transparent 20%,transparent 87%,#041a2d9c)}.study-hud{position:absolute;z-index:3;top:25px;left:30px;right:30px;display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.5px;color:#99b9c8;pointer-events:none}.study-hud #reaction-symbol{font-size:9px;letter-spacing:2px;color:#d0e8ed;font-weight:400}.study-hud>span:last-child{margin-left:auto;color:#a8c9d5;font-size:9px}.study-hud .status-dot{width:4px;height:4px}.study-controls{position:absolute;z-index:3;bottom:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.25px;color:#8fabb9}.study-controls .film-control{background:linear-gradient(120deg,#92cdd123,#78acb60b);font-size:10px}.study-progress{position:absolute;z-index:4;bottom:0;left:30px;right:30px;height:1px;background:#b5d9e225;pointer-events:none}.study-progress i{position:absolute;inset:0;background:linear-gradient(90deg,#8cc4c3,#c0f5dc);transform-origin:left;transform:scaleX(var(--film-progress,0));box-shadow:0 0 12px #8feac855;transition:transform .22s linear}.reaction-equation{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;max-width:850px;width:calc(100% - 100px);margin:32px auto 30px;text-align:center}.reaction-equation .reaction-label{display:block;font-size:8px;letter-spacing:1.6px;margin-bottom:12px;color:#658a9d}.reaction-equation strong{font-size:24px;font-weight:400;letter-spacing:.7px;color:#bdd4df}.reaction-equation>div:last-child strong{color:#9ee3cb}.equation-arrow{position:relative;font-size:18px;color:#76b8b1;font-weight:300}.equation-arrow i{position:absolute;left:17%;right:37%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#78b9b1)}.cinema-console .reaction-copy{border-top:1px solid #c3e1e91a;padding:29px 35px 32px;grid-template-columns:.68fr 1fr;align-items:center;gap:40px}.cinema-console .reaction-copy h3{font-size:21px;font-weight:400;color:#d4e7ed}.cinema-console .reaction-copy p{font-size:12px;line-height:1.95;color:#80a2b6}.cinema-science>.container>.small-note{color:#557a8f;font-size:9px;line-height:1.9;margin-top:19px}.product-detail>img{background:#041a2b;object-fit:cover}.application-image{overflow:clip}.application-card:hover .application-image img{transform:scale(1.055)}
@media(min-width:1600px){.cinema-hero .hero-grid{min-height:880px}}
@media(max-width:1100px){.cinema-hero .hero-grid{min-height:750px;gap:15px}.cinema-hero h1{font-size:55px}.hero-annotation{padding-left:15px}.hero-film-note{font-size:10px;padding:15px}.hero-film-note small{font-size:7px}.film-selector button{padding:18px;gap:12px}.film-selector button img{width:65px}.film-selector button>span{font-size:8px}.film-selector button:after{left:18px;right:18px}.cinema-console .reaction-copy{padding:25px 30px}.study-global-control{margin-right:15px}}
@media(max-width:700px){.cinema-hero .hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:130px;gap:0}.cinema-hero .hero-copy{padding:0;max-width:none}.cinema-hero h1{font-size:45px;line-height:1.13;letter-spacing:-1.8px}.hero-backdrop{top:auto;bottom:64px;height:355px;z-index:-3}.hero-backdrop>img,.hero-backdrop>video{object-position:80% center}.hero-cinema-shade{background:linear-gradient(180deg,#031323 0%,#031323 39%,#0313234d 56%,transparent 70%,#031323 99%)}.cinema-hero .hero-discover{margin-top:27px}.hero-annotation{align-self:stretch;height:330px;padding:0 0 10px;flex-shrink:0}.hero-structure-code{top:13%;right:0;font-size:6px;letter-spacing:1.5px;gap:8px;opacity:.65}.hero-structure-code i{top:42px;height:34px}.hero-film-note{max-width:none;padding:12px 13px;border-radius:11px;font-size:9px;gap:9px}.hero-film-note small{font-size:7px}.hero-film-note .motion-button{font-size:8px}.cinema-hero .hero-rule{margin-top:14px;padding:19px 0}.cinema-science .section-heading{margin-bottom:28px}.cinema-science .section-intro{font-size:12px;max-width:300px}.cinema-console{border-radius:15px}.cinema-console .console-toolbar{display:block;padding:0}.film-selector button{padding:15px 11px;min-height:75px;gap:0}.film-selector button img{display:none}.film-selector button strong{font-size:12px;letter-spacing:1.5px}.film-selector button>span{font-size:8px;gap:6px;line-height:1.5}.film-selector button>i{position:absolute;top:12px;right:10px;font-size:7px}.film-selector button:after{left:11px;right:11px}.study-global-control{display:block;margin:4px auto 8px;font-size:8px;min-height:29px}.study-hud{left:14px;right:14px;top:13px;gap:7px;font-size:5px;letter-spacing:.9px}.study-hud #reaction-symbol{font-size:7px;letter-spacing:1px}.study-hud>span:last-child{font-size:7px}.study-hud .status-dot{width:3px;height:3px}.study-controls{bottom:13px;left:13px;right:13px;font-size:8px;letter-spacing:0;gap:8px}.study-controls>span{max-width:170px;line-height:1.6}.study-controls .film-control{font-size:8px;min-height:31px;padding:6px 10px;gap:5px}.study-progress{left:13px;right:13px}.reaction-equation{width:calc(100% - 26px);grid-template-columns:1fr 35px 1fr;margin:25px auto 23px}.reaction-equation .reaction-label{font-size:7px;letter-spacing:.7px;margin-bottom:11px}.reaction-equation strong{font-size:13px;letter-spacing:-.2px;white-space:nowrap}.equation-arrow{font-size:15px}.equation-arrow i{display:none}.cinema-console .reaction-copy{padding:23px 21px 25px;grid-template-columns:1fr;gap:11px}.cinema-console .reaction-copy h3{font-size:18px}.cinema-console .reaction-copy p{font-size:12px;line-height:1.9}.cinema-science>.container>.small-note{font-size:9px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop>video,.study-frame,.study-frame>video,.film-selector button,.film-selector button img,.film-selector button:after,.study-progress i{transition:none}.study-frame{transform:none}.application-card:hover .application-image img{transform:none}}