/* Restrained photo framing and authentic, consistently presented product views. */
/* Keep the desktop homepage introduction within the first viewport. */
@media(min-width:1001px) and (min-height:600px){
 body:has(main[data-page=main]) .announcement .container{height:36px;padding-block:0;align-items:center}
 body:has(main[data-page=main]) .navigation{height:80px}
 main[data-page=main] .hero{min-height:calc(100svh - 183px);gap:clamp(35px,4vw,65px);padding-block:clamp(20px,3svh,36px)}
 main[data-page=main] .hero h1{font-size:clamp(48px,min(5vw,8svh),80px);line-height:1;letter-spacing:-2px;margin-bottom:20px}
 html[lang=zh-Hans] main[data-page=main] .hero h1{font-size:clamp(34px,min(3.8vw,6.5svh),54px);line-height:1.3;letter-spacing:-.6px}
 main[data-page=main] .hero .eyebrow{margin-bottom:16px}
 main[data-page=main] .hero .intro{margin-bottom:20px;line-height:1.85}
 main[data-page=main] .hero-signoff{margin-top:22px}
 main[data-page=main] .hero-visual{padding:14px}
 main[data-page=main] .visual-heading{margin-bottom:12px;padding-top:2px}
 main[data-page=main] .hero-image{width:auto;max-width:100%;height:auto;max-height:32svh;margin-inline:auto;object-fit:contain}
 main[data-page=main] .experience-badge{padding:8px 14px;margin-top:12px}
 main[data-page=main] .experience-badge>strong{font-size:40px}
 main[data-page=main] .hero-proof{padding-top:14px;margin-top:14px;gap:18px}
 main[data-page=main] .hero-proof>div>strong{font-size:32px}
 main[data-page=main] .ticker-wrap{height:64px;padding-block:0}
}
@media(min-width:1001px) and (min-height:600px) and (max-height:700px){
 main[data-page=main] .hero{padding-block:16px}
 main[data-page=main] .hero-signoff{display:none}
 main[data-page=main] .hero-image{max-height:24svh}
}
.hero-visual{padding:18px;background:#f9f9f9;border-color:#e5e5e5;border-radius:12px;box-shadow:0 18px 50px #19191908}
.visual-heading{padding:5px 4px 0;margin-bottom:16px;color:#777777;letter-spacing:1.1px}
.hero-image{border-radius:7px;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.experience-badge{border-color:#e2e2e2;border-radius:7px;box-shadow:none;padding:11px 17px;margin-top:17px}
.hero-proof{border-top:1px solid #e3e3e3;padding-top:19px;margin-top:21px}
.product-art{padding:27px;background:linear-gradient(145deg,#f9f9f9,#f0f0f0);justify-content:center}
.product-category{margin-bottom:22px;letter-spacing:1.5px}
.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:stretch}
.product-shot{margin:0;min-width:0;border:1px solid #e2e2e2;background:white;border-radius:9px;overflow:hidden;box-shadow:0 9px 24px #19191906}
.product-shot-link{display:block;aspect-ratio:365/424;background:white;overflow:hidden}
.product-shot img{width:100%;height:100%;object-fit:contain;display:block;filter:none;transition:opacity .2s}
.product-shot-link:hover img{opacity:.9}
.product-shot figcaption{border-top:1px solid #eaeaea;padding:11px 13px;font-size:9px;letter-spacing:.3px;color:#727272}
.feature-visual{height:auto;min-height:0;aspect-ratio:auto;align-items:center;justify-content:center;padding:30px;background:linear-gradient(145deg,#f9f9f9,#f0f0f0);border-radius:10px}
.feature-visual img{width:auto;max-width:100%;height:auto;max-height:430px;object-fit:contain;margin:0;border:1px solid #e7e7e7;border-radius:8px;filter:drop-shadow(0 10px 18px #19191909)}
html[lang=zh-Hans] .product-shot figcaption{font-size:10px;letter-spacing:.5px}
@media(max-width:850px){.product-art{padding:22px}.product-gallery{gap:11px}.product-shot figcaption{font-size:8px;padding:10px}.feature-visual{padding:22px}.feature-visual img{max-height:350px}}
@media(max-width:560px){
 .hero-visual{padding:16px;margin-left:0}
 .visual-heading{font-size:6px;padding-top:3px;letter-spacing:.7px}
 .hero-image{aspect-ratio:auto;height:auto;object-fit:contain}
 .experience-badge{margin:16px 0 0;padding:10px 15px}
 .hero-proof{margin-top:18px;padding-top:18px}
 .product-art{padding:23px 20px}
 .product-gallery{gap:12px}
 .product-shot figcaption{font-size:8px;padding:10px 9px}
 .feature-visual{height:auto;padding:25px;aspect-ratio:auto}
 .feature-visual img{max-height:390px}
}

