.xl-hero{background:#172525;color:#fff;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.xl-hero h1{font-size:clamp(54px,5.5vw,88px)}.xl-hero figure{margin:0}.xl-hero img{height:550px;border-radius:2px}.xl-hero figcaption{font-size:11px;color:#d2b58e;margin-top:12px}.xl-text-link{display:inline-block;padding:18px}.xl-jump{display:flex;flex-wrap:wrap;justify-content:center;background:#e8e1d5;padding:24px 5%;gap:26px}.xl-fan{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.xl-fan-mark{background:#e6dfd2;padding:70px 24px;text-align:center}.xl-fan-mark>span{font-size:11px;letter-spacing:.18em}.xl-fan-mark strong{font:clamp(120px,16vw,230px) Georgia,serif;display:block;line-height:1.3}.xl-fan-mark strong span{font:20px Arial,sans-serif}.xl-fan-mark b{font-size:30px;letter-spacing:.12em}.xl-three,.xl-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:42px 0}.xl-three article{border-top:1px solid #b2a995;padding-top:26px}.xl-three article>span{font-size:11px;letter-spacing:.15em}.xl-product-grid article{border:1px solid #d9d5cb;padding:30px;background:#fff9}.xl-spec{font-size:12px;color:#476568;font-weight:600}.xl-note{font-size:13px;line-height:1.7;color:#53605e}.xl-overview,.xl-controls{background:#eae5db}.xl-products+.xl-products{border-top:1px solid #d9d5cb}.xl-faq{padding-top:30px}.xl-faq details{padding:23px 0;border-bottom:1px solid #c9c3b7}.xl-faq summary{cursor:pointer;font-size:19px}.xl-faq details p{max-width:850px;margin:18px 0 0}.xl-faq a{text-decoration:underline}@media(max-width:850px){.xl-hero,.xl-fan{grid-template-columns:1fr}.xl-hero figure{margin-top:36px}.xl-hero img{height:330px}.xl-three,.xl-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xl-fan-mark{margin-bottom:35px}.xl-jump{gap:16px;font-size:12px}}@media(max-width:540px){.xl-three,.xl-product-grid{grid-template-columns:1fr}.xl-hero h1{font-size:54px}.xl-fan-mark{padding:35px 20px}}