/* Product-first refinement: open, choose a carry weight, fold and store. */
:root{--accent:#6d91a9;--ink:#182c3b;--muted:#617989}
body{background:#fbfcfd}.section{padding-block:108px}.hero{background:radial-gradient(ellipse at 74% 20%,#fff 0,transparent 52%),linear-gradient(120deg,#e3ebf0,#f2f6f8 70%)}
.hero h1,.section-heading h2,.storage-copy h2,.company h2,.contact h2{font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-weight:750;text-transform:uppercase;letter-spacing:-.045em}
.hero h1{font-size:clamp(50px,5vw,78px);line-height:1.01}.hero h1 em{color:#6c8fa6}.hero-copy{position:relative}.hero-description{font-size:15px;line-height:1.85;max-width:460px}.hero-grid{gap:72px;padding-top:64px;padding-bottom:52px;min-height:690px}.hero-visual{border-radius:3px;box-shadow:0 25px 65px #2e4d6412;border:1px solid #e5edf3}.hero-visual>img{height:390px}.technical-label,.visual-caption{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.12em}.hero-actions .button{background:#1b3548;border-color:#1b3548;padding:18px 26px}.hero-benefits{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:30px;color:#58758a}.hero-benefits>span{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700;letter-spacing:.08em}.hero-benefits i{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #b7cbd9;border-radius:50%;font-size:13px;font-style:normal}.hero-spec{margin-top:28px}.hero-spec b{font-family:Bahnschrift,Arial,sans-serif;font-size:27px;font-weight:500}.hero-spec>div{border-left:2px solid #c5d5df;padding-left:16px}.hero .eyebrow{font-family:monospace;font-size:10px;letter-spacing:.14em}.slider-bar{padding-block:19px;background:transparent}.slide-tabs button.selected:before{background:#1f455f;height:3px}.slide-controls button{border-radius:50%;background:#ffffff65;border-color:#c0d0dc}.slide-controls button:hover{background:#e1eaf1}
.section-heading{position:relative;padding-top:20px;border-top:1px solid #d9e4eb;margin-bottom:40px}.section-heading h2{font-size:clamp(38px,4.05vw,61px);line-height:1.04;font-weight:700;color:#203e54}.section-heading .eyebrow{font-family:monospace;font-size:10px;letter-spacing:.13em;font-weight:400;margin-bottom:19px}.section-heading>p{font-size:13px;line-height:1.9;color:#698293}.film-section{background:linear-gradient(135deg,#162c3d,#294759)}.film-section .section-heading{border-color:#6e8c9e55}.film-section .section-heading h2{font-size:clamp(40px,4.4vw,66px)}.film-player{box-shadow:0 26px 75px #0a17262e;border:1px solid #6c899944}.film-player figcaption{background:#213e52;color:#b6cbd9}.film-link:before{content:'▶';display:inline-block;font-size:8px;margin-right:6px}.film-section .section-heading>p{color:#aac1d1}
.use-section{background:#fff}.use-slide-heading small{font-family:monospace;color:#7192a9;letter-spacing:.09em}.use-slide-heading h3,.photo-application-slide .use-slide-heading h3{font-family:Bahnschrift,Arial,sans-serif;font-size:25px;font-weight:400;letter-spacing:-.025em}.application-scene-photo{border-radius:3px;overflow:hidden;box-shadow:0 18px 48px #233f5310}.application-scene-photo figcaption{background:#f0f5f8;font-family:monospace;color:#587789;font-size:9px}.use-tabs button{background:#f7fafc;color:#5a7a91;border:1px solid #dce7ef;font-size:9px;font-weight:600;letter-spacing:.04em;padding:13px 16px;border-radius:2px}.use-tabs button[aria-pressed=true]{background:#244b67;border-color:#244b67}.use-carousel-controls{gap:25px;border-color:#dce7ee}.use-carousel-controls .slide-controls{align-self:center}#use-position{font-family:monospace;font-size:11px;color:#607f94}.value-strip{background:#edf3f7}.value-strip .wrap{padding-block:30px}.value-strip b{font-size:20px;font-family:Bahnschrift,Arial,sans-serif;font-weight:400;color:#8ca8bc}.value-strip span{font-size:10px;line-height:1.4;font-weight:600}.value-strip small{font-size:11px;line-height:1.7;font-weight:400;color:#617c8e}
.category-grid{gap:22px}.category{position:relative;background:#f3f7fa;border-color:#e0e9ef;overflow:hidden;border-radius:3px}.category:after{content:'↗';position:absolute;right:20px;bottom:23px;color:#769ab3;font-size:20px}.category:hover{border-color:#83a7be;box-shadow:0 14px 35px #2c526c0c}.category>img{background:#fff;mix-blend-mode:normal;height:230px;padding:25px}.category-top{padding:17px 20px;background:#f3f7fa;font-family:monospace;font-size:8px;letter-spacing:.06em}.category-bottom{padding:25px 20px 28px;background:#f3f7fa}.category-bottom h3{font-family:Bahnschrift,Arial,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.035em}.category-bottom p{font-size:11px;line-height:1.8;color:#647e90;min-height:41px}.category-bottom>span{font-size:8px;letter-spacing:.08em;max-width:85%}.products-section{background:linear-gradient(180deg,#ecf2f6,#f4f8fa);padding-block:108px}.products-section .section-heading{border-color:#cad9e4}.material-tabs{border-radius:3px;overflow:hidden;gap:1px;background:#ccdce7}.material-tabs button{padding:23px 24px;background:#e2edf4;color:#648198;font-size:10px}.material-tabs button.selected{background:#254b67}.material-tabs button span{font-family:monospace;background:#ffffff29;border:0}.catalog-intro{padding-block:30px 20px}.catalog-intro h3{font-family:Bahnschrift,Arial,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.03em}.selection-note{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 19px;background:#dce9f1;border-left:3px solid #7b9db5;margin-bottom:15px;color:#55768f}.selection-note b{font-family:Bahnschrift,Arial,sans-serif;font-size:13px;letter-spacing:.025em;font-weight:500}.selection-note span{font-size:11px}.catalog-filters{border-color:#d5e3ed;box-shadow:0 8px 22px #294f6b05;border-radius:3px}.catalog-filters label{font-size:9px;letter-spacing:.12em;color:#657e92}.catalog-status{font-family:monospace;font-size:11px;color:#7994a8}.product-grid{gap:25px}.product{border:1px solid #dce7ef;border-radius:3px;overflow:hidden;box-shadow:0 10px 22px #315c7905}.product:hover{box-shadow:0 16px 35px #315c7912;border-color:#8daec4}.product-image{position:relative;padding:16px 20px 0}.product-image img{height:270px}.product-image .zoom{background:#edf4f8;color:#7392a8;padding:5px 8px;font-size:8px}.product-body>small{color:#7892a5;font-size:10px}.product-body h3{font-family:Bahnschrift,Arial,sans-serif;font-size:26px;line-height:1.16;letter-spacing:-.035em;font-weight:500;color:#264c68}.product-body{padding:24px}.model-subtitle{color:#6c879a;font-size:11px}.product-specs{background:#f7fafc;border:0;border-radius:2px;padding:15px;margin-top:20px;min-height:70px;font-size:13px;color:#42677f}.product-specs span{font-size:8px;color:#7a95a8;letter-spacing:.05em}.product-actions{margin-top:23px}.product-actions a{background:#2c5572;border-color:#2c5572;font-size:9px;padding:13px 17px;letter-spacing:.04em}.detail-button{color:#6c8ca3;font-size:9px}.load-more-row{padding-top:38px}.load-more-row .button{background:transparent;border-color:#a8c0d1;color:#3d6682}.load-more-row .button:hover{background:#deebf3}.product-note{font-size:11px;color:#69879b}
.storage-story{gap:80px;align-items:center;background:#fff}.refined-storage{background:#eff4f7;border:1px solid #dce7ef;box-shadow:0 22px 48px #294f6b0b;display:block;overflow:hidden;padding:18px}.storage-primary{background:#fff;position:relative;min-width:0}.storage-primary>img{display:block;width:100%;height:280px;object-fit:contain;padding:28px}.storage-tag{position:absolute;top:14px;left:15px;font-family:monospace;font-size:9px;letter-spacing:.05em;color:#7e9aad;z-index:1}.storage-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.storage-secondary figure{position:relative;margin:0;background:#fff;padding:20px 12px 12px;min-width:0}.storage-secondary img{width:100%;height:175px;object-fit:contain;padding:16px}.storage-secondary .storage-tag{top:10px;left:12px;font-size:8px}.storage-secondary figcaption{text-align:center;font-size:10px;color:#6d8da3;padding-top:4px}.refined-storage>span{display:block;position:static;background:transparent;color:#718fa3;font-size:8px;letter-spacing:.08em;padding:19px 0 2px;text-align:center}.storage-copy h2{font-size:clamp(36px,3.6vw,53px);line-height:1.07}.storage-copy>.eyebrow{font-family:monospace;font-size:10px}.bag-preview{background:#f0f6fa;border-color:#dbe7ef;border-radius:3px}.story-points>div{position:relative;border-color:#dce7ef;padding-block:22px}.story-points>div>span{color:#80a3ba;font-family:Bahnschrift,Arial,sans-serif;font-size:19px;font-weight:400}.story-points h3{font-family:Bahnschrift,Arial,sans-serif;font-size:19px;letter-spacing:-.02em;font-weight:500;color:#345e7a}.story-points p{font-size:12px;color:#68879b;line-height:1.9}.storage-copy>.button{background:#284e69;border-color:#284e69}
.comparison{background:#eaf2f7}.table-scroll{border-color:#ccdfe9;border-radius:3px;background:#fff}.comparison th{font-family:monospace;letter-spacing:.03em;background:#2a506c;font-size:9px}.comparison td{padding-block:22px;color:#567a93}.comparison td b{font-weight:500}.reference-model-card{border-color:#dbe8f0;border-radius:3px;overflow:hidden}.reference-model-card:hover{border-color:#8aadc5}.reference-model-card>span{background:#f0f6fa;color:#4f7794}.reference-model-card b{font-family:Bahnschrift,Arial,sans-serif;font-size:22px;font-weight:400}.reference-model-card small{font-family:monospace;font-size:8px}.construction-section{background:#eff5f9}.construction-card{border-color:#dce8f0;border-radius:3px;box-shadow:0 10px 24px #315d7b06}.construction-card>div{padding:26px}.construction-card h3{font-family:Bahnschrift,Arial,sans-serif;font-size:25px;font-weight:500;color:#2f5b7a;letter-spacing:-.03em}.construction-card small{font-family:monospace;letter-spacing:.04em;color:#7697ae}.construction-card p{font-size:12px;line-height:1.85;color:#698a9f}.construction-card>button span{font-size:8px;letter-spacing:.09em;color:#7d9cb1;background:#f3f8fb}.photo-section{background:linear-gradient(120deg,#183345,#294d65)}.photo-section .section-heading{border-color:#769bb344}.photo-tile{border-color:#65859c77;border-radius:3px;overflow:hidden;box-shadow:none}.photo-caption{background:#2c526c;padding:23px}.photo-caption b{font-family:Bahnschrift,Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.02em}.photo-caption small{font-size:10px;color:#aac4d5}.photo-number{background:#173b55d9;border-radius:2px}.photo-reference{color:#adcadb;font-size:10px}
.company .large-copy{font-family:Bahnschrift,Arial,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:26px;color:#315d7d}.company-product{border-radius:3px;overflow:hidden}.company-product>div{background:#ecf4f9}.factory-photo-slot{border-color:#dce9f1;border-radius:3px;overflow:hidden;background:#f8fbfd}.factory-placeholder{background:linear-gradient(145deg,#ecf4f9,#f6f9fc);outline-color:#c0d6e5}.factory-gallery .section-heading h3{font-family:Bahnschrift,Arial,sans-serif;font-size:35px;letter-spacing:-.04em;font-weight:500}.factory-photo-slot h3{font-family:Bahnschrift,Arial,sans-serif;font-size:25px;letter-spacing:-.025em}.services{background:#e5eff6}.service-grid{gap:30px}.service-grid article{padding:24px;background:#edf5fa;border:1px solid #d4e4ef;border-radius:3px}.service-grid h3{font-family:Bahnschrift,Arial,sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.03em;font-weight:500;color:#355f7c}.services .service-grid article>span{font-family:monospace;font-size:8px;letter-spacing:.04em}.service-grid p{line-height:1.9;font-size:12px;color:#67889d}.contact h2{font-size:clamp(42px,4.5vw,65px);line-height:1.03}.contact h2 em{color:#83a6bf}.contact form{border-color:#d6e6f0;background:linear-gradient(145deg,#eff6fb,#f7fafc);border-radius:4px;box-shadow:0 20px 48px #2d5b7b08}.contact form>h3{font-family:Bahnschrift,Arial,sans-serif;font-size:30px;line-height:1.15;letter-spacing:-.035em}.inquiry-cart{border-color:#d9e7f1;border-radius:3px}.contact input,.contact select,.contact textarea{border-color:#cddfea;border-radius:2px}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:1px solid #79a3c0;border-color:#79a3c0}.submit-button{background:#244d6b;border-color:#244d6b;font-size:12px;padding-block:19px}.contact label{color:#64869e}.after-sales-note{background:#f4f8fb;padding:20px;border:1px solid #dce8f0;border-radius:3px}.after-sales-note>small{font-family:monospace;color:#6e94ae}.qr-placeholder{border-color:#b9d0e1;background:#eff5fa;border-radius:3px}.contact-qr-grid figcaption{font-size:12px;color:#61869f}.floating-wa{background:#2e6588;box-shadow:0 8px 24px #2a587738}.footer-grid .brand{font-family:Bahnschrift,Arial,sans-serif;letter-spacing:.035em;font-size:30px}.footer-grid b{font-family:monospace;font-size:10px}.footer-grid>div:not(:first-child){font-size:12px;line-height:1.7}.footer-bottom{font-family:monospace;letter-spacing:.025em;color:#abc6d8}
html[lang=zh-CN] .hero h1{font-family:"Microsoft YaHei",sans-serif;font-weight:700;font-size:clamp(42px,4.05vw,63px);line-height:1.17;letter-spacing:-.045em}html[lang=zh-CN] .section-heading h2,html[lang=zh-CN] .storage-copy h2,html[lang=zh-CN] .company h2{font-family:"Microsoft YaHei",sans-serif;font-size:clamp(34px,3.3vw,50px);font-weight:700;line-height:1.22;letter-spacing:-.035em}html[lang=zh-CN] .contact h2{font-family:"Microsoft YaHei",sans-serif;line-height:1.22;font-size:clamp(38px,3.6vw,55px)}html[lang=zh-CN] .selection-note b{font-family:"Microsoft YaHei",sans-serif;font-size:12px}
@media(max-width:1100px){.hero-grid{gap:40px;min-height:620px}.hero h1{font-size:58px}.hero-visual>img{height:340px}.hero-benefits{gap:8px 12px}.hero-benefits>span{font-size:7px}.section{padding-block:82px}.products-section{padding-block:82px}.section-heading h2{font-size:46px}.category>img{height:200px}.category-bottom h3{font-size:23px}.product-body{padding:22px}.product-body h3{font-size:24px}.storage-story{gap:45px}.storage-primary>img{height:250px}.storage-secondary img{height:150px}.service-grid{gap:20px}.service-grid article{padding:20px}.service-grid h3{font-size:22px}.service-grid p{font-size:11px}.hero-spec b{font-size:24px}}
@media(max-width:900px){.hero-grid{gap:32px;min-height:590px}.hero h1{font-size:45px}.hero-visual>img{height:300px}.hero-description{font-size:13px}.hero-benefits{gap:9px}.hero-benefits>span{font-size:7px}.hero-benefits i{width:20px;height:20px;font-size:11px}.hero-spec b{font-size:22px}.hero-spec>div{padding-left:12px}.section-heading h2{font-size:42px}.selection-note{display:block}.selection-note span{display:block;margin-top:7px}.storage-story{gap:35px}.storage-primary>img{height:220px}.storage-secondary{gap:10px}.storage-secondary img{height:130px}.storage-secondary figcaption{font-size:8px}.storage-tag{font-size:8px}.storage-secondary .storage-tag{font-size:7px}.storage-copy h2{font-size:36px}.service-grid article{padding:24px}.service-grid h3{font-size:25px}.service-grid p{font-size:12px}}
@media(max-width:650px){.hero-grid{padding-top:36px;padding-bottom:32px;gap:30px;min-height:0}.hero h1{font-size:49px;line-height:1.03}.hero-visual>img{height:290px}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero-description{font-size:13px;line-height:1.8}.hero-benefits{gap:9px 13px;margin-top:25px}.hero-benefits>span{font-size:7px;letter-spacing:.02em}.hero-spec{gap:18px}.hero-spec b{font-size:22px}.hero-spec>div:last-child b{font-size:19px}.hero-actions .button{font-size:10px;padding:16px 19px}.section{padding-block:60px}.products-section{padding-block:60px}.section-heading{padding-top:18px;margin-bottom:28px}.section-heading h2{font-size:40px;line-height:1.04}.section-heading .eyebrow{font-size:8px;margin-bottom:15px}.film-section .section-heading h2{font-size:42px}.use-slide-heading h3,.photo-application-slide .use-slide-heading h3{font-size:21px;line-height:1.35}.use-tabs button{padding:11px;font-size:8px}.category-grid{gap:14px}.category>img{height:150px;padding:16px}.category-bottom{padding:18px 14px 24px}.category-bottom h3{font-size:22px;line-height:1.12}.category-bottom p{font-size:10px;min-height:52px}.category:after{right:12px;bottom:19px;font-size:17px}.category-bottom>span{font-size:7px}.category-top{padding:13px;font-size:6px}.material-tabs button{padding:17px 15px;font-size:9px}.catalog-intro h3{font-size:28px}.selection-note{padding:13px 15px}.selection-note b{font-size:13px}.selection-note span{font-size:10px;line-height:1.7}.catalog-status{font-size:10px}.product-image img{height:280px}.product-body{padding:23px}.product-body h3{font-size:27px}.product-specs{font-size:13px}.product-actions a{font-size:10px;padding:14px 18px}.refined-storage{padding:14px}.storage-primary>img{height:240px;padding:30px 18px 15px}.storage-secondary{gap:11px;margin-top:11px}.storage-secondary img{height:145px;padding:15px 7px}.storage-secondary figcaption{font-size:9px}.storage-secondary figure{padding-inline:8px}.storage-tag{font-size:8px}.storage-secondary .storage-tag{font-size:7px;left:10px}.storage-copy h2{font-size:38px;line-height:1.07}.story-points h3{font-size:20px}.reference-model-card b{font-size:20px}.reference-model-card small{font-size:6px}.construction-card h3{font-size:27px}.construction-card img{height:280px}.photo-caption b{font-size:19px}.factory-gallery .section-heading h3{font-size:29px}.factory-photo-slot h3{font-size:25px}.company .large-copy{font-size:24px;line-height:1.45}.service-grid{gap:18px}.service-grid article{padding:25px}.contact h2{font-size:48px}.contact form>h3{font-size:28px}.submit-button{font-size:11px}.after-sales-note{padding:18px}.footer-grid .brand{font-size:28px}html[lang=zh-CN] .hero h1{font-size:42px;line-height:1.2}html[lang=zh-CN] .section-heading h2,html[lang=zh-CN] .storage-copy h2,html[lang=zh-CN] .company h2{font-size:35px;line-height:1.25}html[lang=zh-CN] .contact h2{font-size:40px}}

.dispatch-photos{display:grid;gap:12px;padding:14px;background:#edf3f7}.dispatch-photos figure{margin:0}.dispatch-photos img{display:block;width:100%;aspect-ratio:1.85;object-fit:cover}.dispatch-photos figcaption{font-size:12px;padding:8px 0 2px;color:#38556a}.dispatch-photo-slot{grid-column:span 1}

.company-photo-list {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: #edf3f7;
}
.company-photo-list figure { margin: 0; }
.company-photo-list img { display: block; width: 100%; height: auto; }
.company-photo-list figcaption {
  padding: 8px 0 2px;
  color: #38556a;
  font-size: 12px;
}
/* Show the photo area of the phone screenshot. */
.company-photo-screenshot {
  aspect-ratio: 928 / 1646;
  overflow: hidden;
}
.company-photo-screenshot img { transform: translateY(-9.92%); }

.contact-qr-grid .contact-qr-image {
  display: block;
  filter: grayscale(1) brightness(0.75) contrast(3);
  width: min(100%, 220px);
  aspect-ratio: 1;
  object-fit: contain;
  background: #fff;
}

/* Catalog-first layout and readable type for product selection. */
:root {
  --ink: #172b3a;
  --muted: #435c6e;
}
body { font-size: 16px; }
.section-heading h2 {
  font-size: clamp(30px, 3.6vw, 54px);
  line-height: 1.06;
}
.section-heading > p,
.hero-description,
.company-copy > p,
.contact-copy > p { color: #435c6e; font-size: 16px; line-height: 1.65; }
.section-heading .eyebrow,
.hero .eyebrow,
.category-top {
  font-family: inherit;
  font-size: 12px;
  letter-spacing: .12em;
}
.category-bottom p,
.model-subtitle,
.selection-note span,
.catalog-status { color: #435c6e; font-size: 14px; }
.material-tabs button,
.catalog-filters label,
.product-actions a,
.product-actions button { font-size: 12px; }
.material-tabs button { color: #344f63; }
.material-tabs button.selected { color: #fff; }
.catalog-filters input,
.catalog-filters select { min-height: 44px; font-size: 16px; }
.product-specs { color: #172b3a; font-size: 15px; font-variant-numeric: tabular-nums; }
.product-specs span { color: #435c6e; font-size: 11px; }
.product-actions > * { min-height: 44px; }
#compare th, #compare td { font-size: 14px; }
@media (max-width: 650px) {
  .section-heading h2 { font-size: clamp(28px, 8vw, 38px); }
  .material-tabs button { padding: 12px 8px; }
  .product-actions { flex-wrap: wrap; }
}

/* One heading scale across the storefront, in both languages. */
:root {
  --heading-primary: clamp(34px, 4.2vw, 58px);
  --heading-secondary: clamp(24px, 2.2vw, 32px);
}
body { font-size: 17px; }
#storefront section h1,
#storefront section h2 {
  font-family: Bahnschrift, "Arial Narrow", Arial, "Microsoft YaHei", sans-serif;
  font-size: var(--heading-primary);
  line-height: 1.1;
  font-weight: 750;
  letter-spacing: -.035em;
}
html[lang="zh-CN"] #storefront section :is(h1, h2, h3) {
  font-family: "Microsoft YaHei", sans-serif;
}
#storefront section h3 {
  font-family: Bahnschrift, Arial, "Microsoft YaHei", sans-serif;
  font-size: var(--heading-secondary);
  line-height: 1.18;
  font-weight: 650;
  letter-spacing: -.02em;
}
.section-heading > p, .hero-description, .storage-copy > p,
.company-copy > p, .contact-copy > p, .category-bottom p,
.model-subtitle, .service-grid article p { font-size: 17px; line-height: 1.55; }
.product-specs, #compare td { font-size: 16px; }
.product-specs span, #compare th, .use-tabs button,
.material-tabs button, .catalog-filters label,
.product-actions a, .product-actions button { font-size: 14px; }
.use-slide-heading small, .application-scene-photo figcaption,
.dispatch-photos figcaption, .company-photo-list figcaption { font-size: 13px; }
.hero h1 { min-block-size: 3lh; overflow-wrap: anywhere; }
.hero-description { min-block-size: 3lh; }
.hero-visual { position: relative; }
.hero-visual > .hero-photo-outgoing {
  position: absolute;
  inset-inline-start: 0;
  z-index: 1;
  pointer-events: none;
}

/* Stack the scenes so every slide shares the same heading and image rows. */
.use-slide-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
}
.use-slide-stage > .comparison-slide,
.use-slide-stage > .comparison-slide[hidden] {
  display: grid;
  grid-template-rows: subgrid;
  grid-area: 1 / 1 / 4 / 2;
  min-width: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity 340ms ease, visibility 0s;
}
.use-slide-stage > .comparison-slide[hidden] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 340ms ease, visibility 0s 340ms;
}
.use-slide-stage > .comparison-slide > .text-link { justify-self: start; }
.application-scene-photo img { aspect-ratio: 16 / 9; object-fit: contain; }
@media (max-width: 650px) {
  :root {
    --heading-primary: clamp(30px, 8.8vw, 38px);
    --heading-secondary: clamp(22px, 6vw, 26px);
  }
  .hero-description { min-block-size: 4lh; }
  .material-tabs button { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .use-slide-stage > .comparison-slide,
  .use-slide-stage > .comparison-slide[hidden] { transition: none; }
}