/* Signal Studio — Gaoqiao brand revision, 2026-11-01. */
:root{--ink:#202a25;--muted:#657169;--paper:#fff;--line:#dfe6db;--lime:#f9d840;--green:#327047;--signal:#c81722}
body{background:#fff;color:var(--ink)}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;font-weight:650}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #327047;outline-offset:4px}
.gq-preview{background:#f3f5f1;color:#667069;font-size:13px;letter-spacing:1.2px;padding:5px 14px}
.gq-header{width:100%;height:102px;padding-inline:max(32px,calc((100% - 1320px)/2));background:#fff;border-bottom:1px solid var(--line);position:relative;gap:24px}.gq-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#c81722 0 34%,#f9d840 34% 67%,#64a33e 67%)}
.gq-brand,.gq-footer-brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.gq-brand-logo{display:block;width:144px;height:60px;object-fit:contain;clip-path:inset(0 0 20% 0)}
.gq-header nav{gap:26px}.gq-header nav>a:not(.gq-button){font-size:15px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding-block:14px}.gq-header nav>a:not(.gq-button):hover{color:var(--signal)}
.gq-button,.gq-button.light{background:var(--signal);border-color:var(--signal);color:#fff;border-radius:6px;font-size:17px;padding:17px 24px;text-transform:none;font-weight:700;gap:24px}.gq-button:hover,.gq-button.light:hover{background:#a21019;border-color:#a21019;transform:translateY(-2px)}.gq-button.small{padding:12px 20px;font-size:16px}
.gq-text-link{font-size:17px;font-weight:650}.gq-eyebrow{color:#52725a;font-size:14px;letter-spacing:2px;font-weight:700}.gq-dot{background:#63a33e}
.gq-hero{min-height:640px;padding-block:64px;gap:64px;grid-template-columns:1.1fr 1fr}.gq-hero-copy{padding-block:12px}.gq-hero h1{font-size:calc(clamp(42px,4.4vw,64px) + 4px);font-weight:750;line-height:1.05;letter-spacing:-.055em;margin-bottom:26px}.gq-hero h1 em{font:inherit;font-size:.72em;font-weight:400;color:#68766b;display:block;margin-top:13px;letter-spacing:-.04em}.gq-hero .gq-eyebrow{color:#46734f;letter-spacing:2.2px;margin-bottom:30px}.gq-hero p{font-size:20px;line-height:1.85;max-width:490px;color:#657169}.gq-hero .gq-text-link{border-bottom:1px solid #a7b5a9;padding-bottom:4px}.gq-hero-detail{margin-top:38px;padding-top:23px;gap:38px;max-width:500px}.gq-hero-detail>span{font-size:27px;font-weight:650}.gq-hero-detail small{font-size:13px;font-weight:400;color:#758177;letter-spacing:.6px;text-transform:uppercase}
.gq-hero-visual{height:500px;border:0;border-radius:140px 18px 18px 18px;background:#f0f3ec;box-shadow:none}.gq-hero-product{height:365px;width:70%;margin-top:-12px}.gq-orbit{border-color:#dce5d5;width:340px;height:340px;top:47%}.orbit-two{width:460px;height:460px}.gq-visual-label{top:31px;left:auto;right:28px;color:#64755e;letter-spacing:1.3px;font-size:13px}.gq-visual-caption{background:#e6eddf;border-color:#d9e2d2;padding:19px 26px;font-size:16px;color:#30482f}.gq-visual-caption small{font-size:13px;color:#6f8068}.gq-signal-dots i:first-child{background:#c81722}.gq-signal-dots i:nth-child(2){background:#e7bd1f}.gq-signal-dots i:nth-child(3){background:#63a33e}
.gq-discipline{background:#f7f8f5;border-color:#e4e8e1;padding-block:22px}.gq-discipline>div{font-size:14px;letter-spacing:1.5px;color:#687465}.gq-discipline b{color:#b7c5af}
.gq-section{padding-block:72px}.gq-section-heading{margin-bottom:32px}.gq-section-heading h2{font-size:40px;font-weight:650}.gq-section-heading .gq-eyebrow{margin-bottom:13px}.gq-section-heading>.gq-text-link{padding-bottom:6px;border-bottom:1px solid #aab8a8}
.gq-family-grid{gap:22px}.gq-family{padding:14px 14px 20px;background:#f7f8f5;border:1px solid #e8ece5;border-radius:12px;transition:border-color .2s,transform .2s}.gq-family>div{height:245px;background:#fff;border-radius:7px;margin-bottom:23px;border:0}.gq-family img{height:205px;mix-blend-mode:multiply}.gq-family>.gq-eyebrow{display:none}.gq-family h3{font-size:24px;margin-bottom:10px;letter-spacing:-.025em}.gq-family h3 span{color:#46754c}.gq-family p{font-size:16px;margin-bottom:0}.gq-family:hover{transform:translateY(-4px);border-color:#98ad91}
.gq-dark-section{background:#163f70;color:white;padding-block:65px}.gq-dark-section .gq-eyebrow{color:#b8d5f2}.gq-dark-section h2{font-size:43px}.gq-dark-section p{color:#d1dfef}.gq-dark-section .gq-button{background:#f9d840;border-color:#f9d840;color:#283122}.gq-dark-section .gq-button:hover{background:#ffe66a}.gq-step-list>div,.gq-step-list>div:last-child{border-color:#45688f}.gq-step-list>div>span{color:#a9d1fa;font-size:19px}.gq-step-list h3{font-size:25px;letter-spacing:-.02em}
.gq-product-grid{gap:22px}.gq-product-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:none}.gq-product-card:hover{border-color:#9aaf93}.gq-card-image{height:260px;background:#fafbf8}.gq-card-arrow{background:#fff;color:#43764a;border:1px solid var(--line);border-radius:50%}.gq-card-body{padding:23px;background:#fff}.gq-card-body h3{font-size:21px;line-height:1.45;letter-spacing:-.02em}.gq-card-body .gq-eyebrow{color:#63815b;font-size:13px}.gq-card-body .gq-text-link{font-size:15px;color:#43724a}.gq-product-card:hover .gq-card-arrow{background:#327047;color:#fff}
.gq-photo-band{background:#f1f4eb;border:0;border-radius:18px;padding:45px 65px;gap:75px}.gq-photo-band h2{font-size:42px;font-weight:600}.gq-photo-band p{color:#687861}.gq-article-grid article{border-top:2px solid #d7e1cf;padding:26px 0;background:#fff}.gq-article-grid h2,.gq-article-grid h3{font-size:28px;font-weight:600;line-height:1.3}.gq-article-grid p{color:#707c6b}.gq-article-grid .gq-text-link{color:#376b42}
.gq-cta{background:#f9d840;border:0;border-radius:14px;padding:40px 48px}.gq-cta .gq-eyebrow{color:#746114}.gq-cta h2{font-size:38px;font-weight:650}.gq-cta .gq-button{background:#243d2d;border-color:#243d2d;color:white}.gq-cta .gq-button:hover{background:#395b42}
.gq-footer{background:#f5f7f2;color:#273b2d;border-top:1px solid #dce5d5}.gq-footer-brand{margin-bottom:18px}.gq-footer p{color:#6b7b67}.gq-footer h3{color:#3d5a41;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.gq-footer-bottom{border-color:#d8e1d1;color:#6c7a66}.gq-footer a:hover{color:#a81821}
.gq-filter{background:#f2f5ee;border:1px solid #dfe7d8;border-radius:12px;padding:22px}.gq-filter input,.gq-filter select,.gq-inquiry-panel input,.gq-inquiry-panel textarea{border-radius:6px;background:#fff;border-color:#cdd8c6}.gq-pagination a{border-radius:6px}.gq-pagination a[aria-current=page]{background:#327047;color:#fff}.gq-product-stage{border-radius:16px;border-color:#dfe7d8;background:#fafbf8}.gq-product-summary h1{font-weight:650}.gq-spec-table th{background:#eef3e8}.gq-spec-table tr:nth-child(even) td{background:#fafbf8}.gq-help{background:#edf3e6;border-radius:12px}.gq-help a{color:#376b42}.gq-prose p,.gq-prose li{color:#576552}.gq-prose a{color:#376b42}.gq-library-grid article{border-radius:12px;border-color:#dde6d6}.gq-library-grid h2{font-weight:650}.gq-review-note{background:#f7f5e7;border-color:#b8a641}.gq-inquiry-panel{border-radius:14px;border-color:#d9e3d2;box-shadow:0 12px 35px #263d2e08}.gq-empty-state{padding:32px;background:#f2f5ee;border-radius:12px;border-left:4px solid #70a54c;margin-top:30px}
@media(max-width:1100px){.gq-header{padding-inline:24px}.gq-header nav{gap:15px}.gq-header nav>a:not(.gq-button){font-size:14px}.gq-brand-logo{width:120px;height:50px}.gq-hero{gap:35px;min-height:570px;padding-block:48px}.gq-hero h1{font-size:50px}.gq-hero-visual{height:450px}.gq-hero-product{height:330px}.gq-family>div{height:210px}.gq-family img{height:175px}.gq-family h3{font-size:21px}.gq-photo-band{padding:35px;gap:40px}}
@media(max-width:780px){.gq-header{height:82px;padding-inline:18px;width:100%}.gq-brand-logo{width:120px;height:50px}.gq-menu-toggle{border-radius:6px;border-color:#cbd7c4;color:#324a33}.gq-header nav{top:81px;left:0;right:0;background:#fff;border-bottom:3px solid #65a140}.gq-header nav>a:not(.gq-button){font-size:16px}.gq-hero{grid-template-columns:1fr;gap:30px;padding-block:35px;min-height:0}.gq-hero h1{font-size:46px}.gq-hero h1 em{font-size:.7em}.gq-hero p{font-size:18px}.gq-hero .gq-eyebrow{font-size:13px;margin-bottom:22px}.gq-hero .gq-actions{gap:20px}.gq-hero-detail{gap:16px;margin-top:29px}.gq-hero-detail>span{font-size:25px}.gq-hero-detail small{font-size:12px;letter-spacing:0}.gq-hero-visual{height:380px;border-radius:90px 14px 14px 14px}.gq-hero-product{height:275px}.gq-orbit{width:250px;height:250px}.orbit-two{width:355px;height:355px}.gq-visual-label{top:25px;right:20px;font-size:12px}.gq-visual-caption{padding:15px 20px;font-size:15px}.gq-discipline>div{font-size:13px;letter-spacing:.5px}.gq-section{padding-block:45px}.gq-section-heading{gap:18px}.gq-section-heading h2{font-size:34px}.gq-family-grid,.gq-product-grid{gap:12px}.gq-family{padding:9px 9px 16px}.gq-family>div{height:170px;margin-bottom:16px}.gq-family img{height:145px}.gq-family h3{font-size:20px}.gq-family p{font-size:15px}.gq-dark-section{padding-block:45px}.gq-dark-section h2{font-size:36px}.gq-card-image{height:195px}.gq-card-body{padding:14px}.gq-card-body h3{font-size:18px}.gq-card-body .gq-text-link{font-size:14px}.gq-photo-band{padding:26px 22px;gap:20px}.gq-photo-band h2{font-size:34px}.gq-cta{padding:30px}.gq-cta h2{font-size:33px}.gq-contact h1{font-size:44px}.gq-product-summary h1{font-size:34px}.gq-inquiry-panel{padding:24px}.gq-footer-bottom{font-size:14px}}

/* Original symbol occupies rows 0–58; wordmark begins at row 64. Clip at row 60. */
.gq-logo-crop{display:block;width:144px;height:48px;overflow:hidden;flex-shrink:0}.gq-logo-crop .gq-brand-logo{width:144px;height:60px;max-width:none;margin:0}
@media(max-width:1100px){.gq-logo-crop{width:120px;height:40px}.gq-logo-crop .gq-brand-logo{width:120px;height:50px}}

/* Open product catalogue: typography, photography and whitespace, no card panels. */
.gq-hero-editorial{margin:0;min-width:0;display:flex;align-items:center;position:relative;justify-content:center;height:520px;padding:0 12px 74px;background:white}
.gq-hero-editorial-image{width:100%;height:430px;object-fit:contain;mix-blend-mode:multiply}
.gq-hero-editorial figcaption{position:absolute;bottom:0;left:12%;right:8%;padding:18px 0 0;border-top:1px solid #d5d9d6;display:grid;grid-template-columns:1fr auto;gap:7px 20px;text-align:left}
.gq-hero-editorial figcaption>span{font-size:13px;letter-spacing:2px;color:#6c746f;grid-column:1/-1}
.gq-hero-editorial strong{font-size:17px;font-weight:500;color:#313d35}
.gq-hero-editorial a{font-size:15px;color:#3e5848;white-space:nowrap}
.gq-range-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;align-items:start;padding:8px 0 20px}
.gq-range-grid>.gq-family{border:0;background:none;border-radius:0;padding:0;box-shadow:none;transform:none;min-width:0}
.gq-range-grid>.gq-family>div{height:265px;background:none;border:0;border-radius:0;margin:0 0 26px;display:flex;align-items:center;justify-content:center}
.gq-range-grid>.gq-family img{height:235px;width:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.gq-range-grid>.gq-family h3{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.3;display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.gq-range-grid>.gq-family h3 span{font-size:17px;font-weight:400;color:#7b827e}
.gq-range-grid>.gq-family p{font-size:16px;line-height:1.7;color:#737c75;margin:0}
.gq-range-grid>.gq-family:hover{background:none;border:0;box-shadow:none;transform:none}
.gq-range-grid>.gq-family:hover img{transform:translateY(-5px)}
.gq-range-grid>.gq-family:hover h3{color:#163f70}
#signal-range{border-top:1px solid #e2e6e2}
#signal-range .gq-section-heading{margin-bottom:36px}
.home .gq-product-card{background:none;border:0;border-radius:0;box-shadow:none}
.home .gq-card-image{background:none;border:0;border-radius:0}
.home .gq-card-arrow{background:none;border:0}
.home .gq-card-body{background:none;padding:20px 0 0;border-top:1px solid #e1e5e1}
.home .gq-photo-band{background:none;border-radius:0;border-block:1px solid #dfe5dc;padding-inline:0}
.home .gq-cta{border-radius:0}
@media(max-width:1100px){.gq-range-grid{gap:22px}.gq-range-grid>.gq-family>div{height:220px}.gq-range-grid>.gq-family img{height:200px}.gq-range-grid>.gq-family h3{font-size:20px}.gq-hero-editorial{height:470px}.gq-hero-editorial-image{height:360px}.gq-hero-editorial figcaption{left:0;right:0;grid-template-columns:1fr}.gq-hero-editorial a{margin-top:4px}}
@media(max-width:780px){.gq-hero-editorial{height:440px;padding-bottom:80px}.gq-hero-editorial-image{height:340px}.gq-hero-editorial figcaption{left:14px;right:14px;grid-template-columns:1fr auto}.gq-hero-editorial strong{font-size:15px}.gq-hero-editorial a{font-size:14px;margin:0}.gq-range-grid{grid-template-columns:1fr;gap:0;padding:0}#signal-range .gq-section-heading{margin-bottom:15px}.gq-range-grid>.gq-family{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:24px;padding:24px 0;border-bottom:1px solid #e1e5e1}.gq-range-grid>.gq-family:hover{border-bottom:1px solid #e1e5e1}.gq-range-grid>.gq-family>div{grid-row:1/3;width:112px;height:142px;margin:0}.gq-range-grid>.gq-family img{height:142px;width:112px;object-fit:contain}.gq-range-grid>.gq-family h3{font-size:24px;align-self:end;margin-bottom:10px}.gq-range-grid>.gq-family p{font-size:16px;align-self:start}.home .gq-card-body{padding:17px 0 0}.home .gq-photo-band{padding-inline:0}}
@media(max-width:360px){.gq-range-grid>.gq-family{grid-template-columns:92px minmax(0,1fr);column-gap:18px}.gq-range-grid>.gq-family>div,.gq-range-grid>.gq-family img{width:92px}.gq-range-grid>.gq-family h3{font-size:22px}.gq-hero-editorial figcaption{grid-template-columns:1fr}}

/* Contextual image hints appear only on hover or keyboard focus. */
a.gq-image-link{position:relative}a.gq-image-link img{cursor:pointer}
.gq-image-hint{position:absolute;left:50%;transform:translateX(-50%);z-index:4;display:block;max-width:calc(100% - 12px);width:max-content;padding:7px 11px;background:#163f70;color:white;border-radius:3px;font:500 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;overflow-wrap:anywhere;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s}
.gq-image-link.gq-image-hint-open:not([data-hint-dismissed])>.gq-image-hint,.gq-image-link:focus-visible:not([data-hint-dismissed])>.gq-image-hint{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.gq-image-hint{transition:none}}

/* Let quotation copy use its existing column, instead of the global 430px cap. */
.gq-quotation-copy{min-width:0;container-type:inline-size}
.gq-dark-section .gq-quotation-copy h2{font-size:calc(clamp(22px,6.3cqw,39px) + 4px)}
.gq-dark-section .gq-quotation-copy>p{max-width:none}