.premium{ --pv-bg:#F6F3EE;--pv-ink:#14130F;--pv-muted:#5C574F;--pv-soft:#8A8176;--pv-gold:#C2A25E;--pv-hair:#DCD5CB;--pv-deep:#16150F;--pv-deep-2:#1E1C16;--pv-deep-text:#F4F1EA;--pv-deep-muted:#A7A091;--pv-warm:#E9E2D8} body.premium.inner-page,body.premium{ background:var(--pv-bg) !important} .premium h1,body.premium h1{ font-family:'Playfair Display',"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif !important;font-weight:500 !important;color:var(--pv-ink) !important;line-height:1.18 !important;letter-spacing:.01em !important} .premium h2,body.premium h2{ font-family:'Playfair Display',"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif !important;font-weight:500 !important;color:var(--pv-ink) !important;line-height:1.24 !important;letter-spacing:.01em !important;position:relative;padding-top:22px} .premium h2::before,body.premium h2::before{ content:'';position:absolute;top:0;left:0;width:36px;height:1px;background:var(--pv-gold)} .premium h2.centered::before,body.premium h2.centered::before{ left:50%;transform:translateX(-50%)} .premium h3,body.premium h3{ font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",'Playfair Display',serif !important;font-weight:500 !important;color:var(--pv-ink) !important} .premium h1 span,.premium h2 span,body.premium h1 span,body.premium h2 span{ color:var(--pv-gold) !important} .premium h1 em,.premium h2 em,body.premium h1 em,body.premium h2 em{ font-style:normal !important;color:var(--pv-gold) !important} .premium .section-title,body.premium .section-title{ font-family:'Playfair Display',"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif !important;font-weight:500 !important;color:var(--pv-ink) !important;font-size:clamp(28px,3.2vw,42px) !important;line-height:1.2 !important;position:relative;padding-top:22px;margin-bottom:1rem !important} .premium .section-title::before,body.premium .section-title::before{ content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:1px;background:var(--pv-gold)} .premium .section-subtitle,body.premium .section-subtitle{ font-family:'Playfair Display',serif !important;font-style:italic !important;font-size:14px !important;color:var(--pv-gold) !important;letter-spacing:.04em !important;text-transform:none !important;margin-bottom:16px !important} .premium .section-desc,body.premium .section-desc{ color:var(--pv-muted) !important;font-size:15.5px !important;line-height:1.85 !important;max-width:60ch !important;margin:0 auto 1.5rem !important} .premium .kicker,body.premium .kicker{ display:inline-block !important;font-family:'Inter',"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體",sans-serif !important;letter-spacing:.32em !important;text-transform:uppercase !important;font-size:12px !important;color:var(--pv-gold) !important;position:relative;padding-bottom:8px;margin-bottom:16px} .premium .kicker::after,body.premium .kicker::after{ content:'';position:absolute;left:0;bottom:0;width:36px;height:1px;background:var(--pv-gold)} .premium .hero-badge,body.premium .hero-badge{ display:inline-block !important;font-family:'Inter',"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體",sans-serif !important;letter-spacing:.32em !important;text-transform:uppercase !important;font-size:11px !important;color:var(--pv-gold) !important;border:1px solid rgba(194,162,94,.4) !important;border-radius:999px !important;padding:8px 18px !important;margin-bottom:22px !important} .premium .btn,body.premium .btn{ display:inline-flex !important;align-items:center;gap:10px;padding:14px 28px !important;border-radius:2px !important;font-family:'Inter',"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體",sans-serif !important;font-size:14px !important;letter-spacing:.08em !important;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .25s !important;text-decoration:none !important} .premium .btn-primary,body.premium .btn-primary{ background:var(--pv-ink) !important;color:#F4F1EA !important;border:1px solid var(--pv-ink) !important} .premium .btn-primary:hover,body.premium .btn-primary:hover{ background:#2a2822 !important;border-color:#2a2822 !important;transform:translateY(-1px)} .premium .btn-gold,body.premium .btn-gold{ background:var(--pv-gold) !important;color:var(--pv-ink) !important;border:1px solid var(--pv-gold) !important;font-weight:600 !important} .premium .btn-gold:hover,body.premium .btn-gold:hover{ background:#cdb074 !important;border-color:#cdb074 !important} .premium .btn-outline,body.premium .btn-outline{ background:transparent !important;color:var(--pv-ink) !important;border:1px solid var(--pv-hair) !important} .premium .btn-outline:hover,body.premium .btn-outline:hover{ border-color:var(--pv-gold) !important;color:var(--pv-gold) !important} .premium .btn-outline-light,body.premium .btn-outline-light{ background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.4) !important} .premium .btn-outline-light:hover,body.premium .btn-outline-light:hover{ background:#fff !important;color:var(--pv-ink) !important;border-color:#fff !important} .premium .btn-outline-white,body.premium .btn-outline-white{ background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.4) !important} .premium .btn-outline-white:hover,body.premium .btn-outline-white:hover{ background:#fff !important;color:var(--pv-ink) !important;border-color:#fff !important} .premium .card,body.premium .card,.premium .role-card,body.premium .role-card,.premium .scenario-card,body.premium .scenario-card,.premium .why-card,body.premium .why-card,.premium .info-card,body.premium .info-card,.premium .feature-card,body.premium .feature-card,.premium .series-card,body.premium .series-card,.premium .case-card,body.premium .case-card,.premium .news-card,body.premium .news-card,.premium .product-card,body.premium .product-card,.premium .certificate-card,body.premium .certificate-card,.premium .about-preview,body.premium .about-preview,.premium .stat-item,body.premium .stat-item,.premium .trust-item,body.premium .trust-item,.premium .client-logo-item,body.premium .client-logo-item{ background:#fff !important;border-radius:4px !important;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02) !important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease !important;border:1px solid rgba(220,213,203,.5) !important} .premium .card:hover,body.premium .card:hover,.premium .role-card:hover,body.premium .role-card:hover,.premium .scenario-card:hover,body.premium .scenario-card:hover,.premium .why-card:hover,body.premium .why-card:hover,.premium .info-card:hover,body.premium .info-card:hover,.premium .feature-card:hover,body.premium .feature-card:hover,.premium .series-card:hover,body.premium .series-card:hover,.premium .case-card:hover,body.premium .case-card:hover,.premium .news-card:hover,body.premium .news-card:hover,.premium .product-card:hover,body.premium .product-card:hover,.premium .certificate-card:hover,body.premium .certificate-card:hover,.premium .about-preview:hover,body.premium .about-preview:hover,.premium .stat-item:hover,body.premium .stat-item:hover,.premium .trust-item:hover,body.premium .trust-item:hover,.premium .client-logo-item:hover,body.premium .client-logo-item:hover{ transform:translateY(-4px) !important;box-shadow:0 12px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.04),0 0 0 1px rgba(194,162,94,.22) !important;border-color:rgba(194,162,94,.4) !important} .premium .stat-number,body.premium .stat-number,.premium .trust-number,body.premium .trust-number,.premium .about-stats .stat-num,body.premium .about-stats .stat-num{ font-family:'Playfair Display',"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif !important;font-weight:600 !important;font-size:clamp(28px,3.4vw,44px) !important;color:var(--pv-ink) !important;line-height:1.1 !important;display:block !important} .premium .stat-label,body.premium .stat-label,.premium .trust-label,body.premium .trust-label,.premium .about-stats .stat-name,body.premium .about-stats .stat-name{ font-family:'Inter',"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體",sans-serif !important;font-size:12px !important;color:var(--pv-soft) !important;letter-spacing:.14em !important;text-transform:uppercase !important;margin-top:6px !important;display:block !important} .premium .hero-content h1,body.premium .hero-content h1{ font-size:clamp(34px,4.4vw,64px) !important} .premium .hero-content h1 span,body.premium .hero-content h1 span{ color:var(--pv-gold) !important} .premium .hero-subtitle,body.premium .hero-subtitle{ font-size:15.5px !important;line-height:1.85 !important;color:var(--pv-muted) !important;max-width:60ch !important;margin:22px 0 32px !important} .premium hr,body.premium hr{ border:0 !important;height:1px !important;background:var(--pv-hair) !important;margin:clamp(32px,4vw,56px) 0 !important} .premium .section-light,body.premium .section-light,.premium section.surface-light,body.premium section.surface-light{ background:var(--pv-bg) !important} .premium .section-warm,body.premium .section-warm,.premium section.surface-warm,body.premium section.surface-warm{ background:var(--pv-warm) !important} .premium .section-dark,body.premium .section-dark,.premium section.surface-dark,body.premium section.surface-dark{ background:var(--pv-deep) !important;color:var(--pv-deep-text) !important} .premium .section-dark h1,.premium .section-dark h2,.premium .section-dark h3,body.premium .section-dark h1,body.premium .section-dark h2,body.premium .section-dark h3{ color:var(--pv-deep-text) !important} .premium .section-dark p,body.premium .section-dark p{ color:var(--pv-deep-muted) !important} .premium .section-dark .kicker,.premium .section-dark .section-subtitle,body.premium .section-dark .kicker,body.premium .section-dark .section-subtitle{ color:var(--pv-gold) !important} .premium .section-dark .card,.premium .section-dark .role-card,.premium .section-dark .scenario-card,.premium .section-dark .why-card,.premium .section-dark .news-card,.premium .section-dark .info-card,body.premium .section-dark .card,body.premium .section-dark .role-card,body.premium .section-dark .scenario-card,body.premium .section-dark .why-card,body.premium .section-dark .news-card,body.premium .section-dark .info-card{ background:rgba(255,255,255,.04) !important;color:var(--pv-deep-text) !important;border-color:rgba(255,255,255,.08) !important} .premium .section-dark .card:hover,body.premium .section-dark .card:hover{ background:rgba(255,255,255,.07) !important;border-color:rgba(194,162,94,.4) !important} .premium .section-dark .stat-number,.premium .section-dark .trust-number,body.premium .section-dark .stat-number,body.premium .section-dark .trust-number{ color:var(--pv-deep-text) !important} .premium .section-dark .stat-label,.premium .section-dark .trust-label,body.premium .section-dark .stat-label,body.premium .section-dark .trust-label{ color:var(--pv-deep-muted) !important} .premium .section-dark hr,body.premium .section-dark hr{ background:rgba(255,255,255,.13) !important} .premium .cta-section,body.premium .cta-section{ background:var(--pv-deep) !important;color:var(--pv-deep-text) !important;position:relative;overflow:hidden} .premium .cta-section h2,body.premium .cta-section h2{ color:var(--pv-deep-text) !important} .premium .cta-section p,body.premium .cta-section p{ color:var(--pv-deep-muted) !important} .premium .cta-section::after,body.premium .cta-section::after{ content:'';position:absolute;right:-100px;bottom:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(194,162,94,.18) 0%,transparent 70%);pointer-events:none} .premium input[type="text"],.premium input[type="email"],.premium input[type="tel"],.premium textarea,.premium select,body.premium input[type="text"],body.premium input[type="email"],body.premium input[type="tel"],body.premium textarea,body.premium select{ border:1px solid var(--pv-hair) !important;border-radius:2px !important;padding:12px 16px !important;font-family:'Inter',"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體",sans-serif !important;font-size:14px !important;background:#fff !important;transition:border-color .3s,box-shadow .3s !important} .premium input[type="text"]:focus,.premium input[type="email"]:focus,.premium input[type="tel"]:focus,.premium textarea:focus,.premium select:focus,body.premium input[type="text"]:focus,body.premium input[type="email"]:focus,body.premium input[type="tel"]:focus,body.premium textarea:focus,body.premium select:focus{ border-color:var(--pv-gold) !important;box-shadow:0 0 0 3px rgba(194,162,94,.15) !important;outline:none !important} .premium a,body.premium a{ transition:color .25s ease} .premium .text-link,body.premium .text-link{ color:var(--pv-ink) !important;text-decoration:none !important;border-bottom:1px solid rgba(194,162,94,.4) !important;padding-bottom:4px;transition:border-color .3s,color .3s !important} .premium .text-link:hover,body.premium .text-link:hover{ color:var(--pv-gold) !important;border-bottom-color:var(--pv-gold) !important} .premium .editorial-list,.premium .v2-style-list,body.premium .editorial-list{ list-style:none !important;margin:0 !important;padding:0 !important} .premium .editorial-list li,body.premium .editorial-list li{ display:grid !important;grid-template-columns:60px 1.6fr 1fr 1fr 40px !important;align-items:center !important;gap:18px !important;padding:22px 6px !important;border-top:1px solid var(--pv-hair) !important;transition:background .3s !important} .premium .editorial-list li:last-child,body.premium .editorial-list li:last-child{ border-bottom:1px solid var(--pv-hair) !important} .premium .editorial-list li:hover,body.premium .editorial-list li:hover{ background:rgba(194,162,94,.05) !important} .premium .editorial-list li .no,body.premium .editorial-list li .no{ font-family:'Inter',sans-serif !important;font-size:13px !important;color:var(--pv-gold) !important;letter-spacing:.08em !important} .premium .editorial-list li .zh,body.premium .editorial-list li .zh{ font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif !important;font-weight:500 !important;font-size:19px !important;color:var(--pv-ink) !important} .premium .editorial-list li .en,body.premium .editorial-list li .en{ font-family:'Playfair Display',serif !important;font-style:italic !important;font-size:14px !important;color:var(--pv-soft) !important} .premium .editorial-list li .meta,body.premium .editorial-list li .meta{ font-size:13px !important;color:var(--pv-muted) !important} .premium .editorial-list li .arrow,body.premium .editorial-list li .arrow{ font-size:20px !important;color:var(--pv-gold) !important;text-align:right !important} .premium .section-dark .editorial-list li,body.premium .section-dark .editorial-list li{ border-top-color:rgba(255,255,255,.13) !important} .premium .section-dark .editorial-list li:last-child,body.premium .section-dark .editorial-list li:last-child{ border-bottom-color:rgba(255,255,255,.13) !important} .premium .section-dark .editorial-list li .zh,body.premium .section-dark .editorial-list li .zh{ color:var(--pv-deep-text) !important} .premium .section-dark .editorial-list li .en,.premium .section-dark .editorial-list li .meta,body.premium .section-dark .editorial-list li .en,body.premium .section-dark .editorial-list li .meta{ color:var(--pv-deep-muted) !important} body.premium .footer{ background:var(--pv-deep-2) !important;color:var(--pv-deep-muted) !important;border-top:none !important;position:relative;overflow:hidden} body.premium .footer::before{ content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--pv-gold) 15%,var(--pv-gold) 85%,transparent 100%);opacity:0.55} body.premium .footer .container{ padding-top:0 !important;padding-bottom:0 !important} body.premium .footer-grid{ display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:14px 28px !important;max-width:none !important;margin:0 !important;padding:18px 0 !important;border-bottom:none !important} body.premium .footer-grid>*{ padding:0 !important;border-right:none !important;align-self:center !important} body.premium .footer-grid>.footer-col:not(.footer-contact-info){ display:none !important} body.premium .footer-brand{ display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;max-width:560px !important} body.premium .footer-brand .nav-logo{ margin-bottom:0 !important;display:flex !important;align-items:center !important;gap:10px !important} body.premium .footer-brand .brand-intro{ display:block !important;color:var(--pv-deep-muted) !important;font-size:0.72rem !important;line-height:1.55 !important;letter-spacing:0.2px !important;margin:8px 0 0 !important;max-width:520px !important;word-wrap:normal !important;overflow:visible !important} body.premium .footer-brand .nav-logo-text strong{ color:var(--pv-deep-text) !important;font-size:0.9rem !important;letter-spacing:0.02em !important} body.premium .footer-brand .nav-logo-text small{ color:var(--pv-deep-muted) !important;font-size:0.58rem !important;letter-spacing:1px !important} body.premium .footer-contact-info h4{ display:none !important} body.premium .footer-contact-info{ display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px 22px !important;align-items:center !important} body.premium .footer-contact-info p{ color:var(--pv-deep-muted) !important;font-size:0.76rem !important;line-height:1.4 !important;margin:0 !important;gap:6px !important;align-items:center !important} body.premium .footer-contact-info p .icon{ color:var(--pv-gold) !important;width:15px !important;font-size:0.82rem !important} body.premium .footer-contact-info p a{ color:var(--pv-deep-muted) !important;transition:color .25s ease !important} body.premium .footer-contact-info p a:hover{ color:var(--pv-gold) !important} body.premium .footer-bottom{ max-width:none !important;margin:0 !important;padding:12px 20px !important;background:rgba(0,0,0,0.18) !important;border-top:1px solid rgba(255,255,255,0.06) !important;color:var(--pv-deep-muted) !important;font-size:0.7rem !important;letter-spacing:0.4px !important;justify-content:center !important;text-align:center !important} body.premium .footer-bottom p{ color:var(--pv-deep-muted) !important;margin:0 !important;text-align:center !important} @media (max-width: 768px){ body.premium .footer-grid{ justify-content:flex-start !important;gap:10px 16px !important;padding:16px 0 !important} body.premium .footer-contact-info{ gap:6px 14px !important} body.premium .footer-brand,body.premium .footer-brand .brand-intro{ max-width:100% !important}} body.premium.v2-products .v2-hero,body.premium.v2-products .v2-archive,body.premium.v2-products .v2-spotlight,body.premium.v2-products .v2-quote,body.premium.v2-products .v2-colours,body.premium.v2-projects .v2-hero,body.premium.v2-projects .v2-archive,body.premium.v2-projects .v2-spotlight,body.premium.v2-projects .v2-quote,body.premium.v2-projects .v2-colours{ position:relative !important} body.premium.v2-products .v2-hero-text,body.premium.v2-products .v2-hero-media,body.premium.v2-projects .v2-hero-text,body.premium.v2-projects .v2-hero-media{ width:auto !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important} body.premium.v2-products .v2-hero .v2-hero-media,body.premium.v2-projects .v2-hero .v2-hero-media{ min-height:460px !important} body.premium.v2-products,body.premium.v2-projects{ background:#F6F3EE !important} @media (max-width: 900px){ .premium h1,body.premium h1{ font-size:clamp(28px,7vw,40px) !important} .premium h2,body.premium h2{ font-size:clamp(22px,5vw,30px) !important} .premium .section-title,body.premium .section-title{ font-size:clamp(22px,5.4vw,32px) !important} .premium .editorial-list li,body.premium .editorial-list li{ grid-template-columns:40px 1.4fr 1fr 30px !important} .premium .editorial-list li .meta,body.premium .editorial-list li .meta{ display:none !important} body.premium.v2-products .v2-hero,body.premium.v2-projects .v2-hero{ grid-template-columns:1fr !important}} body.premium .hsst-form{ max-width:100% !important} body.premium .hsst-form-input::placeholder,body.premium .hsst-form-textarea::placeholder,body.premium .hsst-form-select::placeholder,body.premium .inquiry-form input::placeholder,body.premium .inquiry-form textarea::placeholder,body.premium .inquiry-form select::placeholder{ color:#5C574F !important;opacity:1 !important} body.premium .solution-cta-input::placeholder,body.premium .solution-cta-textarea::placeholder{ color:rgba(244,241,234,0.66) !important;opacity:1 !important} body.premium .hsst-form-input,body.premium .hsst-form-textarea,body.premium .hsst-form-select,body.premium .inquiry-form input,body.premium .inquiry-form textarea,body.premium .inquiry-form select{ border-color:#DCD5CB !important} body.premium .hsst-form-input:focus,body.premium .hsst-form-textarea:focus,body.premium .hsst-form-select:focus,body.premium .inquiry-form input:focus,body.premium .inquiry-form textarea:focus,body.premium .inquiry-form select:focus{ border-color:#C2A25E !important;box-shadow:0 0 0 3px rgba(194,162,94,0.18) !important} body.premium .hsst-form-label{ color:#14130F !important;letter-spacing:0.02em} body.premium .product-video-el{ position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;background:#0b0a08 !important;display:block !important} body.premium .product-video-placeholder{ background:#0b0a08 !important} body.premium .product-video-card{ transition:transform 0.35s ease,box-shadow 0.35s ease !important} body.premium .product-video-card:hover{ transform:translateY(-4px) !important;box-shadow:0 16px 40px rgba(20,19,15,0.16) !important} body.premium .product-action-bar{ background:linear-gradient(180deg,#FBF8F2 0%,#F2EEE6 100%) !important;padding:36px 0 40px !important;border-bottom:1px solid var(--pv-hair) !important;position:relative;overflow:hidden} body.premium .product-action-bar::before{ content:'';position:absolute;top:0;left:50%;width:80px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--pv-gold) 50%,transparent 100%);transform:translateX(-50%)} body.premium .product-action-bar .container{ display:flex !important;justify-content:center !important;align-items:center !important;gap:20px !important;flex-wrap:wrap !important;max-width:var(--max-width) !important} body.premium .product-action-bar .product-action-btn{ position:relative;display:inline-flex !important;align-items:center;justify-content:center;gap:10px;min-width:220px;padding:16px 38px !important;font-family:'Inter',"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體","Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",sans-serif !important;font-size:14.5px !important;font-weight:600 !important;letter-spacing:0.06em !important;border-radius:2px !important;text-decoration:none !important;cursor:pointer;overflow:hidden;transition:all .35s cubic-bezier(.34,1.4,.64,1) !important} body.premium .product-action-bar .product-action-btn::after{ content:'→';font-size:18px;font-weight:400;opacity:0;transform:translateX(-8px);transition:opacity .35s ease,transform .35s ease} body.premium .product-action-bar .product-action-btn:hover::after{ opacity:1;transform:translateX(0)} body.premium .product-action-bar .product-action-btn.sample{ background:rgba(255,255,255,.92) !important;color:var(--pv-ink) !important;border:1.5px solid var(--pv-gold) !important;box-shadow:0 2px 8px rgba(20,19,15,.06),0 0 0 0 rgba(194,162,94,0) !important} body.premium .product-action-bar .product-action-btn.sample:hover{ background:linear-gradient(135deg,#E5D3A6 0%,#C2A25E 100%) !important;color:#14130F !important;border-color:var(--pv-gold) !important;transform:translateY(-3px) !important;box-shadow:0 10px 24px rgba(194,162,94,.32),0 0 0 4px rgba(194,162,94,.14) !important} body.premium .product-action-bar .product-action-btn.inquire{ background:linear-gradient(135deg,#D4B47A 0%,#C2A25E 45%,#A8884A 100%) !important;color:#14130F !important;border:1.5px solid #A8884A !important;font-weight:700 !important;box-shadow:0 4px 14px rgba(194,162,94,.32),0 1px 0 rgba(255,255,255,.35) inset,0 -1px 0 rgba(0,0,0,.08) inset,0 0 0 0 rgba(194,162,94,0) !important;text-shadow:0 1px 0 rgba(255,255,255,.25)} body.premium .product-action-bar .product-action-btn.inquire:hover{ background:linear-gradient(135deg,#E5CC8A 0%,#D4B47A 45%,#B89250 100%) !important;border-color:#8C6D38 !important;transform:translateY(-4px) scale(1.02) !important;box-shadow:0 14px 32px rgba(194,162,94,.45),0 2px 0 rgba(255,255,255,.4) inset,0 0 0 6px rgba(194,162,94,.14) !important} body.premium .product-action-bar .product-action-btn.inquire::after{ content:'→';font-weight:700} @media (max-width: 640px){ body.premium .product-action-bar{ padding:24px 0 28px !important} body.premium .product-action-bar .product-action-btn{ min-width:0 !important;width:100%;padding:14px 22px !important;font-size:14px !important} body.premium .product-action-bar .product-action-btn::after{ font-size:16px}} body.premium :is( .trust-items,.why-choose-grid,.about-stats,.scenarios-grid,.role-cards,.certificates-grid,.info-cards,.service-cards,.advantage-cards,.solutions-grid,.service-grid,.pain-point-grid,.application-grid,.related-cases-grid,.related-products-grid,.product-video-grid,.contact-core-grid,.art-related-grid,.overview-grid,.stone-grid,.gallery-grid,.network-grid ){ display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;justify-content:flex-start !important;column-gap:var(--gx,24px) !important;row-gap:var(--gy,36px) !important} body.premium :is( .trust-items,.why-choose-grid,.about-stats,.scenarios-grid,.role-cards,.certificates-grid,.info-cards,.service-cards,.advantage-cards,.solutions-grid,.service-grid,.pain-point-grid,.application-grid,.related-cases-grid,.related-products-grid,.product-video-grid,.contact-core-grid,.art-related-grid,.overview-grid,.stone-grid,.gallery-grid,.network-grid )>*{ flex-grow:1 !important;flex-shrink:0 !important;flex-basis:calc((100% - (var(--c, 3) - 1) * var(--gx, 24px)) / var(--c, 3)) !important;max-width:100% !important;min-width:0 !important;margin:0 !important;width:auto !important;box-sizing:border-box} @media (max-width: 1024px){ body.premium :is( .trust-items,.why-choose-grid,.about-stats,.scenarios-grid,.role-cards,.certificates-grid,.info-cards,.service-cards,.advantage-cards,.solutions-grid,.service-grid,.pain-point-grid,.application-grid,.related-cases-grid,.related-products-grid,.product-video-grid,.contact-core-grid,.art-related-grid,.overview-grid,.stone-grid,.gallery-grid,.network-grid )>*{ flex-basis:calc((100% - (var(--c-t, 2) - 1) * var(--gx, 24px)) / var(--c-t, 2)) !important}} @media (max-width: 640px){ body.premium :is( .trust-items,.why-choose-grid,.about-stats,.scenarios-grid,.role-cards,.certificates-grid,.info-cards,.service-cards,.advantage-cards,.solutions-grid,.service-grid,.pain-point-grid,.application-grid,.related-cases-grid,.related-products-grid,.product-video-grid,.contact-core-grid,.art-related-grid,.overview-grid,.stone-grid,.gallery-grid,.network-grid )>*{ flex-basis:100% !important}} body.premium :is( .trust-items,.why-choose-grid,.about-stats,.scenarios-grid,.role-cards,.certificates-grid,.info-cards,.service-cards,.advantage-cards,.solutions-grid,.service-grid,.pain-point-grid,.application-grid,.related-cases-grid,.related-products-grid,.product-video-grid,.contact-core-grid,.art-related-grid,.overview-grid,.stone-grid,.gallery-grid,.network-grid )>* img{ max-width:100% !important;height:auto} body.premium .contact-inquiry-row{ display:grid !important;grid-template-columns:minmax(0,1fr) 440px !important;gap:26px !important;align-items:stretch !important} body.premium .contact-channel-col{ justify-content:space-between} body.premium .contact-channel-card{ flex:1 1 auto} body.premium .contact-channel-card p{ line-height:1.7} body.premium .contact-inquiry-form{ background:#fff;border:1px solid #eee6da;border-radius:16px;padding:28px;box-sizing:border-box} body.premium .contact-inquiry-form form{ display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px 20px !important;width:100% !important;box-sizing:border-box} body.premium .contact-inquiry-form .form-full{ grid-column:1 / -1 !important} body.premium .contact-inquiry-form form>div{ min-width:0} @media (max-width: 960px){ body.premium .contact-inquiry-row{ grid-template-columns:1fr !important}} body.premium .contact-channel-col{ display:flex !important;flex-direction:column;gap:16px !important} body.premium .contact-channel-card{ background:#fff;border:1px solid #eee6da;border-radius:14px;padding:20px 22px;display:flex;gap:14px;align-items:flex-start;box-sizing:border-box} body.premium .contact-channel-card .cc-icon{ width:42px;height:42px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#E5D3A6,#C2A25E);display:flex;align-items:center;justify-content:center;font-size:20px} body.premium .contact-channel-card h5{ margin:0 0 6px;font-size:1rem;color:#14130F;font-weight:600} body.premium .contact-channel-card p{ margin:0;font-size:0.85rem;line-height:1.6;color:#5C574F} body.premium .contact-channel-card a{ color:#A8884A;font-weight:600} body.premium .contact-channel-note{ background:linear-gradient(135deg,#FBF8F2,#F2EEE6);border:1px dashed #D8CDB8;border-radius:14px;padding:16px 20px;font-size:0.85rem;line-height:1.7;color:#5C574F} body.premium .contact-channel-note strong{ color:#14130F} body.premium .contact-commitments{ display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important;margin-top:18px !important} @media (max-width: 1024px){ body.premium .contact-commitments{ grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media (max-width: 640px){ body.premium .contact-commitments{ grid-template-columns:minmax(0,1fr) !important}} body.premium .contact-commitment-item{ background:#fff !important;padding:14px 16px !important;border:1px solid #eee6da !important;border-radius:10px !important;align-items:center !important} body.premium .contact-commitment-text{ color:#14130F !important} body.premium .contact-commitment-text em{ display:block;font-style:normal;font-size:0.78rem;color:#8a8277;margin-top:3px;line-height:1.5} body.premium .contact-visit-grid,body.premium .contact-network-grid,body.premium .contact-eco-grid{ align-items:stretch !important} body.premium .contact-visit-info,body.premium .contact-visit-map{ display:flex;flex-direction:column} body.premium .contact-visit-info{ box-sizing:border-box} body.premium .contact-visit-map{ box-sizing:border-box} body.premium .contact-visit-grid{ grid-template-columns:minmax(0,46fr) minmax(0,54fr) !important} body.premium .contact-visit-map .v-map-top{ display:flex;gap:16px;padding:16px;align-items:center;border-bottom:1px solid #eee6da} body.premium .contact-visit-map .v-map-top img{ width:34%;height:auto;min-width:0;object-fit:cover;border-radius:10px;display:block} body.premium .contact-visit-map .v-addr{ flex:1;min-width:0} body.premium .contact-visit-map .v-addr strong{ display:block;font-size:0.95rem;color:#14130F;margin-bottom:6px} body.premium .contact-visit-map .v-addr span{ display:block;font-size:0.82rem;line-height:1.6;color:#5C574F;margin-bottom:8px} body.premium .contact-visit-map .v-addr a{ font-size:0.8rem;color:#A8884A;font-weight:600} body.premium .contact-visit-map iframe{ flex:none !important;width:100%;border:none;height:330px;min-height:0 !important;background:#F2EDE6} @media (max-width: 1024px){ body.premium .contact-visit-map iframe{ height:330px}} body.premium .contact-visit-map .v-map-bar{ padding:12px 16px;border-bottom:1px solid #eee6da} body.premium .contact-visit-map .v-map-bar div{ display:flex;gap:8px;font-size:0.84rem;line-height:1.6;color:#4a443c;padding:3px 0} body.premium .contact-visit-map .v-map-bar .ico{ flex:none} body.premium .contact-visit-grid{ align-items:stretch !important} body.premium .contact-visit-info{ justify-content:space-between} body.premium .contact-visit-map .v-map-top img{ height:165px;width:auto;max-width:40%} body.premium .contact-visit-item{ flex-wrap:wrap} body.premium .contact-visit-item .v-note{ width:100%;margin-top:2px;padding-left:90px;font-size:0.82rem;color:#8a8277;line-height:1.55;box-sizing:border-box} @media (max-width: 640px){ body.premium .contact-visit-item .v-note{ padding-left:0}} body.premium .contact-network-perks{ display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;margin-top:24px !important} @media (max-width: 900px){ body.premium .contact-network-perks{ grid-template-columns:1fr !important}} body.premium .contact-network-perks>div{ background:#FBF8F2;border:1px solid #eee6da;border-radius:12px;padding:16px 18px} body.premium .contact-network-perks h5{ margin:0 0 6px;font-size:0.95rem;color:#14130F} body.premium .contact-network-perks p{ margin:0;font-size:0.82rem;line-height:1.6;color:#5C574F} body.premium .contact-region-item .r-sub{ display:block;font-size:0.78rem;color:#8a8277;margin-top:2px} body.premium .contact-region-item{ align-items:flex-start} body.premium .contact-eco-direction-item{ align-items:flex-start;flex-wrap:wrap} body.premium .contact-eco-direction-item .d-sub{ width:100%;padding-left:38px;font-size:0.8rem;color:#8a8277;line-height:1.55;box-sizing:border-box} body.premium .contact-eco-vision{ justify-content:space-between} body.premium .contact-eco-tags{ display:flex;flex-wrap:wrap;gap:8px;margin-top:6px} body.premium .contact-eco-tags span{ background:rgba(255,255,255,.85);border:1px solid #E0D6C4;color:#5C574F;border-radius:999px;padding:5px 12px;font-size:0.78rem} @media (max-width: 640px){ body.premium .contact-eco-direction-item .d-sub{ padding-left:0} body.premium .contact-eco-tags span{ font-size:0.72rem}} body.premium .contact-principles{ list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px} body.premium .contact-principles li{ position:relative;padding-left:16px;font-size:0.9rem;line-height:1.65;color:#4a443c} body.premium .contact-principles li::before{ content:"";position:absolute;left:0;top:0.62em;width:6px;height:6px;border-radius:50%;background:#C2A25E} body.premium .contact-commitment-item{ display:flex;align-items:flex-start !important} body.premium .contact-region-card h4,body.premium .contact-eco-directions h4,body.premium .contact-visit-info h4{ letter-spacing:0.02em} body.premium .contact-eco-vision p{ margin-bottom:12px} body.premium .contact-core-card-desc{ font-size:0.78rem;line-height:1.55;color:#8a8277;margin-top:6px;font-weight:400} body.premium .contact-process-grid{ display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;margin:4px 0 24px !important} @media (max-width: 1024px){ body.premium .contact-process-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media (max-width: 640px){ body.premium .contact-process-grid{ grid-template-columns:minmax(0,1fr) !important}} body.premium .contact-process-step{ background:#FBF8F2;border:1px solid #eee6da;border-radius:12px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;box-sizing:border-box} body.premium .contact-process-step .ps-num{ width:38px;height:38px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#E5D3A6,#C2A25E);color:#14130F;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem} body.premium .contact-process-step h5{ margin:2px 0 6px;font-size:0.98rem;color:#14130F} body.premium .contact-process-step p{ margin:0;font-size:0.82rem;line-height:1.6;color:#5C574F} body.premium .contact-visit-map{ display:flex;flex-direction:column} body.premium .contact-visit-grid{ display:flex !important;flex-wrap:nowrap;align-items:stretch !important;gap:26px !important} body.premium .contact-visit-info{ flex:0 0 46% !important;min-width:0 !important;width:46% !important;box-sizing:border-box} body.premium .contact-visit-map{ flex:1 1 auto !important;min-width:0 !important;width:auto !important;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden} body.premium .contact-visit-map>*{ min-width:0} body.premium .contact-visit-map iframe{ flex:1 1 auto !important;height:auto !important;width:100%;min-height:220px !important;border:none;background:#F2EDE6} @media (max-width: 900px){ body.premium .contact-visit-grid{ flex-direction:column !important} body.premium .contact-visit-info,body.premium .contact-visit-map{ flex-basis:auto !important;width:100% !important}} body.premium .ft-grid5{ display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:40px !important;align-items:start !important} body.premium .ft-grid5>div{ min-width:0} body.premium .ft-brand .nav-logo{ margin-bottom:2px} body.premium .ft-brand .nav-logo img{ max-height:40px;width:auto} body.premium .ft-brand p{ margin:10px 0 12px;font-size:0.78rem;line-height:1.75;color:rgba(255,255,255,.7)} body.premium .ft-brand .ft-tags{ display:flex;flex-wrap:wrap;gap:6px} body.premium .ft-brand .ft-tags span{ font-size:0.66rem;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:2px 9px;letter-spacing:.04em;white-space:nowrap} body.premium .ft-h{ margin:4px 0 15px !important;font-size:0.78rem;font-weight:600;color:#D4B47A;text-transform:uppercase;letter-spacing:.14em} body.premium .ft-grid5 ul{ list-style:none !important;margin:0 !important;padding:0 !important;display:grid;gap:9px} body.premium .ft-grid5 ul li{ margin:0 !important;line-height:1.35} body.premium .ft-grid5 ul a{ font-size:0.8rem;color:rgba(255,255,255,.78);text-decoration:none;display:inline-flex;align-items:baseline} body.premium .ft-grid5 ul a:hover{ color:#E5CC8A} body.premium .ft-grid5 .ft-contact li a,body.premium .ft-grid5 .ft-contact li span{ font-size:0.78rem} body.premium .ft-grid5 .ft-contact .ft-c-line{ font-size:0.8rem;color:rgba(255,255,255,.92);font-weight:500} body.premium .ft-grid5 .ft-contact .ft-c-note{ font-size:0.68rem;color:rgba(255,255,255,.45);line-height:1.5;display:block} body.premium .ft-bottom{ border-top:1px solid rgba(255,255,255,.12) !important;margin-top:34px !important;padding-top:18px !important;display:flex !important;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:0.76rem;color:rgba(255,255,255,.6)} body.premium .ft-bottom .ft-legal{ display:flex;flex-wrap:wrap;gap:20px} body.premium .ft-bottom .ft-legal a{ font-size:0.74rem;color:rgba(255,255,255,.55);text-decoration:none} body.premium .ft-bottom .ft-legal a:hover{ color:#E5CC8A} @media (max-width: 1180px){ body.premium .ft-grid5{ grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:32px;row-gap:32px}} @media (max-width: 900px){ body.premium .ft-grid5{ grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:28px;row-gap:28px}} @media (max-width: 700px){ body.premium .ft-grid5{ grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:20px;row-gap:24px} body.premium .ft-grid5>div:first-child{ grid-column:1 / -1 !important} body.premium .ft-bottom{ flex-direction:column;gap:10px;text-align:center}} body.premium .ft-bottom{ justify-content:center !important;text-align:center !important} body.premium .ft-grid5 ul{ gap:7px !important} body.premium .ft-h{ margin:2px 0 12px !important} body.premium .ft-brand p{ display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 10px !important} body.premium .ft-brand .nav-logo img{ max-height:34px} body.premium .ft-bottom{ margin-top:26px !important;padding-top:14px !important} body.premium .v2-series{ padding:84px 0 96px;background:#F5F1EA} body.premium .v2-series .v2-series-title{ font-size:clamp(28px,3.2vw,42px);margin:6px 0 14px;color:#14130F;font-weight:500;letter-spacing:.02em} body.premium .v2-series .v2-series-lead{ max-width:640px;color:#5C574F;font-size:15px;line-height:1.85;margin:0 0 42px} body.premium .v2-series-grid{ display:flex !important;flex-wrap:wrap;gap:22px} body.premium .v2-series-grid>*{ flex:1 1 calc((100% - 66px) / 4);min-width:0;position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(17,16,15,.06);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;text-decoration:none;display:block;aspect-ratio:3/2.2} body.premium .v2-series-grid>*:hover{ transform:translateY(-8px);box-shadow:0 26px 60px rgba(17,16,15,.18)} body.premium .v2-series-card .vsc-img{ position:absolute;inset:0;overflow:hidden} body.premium .v2-series-card .vsc-img img{ width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)} body.premium .v2-series-card:hover .vsc-img img{ transform:scale(1.09)} body.premium .v2-series-card .vsc-cap{ position:absolute;left:0;right:0;bottom:0;padding:52px 22px 20px;background:linear-gradient(180deg,rgba(12,10,8,0) 0%,rgba(12,10,8,.55) 46%,rgba(12,10,8,.88) 100%);color:#F4F1EA} body.premium .v2-series-card .vsc-cap i{ display:block;font-style:normal;font-size:10px;letter-spacing:.22em;color:#D9C089;text-transform:uppercase;margin-bottom:6px} body.premium .v2-series-card .vsc-cap b{ display:block;font-size:22px;font-weight:600;letter-spacing:.04em} body.premium .v2-series-card .vsc-cap .vsc-d{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;color:rgba(244,241,234,.86);margin:8px 0 10px} body.premium .v2-series-card .vsc-go{ display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#E5CC8A;font-style:normal;opacity:.0;transform:translateY(6px);transition:all .4s ease} body.premium .v2-series-card:hover .vsc-go{ opacity:1;transform:translateY(0)} @media (max-width: 1180px){ body.premium .v2-series-grid>*{ flex-basis:calc((100% - 22px) / 2)}} @media (max-width: 700px){ body.premium .v2-series-grid>*{ flex-basis:100%;aspect-ratio:16/11}} body.premium .v2-spotlight{ background:#F5F1EA !important} body.premium .v2-spot-in{ max-width:1200px !important;margin:0 auto !important;padding:78px 24px !important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;gap:54px !important;align-items:center !important} body.premium .v2-spot-media img{ width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:16px !important;box-shadow:0 26px 60px rgba(17,16,15,.16)} body.premium .v2-spot-text .v2-kicker{ justify-content:flex-start} body.premium .v2-spot-text h2{ font-size:clamp(26px,3vw,38px) !important;color:#14130F;margin:10px 0 16px} body.premium .v2-spot-text p{ color:#5C574F !important;font-size:15px;line-height:1.85;max-width:46ch} body.premium .v2-btn{ border-radius:2px !important} body.premium .v2-btn.gold{ background:linear-gradient(135deg,#D4B47A,#C2A25E 45%,#A8884A) !important} body.premium .v2-quote{ background:#111110 !important} body.premium .v2-quote>*{ max-width:1200px;margin-left:auto !important;margin-right:auto !important} body.premium .v2-quote .v2-kicker{ color:#D9C089} body.premium .v2-quote h2{ color:#F4F1EA !important} body.premium .v2-quote p{ color:rgba(244,241,234,.66) !important} body.premium .v2-qbtns .v2-btn{ border:1px solid transparent} body.premium .v2-qbtns .v2-btn:not(.gold){ background:transparent !important;border-color:rgba(244,241,234,.35) !important;color:#F4F1EA !important} body.premium .v2-qbtns .v2-btn:not(.gold):hover{ border-color:#C2A25E;color:#E5CC8A !important;background:rgba(194,162,94,.08) !important} @media (max-width: 960px){ body.premium .v2-spot-in{ grid-template-columns:minmax(0,1fr) !important;padding:56px 20px !important;gap:26px !important} body.premium .v2-spot-media img{ aspect-ratio:16/10} body.premium .v2-spot-text p{ max-width:none}} body.premium .v2-quote{ background:#F5F1EA !important;padding:88px 24px !important} body.premium .v2-quote .v2-kicker{ color:#A8884A !important} body.premium .v2-quote h2{ color:#14130F !important} body.premium .v2-quote p{ color:#5C574F !important;max-width:56ch !important} body.premium .v2-qbtns .v2-btn:not(.gold){ background:transparent !important;border-color:#C7BFA9 !important;color:#14130F !important} body.premium .v2-qbtns .v2-btn:not(.gold):hover{ border-color:#C2A25E;color:#A8884A !important;background:rgba(194,162,94,.08) !important} body.premium .cta-section.cta-home{ background:#F5F1EA !important;color:#14130F !important;padding-top:84px !important;padding-bottom:84px !important} body.premium .cta-section.cta-home h2{ color:#14130F !important} body.premium .cta-section.cta-home .section-desc{ color:#5C574F !important;max-width:620px;margin-left:auto;margin-right:auto} body.premium .cta-section.cta-home .section-subtitle{ color:var(--pv-gold) !important} body.premium .cta-section.cta-home .form-scene-desc{ color:#6b6358 !important} body.premium .cta-section.cta-home .hsst-form-divider{ display:none !important} body.premium .cta-section.cta-home .hsst-form{ max-width:720px !important;margin:28px auto 0 !important;background:#FFFFFF;border:1px solid #ECE4D7;border-radius:16px;padding:30px 30px 26px;box-shadow:0 24px 60px rgba(17,16,15,.07);display:grid !important;gap:18px;text-align:left} body.premium .cta-section.cta-home .hsst-form-row{ display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0} body.premium .cta-section.cta-home .hsst-form-group{ margin-bottom:0} body.premium .cta-section.cta-home .hsst-form-group--full{ grid-column:1 / -1} body.premium .cta-section.cta-home .hsst-form-label{ color:#5C574F !important;font-size:.8rem;margin-bottom:7px} body.premium .cta-section.cta-home .hsst-form-input,body.premium .cta-section.cta-home .hsst-form-textarea,body.premium .cta-section.cta-home .hsst-form-select{ background:#FCFAF6 !important;border:1px solid #E3D9C9 !important;border-radius:8px !important;color:#14130F !important;transition:border-color .25s,box-shadow .25s,background .25s} body.premium .cta-section.cta-home .hsst-form-input:focus,body.premium .cta-section.cta-home .hsst-form-textarea:focus,body.premium .cta-section.cta-home .hsst-form-select:focus{ border-color:#C2A25E !important;box-shadow:0 0 0 3px rgba(194,162,94,.16) !important;background:#FFFFFF !important} body.premium .cta-section.cta-home .hsst-form-btn{ width:100% !important;border-radius:8px !important;margin-top:4px} body.premium .cta-section.cta-home .hsst-form-consent{ display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:#5C574F;line-height:1.6;grid-column:1 / -1;cursor:pointer} body.premium .cta-section.cta-home .hsst-form-consent input{ width:16px;height:16px;margin-top:2px;accent-color:#C2A25E;flex:none} body.premium .cta-section.cta-home .hsst-form-consent a{ color:#A8884A;text-decoration:underline} body.premium .cta-section.cta-home .hsst-form-error--consent{ grid-column:1 / -1;margin-top:-10px} body.premium .cta-section.cta-home .hsst-form-privacy{ display:flex;align-items:center;justify-content:center;gap:6px;color:#8a8277 !important;margin-top:2px;font-size:.76rem} body.premium .cta-section.cta-home .hsst-form-privacy svg{ width:13px;height:13px;flex:none;opacity:.85} body.premium .cta-section.cta-home .hsst-form-success{ background:#FFFFFF !important;border:1px solid #E6DCC8 !important;border-top:4px solid #C9A84C !important} body.premium .cta-section.cta-home .hsst-form-success-icon{ color:#C9A84C;font-size:1.6rem;font-weight:700} @media (max-width: 640px){ body.premium .cta-section.cta-home .hsst-form-row{ grid-template-columns:1fr} body.premium .cta-section.cta-home .hsst-form{ padding:22px 18px}} body.premium .cta-section.cta-home .container{ text-align:left} body.premium .cta-section.cta-home .cta-home-grid{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch;max-width:1200px;margin:10px auto 0} body.premium .cta-section.cta-home .cta-form-col{ display:flex;flex-direction:column;min-width:0} body.premium .cta-section.cta-home .cta-form-col .form-scene-desc{ text-align:left;margin-bottom:18px} body.premium .cta-section.cta-home .hsst-form{ max-width:100% !important;margin:0 !important;height:100%} body.premium .cta-section.cta-home .cta-cert-panel{ background:#FFFFFF;border:1px solid #ECE4D7;border-radius:16px;padding:30px;box-shadow:0 24px 60px rgba(17,16,15,.07);display:flex;flex-direction:column;min-width:0} body.premium .cta-section.cta-home .cta-cert-kicker{ display:inline-block;font-family:'Inter Tight',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#A8884A;margin-bottom:10px} body.premium .cta-section.cta-home .cta-cert-head h3{ font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif;font-size:1.35rem;color:#14130F;margin:0 0 8px} body.premium .cta-section.cta-home .cta-cert-head p{ color:#5C574F;font-size:.86rem;line-height:1.7;margin:0} body.premium .cta-section.cta-home .cta-cert-grid{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:22px 0} body.premium .cta-section.cta-home .cta-cert-item{ display:flex;gap:12px;align-items:flex-start;background:#FBF8F2;border:1px solid #F0E9DC;border-radius:12px;padding:14px;min-width:0} body.premium .cta-section.cta-home .cta-cert-badge{ flex:none;min-width:76px;text-align:center;font-family:'Inter Tight',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.01em;color:#14130F;background:#fff;border:1px solid #E3D9C9;border-radius:8px;padding:9px 6px;line-height:1.2} body.premium .cta-section.cta-home .cta-cert-txt strong{ display:block;color:#14130F;font-size:.84rem;margin-bottom:3px} body.premium .cta-section.cta-home .cta-cert-txt p{ margin:0;color:#8a8277;font-size:.74rem;line-height:1.5;overflow-wrap:anywhere;min-width:0} body.premium .cta-section.cta-home .cta-cert-stats{ display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0;border-top:1px solid #EDE6DA;border-bottom:1px solid #EDE6DA} body.premium .cta-section.cta-home .cta-cert-stats strong{ display:block;font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif;font-size:1.5rem;color:#A8884A;line-height:1} body.premium .cta-section.cta-home .cta-cert-stats span{ display:block;margin-top:6px;color:#5C574F;font-size:.74rem} body.premium .cta-section.cta-home .cta-cert-link{ margin-top:auto;align-self:flex-start;font-size:.82rem;font-weight:600;color:#A8884A;text-decoration:none;padding-top:8px} body.premium .cta-section.cta-home .cta-cert-link:hover{ color:#C2A25E} @media (max-width: 960px){ body.premium .cta-section.cta-home .cta-home-grid{ grid-template-columns:1fr;gap:22px} body.premium .cta-section.cta-home .cta-cert-panel{ padding:24px 20px} body.premium .cta-section.cta-sub{ background:#F5F1EA !important;color:#14130F !important;padding-top:72px !important;padding-bottom:72px !important} body.premium .cta-section.cta-sub h2{ color:#14130F !important} body.premium .cta-section.cta-sub h2::before{ left:50% !important;transform:translateX(-50%) !important} body.premium .cta-section.cta-sub .section-subtitle{ color:var(--pv-gold) !important} body.premium .cta-section.cta-sub .section-desc{ color:#5C574F !important;max-width:600px;margin:0 auto} body.premium .cta-section.cta-sub .hsst-form-divider{ display:none !important} body.premium .cta-section.cta-sub .hsst-form{ max-width:760px !important;margin:24px auto 0 !important;background:#FFFFFF;border:1px solid #ECE4D7;border-radius:14px;padding:24px 28px 22px;box-shadow:0 18px 44px rgba(17,16,15,.06);display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;text-align:left;align-items:start} body.premium .cta-section.cta-sub .hsst-form-group{ margin-bottom:0} body.premium .cta-section.cta-sub .hsst-form-group--full{ grid-column:1 / -1} body.premium .cta-section.cta-sub .hsst-form-section-title{ grid-column:1 / -1;display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:1px;color:#A8884A;margin:14px 0 4px;padding-bottom:8px;border-bottom:1px solid #ECE4D7} body.premium .cta-section.cta-sub .hsst-form-section-title::before{ content:'';width:4px;height:15px;background:#C2A25E;border-radius:2px} body.premium .cta-section.cta-sub .hsst-form-label .required{ color:#C0392B !important} body.premium .cta-section.cta-sub .hsst-form-hint{ font-size:.72rem;color:#9a9388;margin-top:3px;line-height:1.5} body.premium .cta-section.cta-sub .hsst-form-label{ color:#5C574F !important;font-size:.78rem;margin-bottom:6px;font-weight:500} body.premium .cta-section.cta-sub .hsst-form-input,body.premium .cta-section.cta-sub .hsst-form-textarea,body.premium .cta-section.cta-sub .hsst-form-select{ width:100%;background:#FCFAF6 !important;border:1px solid #E3D9C9 !important;border-radius:8px !important;color:#14130F !important;padding:11px 13px;font-size:.9rem;font-family:"PingFang HK","PingFang TC","Noto Sans CJK HK","Microsoft JhengHei","微軟正黑體",'Inter',sans-serif;transition:border-color .25s,box-shadow .25s,background .25s} body.premium .cta-section.cta-sub .hsst-form-input:focus,body.premium .cta-section.cta-sub .hsst-form-textarea:focus,body.premium .cta-section.cta-sub .hsst-form-select:focus{ border-color:#C2A25E !important;box-shadow:0 0 0 3px rgba(194,162,94,.16) !important;background:#FFFFFF !important} body.premium .cta-section.cta-sub .hsst-form-textarea{ min-height:84px;resize:vertical} body.premium .cta-section.cta-sub .hsst-form-btn{ grid-column:auto;width:auto !important;min-width:200px;justify-self:start;border-radius:8px !important;margin-top:6px;padding:13px 28px;font-size:.95rem} body.premium .cta-section.cta-sub .hsst-form-consent{ grid-column:1 / -1;display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:#5C574F;line-height:1.55;cursor:pointer;margin-top:2px} body.premium .cta-section.cta-sub .hsst-form-consent input{ width:15px;height:15px;margin-top:2px;accent-color:#C2A25E;flex:none} body.premium .cta-section.cta-sub .hsst-form-consent a{ color:#A8884A;text-decoration:underline} body.premium .cta-section.cta-sub .hsst-form-error--consent{ grid-column:1 / -1;margin-top:-8px} body.premium .cta-section.cta-sub .hsst-form-privacy{ grid-column:1 / -1;text-align:center;color:#9a9388 !important;margin-top:4px;font-size:.72rem} body.premium .cta-section.cta-sub .hsst-form-privacy svg{ display:none !important} body.premium .cta-section.cta-sub .hsst-form-success{ grid-column:1 / -1;background:#FFFFFF !important;border:1px solid #E6DCC8 !important;border-top:4px solid #C9A84C !important} body.premium .cta-section.cta-sub .hsst-form-success-icon{ color:#C9A84C;font-size:1.5rem;font-weight:700} @media (max-width: 640px){ body.premium .cta-section.cta-sub .hsst-form{ grid-template-columns:1fr;padding:22px 18px}}} body.premium .hsst-form-zone{ background:#F6F3EE !important;color:#14130F !important} body.premium .hsst-form-zone h1,body.premium .hsst-form-zone h2,body.premium .hsst-form-zone h3,body.premium .hsst-form-zone h4,body.premium .hsst-form-zone p:not(.section-subtitle):not(.form-subtitle),body.premium .hsst-form-zone label,body.premium .hsst-form-zone li,body.premium .hsst-form-zone td{ color:#14130F !important} body.premium .hsst-form-zone input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.error),body.premium .hsst-form-zone textarea,body.premium .hsst-form-zone select{ background-color:#FCFAF6 !important;color:#14130F !important;border-color:#DED9D3 !important} body.premium .hsst-form-zone input::placeholder,body.premium .hsst-form-zone textarea::placeholder,body.premium .hsst-form-zone select::placeholder{ color:#5C574F !important;opacity:1 !important} body.premium .hsst-form-zone input:not([type="submit"]):not([type="button"]):focus,body.premium .hsst-form-zone textarea:focus,body.premium .hsst-form-zone select:focus{ border-color:#C2A25E !important;box-shadow:0 0 0 3px rgba(194,162,94,0.18) !important;background-color:#FCFAF6 !important} body.premium .hsst-form-zone select option{ background:#FCFAF6 !important;color:#14130F !important} body.premium .hsst-form-zone .hsst-form,body.premium .hsst-form-zone .sample-form-container,body.premium .hsst-form-zone .modal-content{ background:#F6F3EE !important;color:#14130F !important} body.premium .hsst-form-zone .stone-checkbox-item label,body.premium .hsst-form-zone .radio-item label{ color:#14130F !important} body.premium .hsst-form-zone .stone-checkbox-item label{ background:#FCFAF6 !important;border-color:#DED9D3 !important} body.premium .hsst-form-zone .hsst-form-privacy,body.premium .hsst-form-zone .hsst-form-hint,body.premium .hsst-form-zone .sample-form-privacy,body.premium .hsst-form-zone .form-scene-desc,body.premium .hsst-form-zone .form-subtitle{ color:#5C574F !important} body.premium .hsst-form-zone .hsst-form-success{ background:#FFFFFF !important;border:1px solid #E6DCC8 !important;border-top:4px solid #C9A84C !important} body.premium .hsst-form-zone .hsst-form-success p,body.premium .hsst-form-zone .sample-form-success p{ color:#444444 !important} body.premium .hsst-form-zone button[type="submit"],body.premium .hsst-form-zone .hsst-form-btn,body.premium .hsst-form-zone .sample-submit-btn,body.premium .hsst-form-zone .solution-cta-btn{ color:#1A1A2E !important} body.premium .hsst-form-zone .inquiry-form button[type="submit"]{ color:#1A1A2E !important;font-weight:700 !important;justify-self:start} body.premium .hsst-form-zone input.error,body.premium .hsst-form-zone textarea.error{ background-color:#FEF5F5 !important;border-color:#E74C3C !important} body.premium .hsst-consent{ display:flex !important;align-items:flex-start;gap:10px;margin:16px 0 14px;font-size:.82rem;line-height:1.6;color:#5C574F;text-align:left;cursor:pointer;width:100%;grid-column:1 / -1;box-sizing:border-box} body.premium .hsst-consent input[type="checkbox"]{ width:16px;height:16px;margin:2px 0 0;flex:none;accent-color:#C2A25E;cursor:pointer} body.premium .hsst-consent a{ color:#A8884A;text-decoration:underline} body.premium .hsst-consent a:hover{ color:#C2A25E} body.premium .hsst-consent-error{ display:none;color:#E74C3C !important;font-size:12px;margin:6px 0 10px;line-height:1.4;grid-column:1 / -1;width:100%} body.premium .hsst-consent-error.show{ display:block !important} body.premium .hsst-consent input[type="checkbox"].error{ outline:2px solid #E74C3C;outline-offset:1px} body.premium .ft-brand .ft-brand-name{ display:block !important;-webkit-line-clamp:unset;margin:0 0 4px !important;font-size:1.02rem !important;line-height:1.4 !important;color:#F4F1EA !important;font-weight:600} body.premium .ft-brand .ft-brand-name strong{ font-weight:600;letter-spacing:.01em} body.premium .ft-brand .ft-brand-en{ display:block !important;-webkit-line-clamp:unset;margin:0 0 12px !important;font-size:0.7rem !important;line-height:1.5 !important;color:rgba(255,255,255,.55) !important;letter-spacing:.05em} body.premium .ft-brand .ft-brand-desc{ display:block !important;-webkit-line-clamp:unset;margin:0 !important;font-size:0.78rem !important;line-height:1.75 !important;color:rgba(255,255,255,.7) !important} body.premium .ft-grid5{ align-items:stretch !important} body.premium .ft-grid5>div{ min-width:0;width:100%;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important} body.premium .ft-grid5 .ft-h{ width:100%;text-align:center !important} body.premium .ft-grid5 ul{ width:100%;text-align:center !important} body.premium .ft-grid5 ul li{ text-align:center !important} body.premium .ft-brand .ft-brand-name,body.premium .ft-brand .ft-brand-en,body.premium .ft-brand .ft-brand-desc{ width:100%;text-align:center !important} @media (display-mode: standalone) and (pointer: fine){ body.premium .navbar .nav-toggle{ display:none !important} body.premium .navbar .nav-links{ position:static !important;top:auto !important;right:auto !important;width:auto !important;height:auto !important;min-height:0 !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:18px !important;padding:0 !important;margin:0 !important;background:transparent !important;box-shadow:none !important;pointer-events:auto !important;overflow:visible !important;z-index:auto !important;transition:none !important} body.premium .navbar .nav-links>a,body.premium .navbar .nav-dropdown>a{ display:inline-flex !important;align-items:center !important;width:auto !important;padding:0 !important;border-bottom:none !important;font-size:0.8rem !important;letter-spacing:0 !important;min-height:auto !important} body.premium .navbar .nav-links a::after{ display:block !important} body.premium .navbar .nav-dropdown{ position:relative !important} body.premium .navbar .mega-panel,body.premium .navbar .dropdown-panel{ display:block !important;position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-50%) translateY(8px) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important} body.premium .navbar .nav-dropdown:hover .mega-panel,body.premium .navbar .nav-dropdown:hover .dropdown-panel{ opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0) !important}} @media (display-mode: standalone){ body.premium .navbar{ padding-top:env(safe-area-inset-top,0px)} body.premium .navbar .nav-links.open{ padding-top:calc(80px + env(safe-area-inset-top, 0px))}} .pwa-install-btn{ position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:9990;display:none;align-items:center;gap:8px;padding:12px 18px;background:#16150F;color:#F4F1EA;border:1px solid rgba(194,162,94,.55);border-radius:999px;font-size:.84rem;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28);font-family:'Noto Sans SC','Sarasa Gothic SC',sans-serif;transition:transform .2s,box-shadow .2s} .pwa-install-btn:hover{ transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.36)} .pwa-install-btn.show{ display:flex} .pwa-install-btn svg{ width:18px;height:18px;flex:none} .pwa-guide-mask{ position:fixed;inset:0;z-index:10010;background:rgba(0,0,0,.56);display:none;align-items:center;justify-content:center;padding:24px} .pwa-guide-mask.show{ display:flex} .pwa-guide-card{ background:#fff;border-radius:18px;max-width:360px;width:100%;padding:30px 26px 24px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)} .pwa-guide-icon{ font-size:2.2rem;margin-bottom:12px} .pwa-guide-card h3{ margin:0 0 8px;font-size:1.1rem;color:#14130F} .pwa-guide-card p{ margin:0 0 16px;font-size:.86rem;color:#5C574F;line-height:1.7} .pwa-guide-steps{ text-align:left;margin:0 0 20px;padding:0;list-style:none} .pwa-guide-steps li{ display:flex;align-items:flex-start;gap:10px;font-size:.84rem;color:#14130F;line-height:1.6;padding:8px 0;border-bottom:1px solid #EFE9E0} .pwa-guide-steps li:last-child{ border-bottom:none} .pwa-guide-num{ flex:none;width:22px;height:22px;background:#C2A25E;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700} .pwa-guide-close{ width:100%;padding:12px;background:#16150F;color:#F4F1EA;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit} body.premium .cta-section.cta-sub .hsst-form.hsst-sub-form{ max-width:100% !important;gap:22px !important} body.premium .cta-section.cta-sub .hsst-sub-grid{ grid-column:1 / -1 !important;display:grid !important;grid-template-columns:1.05fr 0.95fr !important;gap:24px !important;align-items:start} body.premium .cta-section.cta-sub .hsst-sub-col{ min-width:0;background:#FBF8F1;border:1px solid #EFE5D4;border-radius:12px;padding:18px 20px 20px} body.premium .cta-section.cta-sub .hsst-sub-col--accent{ border-top:3px solid #C2A25E} body.premium .cta-section.cta-sub .hsst-sub-col .hsst-form-section-title{ margin-top:0} body.premium .cta-section.cta-sub .hsst-sub-col .hsst-form-group{ margin-bottom:15px} body.premium .cta-section.cta-sub .hsst-sub-col .hsst-form-group:last-child{ margin-bottom:0} body.premium .cta-section.cta-sub .hsst-sub-perks{ margin-top:18px;padding-top:16px;border-top:1px dashed #E0D4BE} body.premium .cta-section.cta-sub .hsst-sub-perks-title{ font-size:.78rem;font-weight:600;letter-spacing:1px;color:#A8884A;margin-bottom:9px} body.premium .cta-section.cta-sub .hsst-sub-perks ul{ list-style:none;margin:0;padding:0} body.premium .cta-section.cta-sub .hsst-sub-perks li{ position:relative;padding-left:20px;font-size:.82rem;color:#5C574F;line-height:1.6;margin-bottom:7px} body.premium .cta-section.cta-sub .hsst-sub-perks li::before{ content:'✓';position:absolute;left:0;top:0;color:#C2A25E;font-weight:700} body.premium .cta-section.cta-sub .hsst-form.hsst-sub-form .hsst-form-btn{ justify-self:center;min-width:260px} @media (max-width: 760px){ body.premium .cta-section.cta-sub .hsst-sub-grid{ grid-template-columns:1fr !important} body.premium .cta-section.cta-sub .hsst-form.hsst-sub-form .hsst-form-btn{ width:100%}} body.premium .certificates-grid{ grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr)) !important;gap:20px !important} body.premium .certificate-card{ flex-direction:column !important;align-items:stretch !important;gap:0 !important;padding:0 0 18px !important;overflow:hidden} body.premium .certificate-card .cert-badge{ width:100% !important;height:auto !important;border-radius:0 !important;padding:18px 16px 14px} body.premium .certificate-card .cert-badge h4{ font-size:1.35rem;letter-spacing:.5px} body.premium .certificate-card .cert-badge p{ font-size:.72rem;margin-top:4px} body.premium .certificate-card .cert-info{ padding:16px 18px 0} body.premium .certificate-card .cert-info h5{ font-size:.95rem;margin:0 0 8px} body.premium .certificate-card .cert-info p{ font-size:.84rem;line-height:1.75;color:#5C574F;margin:0} @media (max-width: 560px){ body.premium .certificates-grid{ grid-template-columns:1fr !important}} @media (max-width: 640px){ body.premium .cta-section.cta-home .cta-cert-grid{ grid-template-columns:1fr}} body.premium .hero-grid-video .hero-content{ max-width:1080px !important} body.premium .hero-pillars{ display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:4px auto 0;text-align:left} body.premium .hero-pillar{ background:rgba(255,255,255,.72);border:1px solid var(--pv-hair);border-radius:10px;padding:20px 22px 18px;transition:transform .25s,border-color .25s,box-shadow .25s} body.premium .hero-pillar:hover{ transform:translateY(-3px);border-color:var(--pv-gold);box-shadow:0 10px 26px rgba(20,19,15,.07)} body.premium .hero-pillar .hp-icon{ font-size:22px} body.premium .hero-pillar h3{ font-size:.98rem;font-weight:600;margin:10px 0 6px;letter-spacing:.04em} body.premium .hero-pillar p{ font-size:.82rem;color:var(--pv-muted);line-height:1.75;margin:0} body.premium .hero-timeline{ display:grid;grid-template-columns:repeat(4,1fr);max-width:980px;margin:24px auto 0;padding:18px 8px 0;border-top:1px solid var(--pv-hair)} body.premium .hero-timeline .ht-item{ text-align:center;position:relative;padding:0 10px} body.premium .hero-timeline .ht-item::before{ content:'';position:absolute;top:-21.5px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--pv-gold);box-shadow:0 0 0 3px rgba(194,162,94,.18)} body.premium .hero-timeline .ht-year{ display:block;font-family:'Playfair Display',"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif;font-size:1.18rem;font-weight:700;color:#A8884A} body.premium .hero-timeline .ht-text{ display:block;font-size:.76rem;color:var(--pv-muted);margin-top:3px;letter-spacing:.02em} body.premium .hero-grid-video .hero-buttons .btn-primary{ background:var(--pv-gold) !important;color:#1A160F !important;border-color:var(--pv-gold) !important;font-weight:600 !important;box-shadow:0 6px 18px rgba(194,162,94,.35)} body.premium .hero-grid-video .hero-buttons .btn-primary:hover{ background:#AF8E4A !important;border-color:#AF8E4A !important;transform:translateY(-1px)} body.premium .hero-grid-video .hero-buttons .btn-outline-light{ background:rgba(20,19,15,.88) !important;color:#F4F1EA !important;border:1px solid rgba(20,19,15,.88) !important} body.premium .hero-grid-video .hero-buttons .btn-outline-light:hover{ background:#2A2822 !important;border-color:#2A2822 !important;color:#fff !important;transform:translateY(-1px)} @media (max-width: 860px){ body.premium .hero-pillars{ grid-template-columns:1fr;max-width:560px} body.premium .hero-timeline{ grid-template-columns:repeat(2,1fr);gap:16px 0;border-top:0;padding-top:6px} body.premium .hero-timeline .ht-item::before{ display:none} body.premium .hero-timeline .ht-item{ padding:10px 12px;background:rgba(255,255,255,.72);border:1px solid var(--pv-hair);border-radius:8px;margin:0 5px}} body.premium .hero-grid-video .hero-buttons{ margin-top:32px !important} body.premium .mega-panel-icon img{ object-position:center 72%} body.inner-page .hero{ display:flex !important;align-items:center !important} body.inner-page .hero>.container{ width:100% !important} body.inner-page .hero .hero-content{ width:100% !important} .cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;display:none;background:rgba(26,26,46,0.96);border-top:1px solid rgba(201,168,76,0.35);box-shadow:0 -8px 24px rgba(0,0,0,0.18)} .cookie-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;flex-wrap:wrap} .cookie-banner-text{margin:0;color:#F5F0EB;font-size:0.85rem;line-height:1.6} .cookie-banner-btns{display:flex;gap:10px} .cookie-btn-accept,.cookie-btn-decline{border:1px solid #C9A84C;background:transparent;color:#C9A84C;border-radius:20px;padding:6px 18px;font-size:0.82rem;cursor:pointer;transition:all .2s} .cookie-btn-accept:hover,.cookie-btn-decline:hover{background:#C9A84C;color:#fff} .wpp-float.whatsapp-float,.whatsapp-float{position:fixed;bottom:26px;right:22px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.4);z-index:1500;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none} .whatsapp-float:hover{transform:scale(1.08)} .btt.back-to-top{position:fixed;bottom:92px;right:25px;width:44px;height:44px;background:rgba(26,26,46,0.9);color:#C9A84C;border:1px solid rgba(201,168,76,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;text-decoration:none;z-index:1500;opacity:0;visibility:hidden;transition:all .3s ease} .btt.back-to-top.visible{opacity:1;visibility:visible} .faq-item-list{max-width:920px;margin:0 auto;display:grid;gap:14px} .honors-hero{min-height:400px} .site-footer{background:#1A1A2E;color:#cfc9bd;padding:54px 0 0} .site-footer a{color:#cfc9bd;text-decoration:none} .site-footer a:hover{color:#C9A84C} .site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px;padding-bottom:34px} .site-footer h4{color:#C9A84C;font-size:0.98rem;margin:0 0 12px;letter-spacing:0.02em} .site-footer ul{list-style:none;margin:0;padding:0} .site-footer li{margin-bottom:8px;font-size:0.86rem;line-height:1.65} .site-footer p{font-size:0.86rem;line-height:1.7;margin:0 0 8px} .premium-footer{border-top:2px solid #C9A84C} .cta-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px} .info-tags,.info-tags-flex{display:flex;flex-wrap:wrap;gap:10px} .info-tag{background:#FAF8F5;border:1px solid rgba(26,26,46,0.12);border-radius:20px;padding:6px 14px;font-size:0.8rem;color:#4a443c} .info-tag-highlight{background:#C9A84C;border-color:#C9A84C;color:#fff} .why-grid,.honor-grid,.partner-grid,.manufacturing-grid,.mines-grid,.jobs-grid,.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px} .why-card,.honor-card,.partner-card,.equip-card,.mine-region,.job-card,.region-card{background:#fff;border:1px solid rgba(26,26,46,0.10);border-radius:14px;padding:24px 24px 22px;box-shadow:0 4px 18px rgba(26,26,46,0.05);transition:transform .25s ease,box-shadow .25s ease} .why-card:hover,.honor-card:hover,.partner-card:hover,.equip-card:hover,.mine-region:hover,.job-card:hover,.region-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(26,26,46,0.10)} .why-card h4,.honor-card h3,.partner-card h4,.mine-region h3,.region-card h4,.job-card h4{margin:0 0 10px;color:#1A1A2E;font-size:1.05rem} .why-card p,.honor-card p,.partner-card p,.equip-card p,.mine-region p,.region-card p,.job-card p{margin:0;font-size:0.88rem;line-height:1.75;color:#5c574f} .equip-icon{font-size:30px;line-height:1;margin-bottom:10px} .honor-card-badge{display:inline-block;background:#C9A84C;color:#fff;font-weight:700;font-size:0.78rem;letter-spacing:0.05em;border-radius:16px;padding:4px 14px;margin-bottom:12px} .honor-meta{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px dashed rgba(26,26,46,0.15);font-size:0.82rem;color:#6b6558} .honor-meta li{margin-bottom:4px} .media-list{list-style:none;padding:0;margin:0;display:grid;gap:12px} .media-list li{background:#fff;border:1px solid rgba(26,26,46,0.08);border-left:3px solid #C9A84C;border-radius:0 10px 10px 0;padding:14px 18px;font-size:0.9rem;line-height:1.75;color:#4a443c} .qc-funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px} .qc-step{background:#fff;border:1px solid rgba(26,26,46,0.10);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px} .qc-num{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:#C9A84C;line-height:1} .qc-name{font-weight:700;color:#1A1A2E;font-size:0.92rem} .qc-detail{font-size:0.8rem;color:#6b6558;line-height:1.6} .craft-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px} .craft-card{background:#fff;border:1px solid rgba(26,26,46,0.10);border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(26,26,46,0.05)} .craft-card h4{margin:0 0 8px;color:#1A1A2E} .craft-card ul{list-style:none;padding:0;margin:10px 0 0;font-size:0.85rem;color:#5c574f;display:grid;gap:6px} .craft-card ul li::before{content:'◆ ';color:#C9A84C;font-size:0.7em} .esg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px} .esg-card{background:#1A1A2E;color:#fff;border-radius:14px;padding:22px 16px;text-align:center;transition:transform .25s ease} .esg-card:hover{transform:translateY(-3px)} .esg-num{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:700;color:#C9A84C;line-height:1.2} .esg-label{font-size:0.82rem;color:#cfc9bd;margin-top:6px;line-height:1.5} .apply-steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:14px;max-width:880px} .apply-steps li{counter-increment:step;position:relative;padding:16px 18px 16px 62px;background:#fff;border:1px solid rgba(26,26,46,0.10);border-radius:12px;font-size:0.9rem;line-height:1.75;color:#5c574f} .apply-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:16px;font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:#C9A84C} .job-loc{color:#B8860B;font-size:0.82rem;font-weight:600;margin:4px 0 10px} .form-checkbox-group{display:flex;flex-wrap:wrap;gap:12px} .form-checkbox-item{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;color:#4a443c;cursor:pointer} .news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px} .compare-panel-label{font-weight:700;color:#FFFFFF;font-size:0.9rem} .industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px} .industry-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid rgba(26,26,46,0.10);border-radius:14px;padding:20px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease} .industry-tile:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(26,26,46,0.10)} .industry-tile>span:first-child{font-size:26px;line-height:1} .it-label{font-weight:700;color:#1A1A2E;font-size:0.95rem} .it-num{color:#B8860B;font-weight:700;font-family:'Playfair Display',serif} .timeline-container{position:relative;max-width:880px;margin:0 auto;padding-left:34px} .timeline-container::before{content:'';position:absolute;left:10px;top:6px;bottom:6px;width:2px;background:rgba(201,168,76,0.4)} .timeline-item{position:relative;padding:0 0 26px 14px} .timeline-item::before{content:'';position:absolute;left:-30px;top:5px;width:12px;height:12px;border-radius:50%;background:#C9A84C;border:2px solid #FAF8F3;box-shadow:0 0 0 2px rgba(201,168,76,0.35)} .timeline-year{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:#B8860B;margin-bottom:4px} .timeline-title{font-weight:700;color:#1A1A2E;margin-bottom:6px} .timeline-desc{font-size:0.9rem;line-height:1.75;color:#5c574f} .about-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,46,0.25),rgba(26,26,46,0.65))} .highlight-text{background:#FAF8F3;border-left:3px solid #C9A84C;border-radius:0 10px 10px 0;padding:16px 20px;color:#4a443c;font-size:0.95rem;line-height:1.85} .about-heading-pad{padding-top:6px} .sample-hero-content{max-width:900px;margin:0 auto;text-align:center} .hsst-btn{display:inline-flex;align-items:center;gap:8px;background:#C9A84C;color:#fff;border:none;border-radius:24px;padding:10px 26px;font-weight:600;font-size:0.9rem;text-decoration:none;transition:background .2s} .hsst-btn:hover{background:#B8860B;color:#fff} body.premium :is( .why-grid,.honor-grid,.partner-grid,.manufacturing-grid,.mines-grid,.esg-grid,.industry-grid,.jobs-grid,.region-grid,.strength-grid ){ display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;justify-content:flex-start !important;column-gap:var(--gx,22px) !important;row-gap:var(--gy,36px) !important} body.premium :is( .why-grid,.honor-grid,.partner-grid,.manufacturing-grid,.mines-grid,.esg-grid,.industry-grid,.jobs-grid,.region-grid,.strength-grid )>*{ flex-grow:1 !important;flex-shrink:0 !important;flex-basis:calc((100% - (var(--c, 3) - 1) * var(--gx, 22px)) / var(--c, 3)) !important;max-width:100% !important;min-width:0 !important;margin:0 !important;width:auto !important;box-sizing:border-box} @media (max-width: 1024px){ body.premium :is( .why-grid,.honor-grid,.partner-grid,.manufacturing-grid,.mines-grid,.esg-grid,.industry-grid,.jobs-grid,.region-grid,.strength-grid )>*{ flex-basis:calc((100% - (var(--c-t, 2) - 1) * var(--gx, 22px)) / var(--c-t, 2)) !important}} @media (max-width: 640px){ body.premium :is( .why-grid,.honor-grid,.partner-grid,.manufacturing-grid,.mines-grid,.esg-grid,.industry-grid,.jobs-grid,.region-grid,.strength-grid )>*{ flex-basis:100% !important}} body.premium .mega-panel-grid{ display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;column-gap:6px !important;row-gap:2px !important} body.premium .mega-panel-grid>.mega-panel-link{ flex-grow:1 !important;flex-shrink:0 !important;flex-basis:calc((100% - 12px) / 3) !important;box-sizing:border-box} .faq-intro{ margin-bottom:22px} .faq-intro-title{ font-family:var(--font-heading,'Playfair Display',serif);font-size:1.5rem;font-weight:700;color:#1A1A2E;margin:0 0 8px} .faq-intro-desc{ font-size:0.92rem;color:#5c574f;line-height:1.8;margin:0;max-width:100%} .faq-chips{ display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px;margin:0 0 34px} .faq-chip{ flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#FAF8F5;border:1px solid rgba(26,26,46,0.10);border-radius:24px;color:#1A1A2E;font-size:0.85rem;font-weight:600;text-decoration:none;transition:all .25s ease;white-space:nowrap} .faq-chip:hover{ background:#C9A84C;border-color:#C9A84C;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(201,168,76,0.22)} .faq-chip-num{ font-family:var(--font-heading,'Playfair Display',serif);color:#C9A84C;font-weight:700;font-size:0.95rem} .faq-chip:hover .faq-chip-num{ color:#fff} .faq-cat-title{ display:flex;align-items:center;gap:12px;font-family:var(--font-heading,'Playfair Display',serif);font-size:1.22rem;font-weight:700;color:#1A1A2E;margin:42px 0 18px;padding-bottom:12px;border-bottom:2px solid rgba(201,168,76,0.55);scroll-margin-top:100px} .faq-cat-num{ color:#C9A84C;font-size:1.3rem} .faq-category{ display:block} @media (max-width: 640px){ .faq-chip{ flex:1 1 100%;justify-content:flex-start} .faq-cat-title{ font-size:1.06rem}} .product-gallery-grid{ display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:18px !important} .product-gallery-grid>.product-gallery-item{ margin:0 !important;width:auto !important;flex:none !important;flex-basis:auto !important} @media (max-width: 1024px){ .product-gallery-grid{ grid-template-columns:repeat(3,1fr) !important}} @media (max-width: 640px){ .product-gallery-grid{ grid-template-columns:repeat(2,1fr) !important;gap:12px !important}} html{ scroll-padding-top:64px} body.premium .navbar{ height:48px;background:rgba(245,241,234,0.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:none;border-bottom:1px solid rgba(26,26,46,0.08)} body.premium .navbar.scrolled{ background:rgba(245,241,234,0.92);box-shadow:0 1px 0 rgba(26,26,46,0.06)} @media (min-width: 1161px){ body.premium .navbar .container{ max-width:1400px} body.premium .nav-links{ gap:clamp(12px,1.6vw,26px)} body.premium .nav-links>a,body.premium .nav-dropdown>a{ font-size:12.5px} body.premium .nav-logo{ margin-right:18px;gap:8px} body.premium .nav-logo img{ height:32px} body.premium .nav-logo-text strong{ font-size:0.72rem;letter-spacing:0.2px} body.premium .nav-logo-text small{ font-size:0.52rem} body.premium .nav-dropdown>a::after{ font-size:9px} body.premium .lang-switch{ margin-left:6px} body.premium .lang-switch a{ font-size:11.5px}} @media (max-width: 1160px){ body.premium .navbar .nav-toggle{ display:flex !important} body.premium .navbar .nav-links{ position:fixed !important;top:0;right:-100% !important;width:300px;height:100vh;background:#F5F0EB;flex-direction:column !important;align-items:flex-start !important;padding:72px 24px 32px !important;gap:0 !important;transition:right 0.4s ease;z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none} body.premium .navbar .nav-links.open{ right:0 !important;pointer-events:auto !important} body.premium .navbar .nav-links a{ color:var(--color-primary) !important;padding:13px 0 !important;font-size:15px !important;border-bottom:1px solid rgba(26,26,46,0.08) !important;width:100% !important} body.premium .navbar .nav-links a::after{ display:none !important} body.premium .navbar .mega-panel,body.premium .navbar .dropdown-panel{ display:none;position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:none;border-radius:0;background:rgba(0,0,0,0.02);padding:0 0 0 16px;margin:0;min-width:0;width:100%;max-height:0;overflow:hidden;transition:max-height 0.35s ease} body.premium .navbar .nav-dropdown.mobile-open .mega-panel,body.premium .navbar .nav-dropdown.mobile-open .dropdown-panel{ display:block;max-height:none;padding:8px 0 8px 16px} body.premium .navbar .nav-dropdown>a::after{ display:inline-block !important;transition:transform 0.3s ease} body.premium .navbar .nav-dropdown.mobile-open>a::after{ transform:rotate(180deg) !important} body.premium .navbar .mega-panel-grid{ grid-template-columns:1fr !important;gap:0 !important} body.premium .navbar .mega-panel-link{ padding:10px 0 !important;border-bottom:1px solid rgba(0,0,0,0.06) !important;width:100% !important;font-size:14px !important} body.premium .navbar .mega-panel-icon{ width:36px;height:36px} body.premium .navbar .mega-panel-icon img{ width:36px;height:36px} body.premium .navbar .mega-panel-text span{ font-size:0.7rem} body.premium .navbar .dropdown-item{ padding:10px 0 !important;border-bottom:1px solid rgba(0,0,0,0.06) !important;width:100% !important} body.premium .navbar .lang-switch{ border:none;border-top:1px solid rgba(26,26,46,0.1);padding-top:20px !important;margin-left:0 !important;margin-top:16px} body.premium .navbar .lang-switch a{ font-size:14px !important} body.premium .navbar .nav-links::before,body.premium .navbar .nav-links::after{ content:none !important} body.premium .navbar .nav-links>a,body.premium .navbar .nav-links>.nav-dropdown>a{ text-align:left !important;justify-content:flex-start !important;align-items:center !important;min-height:0 !important;border-radius:0 !important} body.premium .navbar .nav-links>a.active,body.premium .navbar .nav-links>a:hover,body.premium .navbar .nav-links>.nav-dropdown>a.active,body.premium .navbar .nav-links>.nav-dropdown:hover>a{ color:#C9A84C !important;background:transparent !important} body.premium .navbar .nav-links>a.active::before{ content:'' !important;position:absolute !important;left:-24px !important;top:50% !important;transform:translateY(-50%) !important;width:3px !important;height:22px !important;background:#C9A84C !important;border-radius:0 2px 2px 0 !important;bottom:auto !important} body.premium .navbar .nav-links{ height:100dvh;max-width:86vw;box-shadow:-12px 0 40px rgba(26,26,46,0.18)} body.premium .navbar .lang-switch{ justify-content:flex-start !important;gap:4px !important;margin-left:0 !important;margin-right:24px !important} body.premium .navbar .lang-switch a{ min-width:0 !important;padding:8px 14px !important;border-radius:999px !important} body.premium .navbar .lang-switch a.active{ color:#1A1A2E !important;background:rgba(201,168,76,0.18) !important}} .faqv2-hero{background:linear-gradient(135deg,#15152b 0%,#1e1e3a 55%,#26264a 100%);position:relative;overflow:hidden;padding:88px 0 72px;text-align:center;color:#fff} .faqv2-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 300px at 15% 20%,rgba(201,168,76,0.18),transparent 60%),radial-gradient(500px 260px at 85% 75%,rgba(201,168,76,0.12),transparent 60%);pointer-events:none} .faqv2-hero .container{position:relative;z-index:1} .faqv2-kicker{display:inline-block;font-size:12px;letter-spacing:3px;color:#C9A84C;border:1px solid rgba(201,168,76,0.4);border-radius:999px;padding:6px 16px;margin-bottom:18px} .faqv2-hero h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;margin:0 0 14px;color:#fff} .faqv2-hero-sub{max-width:760px;margin:0 auto 30px;color:rgba(255,255,255,0.72);font-size:15.5px;line-height:1.8} .faqv2-hero-sub strong{color:#C9A84C} .faqv2-search{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 22px;box-shadow:0 10px 30px rgba(0,0,0,0.25)} .faqv2-search svg{color:#9a938a;flex:none} .faqv2-search input{flex:1;border:none;outline:none;font-size:15px;padding:12px 0;background:transparent;color:#1A1A2E;min-width:0} .faqv2-search input::placeholder{color:#b3aca2} .faqv2-stats{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap} .faqv2-stat{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);border-radius:14px;padding:14px 26px;min-width:120px} .faqv2-stat strong{display:block;font-size:26px;font-weight:800;color:#C9A84C} .faqv2-stat span{font-size:12.5px;color:rgba(255,255,255,0.65);letter-spacing:1px} .faqv2-subnav{position:sticky;top:48px;z-index:900;background:rgba(250,249,247,0.92);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(26,26,46,0.08);padding:10px 0} .faqv2-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none} .faqv2-chips::-webkit-scrollbar{display:none} .faqv2-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(26,26,46,0.12);background:#fff;color:#43404a;font-size:13px;text-decoration:none;transition:all .2s ease;white-space:nowrap} .faqv2-chip-num{font-size:11px;font-weight:700;color:#C9A84C} .faqv2-chip:hover{border-color:#C9A84C;color:#1A1A2E;transform:translateY(-1px)} .faqv2-chip.active{background:#1A1A2E;border-color:#1A1A2E;color:#fff} .faqv2-chip.active .faqv2-chip-num{color:#C9A84C} .faqv2-body{background:#faf9f7} .faqv2-result-info{background:#fff;border:1px solid rgba(201,168,76,0.35);border-left:4px solid #C9A84C;border-radius:10px;padding:12px 18px;font-size:14px;color:#1A1A2E;margin:0 0 22px} .faqv2-cat{margin-bottom:46px;scroll-margin-top:120px} .faqv2-cat-head{display:flex;align-items:center;gap:16px;padding:20px 0 14px;border-bottom:2px solid #1A1A2E;margin-bottom:20px} .faqv2-cat-num{font-size:34px;font-weight:800;color:transparent;-webkit-text-stroke:1.5px #C9A84C;line-height:1;flex:none} .faqv2-cat-text h2{margin:0;font-size:22px;font-weight:700;color:#1A1A2E} .faqv2-cat-text p{margin:4px 0 0;font-size:12.5px;color:#8a847b;letter-spacing:.5px} .faqv2-cat-count{margin-left:auto;flex:none;font-size:12px;font-weight:600;color:#C9A84C;background:rgba(201,168,76,0.12);border:1px solid rgba(201,168,76,0.3);border-radius:999px;padding:4px 12px} .faqv2-items .faq-item{background:#fff;box-shadow:0 1px 3px rgba(26,26,46,0.05)} .faqv2-empty{text-align:center;padding:40px 20px;background:#fff;border:1px dashed rgba(26,26,46,0.2);border-radius:14px;color:#6b665e;font-size:15px} .faqv2-empty a{color:#C9A84C;font-weight:600;text-decoration:none} .faqv2-channels{margin-top:56px} .faqv2-channels .section-header-center{margin-bottom:28px} .faqv2-channels .section-header-center p{color:#6b665e;font-size:14.5px;max-width:640px;margin:10px auto 0;line-height:1.7} .faqv2-channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px} .faqv2-channel{display:flex;flex-direction:column;gap:8px;background:#1A1A2E;color:#fff;border-radius:16px;padding:26px 22px;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease} .faqv2-channel::after{content:'';position:absolute;inset:0;background:radial-gradient(280px 160px at 85% -10%,rgba(201,168,76,0.25),transparent 65%);pointer-events:none} .faqv2-channel:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(26,26,46,0.25)} .faqv2-ch-icon{font-size:30px;line-height:1} .faqv2-channel h3{margin:0;font-size:17px;color:#fff} .faqv2-channel p{margin:0;font-size:12.5px;color:rgba(255,255,255,0.66);line-height:1.7} .faqv2-ch-link{margin-top:auto;font-size:13px;font-weight:600;color:#C9A84C} .faqv2-cta{text-align:center;background:linear-gradient(135deg,#1A1A2E,#26264a);border-radius:20px;padding:48px 28px;margin-top:56px;color:#fff;position:relative;overflow:hidden} .faqv2-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(420px 200px at 50% 0%,rgba(201,168,76,0.2),transparent 65%)} .faqv2-cta>*{position:relative} .faqv2-cta h2{font-size:26px;font-weight:800;margin:0 0 10px;color:#fff} .faqv2-cta p{max-width:560px;margin:0 auto 24px;color:rgba(255,255,255,0.7);font-size:14.5px;line-height:1.8} .faqv2-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .faqv2-cta .btn-primary{background:#C9A84C;color:#15152b;border:none;padding:12px 30px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s} .faqv2-cta .btn-primary:hover{transform:translateY(-2px)} .faqv2-cta .btn-outline{border:1px solid rgba(255,255,255,0.4);color:#fff;padding:12px 30px;border-radius:999px;font-weight:600;text-decoration:none;transition:border-color .2s} .faqv2-cta .btn-outline:hover{border-color:#C9A84C;color:#C9A84C} @media(max-width:768px){ .faqv2-hero{padding:64px 0 52px} .faqv2-cat-head{flex-wrap:wrap;gap:10px} .faqv2-cat-num{font-size:26px} .faqv2-stat{min-width:104px;padding:12px 18px} .faqv2-stat strong{font-size:21px} .faqv2-cta{padding:36px 18px}} .faqv2-hero h1,.faqv2-cta h2{color:#fff !important} .faqv2-hero h1{font-weight:800 !important} body.premium .faqv2-hero h1,body.premium .faqv2-cta h2{color:#fff !important} .navbar .mega-panel-link.active .mega-panel-text strong{color:#C9A84C !important} .navbar .mega-panel-link.active{opacity:1} body.premium .btn,body.premium .btn-primary,body.premium .btn-gold,body.premium .btn-secondary,body.premium .btn-outline,body.premium .btn-outline-light,body.premium .btn-outline-white,body.premium .btn-white,body.premium .hsst-btn,body.premium .hsst-form-btn,body.premium .product-action-btn,body.premium .compare-panel-btn,body.premium .cookie-btn-accept,body.premium .cookie-btn-decline,body.premium .filter-btn,body.premium .news-filter-btn,body.premium .pwa-install-btn,body.premium .pwa-guide-close,body.premium button[type="submit"],body.premium input[type="submit"],body.premium input[type="button"],body.premium .back-to-top,body.premium .whatsapp-float,body.premium .hero-grid-video .hero-buttons .btn-primary,body.premium .hero-grid-video .hero-buttons .btn-outline-light,body.premium .hsst-form-zone .inquiry-form button[type="submit"],body.premium .products-cta button[type="submit"]{ background:#fff !important;color:#1A1A2E !important;border:1.5px solid #C9A84C !important;text-decoration:none !important;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease !important} body.premium .btn:hover,body.premium .btn-primary:hover,body.premium .btn-gold:hover,body.premium .btn-secondary:hover,body.premium .btn-outline:hover,body.premium .btn-outline-light:hover,body.premium .btn-outline-white:hover,body.premium .btn-white:hover,body.premium .hsst-btn:hover,body.premium .hsst-form-btn:hover,body.premium .product-action-btn:hover,body.premium .compare-panel-btn:hover,body.premium .cookie-btn-accept:hover,body.premium .cookie-btn-decline:hover,body.premium .filter-btn:hover,body.premium .news-filter-btn:hover,body.premium .pwa-install-btn:hover,body.premium .pwa-guide-close:hover,body.premium button[type="submit"]:hover,body.premium input[type="submit"]:hover,body.premium input[type="button"]:hover,body.premium .back-to-top:hover,body.premium .whatsapp-float:hover,body.premium .hero-grid-video .hero-buttons .btn-primary:hover,body.premium .hero-grid-video .hero-buttons .btn-outline-light:hover,body.premium .hsst-form-zone .inquiry-form button[type="submit"]:hover,body.premium .products-cta button[type="submit"]:hover{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;box-shadow:inset 0 0 0 1px #C9A84C,0 8px 22px rgba(201,168,76,0.35) !important;transform:translateY(-2px) !important} body.premium .btn:active,body.premium .btn-primary:active,body.premium .btn-gold:active,body.premium .btn-outline:active,body.premium .btn-outline-light:active,body.premium .btn-outline-white:active,body.premium .btn-white:active,body.premium .hsst-btn:active,body.premium .hsst-form-btn:active,body.premium .product-action-btn:active,body.premium .compare-panel-btn:active,body.premium .cookie-btn-accept:active,body.premium .cookie-btn-decline:active,body.premium .filter-btn:active,body.premium .news-filter-btn:active,body.premium .pwa-install-btn:active,body.premium .pwa-guide-close:active,body.premium button[type="submit"]:active,body.premium input[type="submit"]:active,body.premium input[type="button"]:active,body.premium .back-to-top:active,body.premium .whatsapp-float:active,body.premium .hero-grid-video .hero-buttons .btn-primary:active,body.premium .hero-grid-video .hero-buttons .btn-outline-light:active,body.premium .hsst-form-zone .inquiry-form button[type="submit"]:active,body.premium .products-cta button[type="submit"]:active{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;box-shadow:inset 0 0 0 1.5px #C9A84C !important;transform:scale(0.96) !important} body.premium .btn:focus-visible,body.premium .btn-primary:focus-visible,body.premium .btn-gold:focus-visible,body.premium .btn-outline:focus-visible,body.premium .btn-outline-light:focus-visible,body.premium .btn-outline-white:focus-visible,body.premium .btn-white:focus-visible,body.premium .hsst-btn:focus-visible,body.premium .hsst-form-btn:focus-visible,body.premium .product-action-btn:focus-visible,body.premium .compare-panel-btn:focus-visible,body.premium .cookie-btn-accept:focus-visible,body.premium .cookie-btn-decline:focus-visible,body.premium .filter-btn:focus-visible,body.premium .news-filter-btn:focus-visible,body.premium .pwa-install-btn:focus-visible,body.premium .pwa-guide-close:focus-visible,body.premium button[type="submit"]:focus-visible,body.premium input[type="submit"]:focus-visible,body.premium input[type="button"]:focus-visible,body.premium .back-to-top:focus-visible,body.premium .whatsapp-float:focus-visible,body.premium .hero-grid-video .hero-buttons .btn-primary:focus-visible,body.premium .hero-grid-video .hero-buttons .btn-outline-light:focus-visible,body.premium .hsst-form-zone .inquiry-form button[type="submit"]:focus-visible,body.premium .products-cta button[type="submit"]:focus-visible{ outline:none !important;box-shadow:0 0 0 2px #fff,0 0 0 4.5px #C9A84C !important} body.premium .btn:disabled,body.premium .btn-primary:disabled,body.premium .btn-gold:disabled,body.premium .btn-outline:disabled,body.premium .btn-outline-light:disabled,body.premium .btn-outline-white:disabled,body.premium .btn-white:disabled,body.premium .hsst-btn:disabled,body.premium .hsst-form-btn:disabled,body.premium .product-action-btn:disabled,body.premium .compare-panel-btn:disabled,body.premium .filter-btn:disabled,body.premium .news-filter-btn:disabled,body.premium .pwa-install-btn:disabled,body.premium .pwa-guide-close:disabled,body.premium button[type="submit"]:disabled,body.premium input[type="submit"]:disabled,body.premium input[type="button"]:disabled,body.premium .hero-grid-video .hero-buttons .btn-primary:disabled,body.premium .hsst-form-btn[disabled],body.premium button[disabled][type="submit"],body.premium input[disabled][type="submit"],body.premium input[disabled][type="button"],body.premium .hsst-form-zone .inquiry-form button[type="submit"]:disabled,body.premium .products-cta button[type="submit"]:disabled{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;opacity:0.5 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important} body.premium .btn::after{ background:rgba(201,168,76,0.10) !important} body.premium .back-to-top{ color:#1A1A2E !important} body.premium .back-to-top:hover{ transform:translateY(-3px) !important} body.premium .whatsapp-float{ color:#1A1A2E !important} body.premium .back-to-top svg,body.premium .whatsapp-float svg{ fill:currentColor !important} body.premium .v2-btn,body.premium .v2-btn.gold,body.premium .v2-qbtns .v2-btn,body.premium .v2-qbtns .v2-btn:not(.gold),body.premium .product-action-bar .product-action-btn,body.premium .product-action-bar .product-action-btn.sample,body.premium .product-action-bar .product-action-btn.inquire,body.premium .product-action-bar .product-action-btn.compare{ background:#fff !important;color:#1A1A2E !important;border:1.5px solid #C9A84C !important;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease !important} body.premium .v2-btn:hover,body.premium .v2-btn.gold:hover,body.premium .v2-qbtns .v2-btn:hover,body.premium .v2-qbtns .v2-btn:not(.gold):hover,body.premium .product-action-bar .product-action-btn:hover,body.premium .product-action-bar .product-action-btn.sample:hover,body.premium .product-action-bar .product-action-btn.inquire:hover,body.premium .product-action-bar .product-action-btn.compare:hover{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;box-shadow:inset 0 0 0 1px #C9A84C,0 8px 22px rgba(201,168,76,0.35) !important;transform:translateY(-2px) !important} body.premium .v2-btn:active,body.premium .v2-btn.gold:active,body.premium .v2-qbtns .v2-btn:active,body.premium .product-action-bar .product-action-btn:active,body.premium .product-action-bar .product-action-btn.sample:active,body.premium .product-action-bar .product-action-btn.inquire:active,body.premium .product-action-bar .product-action-btn.compare:active{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;box-shadow:inset 0 0 0 1.5px #C9A84C !important;transform:scale(0.96) !important} body.premium .v2-btn:focus-visible,body.premium .v2-btn.gold:focus-visible,body.premium .v2-qbtns .v2-btn:focus-visible,body.premium .product-action-bar .product-action-btn:focus-visible,body.premium .product-action-bar .product-action-btn.sample:focus-visible,body.premium .product-action-bar .product-action-btn.inquire:focus-visible,body.premium .product-action-bar .product-action-btn.compare:focus-visible{ outline:none !important;box-shadow:0 0 0 2px #fff,0 0 0 4.5px #C9A84C !important} body.premium .v2-btn:disabled,body.premium .v2-btn.gold:disabled,body.premium .product-action-bar .product-action-btn:disabled,body.premium .product-action-bar .product-action-btn.sample:disabled,body.premium .product-action-bar .product-action-btn.inquire:disabled,body.premium .product-action-bar .product-action-btn.compare:disabled{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;opacity:0.5 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important} body.premium .product-action-bar .product-action-btn::after,body.premium .product-action-bar .product-action-btn.inquire::after{ background:rgba(201,168,76,0.10) !important} body.premium .btn-filled,body.premium .btn-ghost,body.premium .filter-tag,body.premium .filter-tag.active,body.premium .compare-panel-clear,body.premium .cta-section.cta-home .hsst-form-btn,body.premium .hsst-form-zone .hsst-form-btn,body.premium .v2-quote .hsst-form-btn{ background:#fff !important;color:#1A1A2E !important;border:1.5px solid #C9A84C !important;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease !important} body.premium .btn-filled:hover,body.premium .btn-ghost:hover,body.premium .filter-tag:hover,body.premium .filter-tag.active:hover,body.premium .compare-panel-clear:hover,body.premium .cta-section.cta-home .hsst-form-btn:hover,body.premium .hsst-form-zone .hsst-form-btn:hover,body.premium .v2-quote .hsst-form-btn:hover{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;box-shadow:inset 0 0 0 1px #C9A84C,0 8px 22px rgba(201,168,76,0.35) !important;transform:translateY(-2px) !important} body.premium .btn-filled:active,body.premium .btn-ghost:active,body.premium .filter-tag:active,body.premium .filter-tag.active:active,body.premium .compare-panel-clear:active,body.premium .cta-section.cta-home .hsst-form-btn:active,body.premium .hsst-form-zone .hsst-form-btn:active,body.premium .v2-quote .hsst-form-btn:active{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;box-shadow:inset 0 0 0 1.5px #C9A84C !important;transform:scale(0.96) !important} body.premium .btn-filled:focus-visible,body.premium .btn-ghost:focus-visible,body.premium .filter-tag:focus-visible,body.premium .compare-panel-clear:focus-visible,body.premium .cta-section.cta-home .hsst-form-btn:focus-visible,body.premium .hsst-form-zone .hsst-form-btn:focus-visible,body.premium .v2-quote .hsst-form-btn:focus-visible{ outline:none !important;box-shadow:0 0 0 2px #fff,0 0 0 4.5px #C9A84C !important} body.premium .btn-filled:disabled,body.premium .btn-ghost:disabled,body.premium .filter-tag:disabled,body.premium .cta-section.cta-home .hsst-form-btn:disabled,body.premium .hsst-form-zone .hsst-form-btn:disabled,body.premium .v2-quote .hsst-form-btn:disabled{ background:#fff !important;color:#1A1A2E !important;border-color:#C9A84C !important;opacity:0.5 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important} @media (max-width: 1160px){ body.premium .navbar .mega-panel-grid{ display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0 10px !important} body.premium .navbar .nav-links .mega-panel-link{ padding:9px 10px !important;width:auto !important} body.premium .navbar .nav-links .mega-panel-icon,body.premium .navbar .nav-links .mega-panel-icon img{ width:30px !important;height:30px !important;min-width:30px !important;border-radius:8px} body.premium .navbar .mega-panel-text{ gap:2px} body.premium .navbar .mega-panel-text strong{ font-size:0.82rem !important} body.premium .navbar .mega-panel-text span{ font-size:0.6rem !important} body.premium .navbar .nav-links .dropdown-item{ padding:9px 10px !important;width:auto !important} body.premium .navbar .nav-links a,body.premium .navbar .mega-panel-viewall a{ touch-action:manipulation}} body.drawer-open .cookie-banner,body.drawer-open .whatsapp-float,body.drawer-open .back-to-top,body.drawer-open .pwa-install-btn{ opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity 0.25s ease} @media (max-width: 1160px){ body.premium .navbar .mega-panel-grid .mega-panel-link:last-child:nth-child(odd){ grid-column:1 / -1} body.premium .navbar .nav-links .nav-dropdown>a::after{ width:0 !important;height:0 !important;flex:none !important;align-self:center !important;border-left:5px solid transparent !important;border-right:5px solid transparent !important;border-top:5px solid currentColor !important;border-bottom:0 !important;background:transparent !important;position:static !important;margin:0 0 0 6px !important} body.premium .navbar .nav-links>.nav-dropdown>a{ white-space:nowrap}} .cs2-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:3px;color:#C9A84C;text-transform:uppercase} .cs2-kicker::before{content:'';width:28px;height:2px;background:#C9A84C} .cs2-head{text-align:center;max-width:820px;margin:0 auto 52px} .cs2-title{font-size:clamp(28px,3.4vw,42px);font-weight:800;color:#1A1A2E;margin:14px 0 16px;letter-spacing:.5px} .cs2-desc{font-size:15.5px;line-height:1.9;color:#5c5a66;margin:0} .cs2-facts{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#15152b,#232346);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(21,21,43,.25)} .cs2-fact{padding:30px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.07)} .cs2-fact:last-child{border-right:none} .cs2-fact .ic{font-size:24px} .cs2-fact .num{font-size:26px;font-weight:800;color:#C9A84C;margin:8px 0 4px;font-family:'Inter Tight',sans-serif} .cs2-fact .lab{font-size:12.5px;color:rgba(255,255,255,.65);letter-spacing:1px} .cs2-overview-hero{display:grid;grid-template-columns:1.15fr 1fr;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(26,26,46,.18);margin-top:44px;background:#fff} .cs2-overview-media{position:relative;min-height:380px} .cs2-overview-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .cs2-overview-media .tag{position:absolute;left:22px;bottom:22px;background:rgba(21,21,43,.82);color:#fff;padding:10px 18px;border-radius:10px;font-size:13px;backdrop-filter:blur(6px)} .cs2-overview-media .tag strong{color:#C9A84C} .cs2-overview-body{padding:44px 42px;display:flex;flex-direction:column;justify-content:center} .cs2-overview-body h3{font-size:21px;font-weight:800;color:#1A1A2E;margin:0 0 14px} .cs2-overview-body p{font-size:14.5px;line-height:2;color:#55525e;margin:0 0 12px} .cs2-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px} .cs2-chip{font-size:12.5px;font-weight:600;color:#1A1A2E;background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.45);border-radius:999px;padding:7px 15px} .cs2-mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .cs2-mat-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(26,26,46,.10);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column} .cs2-mat-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(26,26,46,.16)} .cs2-mat-card .ph{position:relative;aspect-ratio:4/3;overflow:hidden} .cs2-mat-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease} .cs2-mat-card:hover .ph img{transform:scale(1.07)} .cs2-mat-card .ph .badge{position:absolute;top:14px;left:14px;background:rgba(21,21,43,.85);color:#C9A84C;font-size:11.5px;font-weight:700;letter-spacing:1px;padding:6px 12px;border-radius:8px} .cs2-mat-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1} .cs2-mat-body .nm{font-size:19px;font-weight:800;color:#1A1A2E} .cs2-mat-body .og{font-size:12.5px;color:#8a8794;margin:5px 0 14px} .cs2-mat-spec{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:12.8px;margin-bottom:14px} .cs2-mat-spec .k{color:#9a97a3;font-weight:600} .cs2-mat-spec .v{color:#3c3a46;font-weight:600} .cs2-mat-body .ds{font-size:13.5px;line-height:1.9;color:#55525e;margin-bottom:18px} .cs2-mat-body .lk{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#A8863B;text-decoration:none} .cs2-mat-body .lk:hover{color:#8A6D2F} .cs2-gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .cs2-gal{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;display:block} .cs2-gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease} .cs2-gal:hover img{transform:scale(1.08)} .cs2-gal .cap{position:absolute;inset:auto 0 0 0;padding:34px 18px 14px;background:linear-gradient(180deg,transparent,rgba(21,21,43,.88));color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px} .cs2-gal .cap span{display:block;font-weight:400;font-size:11.5px;color:rgba(255,255,255,.72);margin-top:3px} .cs2-gal .cap .no{color:#C9A84C;font-family:'Inter Tight',sans-serif;font-weight:800;margin-right:6px} .cs2-proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .cs2-proc{background:#fff;border-radius:18px;padding:30px 28px;box-shadow:0 12px 34px rgba(26,26,46,.10);position:relative;overflow:hidden} .cs2-proc::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#C9A84C,#E8D9AE)} .cs2-proc .stage{font-size:44px;font-weight:800;color:transparent;-webkit-text-stroke:1.5px #C9A84C;font-family:'Inter Tight',sans-serif;line-height:1} .cs2-proc h4{font-size:17px;font-weight:800;color:#1A1A2E;margin:14px 0 10px} .cs2-proc .ph{border-radius:12px;overflow:hidden;margin-bottom:16px;aspect-ratio:16/10} .cs2-proc .ph img{width:100%;height:100%;object-fit:cover} .cs2-proc p{font-size:13.2px;line-height:1.85;color:#5c5966;margin:0} .cs2-inst-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px} .cs2-inst{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(26,26,46,.09);display:grid;grid-template-columns:200px 1fr;transition:transform .3s ease} .cs2-inst:hover{transform:translateY(-4px)} .cs2-inst .ph{height:100%;min-height:150px} .cs2-inst .ph img{width:100%;height:100%;object-fit:cover} .cs2-inst .tx{padding:20px 22px} .cs2-inst .tx h4{font-size:15.5px;font-weight:800;color:#1A1A2E;margin:0 0 8px} .cs2-inst .tx p{font-size:12.8px;line-height:1.8;color:#5c5966;margin:0} .cs2-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .cs2-rel{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(26,26,46,.10);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:flex;flex-direction:column} .cs2-rel:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(26,26,46,.16)} .cs2-rel .ph{aspect-ratio:4/3;overflow:hidden} .cs2-rel .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease} .cs2-rel:hover .ph img{transform:scale(1.07)} .cs2-rel .tx{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1} .cs2-rel .tx .nm{font-size:18px;font-weight:800;color:#1A1A2E} .cs2-rel .tx .og{font-size:12px;color:#8a8794;margin:4px 0 10px} .cs2-rel .tx p{font-size:13px;line-height:1.8;color:#55525e;margin:0 0 14px} .cs2-rel .tx .go{margin-top:auto;font-size:13.5px;font-weight:700;color:#A8863B} .cs2-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px} .cs2-tech{background:#fff;border-radius:18px;padding:32px 30px;box-shadow:0 12px 34px rgba(26,26,46,.10);border-left:4px solid #C9A84C} .cs2-tech .h{display:flex;align-items:center;gap:12px;margin-bottom:12px} .cs2-tech .h .ic{font-size:26px} .cs2-tech .h .tg{font-size:11.5px;font-weight:800;letter-spacing:2px;color:#C9A84C} .cs2-tech .h h4{font-size:17.5px;font-weight:800;color:#1A1A2E;margin:0} .cs2-tech .ch{font-size:13.8px;line-height:1.85;color:#55525e;margin:0 0 14px} .cs2-tech .so{background:rgba(201,168,76,.10);border-radius:12px;padding:16px 18px;font-size:13.2px;line-height:1.85;color:#4a4754} .cs2-tech .so strong{color:#8A6D2F} .cs2-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px} .cs2-metric{background:linear-gradient(135deg,#15152b,#232346);border-radius:14px;padding:22px 16px;text-align:center} .cs2-metric .n{font-size:28px;font-weight:800;color:#C9A84C;font-family:'Inter Tight',sans-serif} .cs2-metric .l{font-size:12px;color:rgba(255,255,255,.7);margin-top:6px;letter-spacing:1px} @media (max-width: 1024px){ .cs2-facts{grid-template-columns:repeat(2,1fr)} .cs2-fact:nth-child(2){border-right:none} .cs2-fact:nth-child(1),.cs2-fact:nth-child(2){border-bottom:1px solid rgba(255,255,255,.07)} .cs2-mat-grid,.cs2-gal-grid,.cs2-proc-grid,.cs2-rel-grid{grid-template-columns:repeat(2,1fr)} .cs2-tech-grid{grid-template-columns:1fr} .cs2-metrics{grid-template-columns:repeat(2,1fr)} .cs2-overview-hero{grid-template-columns:1fr} .cs2-overview-media{min-height:280px}} @media (max-width: 640px){ .cs2-mat-grid,.cs2-gal-grid,.cs2-proc-grid,.cs2-rel-grid,.cs2-inst-grid{grid-template-columns:1fr} .cs2-facts{grid-template-columns:repeat(2,1fr)} .cs2-overview-body{padding:28px 24px}} @media (hover: none),(pointer: coarse){ .navbar .nav-dropdown:hover:not(.nav-open)>.mega-panel,.navbar .nav-dropdown:hover:not(.nav-open)>.dropdown-panel,body.premium .navbar .nav-dropdown:hover:not(.nav-open)>.mega-panel,body.premium .navbar .nav-dropdown:hover:not(.nav-open)>.dropdown-panel{ opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateX(-50%) translateY(8px) !important;-webkit-transform:translateX(-50%) translateY(8px) !important} .navbar .nav-dropdown:hover>a::after,body.premium .navbar .nav-dropdown:hover>a::after{ width:auto !important;transform:none !important} .navbar .nav-links>a:hover::after{ width:0 !important}} .navbar .nav-dropdown.nav-open>.mega-panel,.navbar .nav-dropdown.nav-open>.dropdown-panel,body.premium .navbar .nav-dropdown.nav-open>.mega-panel,body.premium .navbar .nav-dropdown.nav-open>.dropdown-panel{ opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0) !important;-webkit-transform:translateX(-50%) translateY(0) !important;transition-delay:0s !important} .navbar .nav-dropdown.nav-open>a::after,body.premium .navbar .nav-dropdown.nav-open>a::after{ transform:rotate(180deg) !important} @media (max-width: 1160px){ .navbar .nav-dropdown.nav-open>.mega-panel,.navbar .nav-dropdown.nav-open>.dropdown-panel,body.premium .navbar .nav-dropdown.nav-open>.mega-panel,body.premium .navbar .nav-dropdown.nav-open>.dropdown-panel{ display:block !important;position:static !important;transform:none !important;-webkit-transform:none !important;opacity:1 !important;visibility:visible !important;max-height:none !important;padding:8px 0 8px 16px !important} body.premium .navbar .nav-links{ height:100dvh !important;max-height:100dvh !important}} @media (hover: none),(pointer: coarse){ body.premium .navbar .nav-links>a,body.premium .navbar .nav-dropdown>a,.navbar .nav-links>a,.navbar .nav-dropdown>a{ touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,168,76,0.18)}} @media (pointer: coarse) and (min-width: 1161px){ body.premium .navbar .nav-links>a,body.premium .navbar .nav-dropdown>a{ padding:14px 10px !important;min-height:44px !important} body.premium .navbar .nav-dropdown>a{ gap:4px;font-size:13px !important}} @media (hover: none),(pointer: coarse){ body.premium .navbar .mega-panel-link,body.premium .navbar .dropdown-item{ min-height:44px;display:flex;align-items:center}} html.touch-nav .navbar .nav-dropdown:hover:not(.nav-open)>.mega-panel,html.touch-nav .navbar .nav-dropdown:hover:not(.nav-open)>.dropdown-panel,body.premium html.touch-nav .navbar .nav-dropdown:hover:not(.nav-open)>.mega-panel,body.premium html.touch-nav .navbar .nav-dropdown:hover:not(.nav-open)>.dropdown-panel{ opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateX(-50%) translateY(8px) !important;-webkit-transform:translateX(-50%) translateY(8px) !important} html.touch-nav .navbar .nav-dropdown:hover:not(.nav-open)>a::after{ transform:none !important;width:auto !important} html.touch-nav .navbar .nav-links>a:hover::after{ width:0 !important} html.touch-nav .navbar .nav-links a,html.touch-nav .navbar .nav-dropdown>a,html.touch-nav .navbar .nav-toggle{ touch-action:manipulation} .navbar,.navbar *{ touch-action:manipulation} .navbar .nav-links a,.navbar .nav-dropdown>a,.navbar .nav-toggle,.navbar .mega-panel-link,.navbar .dropdown-item{ -webkit-tap-highlight-color:rgba(201,168,76,0.18)} @media (max-width: 768px){ body.premium .section-padding{ padding:26px 0 !important} body.premium .section-padding.pt-40{ padding:22px 0 18px !important} body.premium .hero-buttons{ margin-top:18px !important} body.premium .hero.hero-grid-video{ padding-top:66px !important;margin-top:-50px !important;padding-bottom:14px !important} body.premium .hero.honors-hero{ padding-top:66px !important;margin-top:-50px !important;min-height:300px !important} body.premium .news-hero{ padding-top:68px !important;margin-top:-56px !important;padding-bottom:16px !important} body.premium .product-hero{ padding-top:56px !important} body.premium .v2-hero .v2-hero-media{ min-height:250px !important} body.premium .v2-hero .v2-hero-text{ padding:24px 20px 22px !important} body.premium .v2-hero-full{ min-height:400px !important;padding-top:0 !important;padding-bottom:0 !important} body.premium .v2-hero-full .v2-hero-content{ padding:120px 0 30px !important} body.premium .cta-section.section-padding{ padding:38px 0 40px !important} body.premium .cta-section.cta-home{ padding-top:38px !important;padding-bottom:42px !important} body.premium .cta-section.cta-home .cta-home-grid{ gap:16px !important;margin-top:6px !important} body.premium .cta-section.cta-home .cta-cert-panel{ padding:20px 16px !important} body.premium .cta-section.cta-home .cta-cert-grid{ margin:14px 0 !important;gap:10px !important} body.premium .hsst-form-success{ padding:20px 16px !important} body.premium .v2-series{ padding:34px 0 38px !important} body.premium .v2-series .v2-series-lead{ margin:0 0 18px !important} body.premium .v2-series-card .vsc-cap{ padding:22px 16px 16px !important} body.premium .v2-spot-in{ padding:26px 20px 24px !important} body.premium .v2-spot-text{ padding:24px 20px 22px !important} body.premium .v2-spot-media{ min-height:230px !important} body.premium .v2-quote{ padding:42px 20px 34px !important} body.premium .v2-colours{ padding:34px 0 !important} body.premium .v2-archive{ padding:36px 0 !important} body.premium .v2-card{ margin-bottom:14px !important} body.premium .v2-card .v2-card-img img{ aspect-ratio:4 / 3 !important;object-fit:cover !important} body.premium .v2-gallery{ padding:32px 0 14px !important} body.premium .v2-record{ padding:30px 0 26px !important;margin-top:14px !important} body.premium .product-content-section{ padding:26px 0 !important} body.premium .tech-specs-table{ margin-top:18px !important} body.premium .stats-row{ margin-top:12px !important} body.premium .news-spotlight{ margin-bottom:18px !important} body.premium .news-grid{ margin-top:20px !important;gap:14px !important} body.premium .art-body{ padding:30px 20px 8px !important} body.premium .art-hero-content{ padding-bottom:24px !important} body.premium .art-body p{ font-size:16px !important;line-height:1.85 !important;margin:0 0 16px !important} body.premium .art-h2{ margin:24px 0 12px !important;padding-top:0 !important} body.premium .art-hook{ padding:20px 18px !important;margin:22px 0 !important} body.premium .art-facts{ margin-top:20px !important} body.premium .art-cta{ padding:28px 20px !important;margin-top:22px !important} body.premium .faqv2-hero{ padding:42px 0 30px !important} body.premium .faqv2-cat{ margin-bottom:24px !important} body.premium .faqv2-cat-head{ padding:14px 0 10px !important;margin-bottom:12px !important} body.premium .faqv2-cta{ padding:22px 16px !important;margin-top:26px !important} body.premium .section-padding.before-video{ padding-top:40px !important} body.premium .timeline-section{ padding:24px 0 20px !important} body.premium .timeline{ padding:20px 0 16px !important} body.premium .about-text-block{ padding-top:22px !important;margin-top:12px !important} body.premium .about-stats{ margin-top:22px !important} body.premium .why-choose-grid{ margin-top:22px !important} body.premium .role-entry-section{ padding:26px 0 24px !important} body.premium .scenarios-grid-hs{ margin-top:14px !important;gap:14px !important} body.premium .sustainability-grid{ gap:14px !important}} @media (max-width: 480px){ body.premium .section-padding{ padding:22px 0 !important} body.premium .cta-section.section-padding{ padding:32px 0 34px !important} body.premium .v2-series{ padding:28px 0 32px !important} body.premium .v2-quote{ padding:34px 18px 28px !important} body.premium .v2-hero .v2-hero-media{ min-height:210px !important} body.premium .v2-spot-media{ min-height:200px !important} body.premium .v2-hero-full{ min-height:340px !important}} @media (max-width: 480px){ :root{ --gutter:14px} body.premium .section-padding{ padding:20px 0 !important}} @media (max-width: 360px){ :root{ --gutter:12px}} @media (max-width: 768px){ .faqv2-chips{ flex-wrap:wrap !important;overflow-x:visible !important;row-gap:8px} .faqv2-chip{ flex:0 1 auto;max-width:100%} .tech-specs-table{ overflow-x:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%} .tech-specs-table th,.tech-specs-table td{ padding:10px 12px !important;font-size:13px !important} .tech-specs-table th{ width:auto !important;min-width:104px} .vtl-card{ width:auto !important;max-width:100% !important} .vtl-track{ min-width:0 !important} .btn,.hsst-btn,.btn-primary,.btn-outline-light,.btn-outline-gold,.hsst-form-btn,.product-action-btn{ white-space:normal !important;overflow-wrap:anywhere} img,video,iframe,embed,object{ max-width:100%} pre,code{ overflow-x:auto;-webkit-overflow-scrolling:touch} p,li,td,th{ overflow-wrap:break-word}} @media (max-width: 560px){ body.premium .ft-grid5{ grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:18px !important;row-gap:26px !important} body.premium .ft-grid5>div{ min-width:0 !important} body.premium .ft-grid5 ul{ min-width:0 !important} body.premium .ft-grid5 ul li,body.premium .ft-grid5 .ft-contact li,body.premium .ft-grid5 .ft-contact li a,body.premium .ft-grid5 .ft-contact li span{ overflow-wrap:anywhere !important;word-break:break-word !important;min-width:0 !important}} @media (max-width: 768px){ .jd-grid{ grid-template-columns:minmax(0,1fr) !important;gap:24px !important} .jd-grid>*{ min-width:0 !important} .jd-box,.jd-box *{ min-width:0 !important;overflow-wrap:anywhere} .cs2-inst,.cs2-facts,.cs2-mat-card{ grid-template-columns:minmax(0,1fr) !important;row-gap:18px} .cs2-inst>*,.cs2-facts>*,.cs2-mat-card>*{ min-width:0 !important} .cs2-inst *,.cs2-facts *,.cs2-mat-card *{ overflow-wrap:anywhere} .cs2-inst img,.cs2-mat-card img,.cs2-rel img,.project-hero img{ max-width:100% !important;height:auto !important} .section-subtitle{ overflow-wrap:anywhere}} @media (max-width: 480px){ body.premium .hsst-form-zone .hsst-form,body.premium .hsst-form-zone .sample-form-container,body.premium .hsst-form-zone form{ min-width:0 !important;max-width:100% !important} body.premium .hsst-form-zone input,body.premium .hsst-form-zone select,body.premium .hsst-form-zone textarea,body.premium .hsst-form-zone button{ min-width:0 !important;max-width:100% !important} body.premium .hsst-form-zone *{ overflow-wrap:anywhere} body.premium .hsst-form-zone .stone-checkbox-item label,body.premium .hsst-form-zone .radio-item label{ min-width:0 !important}} @media (max-width: 768px){ .cs2-metrics{ grid-template-columns:minmax(0,1fr) !important;row-gap:14px} .cs2-metrics>*{ min-width:0 !important} .cs2-metrics *{ overflow-wrap:anywhere} .cs2-metric,.cs2-metric *{ min-width:0 !important} .jd-grid,.jd-box,.jd-box *{ min-width:0 !important;word-break:break-word}} @media (max-width: 480px){ .solution-hero{ padding-left:16px !important;padding-right:16px !important} .solution-hero>.container{ padding-left:0 !important;padding-right:0 !important;max-width:100% !important;min-width:0 !important} .solution-hero *{ min-width:0 !important} .solution-hero img,.solution-hero video,.solution-hero iframe{ max-width:100% !important;height:auto !important} .cta-section{ padding-left:16px !important;padding-right:16px !important} .cta-section>.container{ padding-left:0 !important;padding-right:0 !important;max-width:100% !important;min-width:0 !important} .cta-section *{ min-width:0 !important;overflow-wrap:anywhere} .cta-section input,.cta-section select,.cta-section textarea,.cta-section button{ max-width:100% !important}} @media (max-width: 768px){ body.premium input[type="text"],body.premium input[type="email"],body.premium input[type="tel"],body.premium input[type="number"],body.premium input[type="search"],body.premium input[type="url"],body.premium input[type="date"],body.premium input[type="password"],body.premium textarea,body.premium select,.premium input[type="text"],.premium input[type="email"],.premium input[type="tel"],.premium textarea,.premium select,.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.hsst-form-zone input,.hsst-form-zone select,.hsst-form-zone textarea,form input:not([type="checkbox"]):not([type="radio"]) :not([type="hidden"]):not([type="submit"]):not([type="button"]),form textarea,form select{ font-size:16px !important}} @supports not (overflow-x: clip){ html{ overflow-x:hidden}} @media (max-width: 900px){} .image-modal-content{ width:100% !important;max-width:100% !important} .image-modal-content img{ max-width:100% !important} @media (max-width: 768px){ body.premium,body.premium p,body.premium li,body.premium td,body.premium th,body.premium span,body.premium a{ overflow-wrap:break-word}} @media (max-width: 768px){ body.premium img,body.premium video,body.premium iframe,body.premium embed,body.premium object,body.premium canvas{ max-width:100% !important}} @media (max-width: 768px){ .solution-cta-grid{ grid-template-columns:minmax(0,1fr) !important} .solution-cta-form,.solution-cta-form>*{ min-width:0 !important} .solution-cta-input,.solution-cta-textarea{ width:100% !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box !important}} @media (max-width: 768px){ .timeline-item,.timeline-item>*,.timeline-content,.timeline-desc{ min-width:0 !important;overflow-wrap:break-word}} @media (max-width: 768px){ .tech-specs-table,.about-table-wrap,.rs-table-wrap,div[style*="overflow-x:auto"],div[style*="overflow-x: auto"]{ overflow-x:auto !important;-webkit-overflow-scrolling:touch;max-width:100% !important} .tech-specs-table table,.about-table-wrap table,.rs-table{ max-width:none}} body.premium .ev-range{ position:relative} @media (max-width: 768px){ body.premium .ev-range{ overflow-x:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100% !important} body.premium .ev-range>table{ min-width:560px} body.premium .ev-range::after{ content:'← 左右滑動查看完整規格 →';display:block;text-align:center;font-size:11.5px;line-height:1.4;color:#8a7b4e;padding:7px 0 3px;letter-spacing:.5px} html[lang="en"] body.premium .ev-range::after{ content:'← Swipe to view full specifications →'} body.premium .ev-fields{ display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%;white-space:normal} body.premium .ev-fields tbody{ display:table;min-width:480px;width:100%} body.premium .ev-fields th{ white-space:normal}} @media (max-width: 1280px){ .inner-page .section-padding .container{ padding-left:var(--gutter);padding-right:var(--gutter)}} .inner-page .section-padding .container{ padding-left:var(--gutter);padding-right:var(--gutter)} .tight-section .container{ padding-left:var(--gutter) !important;padding-right:var(--gutter) !important} body.premium.inner-page .tech-lead{ max-width:none} body.premium.inner-page .tech-steps,body.premium.inner-page .tech-related{ max-width:none} @media (max-width: 900px){ .container{ padding-left:var(--gutter);padding-right:var(--gutter)}} @media (max-width: 900px){ .container{ width:100%}} body.premium section.about-preview{ border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;transform:none !important} body.premium .sample-hero .sample-hero-content,body.premium .sample-form-section>.sample-form-container{ max-width:calc(var(--max-width) - 2 * var(--gutter)) !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box} body.premium .section-title{ text-align:inherit} body.premium .section-title::before{ left:0;transform:none} body.premium .text-left .section-desc{ margin-left:0 !important;margin-right:0 !important} body.premium .section-subtitle{ text-align:inherit} body.premium .text-center .section-title,body.premium .text-center .section-subtitle{ text-align:center} body.premium .text-center .section-title::before{ left:50%;transform:translateX(-50%)} body.premium .text-center .section-desc{ margin-left:auto !important;margin-right:auto !important} body.premium .section-title[style*="text-align:center"]::before,body.premium .section-title[style*="text-align: center"]::before,body.premium .container[style*="text-align:center"] .section-title::before,body.premium .container[style*="text-align: center"] .section-title::before,body.premium .solution-hero .section-title::before,body.premium .client-logo-section .section-title::before{ left:50%;transform:translateX(-50%)} body.premium .project-hero-overlay{ padding-left:0;padding-right:0} body.premium .project-hero-content{ padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box} body.premium .art-hero h1,body.premium .art-hero h2,body.premium .art-hero h3,body.premium .project-hero h1,body.premium .project-hero h2,body.premium .project-hero h3,body.premium .news-hero h1,body.premium .news-hero h2,body.premium .news-hero h3,body.premium .news-hero .section-title,body.premium .news-hero .section-subtitle{ color:#FFFFFF !important} body.premium .product-hero h1,body.premium .product-hero h2,body.premium .product-hero h3{ color:#ffd400 !important;-webkit-text-stroke:2px rgba(0,0,0,0.55);paint-order:stroke fill;text-shadow:0 2px 18px rgba(0,0,0,0.45)} body.premium .product-hero .product-hero-subtitle,body.premium .product-hero .product-hero-desc{ color:#0a2a6b !important;text-shadow:0 1px 3px rgba(255,255,255,0.95),0 0 10px rgba(255,255,255,0.85)} body.premium .jd-cta h1,body.premium .jd-cta h2,body.premium .jd-cta h3,body.premium .jd-cta h4,body.premium .v2-record h1,body.premium .v2-record h2,body.premium .v2-record h3{ color:#FFFFFF !important} body.premium .news-hero .breadcrumb,body.premium .news-hero .breadcrumb ol,body.premium .news-hero .breadcrumb li{ color:rgba(255,255,255,.72) !important} body.premium .news-hero .breadcrumb a{ color:rgba(255,255,255,.9) !important} body.premium .news-hero .breadcrumb a:hover{ color:var(--pv-gold) !important} body.premium .news-hero .breadcrumb li:not(:last-child)::after{ color:rgba(255,255,255,.35) !important} body.premium .whatsapp-float,body.premium .wpp-float.whatsapp-float{ left:22px !important;right:auto !important;bottom:26px !important} @media (max-width: 768px){ body.premium .whatsapp-float,body.premium .wpp-float.whatsapp-float{ left:16px !important;right:auto !important;bottom:20px !important}} body.premium .back-to-top,body.premium .btt.back-to-top{ left:auto !important;right:22px !important;bottom:26px !important} @media (max-width: 768px){ body.premium .back-to-top,body.premium .btt.back-to-top{ left:auto !important;right:16px !important;bottom:20px !important}} body.premium .cs2-head h2::before,body.premium h2.cs2-title::before,body.premium .section-header-center h2::before,body.premium div.product-section-title h2::before,body.premium .solution-hero .container h2::before,body.premium .container[style*="text-align:center"] h2::before,body.premium .container[style*="text-align: center"] h2::before,body.premium .faqv2-cta h2::before,body.premium .v2-quote h2::before,body.premium .wrap h2::before,body.premium h2.tech-heading::before,body.premium h2.role-entry-title::before,body.premium h2[style*="text-align:center"]::before,body.premium h2[style*="text-align: center"]::before,body.premium h2.ql-align-center::before,body.premium .text-center h2::before{ left:50%;transform:translateX(-50%)} body.premium h1.pv-tick-center::before,body.premium h2.pv-tick-center::before,body.premium h3.pv-tick-center::before{ left:50% !important;transform:translateX(-50%) !important} @media (max-width: 768px){ .timeline-item{ flex-direction:column !important;align-items:stretch !important} .timeline-item:nth-child(even){ flex-direction:column !important} .timeline-year{ flex:0 0 auto !important;width:auto !important;white-space:nowrap;margin:0 0 10px !important;line-height:1.2} .timeline-content{ width:auto !important;max-width:100% !important;margin:0 !important} .contact-region-item{ flex-wrap:wrap !important} .contact-region-item>strong{ flex:0 0 auto !important;white-space:nowrap} .contact-region-item>.contact-region-dot{ flex:0 0 auto !important} .cs2-tech .h .ic,.cs2-tech .h>div{ flex:0 0 auto} .cs2-tech .h .ic{ line-height:1} .cs2-tech .h>div{ flex:1 1 auto !important;min-width:0 !important} .tech-specs-table table{ width:100%} .tech-specs-table th{ min-width:0 !important;width:auto !important} .tech-specs-table th,.tech-specs-table td{ padding:8px 8px !important;font-size:12.5px !important} .equip-specs{ flex-wrap:wrap !important} .equip-specs>span{ flex:0 1 auto;max-width:100%} .equip-specs>span>strong{ flex-shrink:0 !important} .rs-table th,.rs-table td{ white-space:normal !important}} @media (max-width: 768px){ body.premium .stats-row{ width:100% !important;display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:flex-start !important;gap:8px !important} body.premium .stats-row .stat-item{ flex:1 1 0 !important;min-width:0 !important;text-align:center} body.premium .stats-row .stat-number{ font-size:1.45rem !important;margin-bottom:4px !important} body.premium .stats-row .stat-label{ font-size:.68rem !important;line-height:1.35 !important}} @media (max-width: 360px){ body.premium .stats-row .stat-number{ font-size:1.25rem !important} body.premium .stats-row .stat-label{ font-size:.62rem !important}} @media (max-width: 640px){ body.premium .about-stats{ --gy:20px} body.premium .trust-items{ --gy:20px} body.premium .about-stats>*,body.premium .trust-items>*{ flex-basis:calc((100% - var(--gx, 24px)) / 2) !important}} @supports (bottom: env(safe-area-inset-bottom)){ body.premium .whatsapp-float,body.premium .wpp-float.whatsapp-float{ left:calc(22px + env(safe-area-inset-left, 0px)) !important;bottom:calc(26px + env(safe-area-inset-bottom, 0px)) !important} body.premium .back-to-top,body.premium .btt.back-to-top{ right:calc(22px + env(safe-area-inset-right, 0px)) !important;bottom:calc(26px + env(safe-area-inset-bottom, 0px)) !important} @media (max-width: 768px){ body.premium .whatsapp-float,body.premium .wpp-float.whatsapp-float{ left:calc(16px + env(safe-area-inset-left, 0px)) !important;bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important} body.premium .back-to-top,body.premium .btt.back-to-top{ right:calc(16px + env(safe-area-inset-right, 0px)) !important;bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important}}} .pv-hscroll{ position:relative} .pv-hscroll::before{ content:'← 左右滑動查看完整內容 →';display:block;font-size:11px;color:#8a8277;text-align:right;padding:0 2px 6px;letter-spacing:1px} .tech-specs-table.pv-hscroll::before,.about-table-wrap.pv-hscroll::before,.rs-table-wrap.pv-hscroll::before{ content:'← 左右滑動查看完整表格 →'} html[lang="en"] .pv-hscroll::before{ content:'← Swipe to view all →'} html[lang="en"] .tech-specs-table.pv-hscroll::before,html[lang="en"] .about-table-wrap.pv-hscroll::before,html[lang="en"] .rs-table-wrap.pv-hscroll::before{ content:'← Swipe to view full table →'} @media (min-width: 769px) and (max-width: 1160px){ .pv-hscroll::before{ padding-bottom:8px}} body.premium .v2-material-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px} body.premium .v2-material-card{ display:flex;align-items:center;gap:18px;padding:20px 22px;background:#fff;border:1px solid rgba(26,26,46,0.08);border-radius:14px;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s} body.premium .v2-material-card:hover{ transform:translateY(-8px);box-shadow:0 26px 60px rgba(17,16,15,0.18)} body.premium .vmc-swatch{ flex:0 0 76px;width:76px;height:76px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.07)} body.premium .vmc-granite{ background:linear-gradient(135deg,#6b6f73 0%,#9aa0a4 45%,#4f5356 100%)} body.premium .vmc-marble{ background:linear-gradient(135deg,#fbfaf7 0%,#ece7df 50%,#d9d2c6 100%)} body.premium .vmc-slate{ background:linear-gradient(135deg,#3a4754 0%,#5b6b78 50%,#2b343d 100%)} body.premium .vmc-engineered{ background:linear-gradient(135deg,#e9e2d6 0%,#cdbfa6 50%,#b7a888 100%)} body.premium .vmc-body{ display:flex;flex-direction:column;gap:4px;min-width:0} body.premium .vmc-body b{ font-size:1.16rem;color:var(--color-primary);display:flex;align-items:baseline;gap:8px;line-height:1.2} body.premium .vmc-body b small{ font-size:.72rem;font-weight:400;color:var(--color-mid-gray);background:rgba(201,168,76,0.12);padding:1px 8px;border-radius:999px} body.premium .vmc-body i{ font-style:normal;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#C9A84C} body.premium .vmc-d{ font-size:.86rem;color:var(--color-mid-gray);line-height:1.5;margin-top:2px} body.premium .vmc-go{ font-size:.82rem;color:#C9A84C;font-weight:600;margin-top:4px;opacity:0;transform:translateY(6px);transition:all .4s ease} body.premium .v2-material-card:hover .vmc-go{ opacity:1;transform:translateY(0)} @media (max-width: 760px){ body.premium .v2-material-grid{ grid-template-columns:1fr} body.premium .v2-material-card{ padding:16px 18px;gap:14px} body.premium .vmc-swatch{ flex-basis:60px;width:60px;height:60px}} body.premium .granite-variety-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:10px} body.premium .granite-variety-card{ margin:0;background:#FFFFFF;border:1px solid var(--pv-hair,#DCD5CB);border-radius:14px;overflow:hidden;box-shadow:0 2px 14px rgba(16,14,10,.06);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease,border-color .35s ease} body.premium .granite-variety-card:hover{ transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,14,10,.16);border-color:var(--pv-gold,#C2A25E)} body.premium .granite-variety-img{ position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#F1EEE8} body.premium .granite-variety-img img{ width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)} body.premium .granite-variety-card:hover .granite-variety-img img{ transform:scale(1.045)} body.premium .granite-variety-cap{ display:block;padding:13px 10px 15px;text-align:center;font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--pv-ink,#14130F)} @media (max-width:1200px){ body.premium .granite-variety-grid{ grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width:900px){ body.premium .granite-variety-grid{ grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}} @media (max-width:560px){ body.premium .granite-variety-grid{ grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} body.premium .granite-variety-cap{ font-size:13px;padding:9px 5px 11px}} body.premium .eng-variety-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:10px} @media (max-width:900px){ body.premium .eng-variety-grid{ gap:16px}} @media (max-width:560px){ body.premium .eng-variety-grid{ gap:11px}} body.premium .eng-vars-list{ display:flex;flex-direction:column;gap:52px;margin-top:40px} body.premium .eng-var{ background:#faf8f4;border:1px solid #ece6da;border-radius:16px;padding:34px 34px 30px;scroll-margin-top:96px;transition:box-shadow .35s ease,border-color .35s ease} body.premium .eng-var-head{ display:block;cursor:pointer;-webkit-tap-highlight-color:transparent} body.premium .eng-var-head:focus-visible{ outline:2px solid var(--pv-gold);outline-offset:4px;border-radius:14px} body.premium .eng-var-media{ display:block;border-radius:12px;overflow:hidden;margin-bottom:22px;background:#efece5;line-height:0} body.premium .eng-var-media img{ display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)} body.premium .eng-var-head:hover .eng-var-media img{ transform:scale(1.04)} body.premium .eng-var-meta{ display:flex;align-items:center;gap:12px;margin-bottom:4px} body.premium .eng-var-name{ flex:1 1 auto;min-width:0;margin:0;font-size:24px;line-height:1.28} body.premium .eng-var-idx{ font-family:'Playfair Display',serif;font-size:26px;font-weight:600;letter-spacing:.02em;color:var(--pv-gold);margin-right:13px} body.premium .eng-var-name-en{ display:block;margin-top:6px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-gold) !important} body.premium .eng-var-caret{ display:none} body.premium .eng-var-desc{ margin:0 0 4px;max-width:940px;font-size:15px;line-height:1.85;color:var(--pv-muted)} body.premium .eng-var-subhead{ margin:32px 0 15px;padding-left:15px;position:relative;font-size:17px;font-weight:600;color:var(--pv-ink);display:flex;align-items:baseline;flex-wrap:wrap;gap:9px} body.premium .eng-var-subhead::before{ content:'';position:absolute;left:0;top:.42em;width:4px;height:15px;border-radius:1px;background:var(--pv-gold)} body.premium .eng-var-subhead span{ font-family:'Inter',sans-serif;font-size:11px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:var(--pv-soft)} body.premium .eng-var .surface-treatment-section{ margin-top:32px} body.premium .eng-vars-list.is-ready{ display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start} body.premium .eng-vars-list.is-ready>.eng-var{ padding:0;overflow:hidden} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(-n+4){ grid-column:span 3} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(n+5){ grid-column:span 4} body.premium .eng-vars-list.is-ready>.eng-var:hover{ border-color:rgba(194,162,94,.5);box-shadow:0 10px 26px rgba(0,0,0,.07)} body.premium .eng-vars-list.is-ready>.eng-var.is-open{ grid-column:1 / -1;border-color:rgba(194,162,94,.45);box-shadow:0 20px 50px rgba(0,0,0,.1)} body.premium .eng-vars-list.is-ready .eng-var-media{ border-radius:15px 15px 0 0;margin-bottom:0} body.premium .eng-vars-list.is-ready .eng-var-media img{ aspect-ratio:4 / 3} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-media img{ aspect-ratio:8 / 3;transform:none} body.premium .eng-vars-list.is-ready .eng-var-meta{ padding:15px 18px 16px;margin-bottom:0} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-meta{ padding:20px 34px 14px} body.premium .eng-vars-list.is-ready .eng-var-idx{ font-size:14px;margin-right:8px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-idx{ font-size:26px;margin-right:13px} body.premium .eng-vars-list.is-ready .eng-var-name{ font-size:16.5px;min-height:74px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-name{ font-size:24px;min-height:0} body.premium .eng-vars-list.is-ready .eng-var-name-en{ font-size:10.5px;line-height:1.3;min-height:2.6em;margin-top:4px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-name-en{ font-size:12.5px;line-height:1.35;min-height:0;margin-top:6px} body.premium .eng-vars-list.is-ready .eng-var-caret{ display:block;flex:0 0 auto;position:relative;width:24px;height:24px;border:1px solid rgba(194,162,94,.62);border-radius:50%} body.premium .eng-vars-list.is-ready .eng-var-caret::before,body.premium .eng-vars-list.is-ready .eng-var-caret::after{ content:'';position:absolute;left:50%;top:50%;background:var(--pv-gold);transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease} body.premium .eng-vars-list.is-ready .eng-var-caret::before{ width:10px;height:1.5px} body.premium .eng-vars-list.is-ready .eng-var-caret::after{ width:1.5px;height:10px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-caret::after{ transform:translate(-50%,-50%) scaleY(.15);opacity:0} body.premium .eng-var-cta{ display:none} body.premium .eng-vars-list.is-ready .eng-var-cta{ display:inline-flex;position:relative;align-items:center;gap:5px;flex:0 0 auto;padding:6px 10px;border-radius:999px;background:var(--pv-gold,#C9A84C);border:1px solid var(--pv-gold,#C9A84C);color:#1A1A2E;font-size:12px;font-weight:700;letter-spacing:.03em;line-height:1;white-space:nowrap;box-shadow:0 3px 10px rgba(201,168,76,.30);transition:transform .25s ease,box-shadow .25s ease} body.premium .eng-vars-list.is-ready .eng-var-cta:hover{ transform:translateY(-1px)} body.premium .eng-vars-list.is-ready .eng-var-cta-icon{ flex:0 0 auto;width:14px;height:14px} body.premium .eng-vars-list.is-ready .eng-var-meta{ flex-direction:row;align-items:center;gap:10px;text-align:left} @media (max-width:560px){ body.premium .eng-vars-list.is-ready .eng-var-cta{ width:30px;height:30px;padding:0;border-radius:50%;justify-content:center;gap:0} body.premium .eng-vars-list.is-ready .eng-var-cta .eng-var-cta-txt{ display:none} body.premium .eng-vars-list.is-ready .eng-var-cta-icon{ width:13px;height:13px}} body.premium .eng-vars-list.is-ready .eng-var-body{ display:none} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-body{ display:block;padding:0 34px 32px} @media (max-width:1200px){ body.premium .eng-vars-list.is-ready>.eng-var:nth-child(-n+4){ grid-column:span 4} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(n+5){ grid-column:span 4} body.premium .eng-vars-list.is-ready>.eng-var:last-child:nth-child(3n+1){ grid-column:1 / -1}} @media (max-width:900px){ body.premium .eng-vars-list{ gap:34px;margin-top:30px} body.premium .eng-vars-list.is-ready{ gap:14px} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(-n+4){ grid-column:span 6} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(n+5){ grid-column:span 6} body.premium .eng-vars-list.is-ready>.eng-var:last-child:nth-child(odd){ grid-column:1 / -1} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-meta{ padding:18px 22px 12px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-body{ padding:0 22px 26px} body.premium .eng-var{ padding:24px 20px 22px;border-radius:14px} body.premium .eng-var-idx{ font-size:22px} body.premium .eng-var-name{ font-size:21px}} @media (max-width:560px){ body.premium .eng-vars-list{ gap:34px} body.premium .eng-vars-list.is-ready{ gap:11px;margin-top:26px} body.premium .eng-vars-list.is-ready .eng-var-meta{ padding:12px 13px 13px;gap:9px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-meta{ padding:15px 16px 11px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-body{ padding:0 16px 22px} body.premium .eng-vars-list.is-ready .eng-var-media img{ aspect-ratio:1 / 1} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-media img{ aspect-ratio:4 / 3} body.premium .eng-vars-list.is-ready .eng-var-idx{ font-size:12px;margin-right:5px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-idx{ font-size:20px;margin-right:8px} body.premium .eng-vars-list.is-ready .eng-var-name{ font-size:14px;min-height:78px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-name{ font-size:19px;min-height:0} body.premium .eng-vars-list.is-ready .eng-var-name-en{ font-size:9.5px;margin-top:3px} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-name-en{ font-size:11px;margin-top:4px} body.premium .eng-vars-list.is-ready .eng-var-caret{ width:20px;height:20px} body.premium .eng-var{ padding:20px 15px 18px} body.premium .eng-var-media{ margin-bottom:16px} body.premium .eng-var-idx{ font-size:19px;margin-right:8px} body.premium .eng-var-name{ font-size:18px} body.premium .eng-var-desc{ font-size:14px;line-height:1.8} body.premium .eng-var-subhead{ font-size:15.5px;margin:24px 0 12px}} body.premium .eng-vars-list.is-ready>.eng-var.is-open{ grid-column:1 / -1} body.premium .eng-adv-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px} body.premium .eng-adv-card{ position:relative;background:#fff;border:1px solid var(--pv-hair);border-radius:14px;padding:28px 26px 26px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s} body.premium .eng-adv-card::before{ content:'';position:absolute;left:26px;top:0;width:34px;height:2px;background:var(--pv-gold);opacity:.85} body.premium .eng-adv-card:hover{ transform:translateY(-6px);box-shadow:0 22px 50px rgba(20,19,15,.10);border-color:var(--pv-gold)} body.premium .eng-adv-icon{ display:block;font-size:26px;line-height:1;margin-bottom:14px} body.premium .eng-adv-title{ font-size:17px;font-weight:700;margin:0 0 10px;letter-spacing:.01em;font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif} body.premium .eng-adv-text{ font-size:14.5px;line-height:1.8;color:var(--pv-muted);margin:0} body.premium .eng-stat-row{ display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;background:var(--pv-deep);border-radius:14px;overflow:hidden} body.premium .eng-stat{ padding:26px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.09)} body.premium .eng-stat:last-child{ border-right:0} body.premium .eng-stat-num{ font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif;font-size:32px;font-weight:700;line-height:1.1;color:var(--pv-gold) !important;letter-spacing:.01em} body.premium .eng-stat-label{ margin-top:8px;font-size:13px;line-height:1.5;color:var(--pv-deep-muted) !important} body.premium .eng-cmp-wrap{ margin-top:34px;border:1px solid var(--pv-hair);border-radius:14px;overflow:auto;background:#fff;-webkit-overflow-scrolling:touch} body.premium .eng-cmp-table{ width:100%;min-width:940px;border-collapse:collapse;font-size:13.5px} body.premium .eng-cmp-table thead th{ background:var(--pv-deep);color:var(--pv-deep-text) !important;font-weight:600;font-size:12.5px;letter-spacing:.04em;text-align:left;padding:14px 14px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.08)} body.premium .eng-cmp-table thead th:last-child{ border-right:0} body.premium .eng-cmp-table tbody tr{ border-top:1px solid var(--pv-hair)} body.premium .eng-cmp-table tbody tr:nth-child(even){ background:#FBF9F6} body.premium .eng-cmp-table tbody th{ text-align:left;padding:15px 14px;vertical-align:top;font-weight:600;white-space:nowrap;border-right:1px solid var(--pv-hair)} body.premium .eng-cmp-table tbody td{ padding:15px 14px;color:var(--pv-muted) !important;vertical-align:top;border-right:1px solid rgba(220,213,203,.55)} body.premium .eng-cmp-table tbody td:last-child{ border-right:0} body.premium .eng-cmp-name{ display:block;font-size:14px} body.premium .eng-cmp-name-en{ display:block;margin-top:3px;font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--pv-soft) !important} body.premium .eng-process-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px;counter-reset:engstep} body.premium .eng-process-step{ position:relative;background:#fff;border:1px solid var(--pv-hair);border-radius:14px;padding:28px 24px 26px} body.premium .eng-process-step::after{ content:'';position:absolute;top:46px;right:-12px;width:22px;height:1px;background:var(--pv-hair)} body.premium .eng-process-step:last-child::after{ display:none} body.premium .eng-process-num{ display:inline-block;font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif;font-size:26px;font-weight:700;line-height:1;color:var(--pv-gold) !important;margin-bottom:12px} body.premium .eng-process-title{ font-size:16.5px;font-weight:700;margin:0 0 9px;font-family:"Songti TC","Songti SC","Noto Serif CJK TC","PMingLiU",serif} body.premium .eng-process-text{ font-size:14px;line-height:1.8;color:var(--pv-muted);margin:0} body.premium .eng-faq-list{ max-width:920px;margin:34px auto 0;display:grid;gap:12px} body.premium .eng-faq-item{ background:#fff;border:1px solid var(--pv-hair);border-radius:12px;transition:border-color .35s,box-shadow .35s} body.premium .eng-faq-item:hover{ border-color:rgba(194,162,94,.55)} body.premium .eng-faq-item[open]{ border-color:var(--pv-gold);box-shadow:0 14px 34px rgba(20,19,15,.07)} body.premium .eng-faq-q{ display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 22px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:600;line-height:1.6;color:var(--pv-ink) !important} body.premium .eng-faq-q::-webkit-details-marker{ display:none} body.premium .eng-faq-q::marker{ content:''} body.premium .eng-faq-icon{ flex:0 0 auto;position:relative;width:20px;height:20px;margin-top:2px;border:1px solid var(--pv-hair);border-radius:50%;transition:transform .35s,border-color .35s} body.premium .eng-faq-icon::before,body.premium .eng-faq-icon::after{ content:'';position:absolute;top:50%;left:50%;background:var(--pv-gold);transform:translate(-50%,-50%)} body.premium .eng-faq-icon::before{ width:9px;height:1.5px} body.premium .eng-faq-icon::after{ width:1.5px;height:9px;transition:opacity .3s} body.premium .eng-faq-item[open] .eng-faq-icon{ border-color:var(--pv-gold);transform:rotate(180deg)} body.premium .eng-faq-item[open] .eng-faq-icon::after{ opacity:0} body.premium .eng-faq-a{ padding:0 22px 20px;border-top:1px solid rgba(220,213,203,.6);margin-top:-1px} body.premium .eng-faq-a p{ margin:16px 0 0;font-size:14.5px;line-height:1.9;color:var(--pv-muted) !important} @media (max-width:1200px){ body.premium .eng-adv-grid{ gap:18px} body.premium .eng-process-grid{ gap:18px}} @media (max-width:900px){ body.premium .eng-adv-grid{ grid-template-columns:repeat(2,1fr)} body.premium .eng-process-grid{ grid-template-columns:repeat(2,1fr)} body.premium .eng-process-step::after{ display:none} body.premium .eng-stat{ padding:22px 12px} body.premium .eng-stat-num{ font-size:27px}} @media (max-width:760px){ body.premium .eng-cmp-wrap{ border:0;border-radius:0;overflow:visible;background:transparent} body.premium .eng-cmp-table{ min-width:0;font-size:14px} body.premium .eng-cmp-table thead{ display:none} body.premium .eng-cmp-table,body.premium .eng-cmp-table tbody,body.premium .eng-cmp-table tr,body.premium .eng-cmp-table th,body.premium .eng-cmp-table td{ display:block;width:100%} body.premium .eng-cmp-table tbody tr{ background:#fff !important;border:1px solid var(--pv-hair);border-radius:12px;margin-bottom:14px;overflow:hidden} body.premium .eng-cmp-table tbody th{ background:var(--pv-warm);border-right:0;border-bottom:1px solid var(--pv-hair);padding:13px 16px;white-space:normal} body.premium .eng-cmp-table tbody td{ display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 16px;border-right:0;border-bottom:1px solid rgba(220,213,203,.45);text-align:right} body.premium .eng-cmp-table tbody td:last-child{ border-bottom:0} body.premium .eng-cmp-table tbody td::before{ content:attr(data-label);flex:0 0 44%;text-align:left;font-size:12px;color:var(--pv-soft) !important}} @media (max-width:560px){ body.premium .eng-adv-grid{ grid-template-columns:1fr;gap:14px} body.premium .eng-adv-card{ padding:24px 20px 22px} body.premium .eng-adv-card::before{ left:20px} body.premium .eng-stat-row{ grid-template-columns:repeat(2,1fr);margin-top:26px} body.premium .eng-stat{ padding:20px 10px} body.premium .eng-stat:nth-child(2){ border-right:0} body.premium .eng-stat:nth-child(1),body.premium .eng-stat:nth-child(2){ border-bottom:1px solid rgba(255,255,255,.09)} body.premium .eng-stat-num{ font-size:24px} body.premium .eng-stat-label{ font-size:12px} body.premium .eng-process-grid{ grid-template-columns:1fr;gap:14px} body.premium .eng-process-step{ padding:24px 20px 22px} body.premium .eng-faq-q{ padding:17px 18px;font-size:14.5px;gap:12px} body.premium .eng-faq-a{ padding:0 18px 18px} body.premium .eng-faq-a p{ font-size:14px}} @media (min-width: 901px){ body.premium .eng-adv-grid:has(>.eng-adv-card:nth-child(4):last-child){ grid-template-columns:repeat(4,minmax(0,1fr))}} @media (min-width: 1201px){ body.premium .granite-variety-grid:has(>.granite-variety-card:nth-child(6):last-child){ grid-template-columns:repeat(3,minmax(0,1fr))}} body.premium .pain-point-card{ transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease} body.premium .pain-point-card:hover{ transform:translateY(-5px);border-left-color:#B8860B;box-shadow:0 16px 36px rgba(20,19,15,.12)} body.premium .cs2-proc{ transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease} body.premium .cs2-proc:hover{ transform:translateY(-6px);box-shadow:0 24px 50px rgba(26,46,46,.15)} body.premium .cs2-gal{ transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease} body.premium .cs2-gal:hover{ transform:translateY(-4px);box-shadow:0 16px 38px rgba(21,21,43,.20)} body.premium .contact-process-step{ transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease} body.premium .contact-process-step:hover{ transform:translateY(-4px);border-color:#C9A84C;box-shadow:0 14px 32px rgba(20,19,15,.10)} body.premium .contact-channel-card{ transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease} body.premium .contact-channel-card:hover{ transform:translateY(-4px);border-color:#C9A84C;box-shadow:0 14px 32px rgba(20,19,15,.10)} body.premium .art-rel-card{ transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease} body.premium .art-rel-card:hover{ transform:translateY(-5px);border-color:#C9A84C;box-shadow:0 16px 38px rgba(20,19,15,.13)} @media (hover: none){ body.premium .pain-point-card:hover,body.premium .cs2-proc:hover,body.premium .cs2-gal:hover,body.premium .contact-process-step:hover,body.premium .contact-channel-card:hover,body.premium .art-rel-card:hover{ transform:none;box-shadow:none} body.premium .pain-point-card:active,body.premium .cs2-proc:active,body.premium .cs2-gal:active{ transform:scale(.985)}} @media (max-width:1200px){ body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+1):nth-last-child(2),body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+2):last-child{ grid-column:span 2} body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+1):nth-last-child(2) .granite-variety-img,body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+2):last-child .granite-variety-img{ aspect-ratio:2 / 1}} @media (max-width:900px){ body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+1):nth-last-child(2),body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+2):last-child{ grid-column:auto} body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+1):nth-last-child(2) .granite-variety-img,body.premium .eng-gallery-grid>.granite-variety-card:nth-child(4n+2):last-child .granite-variety-img{ aspect-ratio:1 / 1} body.premium .eng-gallery-grid>.granite-variety-card:last-child:nth-child(3n+1){ grid-column:1 / -1} body.premium .eng-gallery-grid>.granite-variety-card:last-child:nth-child(3n+1) .granite-variety-img{ aspect-ratio:3 / 1}} @media (max-width:560px){ body.premium .eng-gallery-grid>.granite-variety-card:last-child:nth-child(3n+1){ grid-column:auto} body.premium .eng-gallery-grid>.granite-variety-card:last-child:nth-child(3n+1) .granite-variety-img{ aspect-ratio:1 / 1}} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(n+5) .eng-var-media img{ aspect-ratio:9 / 5} @media (max-width:1200px){ body.premium .eng-vars-list.is-ready>.eng-var:nth-child(n+5) .eng-var-media img{ aspect-ratio:4 / 3} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-media img{ aspect-ratio:8 / 3} body.premium .eng-vars-list.is-ready>.eng-var:last-child:nth-child(3n+1) .eng-var-media img{ aspect-ratio:4 / 1}} @media (max-width:900px){ body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-media img{ aspect-ratio:8 / 3} body.premium .eng-vars-list.is-ready>.eng-var:last-child:nth-child(odd) .eng-var-media img{ aspect-ratio:8 / 3}} @media (max-width:560px){ body.premium .eng-vars-list.is-ready>.eng-var:nth-child(n+5) .eng-var-media img{ aspect-ratio:1 / 1} body.premium .eng-vars-list.is-ready>.eng-var:last-child:nth-child(odd) .eng-var-media img{ aspect-ratio:2 / 1} body.premium .eng-vars-list.is-ready>.eng-var.is-open .eng-var-media img,body.premium .eng-vars-list.is-ready>.eng-var.is-open:last-child:nth-child(odd) .eng-var-media img{ aspect-ratio:4 / 3}} body.premium .eng-adv-grid>.eng-adv-card:last-child:nth-child(3n+1){ grid-column:1 / -1} @media (max-width:900px){ body.premium .eng-adv-grid>.eng-adv-card:last-child:nth-child(3n+1){ grid-column:auto} body.premium .eng-adv-grid>.eng-adv-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width:560px){ body.premium .eng-adv-grid>.eng-adv-card:last-child:nth-child(odd){ grid-column:auto}} body.premium .eng-process-grid>.eng-process-step:last-child:nth-child(4n+1){ grid-column:1 / -1} @media (max-width:900px){ body.premium .eng-process-grid>.eng-process-step:last-child:nth-child(4n+1){ grid-column:auto} body.premium .eng-process-grid>.eng-process-step:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width:560px){ body.premium .eng-process-grid>.eng-process-step:last-child:nth-child(odd){ grid-column:auto}} body.premium .eng-variety-grid>.granite-variety-card:last-child:nth-child(odd){ grid-column:1 / -1} body.premium .product-gallery-grid>.product-gallery-item:last-child:nth-child(5n+1){ grid-column:1 / -1 !important} @media (max-width:1024px){ body.premium .product-gallery-grid>.product-gallery-item:last-child:nth-child(5n+1){ grid-column:auto !important} body.premium .product-gallery-grid>.product-gallery-item:last-child:nth-child(3n+1){ grid-column:1 / -1 !important}} @media (max-width:640px){ body.premium .product-gallery-grid>.product-gallery-item:last-child:nth-child(3n+1){ grid-column:auto !important} body.premium .product-gallery-grid>.product-gallery-item:last-child:nth-child(odd){ grid-column:1 / -1 !important}} @media (min-width:1201px){ body.premium .eng-vars-list.is-ready>.eng-var:nth-child(1):nth-last-child(6):not(.is-open),body.premium .eng-vars-list.is-ready>.eng-var:nth-child(2):nth-last-child(5):not(.is-open),body.premium .eng-vars-list.is-ready>.eng-var:nth-child(3):nth-last-child(4):not(.is-open),body.premium .eng-vars-list.is-ready>.eng-var:nth-child(4):nth-last-child(3):not(.is-open){ grid-column:span 4} body.premium .eng-vars-list.is-ready>.eng-var:nth-child(1):nth-last-child(6):not(.is-open) .eng-var-media img,body.premium .eng-vars-list.is-ready>.eng-var:nth-child(2):nth-last-child(5):not(.is-open) .eng-var-media img,body.premium .eng-vars-list.is-ready>.eng-var:nth-child(3):nth-last-child(4):not(.is-open) .eng-var-media img,body.premium .eng-vars-list.is-ready>.eng-var:nth-child(4):nth-last-child(3):not(.is-open) .eng-var-media img{ aspect-ratio:9 / 5}} body.premium .ft-v2{ padding-bottom:42px !important} body.premium .ft-v2 .ft-cta{ display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 34px;margin-bottom:40px;background:linear-gradient(120deg,rgba(212,180,122,.16),rgba(212,180,122,.05));border:1px solid rgba(212,180,122,.32);border-radius:18px} body.premium .ft-v2 .ft-cta-txt{ min-width:0} body.premium .ft-v2 .ft-cta-kicker{ margin:0 0 9px;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(229,204,138,.82);font-weight:600} body.premium .ft-v2 .ft-cta-title{ margin:0 0 7px;font-size:1.32rem;font-weight:700;color:#fff;letter-spacing:.01em} body.premium .ft-v2 .ft-cta-sub{ margin:0;font-size:.85rem;line-height:1.65;color:rgba(255,255,255,.66)} body.premium .ft-v2 .ft-cta-actions{ display:flex;gap:14px;flex-shrink:0} body.premium .ft-v2 .ft-cta-btn{ display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:999px;font-size:.86rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease} body.premium .ft-v2 .ft-cta-solid{ background:#C9A84C;color:#1A1A2E;box-shadow:0 6px 18px rgba(201,168,76,.28)} body.premium .ft-v2 .ft-cta-solid:hover{ background:#E5CC8A;transform:translateY(-2px);box-shadow:0 10px 24px rgba(229,204,138,.36)} body.premium .ft-v2 .ft-cta-line{ background:transparent;color:#E5CC8A;border:1px solid rgba(229,204,138,.5)} body.premium .ft-v2 .ft-cta-line:hover{ background:rgba(229,204,138,.12);transform:translateY(-2px)} body.premium .ft-v2 .ft-cols{ display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:40px 32px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.10)} body.premium .ft-v2 .ft-col{ min-width:0} body.premium .ft-v2 .ft-col .ft-h{ margin:0 0 16px !important;padding:0 0 12px;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#D4B47A;border-bottom:1px solid rgba(212,180,122,.22)} body.premium .ft-v2 .ft-links{ list-style:none;margin:0;padding:0;display:grid;gap:11px} body.premium .ft-v2 .ft-links li{ line-height:1.4} body.premium .ft-v2 .ft-links a{ font-size:.84rem;color:rgba(255,255,255,.74);text-decoration:none;display:inline-block;transition:color .18s ease,transform .18s ease} body.premium .ft-v2 .ft-links a:hover{ color:#E5CC8A;transform:translateX(3px)} body.premium .ft-v2 .ft-brand-name{ margin:0 0 4px;font-size:1.04rem;font-weight:700;color:#fff;letter-spacing:.01em} body.premium .ft-v2 .ft-brand-en{ margin:0 0 15px;font-size:.66rem;letter-spacing:.12em;color:rgba(229,204,138,.82)} body.premium .ft-v2 .ft-brand-desc{ margin:0 0 16px;font-size:.8rem;line-height:1.78;color:rgba(255,255,255,.6)} body.premium .ft-v2 .ft-badges{ display:flex;flex-wrap:wrap;gap:7px} body.premium .ft-v2 .ft-badges span{ font-size:.62rem;letter-spacing:.03em;white-space:nowrap;color:rgba(255,255,255,.66);border:1px solid rgba(212,180,122,.34);background:rgba(212,180,122,.07);border-radius:999px;padding:4px 11px} body.premium .ft-v2 .ft-contact .ft-c-line{ font-size:.8rem;color:rgba(255,255,255,.86);line-height:1.5} body.premium .ft-v2 .ft-contact .ft-c-line a{ color:inherit;text-decoration:none} body.premium .ft-v2 .ft-contact .ft-c-line a:hover{ color:#E5CC8A} body.premium .ft-v2 .ft-contact .ft-c-note{ display:block;margin-top:3px;font-size:.68rem;color:rgba(255,255,255,.42)} body.premium .ft-v2 .ft-matrix{ padding-top:34px} body.premium .ft-v2 .ft-matrix-head{ display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px} body.premium .ft-v2 .ft-matrix-head .ft-h{ margin:0 !important;padding:0;border:0;font-size:.82rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#D4B47A} body.premium .ft-v2 .ft-h-more{ font-size:.8rem;font-weight:500;color:#E5CC8A;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:gap .18s ease,color .18s ease} body.premium .ft-v2 .ft-h-more:hover{ color:#fff;gap:10px} body.premium .ft-v2 .ft-matrix-grid{ list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 18px} body.premium .ft-v2 .ft-matrix-grid li a{ display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.78);text-decoration:none;padding:10px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease} body.premium .ft-v2 .ft-matrix-grid li a::before{ content:"";width:5px;height:5px;border-radius:50%;background:rgba(212,180,122,.5);flex-shrink:0;transition:background .18s ease} body.premium .ft-v2 .ft-matrix-grid li a:hover{ color:#fff;border-color:rgba(212,180,122,.45);background:rgba(212,180,122,.10);transform:translateY(-2px)} body.premium .ft-v2 .ft-matrix-grid li a:hover::before{ background:#E5CC8A} body.premium .ft-v2 .ft-bottom{ display:flex;justify-content:space-between !important;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px !important;padding-top:18px !important;border-top:1px solid rgba(255,255,255,.10);font-size:.74rem;color:rgba(255,255,255,.5);text-align:left !important} body.premium .ft-v2 .ft-legal{ display:flex;flex-wrap:wrap;gap:20px} body.premium .ft-v2 .ft-legal a{ font-size:.74rem;color:rgba(255,255,255,.55);text-decoration:none;transition:color .18s ease} body.premium .ft-v2 .ft-legal a:hover{ color:#E5CC8A} body.premium .product-video-cap{ margin:12px 2px 0;font-size:.82rem;line-height:1.6;color:#5C574F;letter-spacing:.01em} @media (max-width: 1180px){ body.premium .ft-v2 .ft-cols{ grid-template-columns:1.4fr 1fr 1fr;gap:36px 28px} body.premium .ft-v2 .ft-col-brand{ grid-column:1 / -1} body.premium .ft-v2 .ft-matrix-grid{ grid-template-columns:repeat(4,minmax(0,1fr))}} @media (max-width: 900px){ body.premium .ft-v2 .ft-cta{ flex-direction:column;align-items:flex-start;gap:20px;padding:24px} body.premium .ft-v2 .ft-cols{ grid-template-columns:repeat(2,minmax(0,1fr))} body.premium .ft-v2 .ft-col-brand{ grid-column:1 / -1}} @media (max-width: 700px){ body.premium .ft-v2 .ft-matrix-grid{ grid-template-columns:repeat(3,minmax(0,1fr))} body.premium .ft-v2 .ft-bottom{ flex-direction:column !important;align-items:flex-start !important}} @media (max-width: 560px){ body.premium .ft-v2 .ft-matrix-grid{ grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px} body.premium .ft-v2 .ft-cta-actions{ width:100%} body.premium .ft-v2 .ft-cta-btn{ flex:1} body.premium .ft-v2 .ft-badges span{ font-size:.6rem}} body.premium div.product-section-title>p.section-desc,body.premium .product-content-section>.container>p.eng-var-desc,body.premium #variety-detail .eng-var-body>p.eng-var-desc{ max-width:100% !important;margin-left:auto !important;margin-right:auto !important;text-align:justify;text-justify:auto;text-wrap:pretty} body.premium #variety-detail .eng-var-subhead~p.eng-var-desc{ margin-left:0 !important;margin-right:0 !important;text-align:left;text-justify:auto;text-wrap:pretty} body.premium .text-left .section-desc,body.premium .text-center .section-desc{ max-width:100% !important} body.premium .text-left .section-desc{ text-align:justify;text-justify:auto;text-wrap:pretty} body.premium .cta-section.cta-home .section-desc{ max-width:620px !important} body.premium .cta-section.cta-sub .section-desc{ max-width:600px !important} body.premium .section-header-center p.sub{ max-width:100%;margin:12px auto 0;font-size:15.5px;line-height:1.85;color:#5c5a66;text-align:justify;text-justify:auto;text-wrap:pretty} body.premium .cs2-head{ max-width:100%} body.premium .cs2-head p.cs2-desc{ text-align:justify;text-justify:auto;text-wrap:pretty} body.premium .v2-series .v2-series-lead{ max-width:100%;text-align:justify;text-justify:auto;text-wrap:pretty} .premium .hero-content .hero-subtitle,body.premium .hero-content .hero-subtitle{ max-width:100% !important;margin-left:auto !important;margin-right:auto !important;text-align:justify;text-justify:auto;text-wrap:pretty} body.premium .client-logo-section .section-desc,body.premium .section-header-center p.section-desc,body.premium .section-padding>.container>p.section-desc,body.premium .product-hero .product-hero-desc{ max-width:100% !important;margin-left:auto !important;margin-right:auto !important;text-align:justify;text-justify:auto;text-wrap:pretty} body.premium .cta-section .section-desc{ text-align:center} @media (max-width: 768px){ body.premium .application-grid,body.premium .service-grid,body.premium .solutions-grid,body.premium .pain-point-grid,body.premium .honor-grid,body.premium .art-related-grid,body.premium .why-grid,body.premium .info-cards,body.premium .ev-grid,body.premium .product-video-grid,body.premium .product-gallery-grid,body.premium .eng-variety-grid,body.premium .eng-adv-grid,body.premium .eng-process-grid,body.premium .eng-gallery-grid,body.premium .granite-variety-grid,body.premium .v2-series-grid,body.premium .cs2-mat-grid,body.premium .cs2-gal-grid,body.premium .cs2-proc-grid,body.premium .cs2-inst-grid,body.premium .cs2-rel-grid,body.premium .cs2-tech-grid{ display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important} body.premium .application-grid>:last-child:nth-child(odd),body.premium .service-grid>:last-child:nth-child(odd),body.premium .solutions-grid>:last-child:nth-child(odd),body.premium .pain-point-grid>:last-child:nth-child(odd),body.premium .honor-grid>:last-child:nth-child(odd),body.premium .art-related-grid>:last-child:nth-child(odd),body.premium .why-grid>:last-child:nth-child(odd),body.premium .info-cards>:last-child:nth-child(odd),body.premium .ev-grid>:last-child:nth-child(odd),body.premium .product-video-grid>:last-child:nth-child(odd),body.premium .product-gallery-grid>:last-child:nth-child(odd),body.premium .eng-variety-grid>:last-child:nth-child(odd),body.premium .eng-adv-grid>:last-child:nth-child(odd),body.premium .eng-process-grid>:last-child:nth-child(odd),body.premium .eng-gallery-grid>:last-child:nth-child(odd),body.premium .granite-variety-grid>:last-child:nth-child(odd),body.premium .v2-series-grid>:last-child:nth-child(odd),body.premium .cs2-mat-grid>:last-child:nth-child(odd),body.premium .cs2-gal-grid>:last-child:nth-child(odd),body.premium .cs2-proc-grid>:last-child:nth-child(odd),body.premium .cs2-inst-grid>:last-child:nth-child(odd),body.premium .cs2-rel-grid>:last-child:nth-child(odd),body.premium .cs2-tech-grid>:last-child:nth-child(odd){ grid-column:1 / -1} body.premium .application-grid>*,body.premium .service-grid>*,body.premium .solutions-grid>*,body.premium .pain-point-grid>*,body.premium .honor-grid>*,body.premium .art-related-grid>*,body.premium .why-grid>*,body.premium .info-cards>*,body.premium .ev-grid>*,body.premium .product-video-grid>*,body.premium .product-gallery-grid>*,body.premium .eng-variety-grid>*,body.premium .eng-adv-grid>*,body.premium .eng-process-grid>*,body.premium .eng-gallery-grid>*,body.premium .granite-variety-grid>*,body.premium .v2-series-grid>*,body.premium .cs2-mat-grid>*,body.premium .cs2-gal-grid>*,body.premium .cs2-proc-grid>*,body.premium .cs2-inst-grid>*,body.premium .cs2-rel-grid>*,body.premium .cs2-tech-grid>*{ min-width:0;max-width:100%} body.premium .application-grid img,body.premium .honor-grid img,body.premium .art-related-grid img,body.premium .cs2-gal-grid img,body.premium .eng-gallery-grid img,body.premium .granite-variety-grid img,body.premium .product-gallery-grid img,body.premium .product-video-grid img{ max-width:100%;height:auto} body.premium .application-card,body.premium .honor-card,body.premium .why-card,body.premium .pain-point-card,body.premium .info-card{ padding:14px 12px !important}} @media (max-width: 380px){ body.premium .application-grid,body.premium .honor-grid,body.premium .art-related-grid,body.premium .why-grid,body.premium .info-cards,body.premium .ev-grid,body.premium .product-gallery-grid,body.premium .eng-variety-grid,body.premium .eng-gallery-grid,body.premium .granite-variety-grid,body.premium .v2-series-grid,body.premium .cs2-mat-grid,body.premium .cs2-gal-grid,body.premium .cs2-proc-grid,body.premium .cs2-inst-grid,body.premium .cs2-rel-grid,body.premium .cs2-tech-grid{ gap:8px !important}} @media (hover: none){ body.premium .application-grid>*,body.premium .service-grid>*,body.premium .solutions-grid>*,body.premium .pain-point-grid>*,body.premium .honor-grid>*,body.premium .art-related-grid>*,body.premium .why-grid>*,body.premium .info-cards>*,body.premium .ev-grid>*,body.premium .product-video-grid>*,body.premium .product-gallery-grid>*,body.premium .eng-variety-grid>*,body.premium .eng-adv-grid>*,body.premium .eng-process-grid>*,body.premium .eng-gallery-grid>*,body.premium .granite-variety-grid>*,body.premium .v2-series-grid>*,body.premium .cs2-mat-grid>*,body.premium .cs2-gal-grid>*,body.premium .cs2-proc-grid>*,body.premium .cs2-inst-grid>*,body.premium .cs2-rel-grid>*,body.premium .cs2-tech-grid>*,body.premium .btn,body.premium .product-action-btn,body.premium a.v2-series-card{ -webkit-tap-highlight-color:transparent;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease} body.premium .application-grid>:active,body.premium .service-grid>:active,body.premium .solutions-grid>:active,body.premium .pain-point-grid>:active,body.premium .honor-grid>:active,body.premium .art-related-grid>:active,body.premium .why-grid>:active,body.premium .info-cards>:active,body.premium .ev-grid>:active,body.premium .product-video-grid>:active,body.premium .product-gallery-grid>:active,body.premium .eng-variety-grid>:active,body.premium .eng-adv-grid>:active,body.premium .eng-process-grid>:active,body.premium .eng-gallery-grid>:active,body.premium .granite-variety-grid>:active,body.premium .v2-series-grid>:active,body.premium .cs2-mat-grid>:active,body.premium .cs2-gal-grid>:active,body.premium .cs2-proc-grid>:active,body.premium .cs2-inst-grid>:active,body.premium .cs2-rel-grid>:active,body.premium .cs2-tech-grid>:active,body.premium .btn:active,body.premium .product-action-btn:active,body.premium a.v2-series-card:active{ transform:scale(.97);opacity:.88}} @media (max-width: 768px){ body.premium .arch-grid,body.premium .equip-grid,body.premium .rs-imgstrip,body.premium .vtl-track{ display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important} body.premium .arch-grid>:last-child:nth-child(odd),body.premium .equip-grid>:last-child:nth-child(odd),body.premium .rs-imgstrip>:last-child:nth-child(odd),body.premium .vtl-track>:last-child:nth-child(even){ grid-column:1 / -1} body.premium .arch-grid>*,body.premium .equip-grid>*,body.premium .rs-imgstrip>*,body.premium .vtl-track>*{ min-width:0;max-width:100%;margin:0} body.premium .arch-grid img,body.premium .equip-grid img,body.premium .rs-imgstrip img,body.premium .vtl-track img{ max-width:100%} body.premium .vtl-track::before,body.premium .vtl-card::after,body.premium .vtl-fade,body.premium .vtl-line{ display:none !important} body.premium .vtl-card{ width:auto !important;scroll-snap-align:none} body.premium .v2-masonry{ column-count:2 !important;column-gap:10px !important} body.premium .v2-masonry .v2-card{ margin-bottom:10px}} @media (max-width: 380px){ body.premium .arch-grid,body.premium .equip-grid,body.premium .rs-imgstrip,body.premium .vtl-track{ gap:8px !important} body.premium .v2-masonry{ column-gap:8px !important}} @media (hover: none){ body.premium .arch-grid>*,body.premium .equip-grid>*,body.premium .rs-imgstrip>*,body.premium .vtl-card,body.premium .v2-masonry .v2-card{ -webkit-tap-highlight-color:transparent;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease} body.premium .arch-grid>:active,body.premium .equip-grid>:active,body.premium .rs-imgstrip>:active,body.premium .vtl-card:active,body.premium .v2-masonry .v2-card:active{ transform:scale(.97);opacity:.88}} @media (max-width: 768px){ body.premium .home-tech-strip{ display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important} body.premium .home-tech-strip>:last-child:nth-child(odd){ grid-column:1 / -1} body.premium .home-tech-strip picture,body.premium .home-tech-strip img{ min-width:0;max-width:100%}} @media (max-width: 768px){ body.premium .scenarios-grid-hs{ display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important} body.premium .scenarios-grid-hs>:last-child:nth-child(odd){ grid-column:1 / -1} body.premium .scenarios-grid-hs .scenario-card{ aspect-ratio:4 / 3}} @media (hover: none){ body.premium .scenarios-grid-hs>*{ -webkit-tap-highlight-color:transparent;transition:transform .16s ease,opacity .16s ease} body.premium .scenarios-grid-hs>:active{ transform:scale(.97);opacity:.88}} @media (min-width: 901px){ body.premium .eng-adv-grid:has(>.eng-adv-card:nth-child(4):last-child)>.eng-adv-card:last-child{ grid-column:auto}} @media (min-width: 901px){ body.premium .eng-adv-grid:has(>.eng-adv-card:nth-child(5):last-child){ grid-template-columns:repeat(6,minmax(0,1fr))} body.premium .eng-adv-grid:has(>.eng-adv-card:nth-child(5):last-child)>.eng-adv-card{ grid-column:span 2} body.premium .eng-adv-grid:has(>.eng-adv-card:nth-child(5):last-child)>.eng-adv-card:nth-last-child(-n+2){ grid-column:span 3}} body.premium .eng-variety-grid:has(>.granite-variety-card:nth-child(5):last-child)>.granite-variety-card:first-child{ grid-column:1 / -1} body.premium .eng-variety-grid:has(>.granite-variety-card:nth-child(5):last-child)>.granite-variety-card:first-child .granite-variety-img{ aspect-ratio:2 / 1} body.premium .ft-v2 .ft-matrix-grid>li:last-child:nth-child(13){ grid-column:3 / span 2} @media (max-width: 1180px){ body.premium .ft-v2 .ft-matrix-grid>li:last-child:nth-child(13){ grid-column:2 / span 2}} @media (max-width: 700px){ body.premium .ft-v2 .ft-matrix-grid>li:last-child:nth-child(13){ grid-column:2 / span 1}} @media (max-width: 560px){ body.premium .ft-v2 .ft-matrix-grid>li:last-child:nth-child(13){ grid-column:1 / -1}} @media (min-width: 561px) and (max-width: 1200px){ body.premium .granite-variety-grid:has(>.granite-variety-card:nth-child(10):last-child){ grid-template-columns:repeat(5,minmax(0,1fr))}} @media (min-width: 901px) and (max-width: 1200px){ body.premium .granite-variety-grid:has(>.granite-variety-card:nth-child(30):last-child){ grid-template-columns:repeat(5,minmax(0,1fr))}} @media (min-width: 641px) and (max-width: 1024px){ body.premium .product-gallery-grid:has(>.product-gallery-item:nth-child(20):last-child){ grid-template-columns:repeat(4,minmax(0,1fr)) !important}} body.premium .specs-dimensions-grid{ grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))} body.premium .cs2-tech{ transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease} body.premium .cs2-tech:hover{ transform:translateY(-5px);box-shadow:0 20px 44px rgba(21,21,43,.16)} body.premium .eng-process-step{ transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease} body.premium .eng-process-step:hover{ transform:translateY(-5px);border-color:var(--pv-gold);box-shadow:0 18px 42px rgba(20,19,15,.12)} @media (hover: none){ body.premium .cs2-tech:hover,body.premium .eng-process-step:hover{ transform:none;box-shadow:none} body.premium .cs2-tech:active,body.premium .eng-process-step:active{ transform:scale(.985)}} @media (max-width: 1024px){ body.premium .cs2-mat-grid>:last-child:nth-child(odd),body.premium .cs2-rel-grid>:last-child:nth-child(odd),body.premium .cs2-proc-grid>:last-child:nth-child(odd),body.premium .cs2-inst-grid>:last-child:nth-child(odd),body.premium .cs2-gal-grid>:last-child:nth-child(odd){ grid-column:1 / -1}} @media (min-width: 701px) and (max-width: 900px){ body.premium .ft-grid5:has(>div:nth-child(5):last-child)>div:first-child{ grid-column:1 / -1}} body.premium .ft-v2 .ft-cta-actions{ flex-wrap:wrap;justify-content:flex-start} @media (max-width: 700px){ body.premium .ft-v2 .ft-cta-actions{ justify-content:center}} body.premium .btn,body.premium .btn-outline,body.premium .ft-cta-btn{ max-width:100%;overflow-wrap:break-word} @media (max-width: 900px){ body.premium .ft-v2 .ft-cols:has(>.ft-col:last-child:nth-child(4))>.ft-col:last-child{ grid-column:1 / -1}} @media (min-width: 636px) and (max-width: 835px){ body.premium .tech-stats:has(>.ts-item:nth-child(4):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media (min-width: 769px){ body.premium .home-tech-strip{ grid-template-columns:repeat(4,minmax(0,1fr)) !important}} body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child){ display:flex;flex-wrap:wrap;align-content:flex-start} body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child)>.ht-item{ flex:0 0 25%;max-width:25%} @media (min-width: 861px){ body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child)>.ht-item:nth-child(n+5){ flex:0 0 33.3333%;max-width:33.3333%}} @media (max-width: 860px){ body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child)>.ht-item{ flex:0 0 50%;max-width:50%} body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child)>.ht-item:last-child:nth-child(odd){ flex:0 0 100%;max-width:100%}} body.premium .ft-v2 .ft-badges>*{ flex:1 1 calc(50% - 3.5px);max-width:calc(50% - 3.5px);min-width:0;white-space:normal;text-align:center} body.premium .news-list-grid>:last-child:nth-child(even){ grid-column:1 / -1} @media (min-width: 901px) and (max-width: 1180px){ body.premium .ft-grid5:has(>div:nth-child(5):last-child){ grid-template-columns:repeat(6,minmax(0,1fr)) !important} body.premium .ft-grid5:has(>div:nth-child(5):last-child)>div{ grid-column:span 2} body.premium .ft-grid5:has(>div:nth-child(5):last-child)>div:nth-last-child(2),body.premium .ft-grid5:has(>div:nth-child(5):last-child)>div:last-child{ grid-column:span 3}} @media (min-width: 769px) and (max-width: 1199px){ body.premium .contact-complaint-grid:has(>.contact-complaint-card:nth-child(3):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)) !important} body.premium .contact-complaint-grid:has(>.contact-complaint-card:nth-child(3):last-child)>.contact-complaint-card:last-child{ grid-column:1 / -1}} @media (min-width: 769px) and (max-width: 883px){ body.premium .contact-compliance-grid:has(>.contact-compliance-card:nth-child(3):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)) !important} body.premium .contact-compliance-grid:has(>.contact-compliance-card:nth-child(3):last-child)>.contact-compliance-card:last-child{ grid-column:1 / -1}} @media (min-width: 901px) and (max-width: 1200px){ body.premium .granite-variety-grid.eng-gallery-grid:has(>.granite-variety-card:nth-child(30):last-child)>.granite-variety-card:nth-child(4n+1):nth-last-child(2),body.premium .granite-variety-grid.eng-gallery-grid:has(>.granite-variety-card:nth-child(30):last-child)>.granite-variety-card:nth-child(4n+2):last-child{ grid-column:auto} body.premium .granite-variety-grid.eng-gallery-grid:has(>.granite-variety-card:nth-child(30):last-child)>.granite-variety-card:nth-child(4n+1):nth-last-child(2) .granite-variety-img,body.premium .granite-variety-grid.eng-gallery-grid:has(>.granite-variety-card:nth-child(30):last-child)>.granite-variety-card:nth-child(4n+2):last-child .granite-variety-img{ aspect-ratio:1 / 1}} @media (max-width: 768px){ body.premium .eng-adv-grid>.eng-adv-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (min-width: 584px) and (max-width: 883px){ body.premium .tech-craft-grid:has(>div:nth-child(3):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)) !important} body.premium .tech-craft-grid:has(>div:nth-child(3):last-child)>div:last-child{ grid-column:1 / -1}} @media (max-width: 640px){ body.premium .news-hero-content>div:has(>span){ display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px} body.premium .news-hero-content>div:has(>span)>span:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 860px){ body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child)>.ht-item{ flex:0 0 calc(50% - 10px) !important;max-width:calc(50% - 10px) !important} body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child)>.ht-item:last-child:nth-child(odd){ flex:0 0 calc(100% - 10px) !important;max-width:calc(100% - 10px) !important} body.premium .hero-timeline:has(>.ht-item:nth-child(7):last-child){ row-gap:10px}} @media (max-width: 768px){ body.premium .series-cards>.series-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .products-grid-v2>div:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .projects-grid>.project-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .solutions-grid>.solution-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .guides-grid>.guide-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .news-grid>.news-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .granite-variety-grid>.granite-variety-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .eng-vars-list>.eng-var-item:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .ft-matrix-grid>*:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .tech-grid>.tech-card:last-child:nth-child(odd),body.premium .tech-stats>.ts-item:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .resources-grid>.resource-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .vtl-track>.vtl-card:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .compare-grid>*:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .faq-grid>.faq-item:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .partner-logos>div:last-child:nth-child(odd){ grid-column:1 / -1}} @media (max-width: 768px){ body.premium .sample-request-grid>*:last-child:nth-child(odd){ grid-column:1 / -1}} body.premium .navbar .mega-panel-grid.menu-3x3{ display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:4px 12px !important} body.premium .navbar .mega-panel-grid.menu-3x3>.mega-panel-link{ flex:none !important;width:auto !important} body.premium .navbar .mega-panel-more{ grid-column:1 / -1;display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:10px;padding:12px 8px 2px;border-top:1px solid rgba(212,175,55,0.4);text-decoration:none;transition:background 0.25s ease} body.premium .navbar .mega-panel-more .mega-panel-text{ display:flex;align-items:baseline;gap:10px} body.premium .navbar .mega-panel-more .mega-panel-text strong{ color:var(--color-accent,#C9A84C) !important;font-size:0.92rem;letter-spacing:0.06em;transition:color 0.25s ease} body.premium .navbar .mega-panel-more .mega-panel-text span{ color:rgba(26,26,46,0.55) !important;font-size:0.72rem} body.premium .navbar .mega-panel-more:hover{ background:rgba(212,175,55,0.08)} body.premium .navbar .mega-panel-more:hover .mega-panel-text strong{ color:#a8873a !important} @media (max-width: 1160px){ body.premium .navbar .mega-panel-grid.menu-3x3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important} body.premium .navbar .mega-panel-more .mega-panel-text{ flex-direction:column;gap:2px}} @media (max-width: 900px){ body.premium .navbar .mega-panel-grid.menu-3x3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 10px !important} body.premium .navbar .mega-panel-more{ justify-content:flex-start;margin-top:6px;padding:12px 0 2px} body.premium .navbar .mega-panel-more .mega-panel-text{ flex-direction:row;gap:8px}} body.premium .navbar .mega-panel-grid.menu-3x3:not(.expanded)>.mega-panel-link.mp-extra{ display:none !important} body.premium .navbar .mega-panel-grid.menu-3x3.expanded>.mega-panel-link.mp-extra{ display:block !important} body.premium .navbar button.mega-panel-more{ background:none;border:none;cursor:pointer;width:100%;font-family:inherit;text-align:center} body.premium .navbar .mega-panel-more>strong{ display:inline-flex;align-items:center;gap:6px;color:var(--color-accent,#C9A84C) !important;font-size:0.92rem;font-weight:600;letter-spacing:0.06em;transition:color 0.25s ease} body.premium .navbar .mega-panel-more:hover>strong{ color:#a8873a !important} .hsst-sc-wrap{margin-top:36px} .hsst-sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .hsst-sc-grid:not(.expanded) .sc-extra{display:none} @media(max-width:1280px){.hsst-sc-grid{grid-template-columns:repeat(3,1fr);gap:18px}} @media(max-width:860px){.hsst-sc-grid{grid-template-columns:repeat(2,1fr);gap:14px}} .hsst-sc-card{display:block;background:#fff;border:1px solid rgba(23,22,18,.08);border-radius:14px;overflow:hidden;text-decoration:none;color:#1c1b17;box-shadow:0 8px 26px rgba(17,16,15,.06);transition:transform .3s ease,box-shadow .3s ease} .hsst-sc-card:hover{transform:translateY(-6px);box-shadow:0 22px 52px rgba(17,16,15,.15)} .hsst-sc-card:hover .hsst-sc-img img{transform:scale(1.05)} .hsst-sc-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#efede8} .hsst-sc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease} .hsst-sc-cap{display:block;padding:16px 18px 18px} .hsst-sc-cap i{display:block;font-family:'Playfair Display',serif;font-style:italic;font-size:12px;letter-spacing:.06em;color:#8a8677} .hsst-sc-cap b{display:block;font-size:17px;font-weight:600;margin-top:4px;line-height:1.4} .hsst-sc-cap .sc-d{display:block;font-size:13px;color:#6d6a60;margin-top:6px;line-height:1.6} .hsst-sc-cap em{display:inline-block;margin-top:10px;font-style:normal;font-size:13px;font-weight:600;color:#a8862f} .hsst-sc-more{display:block;margin:36px auto 0;padding:12px 36px;background:transparent;border:1px solid #c9a84c;color:#8a6d1f;border-radius:999px;font:600 14px/1 'Inter',sans-serif;cursor:pointer;transition:background .3s ease,color .3s ease} .hsst-sc-more:hover{background:#c9a84c;color:#fff} body.premium .mega-panel-grid.menu-2x2>.mega-panel-link{ flex-basis:calc((100% - 6px) / 2) !important} .art-body img.img-thumb{ height:auto !important;max-height:none !important;object-fit:contain !important;border-radius:14px;margin:2px 0 26px} @media (max-width: 1160px){ body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid,body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid.menu-2x2,body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid.menu-3x3{ display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:10px !important;row-gap:0 !important;align-items:stretch !important} body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link{ flex:none !important;flex-basis:auto !important;width:auto !important;min-width:0 !important;padding:9px 10px !important;box-sizing:border-box} body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link .mega-panel-icon,body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link .mega-panel-icon img{ width:30px !important;height:30px !important;min-width:30px !important;border-radius:8px} body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link .mega-panel-text{ gap:2px} body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link .mega-panel-text strong{ font-size:0.82rem !important} body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link .mega-panel-text span{ font-size:0.6rem !important} body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid>.mega-panel-link:last-child:nth-child(odd){ grid-column:1 / -1} @supports selector(:has(*)){ body.premium .navbar .nav-links .nav-dropdown>.mega-panel>.mega-panel-grid:not(.expanded)>.mega-panel-link:nth-child(odd):has(+.mega-panel-link.mp-extra){ grid-column:1 / -1}}} body.premium .hsst-form-consent input[type="checkbox"]{ width:16px;height:16px;margin:2px 0 0;flex:none;accent-color:#C2A25E;cursor:pointer} body.premium .hsst-form-consent a{ color:#A8884A;text-decoration:underline} body.premium .hsst-form-consent a:hover{ color:#C2A25E} @media (max-width: 768px){ body.premium .hsst-form-consent input[type="checkbox"],body.premium .hsst-consent input[type="checkbox"]{ width:18px;height:18px;margin:3px 0 0} a.lk{ padding:13px 0;font-size:15px}} @media (max-width: 768px){ .cookie-btn-accept,.cookie-btn-decline{ min-height:44px;padding:10px 18px;font-size:14px}} @media (max-width: 768px){ body.premium .back-to-top{ width:44px;height:44px;font-size:19px} a.jd-back{ display:inline-flex;align-items:center;min-height:44px;padding:8px 14px 8px 0;font-size:15px}} @media (max-width: 768px){ a.faqv2-chip{ min-height:44px;padding:12px 16px;font-size:14px} a.rs-dl{ min-height:44px;display:inline-flex;align-items:center;font-size:14px}}

@media (max-width:700px){
  body.premium .v2-series-grid > *{
    aspect-ratio:auto !important;
    flex:none;
    width:auto;
    display:flex;
    flex-direction:column;
  }
  body.premium .v2-series-card .vsc-img{
    position:static !important;
    inset:auto !important;
    width:100%;
    aspect-ratio:4/3;
    flex:none;
  }
  body.premium .v2-series-card .vsc-cap{
    position:static !important;
    background:#fff !important;
    color:#14130F !important;
    padding:10px 12px 14px !important;
    flex:1 0 auto;
  }
  body.premium .v2-series-card .vsc-cap i{ color:#8A6D1F !important; margin-bottom:3px; }
  body.premium .v2-series-card .vsc-cap b{ font-size:15.5px !important; line-height:1.35; letter-spacing:0; }
  body.premium .v2-series-card .vsc-cap .vsc-d{ color:rgba(20,19,15,.72) !important; font-size:12px !important; margin:5px 0 8px !important; }
  body.premium .v2-series-card .vsc-go{ background:#fff; color:#1A1A2E; }
}
@media (max-width:768px){
  body.premium .eng-variety-grid > .granite-variety-card,
  body.premium .eng-gallery-grid > .granite-variety-card{
    grid-column:auto !important;
  }
  body.premium .eng-variety-grid > .granite-variety-card .granite-variety-img,
  body.premium .eng-gallery-grid > .granite-variety-card .granite-variety-img{
    aspect-ratio:1/1 !important;
  }
  body.premium .eng-variety-grid > .granite-variety-card:last-child:nth-child(odd),
  body.premium .eng-gallery-grid > .granite-variety-card:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
  }
  body.premium .eng-variety-grid > .granite-variety-card:last-child:nth-child(odd) .granite-variety-img,
  body.premium .eng-gallery-grid > .granite-variety-card:last-child:nth-child(odd) .granite-variety-img{
    aspect-ratio:2/1 !important;
  }
}
body.premium #cs2lb .cs2lb-x,
body.premium #cs2lb .cs2lb-nav{
  background:rgba(20,18,15,.62);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 2px 14px rgba(0,0,0,.5);
  color:#fff;
  z-index:3;
}
body.premium #cs2lb .cs2lb-x:hover,
body.premium #cs2lb .cs2lb-nav:hover{ background:rgba(20,18,15,.88); }
@media (max-width:768px){
  body.premium #cs2lb .cs2lb-x,
  body.premium #cs2lb .cs2lb-nav{ width:44px; height:44px; font-size:1.4rem; }
  body.premium #cs2lb .cs2lb-prev{ left:8px; }
  body.premium #cs2lb .cs2lb-next{ right:8px; }
}


body.premium .hero-grid-item{ aspect-ratio:auto; }
body.premium .hero-grid-item video{ height:auto; aspect-ratio:16/9; }
body.premium .hero-grid-label{ position:static; background:rgba(8,8,12,.78); }
body.premium .hero-grid-item p{ padding:8px 14px 12px; margin:0 !important; }


body.premium .about-hero-video-section:not(.hero-fullpage){
  height:auto !important;
  min-height:15vh;
  padding:26px 0 !important;
}
body.premium .about-hero-video-section:not(.hero-fullpage) .about-video-wrap{
  height:100% !important;
}
body.premium .about-hero-video-section:not(.hero-fullpage) .about-video-content{
  padding:6px 0 !important;
}


body.premium .mega-panel-link.active{ background:rgba(201,168,76,.10); border-radius:6px; }
body.premium .eng-variety-grid:has(> .granite-variety-card:nth-child(5):last-child) > .granite-variety-card:first-child{ grid-column:auto; }
body.premium .eng-variety-grid:has(> .granite-variety-card:nth-child(5):last-child) > .granite-variety-card:first-child .granite-variety-img{ aspect-ratio:1/1; }
@media (max-width:768px){
body.premium .vtl-track > .vtl-card.vtl-pair:last-child:nth-child(odd){ grid-column:auto !important; }
}

@media (max-width:560px){
  body.premium .eng-vars-list.is-ready .eng-var-cta{
    width:auto; height:auto; padding:5px 9px; gap:4px;
    border-radius:999px; justify-content:flex-start;
    font-size:11px;
  }
  body.premium .eng-vars-list.is-ready .eng-var-cta .eng-var-cta-txt{ display:inline; }
  body.premium .eng-vars-list.is-ready .eng-var-cta-icon{ width:12px; height:12px; }
  body.premium .eng-vars-list.is-ready .eng-var-meta{ flex-wrap:wrap; row-gap:6px; }
}
@media (max-width:700px){
  body.premium .v2-series-card .vsc-go{ opacity:1; transform:none; }
}
body.premium .v2-series-grid.ev-grid > *{ flex:1 1 calc((100% - 44px)/3) !important; }
body.premium a.v2-series-card.ev-card .vsc-cap{ background:none; padding:18px 18px 16px; color:#fff; }
body.premium a.v2-series-card.ev-card .vsc-cap i{ color:#F3D289; font-size:11px; -webkit-text-stroke:1px rgba(0,0,0,.45); paint-order:stroke fill; text-shadow:0 1px 1px rgba(0,0,0,.85), 0 0 3px rgba(0,0,0,.5); }
body.premium a.v2-series-card.ev-card .vsc-cap b{ color:#fff; -webkit-text-stroke:3px rgba(0,0,0,.42); paint-order:stroke fill; text-shadow:0 1px 2px rgba(0,0,0,.72), 0 0 5px rgba(0,0,0,.38); }
body.premium a.v2-series-card.ev-card .vsc-cap .vsc-d{ color:rgba(255,255,255,.97); -webkit-text-stroke:1.5px rgba(0,0,0,.45); paint-order:stroke fill; text-shadow:0 1px 2px rgba(0,0,0,.75), 0 0 4px rgba(0,0,0,.4); }
body.premium a.v2-series-card.ev-card .hsst-spec-chips{ margin-top:0; }
body.premium a.v2-series-card.ev-card .hsst-spec-chip{ background:rgba(20,18,15,.18); border-color:rgba(255,255,255,.45); color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.55); }
body.premium a.v2-series-card.ev-card .hsst-spec-chip b{ color:rgba(255,255,255,.82); }

body.premium .vsc-param-row{ display:flex; flex-wrap:wrap; align-items:center; gap:5px 6px; min-width:0; }
body.premium a.v2-series-card.ev-card .vsc-foot{ display:flex; flex-direction:column; gap:6px; margin-top:0; }
body.premium a.v2-series-card.ev-card .vsc-foot .vsc-go{ margin:0; }
body.premium a.v2-series-card.ev-card .hsst-spec-chip{ margin:0; }
body.premium .eng-vars-list.is-ready .hsst-spec-chips{ display:flex; flex-direction:column; gap:6px; margin:0; padding:0 18px 16px; }
body.premium .eng-vars-list.is-ready .hsst-spec-chip{ margin:0; }
body.premium .eng-vars-list.is-ready .eng-var-name{ min-height:48px; }
@media (max-width:900px){
  body.premium .eng-vars-list.is-ready .hsst-spec-chips{ padding:0 13px 13px; }
}
@media (max-width:700px){
  body.premium .v2-series-grid.ev-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:12px; }
  body.premium .v2-series-grid.ev-grid > *{ flex:none !important; width:auto !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap i, body.premium a.v2-series-card.ev-card .vsc-cap b, body.premium a.v2-series-card.ev-card .vsc-cap .vsc-d{ -webkit-text-stroke:0; text-shadow:none; }
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-go{ font-size:9.5px; padding:2px 5px; gap:3px; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip, body.premium .eng-vars-list.is-ready .hsst-spec-chip{ white-space:normal; word-break:keep-all; line-height:1.3; max-width:100%; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip{ background:#F6F3EC; border-color:#E0DBD0; color:#14130F; text-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; font-size:.55rem; padding:1px 3px; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip, body.premium .eng-vars-list.is-ready .hsst-spec-chip{ display:inline-flex; flex:0 0 auto; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip b{ color:#6B6558; font-size:inherit !important; }
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:10.5px; padding:4px 8px; }
  }
@media (max-width:360px){
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-go{ font-size:9px; padding:1px 4px; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip{ font-size:.52rem; padding:1px 3px; }
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:9.5px; padding:2px 6px; }
  body.premium .eng-vars-list.is-ready .hsst-spec-chip{ font-size:.55rem; padding:1px 4px; }
}

body.premium .eng-vars-list.is-ready > .eng-var{ position:relative; }
body.premium .eng-vars-list.is-ready .eng-var-head{ position:relative; display:block; }
body.premium .eng-vars-list.is-ready .eng-var-media{ margin-bottom:0; border-radius:0; }
body.premium .eng-vars-list.is-ready .eng-var-meta{ position:absolute; left:0; right:0; bottom:0; z-index:3; display:flex !important; flex-direction:column !important; align-items:flex-start; gap:7px; margin:0; padding:13px 15px 14px; background:none; text-align:left; }
body.premium .eng-vars-list.is-ready .eng-var-name{ flex:0 0 auto; min-height:0 !important; margin:0; font-size:17px; line-height:1.32; color:#fff; -webkit-text-stroke:3px rgba(0,0,0,.42); paint-order:stroke fill; text-shadow:0 1px 3px rgba(0,0,0,.55); }
body.premium .eng-vars-list.is-ready .eng-var-idx{ font-size:13px; margin-right:7px; color:#F5D896; -webkit-text-stroke:1px rgba(0,0,0,.5); paint-order:stroke fill; }
body.premium .eng-vars-list.is-ready .eng-var-name-en{ font-size:11px; margin-top:3px; min-height:0; color:#F5D896 !important; -webkit-text-stroke:1px rgba(0,0,0,.5); paint-order:stroke fill; text-shadow:0 1px 2px rgba(0,0,0,.6); }
body.premium .eng-vars-list.is-ready .hsst-spec-chips{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin:0; padding:0; }
body.premium .eng-vars-list.is-ready .hsst-spec-chip{ display:inline-flex; flex:0 0 auto; max-width:100%; align-items:baseline; gap:4px; padding:2px 8px; border:1px solid rgba(255,255,255,.52); border-radius:999px; background:rgba(18,16,13,.46); color:#fff; font-size:11.5px; line-height:1.5; white-space:normal; word-break:keep-all; }
body.premium .eng-vars-list.is-ready .hsst-spec-chip b{ font-size:inherit !important; font-weight:600; color:rgba(255,255,255,.82); }
body.premium .eng-vars-list.is-ready .hsst-spec-chip span{ font-weight:600; color:#fff; }
body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:12px; padding:5px 11px; gap:5px; box-shadow:0 3px 10px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.32); }
body.premium .granite-variety-card{ position:relative; }
body.premium .granite-variety-cap{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding:11px 13px 12px; text-align:left; font-size:13.5px; font-weight:600; line-height:1.4; color:#fff; -webkit-text-stroke:2.5px rgba(0,0,0,.42); paint-order:stroke fill; text-shadow:0 1px 3px rgba(0,0,0,.5); }
@media (max-width:700px){
  body.premium .v2-series-grid > a.v2-series-card.ev-card{ aspect-ratio:1 / 1 !important; display:block !important; }
  body.premium a.v2-series-card.ev-card .vsc-img{ position:absolute !important; inset:0 !important; width:100%; height:100% !important; aspect-ratio:auto !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap{ position:absolute !important; left:0; right:0; bottom:0; background:none !important; color:#fff !important; padding:10px 12px 12px !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap i{ color:#F5D896 !important; font-size:10px; margin-bottom:3px; -webkit-text-stroke:1px rgba(0,0,0,.5); paint-order:stroke fill; text-shadow:0 1px 2px rgba(0,0,0,.6); }
  body.premium a.v2-series-card.ev-card .vsc-cap b{ font-size:15px !important; line-height:1.35; color:#fff; -webkit-text-stroke:2.5px rgba(0,0,0,.42); paint-order:stroke fill; text-shadow:0 1px 3px rgba(0,0,0,.55); }
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-d{ color:rgba(255,255,255,.95) !important; font-size:12px !important; line-height:1.5; margin:5px 0 7px !important; -webkit-text-stroke:1.5px rgba(0,0,0,.42); paint-order:stroke fill; text-shadow:0 1px 2px rgba(0,0,0,.5); }
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-go{ opacity:1 !important; transform:none !important; background:var(--pv-gold,#C9A84C) !important; color:#1A1A2E !important; border-radius:999px; font-size:11.5px !important; padding:3px 9px !important; gap:4px; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip{ background:rgba(18,16,13,.46) !important; border-color:rgba(255,255,255,.52) !important; color:#fff !important; text-shadow:none !important; font-size:11px !important; padding:2px 7px !important; }
  body.premium a.v2-series-card.ev-card .hsst-spec-chip b{ color:rgba(255,255,255,.82) !important; }
}
@media (max-width:900px){
  body.premium .eng-vars-list.is-ready .eng-var-meta{ padding:12px 13px 13px; gap:6px; }
  body.premium .eng-vars-list.is-ready .eng-var-name{ font-size:16px; }
  body.premium .eng-vars-list.is-ready .hsst-spec-chip{ font-size:11px; padding:2px 7px; }
  body.premium .granite-variety-cap{ font-size:13px; padding:10px 11px 11px; }
}
@media (max-width:700px){
  body.premium .eng-vars-list.is-ready .eng-var-meta{ padding:10px 12px 12px; gap:6px; }
  body.premium .eng-vars-list.is-ready .eng-var-name{ font-size:15.5px; -webkit-text-stroke:2.5px rgba(0,0,0,.45); }
  body.premium .eng-vars-list.is-ready .eng-var-idx{ font-size:12px; }
  body.premium .eng-vars-list.is-ready .eng-var-name-en{ font-size:10.5px; }
  body.premium .eng-vars-list.is-ready .hsst-spec-chip{ font-size:11px; padding:2px 6px; }
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:11.5px; padding:4px 9px; }
  body.premium .granite-variety-cap{ font-size:12.5px; padding:9px 10px 10px; -webkit-text-stroke:2px rgba(0,0,0,.45); }
}
@media (max-width:560px){
  body.premium .eng-vars-list.is-ready .eng-var-cta{ width:auto !important; height:auto !important; padding:4px 9px !important; border-radius:999px !important; justify-content:flex-start; gap:4px; font-size:11.5px !important; }
  body.premium .eng-vars-list.is-ready .eng-var-cta .eng-var-cta-txt{ display:inline !important; }
  body.premium .eng-vars-list.is-ready .eng-var-cta-icon{ width:13px; height:13px; }
  body.premium .eng-vars-list.is-ready .eng-var-meta{ padding:9px 10px 10px; }
  body.premium .eng-vars-list.is-ready .eng-var-name{ font-size:15px; }
  body.premium .eng-vars-list.is-ready .hsst-spec-chip{ font-size:11px; }
  body.premium .granite-variety-cap{ font-size:12px; padding:8px 9px 9px; }
}
@media (max-width:430px){
  body.premium .eng-vars-list.is-ready > .eng-var:nth-child(-n+4), body.premium .eng-vars-list.is-ready > .eng-var:nth-child(n+5){ grid-column:1 / -1; }
}

body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta{ position:absolute; top:10px; right:10px; left:auto; bottom:auto; z-index:5; width:auto; max-width:calc(100% - 20px); margin:0; padding:4px 10px; border-radius:999px; font-size:11.5px; line-height:1.4; box-shadow:0 3px 10px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.35); }
body.premium a.v2-series-card.ev-card .hsst-spec-chip{ background:rgba(18,16,13,.5); }
body.premium .hsst-spec-chip b, body.premium .hsst-spec-chip span{ white-space:nowrap; }
@media (max-width:700px){
  body.premium .v2-series-grid > a.v2-series-card.ev-card{ aspect-ratio:4 / 5 !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-d{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
  body.premium a.v2-series-card.ev-card > .hsst-cmp-cta{ padding:3px 8px !important; font-size:11px !important; }
}
@media (max-width:560px){
  body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta{ font-size:11px; padding:3px 8px; top:8px; right:8px; }
}

html:lang(en) body.premium .hsst-spec-chip b{ white-space:normal; line-height:1.25; }
@media (max-width:700px){
  body.premium .v2-series-grid > a.v2-series-card.ev-card{ aspect-ratio:3 / 4 !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap{ padding-top:34px !important; }
}

body.premium a.v2-series-card.ev-card .hsst-spec-chip b{ font-size:inherit !important; font-weight:600; }

@media (max-width:700px){
  body.premium .v2-series-grid > a.v2-series-card.ev-card{ aspect-ratio:2 / 3 !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap{ padding-top:32px !important; }
  body.premium a.v2-series-card.ev-card > .hsst-cmp-cta{ min-height:0 !important; padding:4px 9px !important; font-size:11px !important; }
}

/* Module 74 卡片雙按鈕：查看詳情放大(主)、加入比較縮小玻璃化(次)、反制 button 44px */
body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:13.5px; padding:7px 16px; gap:6px; min-height:32px; font-weight:700; letter-spacing:.02em; box-shadow:0 4px 14px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.35); }
body.premium .eng-vars-list.is-ready .eng-var-cta .eng-var-cta-txt{ white-space:nowrap; }
body.premium a.v2-series-card.ev-card .vsc-cap .vsc-go{ opacity:1; transform:none; background:var(--pv-gold,#C9A84C); background-image:none; color:#1A1A2E; border-radius:999px; font-size:14px; font-weight:700; padding:8px 18px; gap:6px; letter-spacing:.02em; box-shadow:0 4px 14px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.35); }
body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta{ font-size:10.5px; padding:3px 9px; top:8px; right:8px; min-height:0; line-height:1.35; letter-spacing:.01em; background:rgba(18,16,13,.5); background-image:none; border:1px solid rgba(255,255,255,.55); color:#fff; box-shadow:0 2px 8px rgba(0,0,0,.28); }
body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta .hsst-cmp-btn-label{ color:#fff; font-size:inherit; white-space:nowrap; }
body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta:hover{ background:rgba(18,16,13,.68); background-image:none; }
body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline{ font-size:11px; padding:4px 11px; top:8px; right:8px; min-height:0; line-height:1.35; letter-spacing:.01em; background:rgba(18,16,13,.5); background-image:none; border:1px solid rgba(255,255,255,.55); color:#fff; box-shadow:0 2px 8px rgba(0,0,0,.28); }
body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline .hsst-cmp-btn-label{ color:#fff; font-size:inherit; white-space:nowrap; }
body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline:hover{ background:rgba(18,16,13,.68); background-image:none; }
body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta.cmp-selected,
body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline.cmp-selected{ background:#2E7D32; background-image:linear-gradient(135deg,#2E7D32 0%,#43A047 100%); border-color:rgba(255,255,255,.55); color:#fff; }
@media (max-width:768px){
  body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta,
  body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline{ min-height:0 !important; min-width:0 !important; }
}
@media (max-width:900px){
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:13px; padding:6px 14px; min-height:30px; }
}
@media (max-width:700px){
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:12.5px; padding:6px 13px; }
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-go{ font-size:13px !important; padding:6px 14px !important; min-height:30px; }
  body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta{ font-size:10px; padding:3px 8px; top:6px; right:6px; }
  body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline{ font-size:10px !important; padding:3px 8px !important; top:6px !important; right:6px !important; }
}
@media (max-width:560px){
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:12.5px !important; padding:6px 13px !important; min-height:30px; }
}
@media (max-width:360px){
  body.premium .eng-vars-list.is-ready .eng-var-cta{ font-size:12px !important; padding:5px 11px !important; }
  body.premium a.v2-series-card.ev-card .vsc-cap .vsc-go{ font-size:12.5px !important; padding:5px 12px !important; }
  body.premium .eng-vars-list.is-ready > .eng-var > .hsst-cmp-cta,
  body.premium a.v2-series-card.ev-card > .hsst-cmp-cta-inline{ font-size:9.5px; }
}

@media (max-width:700px){
  body.premium a.v2-series-card.ev-card .vsc-cap{ top:0 !important; display:flex; flex-direction:column; justify-content:flex-end; padding-top:38px !important; }
}

@media (max-width:430px){
  body.premium .v2-series-grid > a.v2-series-card.ev-card{ aspect-ratio:auto !important; min-height:240px; display:flex !important; flex-direction:column; justify-content:flex-end; }
  body.premium a.v2-series-card.ev-card .vsc-cap{ position:relative !important; z-index:3; }
}
/* Module 75 卡片名字去糊：零描邊(-webkit-text-stroke:0)零陰影(text-shadow:none)，標題字重700，逐卡 data-hsst-tone 自適應字色 */
body.premium .eng-vars-list.is-ready .eng-var-name,
body.premium .eng-vars-list.is-ready .eng-var-idx,
body.premium .eng-vars-list.is-ready .eng-var-name-en,
body.premium .granite-variety-cap,
body.premium a.v2-series-card.ev-card .vsc-cap i,
body.premium a.v2-series-card.ev-card .vsc-cap b,
body.premium a.v2-series-card.ev-card .vsc-cap .vsc-d{ -webkit-text-stroke:0 !important; paint-order:normal !important; text-shadow:none !important; }
body.premium .eng-vars-list.is-ready .eng-var-name,
body.premium .granite-variety-cap,
body.premium a.v2-series-card.ev-card .vsc-cap b{ font-weight:700 !important; letter-spacing:.01em; }
[data-hsst-tone="light"] .eng-var-name,
[data-hsst-tone="light"] .granite-variety-cap,
[data-hsst-tone="light"] .vsc-cap b{ color:#0F0E0C !important; }
[data-hsst-tone="light"] .eng-var-idx,
[data-hsst-tone="light"] .vsc-cap i{ color:#3F3625 !important; }
[data-hsst-tone="light"] .eng-var-name-en{ color:#3F3625 !important; }
[data-hsst-tone="light"] .vsc-cap .vsc-d{ color:#33302A !important; }
[data-hsst-tone="dark"] .eng-var-name,
[data-hsst-tone="dark"] .granite-variety-cap,
[data-hsst-tone="dark"] .vsc-cap b{ color:#fff !important; }
[data-hsst-tone="dark"] .eng-var-idx,
[data-hsst-tone="dark"] .vsc-cap i{ color:#F5D896 !important; }
[data-hsst-tone="dark"] .eng-var-name-en{ color:rgba(255,255,255,.88) !important; }
[data-hsst-tone="dark"] .vsc-cap .vsc-d{ color:rgba(255,255,255,.92) !important; }
