.intro{top:27%}.brand-mark{font-size:25px}.description{line-height:2}.flow-legend{display:flex;align-items:center;gap:16px;font-size:9px;color:#c2d0db;margin-top:16px}.flow-legend span{display:flex;align-items:center;gap:5px}.flow-legend i{width:12px;height:2px;background:#ffa162;box-shadow:0 0 7px #ffa16255}.flow-legend span:nth-child(2) i{background:#78def6;box-shadow:0 0 7px #78def655}.flow-legend small{color:#6f879b;font-size:8px}.process-card{top:57%;width:340px}body.principle #about{display:none}.text-button{font-size:10px}.film-label h2{font-size:38px}.film-label p{color:#aec1d1}.hotspot{min-height:28px;min-width:28px}.hotspot::before{content:"";position:absolute;inset:-8px}.interaction-hint button{min-height:36px}#about-dialog{width:min(650px,calc(100% - 30px));text-align:left;padding:40px}#about-dialog .eyebrow{justify-content:flex-start}#about-dialog h2{font-size:27px}.about-lead{font-size:13px!important;color:#c9dbe9!important}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.about-grid h3{font-size:13px;font-weight:500;color:#d7e7f4}.about-grid p{font-size:12px;line-height:2}.heat-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0;padding-top:24px;border-top:1px solid var(--line)}.heat-options span{font-size:11px;color:#91a9bf;margin-right:10px}.heat-options b{font-size:11px;font-weight:400;border:1px solid #41596c;padding:8px 12px;border-radius:2px;color:#d9e7f0}.about-note{font-size:10px!important;color:#6f899d!important;margin-bottom:0}dialog{max-height:calc(100svh - 30px);overflow:auto}#error{z-index:20}.film-label{pointer-events:none}#film-stop{z-index:1}body.filming .ambient{opacity:.3}
@media(max-width:640px){#showroom{min-height:590px}.intro{top:104px}.intro h1{font-size:25px}.intro h1 br{display:none}.intro .text-button{font-size:9px;display:inline;margin-left:11px}.view-caption{top:271px}.view-caption h2{font-size:10px}.view-caption .small-label{font-size:7px}.process-card{top:209px;width:auto;right:25px}.process-card p{font-size:10px;line-height:1.7}.flow-legend{margin-top:8px;font-size:8px;gap:12px}.flow-legend small{font-size:7px}body.principle .intro{top:104px}body.principle h1{font-size:25px}.film-label h2{font-size:25px;line-height:1.5}.film-label{bottom:89px}.film-label p{font-size:10px;max-width:330px}.detail-card{bottom:155px}.detail-card p{font-size:12px}footer{font-size:7px;letter-spacing:0}.interaction-hint{font-size:8px;gap:3px}.interaction-hint button{padding:10px 6px;min-height:36px}.hotspot{min-height:25px;min-width:25px}#about-dialog{padding:29px 24px}#about-dialog h2{font-size:22px}.about-grid{grid-template-columns:1fr;gap:0;margin-top:20px}.about-grid p{font-size:12px}.heat-options{margin:17px 0;gap:7px}.heat-options b{padding:6px 9px}.heat-options span{margin-right:2px}}
@media(max-width:640px) and (max-height:740px){header{inset:15px 20px auto}.intro{top:79px}.intro h1{font-size:22px;margin:12px 0 8px}.intro .primary-button{min-height:34px;padding:9px 11px;margin-top:4px}.intro .text-button{margin-left:9px}.product-name{font-size:10px}.view-caption{top:219px}.bottom-ui{bottom:1px}.interaction-hint{margin-bottom:5px}footer{margin-top:9px;padding:7px 0}.view-modes button{min-height:42px}body.principle .intro{top:79px}body.principle h1{font-size:22px}.process-card{top:182px}.process-card p{font-size:9px}.process-steps{margin:5px 0}.process-steps button{min-height:31px;padding:7px 9px}.flow-legend{margin-top:5px}.film-label{bottom:69px}.film-label h2{font-size:22px;margin:13px 0 9px}}
@media(min-width:641px) and (max-height:650px){#showroom{min-height:560px}header{inset:20px 4.4% auto}.intro{top:25%}.intro h1{font-size:30px}.description{margin:10px 0 16px}.view-caption{top:105px}.view-caption h2{font-size:12px}.bottom-ui footer{margin-top:14px}.interaction-hint{margin-bottom:10px}body.principle .intro{top:22%}body.principle h1{font-size:29px}.process-card{top:54%}.film-label h2{font-size:30px}}