/* Premium industrial presentation. Product data and enquiry behavior stay native. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/BarlowCondensed-SemiBold.ttf") format("truetype")}
:root{--display-font:"Barlow Condensed","Arial Narrow",sans-serif;--visual-line:rgba(180,197,208,.15);--visual-panel:#141c22}
:is(.hero-catalog,.catalog-heading,.application-hero,.experience-heading,.contact-hero-copy,.product-summary) h1,
.premium-home .section-heading h2,.contact-section-heading h2,.contact-enquiry-copy h2,.footer-top h2{font-family:var(--display-font);font-weight:600;letter-spacing:-.015em;line-height:1.02}
.hero.hero-catalog{min-height:610px;padding-top:44px;padding-bottom:84px;grid-template-columns:1fr 1.13fr}
.hero-catalog h1{font-size:clamp(62px,6.2vw,94px);max-width:610px;line-height:.99;letter-spacing:-.015em}
.hero-catalog .hero-kicker{display:flex;align-items:center;gap:11px;letter-spacing:.15em;color:#b9c4cb}
.hero-kicker::before{content:"";width:25px;height:2px;flex-shrink:0;background:var(--yellow)}
.hero-catalog::before{content:"";position:absolute;inset:22px var(--gutter) 50px 43%;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(150,176,191,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(150,176,191,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 56% 50%,#000 0%,transparent 69%)}
.hero-catalog .hero-art{isolation:isolate;margin:0 -17px 0 -28px}
.hero-catalog .hero-art::before{content:"";position:absolute;z-index:-1;inset:-8% -3%;pointer-events:none;background:radial-gradient(ellipse at 53% 46%,rgba(101,127,140,.19) 0%,rgba(51,73,85,.13) 30%,transparent 65%)}
.hero-catalog .hero-art::after{content:"";position:absolute;z-index:-1;left:9%;right:6%;top:77%;height:18%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(246,208,32,.19),rgba(246,208,32,.045) 35%,transparent 69%);transform:scaleY(.55)}
.hero-catalog .hero-art img{height:475px;position:relative;filter:drop-shadow(0 26px 25px #0006)}
.hero-catalog .hero-intro{color:#b7c1c8;max-width:425px;line-height:1.65}
.hero-bottom{border-color:var(--visual-line);font-size:12px}
.premium-home .section-heading h2{font-size:clamp(38px,3.6vw,53px)}
.application-grid{gap:18px}
.application-tile{min-height:185px;border-color:var(--visual-line);border-radius:10px;background:radial-gradient(ellipse at 75% 39%,rgba(74,95,110,.16),transparent 67%),linear-gradient(125deg,#172127,#10161b);transition:transform .22s,border-color .22s,box-shadow .22s}
.application-tile-copy{width:55%;padding:23px;pointer-events:none}
.application-tile h3{font-size:22px;line-height:1.17;max-width:175px;margin:10px 0 21px;letter-spacing:-.02em}
.application-count{font-size:9px;letter-spacing:.1em;color:#a4b4bd}
.application-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(246,208,32,.23);border-radius:50%;font-size:19px}
.application-visual{width:48%;right:8px;top:17px;bottom:17px;opacity:1;transition:transform .24s}
.application-visual img{filter:drop-shadow(0 13px 12px #0007)}
.application-tile:hover{transform:translateY(-3px);background-color:#182228;border-color:rgba(246,208,32,.66);box-shadow:0 13px 30px #0003}
.application-tile:hover .application-visual{transform:translateY(-3px) scale(1.025)}
.product-card{position:relative;border-color:var(--visual-line);border-radius:9px;background:linear-gradient(155deg,#18232b,#11191f 72%);box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .22s,transform .22s,box-shadow .22s}
.product-card:hover{border-color:rgba(246,208,32,.63);transform:translateY(-3px);box-shadow:0 14px 28px #0004,inset 0 1px 0 #ffffff08}
.product-card .card-art{position:relative;isolation:isolate;background:transparent;border-bottom:0;padding-bottom:3px}
.product-card .card-art::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(119,147,165,.11),transparent 69%)}
.product-card .card-art img{transition:transform .24s;filter:drop-shadow(0 11px 9px #0006)}
.product-card:hover .card-art img{transform:scale(1.035)}
.product-card .card-content{background:transparent}
.product-card .card-heading-row .eyebrow{color:#a6b5be}
.product-card h3{letter-spacing:-.02em;line-height:1.22}
.product-card .product-chips li{background:#24303a;border-color:#384854;color:#c6d0d7;border-radius:3px}
.product-card .card-price-integrated{padding-top:18px}
.product-card .price{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
#catalog-grid .card-art{height:157px;padding:13px 14px 3px}
#catalog-grid .card-content{padding:13px 16px 17px}
#catalog-grid .product-card h3{font-size:18px;min-height:2.44em;line-height:1.22}
#catalog-grid .price{font-size:24px}
#catalog-grid .price .hts-quote-price{font-size:17px;letter-spacing:-.015em}
.product-card .card-heading-row .card-view-link{transition:color .18s,background .18s,transform .18s}
.search-input-wrap{background:linear-gradient(120deg,#192630,#151f27);border-color:#40505c}
.catalog-heading h1{font-size:clamp(46px,4.6vw,67px)!important;letter-spacing:-.015em!important}
.kind-tabs a,.quick-brand-row a,.sidebar-nav a{transition:background .18s,border-color .18s,color .18s}
.quick-brand-row a{font-size:11px;padding:7px 10px}
.sidebar-panel{border-color:var(--visual-line);background:linear-gradient(145deg,#151e25,#10171d)}
.button-primary{background:linear-gradient(135deg,#ffe66a,var(--yellow) 65%);box-shadow:inset 0 1px 0 #fff5,0 6px 18px #0003}
.button-primary:hover{background:linear-gradient(135deg,#fff0a0,#ffdf43);box-shadow:inset 0 1px 0 #fff7,0 9px 22px #0004}
.button:active{transform:translateY(0)}
.site-footer{background:radial-gradient(ellipse at 10% 40%,rgba(71,95,108,.08),transparent 65%);border-color:var(--visual-line)}
.footer-top h2{font-size:clamp(37px,4vw,54px)}
@media(max-width:1100px){.hero.hero-catalog{min-height:565px}.hero-catalog h1{font-size:clamp(57px,7.2vw,78px)}.hero-catalog .hero-art img{height:410px}.application-tile-copy{padding:20px}.application-tile h3{font-size:20px}.application-visual{right:5px;width:45%}}
@media(max-width:800px){.hero.hero-catalog{min-height:535px}.hero-catalog .hero-art img{height:340px}.hero-catalog h1{font-size:clamp(50px,7.3vw,68px)}.application-tile{min-height:165px}.application-tile h3{font-size:20px}.hero-catalog .hero-intro{font-size:16px}.hero-catalog .hero-actions{gap:15px}}
@media(max-width:600px){.hero.hero-catalog{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:34px;padding-bottom:55px}.hero-catalog h1{font-size:clamp(58px,13.7vw,78px);max-width:440px}.hero-catalog .hero-intro{font-size:16px;max-width:365px;margin-top:18px}.hero-catalog .hero-actions{margin-top:24px}.hero-catalog .hero-art{width:100%;margin:12px 0 0;align-self:center}.hero-catalog .hero-art img{height:280px;width:100%}.hero-catalog::before{inset:38% 5% 6%}.hero-bottom{font-size:10px;padding-block:13px;gap:10px}.hero-bottom>span{max-width:210px}.hero-bottom a{white-space:nowrap}.premium-home .section-heading h2{font-size:37px}.application-tile{min-height:155px}.application-tile-copy{padding:20px;width:56%}.application-tile h3{font-size:21px;max-width:170px}.application-visual{width:47%;right:7px;top:10px;bottom:10px}.application-section,.home-offers,.home-tools{padding-block:35px}.product-card h3{font-size:21px}#catalog-grid .product-card h3{font-size:21px;min-height:0}#catalog-grid .card-art{height:167px}#catalog-grid .price{font-size:25px}.quick-brand-row a{font-size:11px}.catalog-heading h1{font-size:46px!important}}
/* Separate captions from artwork while tablet tiles still have narrow columns. */
@media(min-width:600px) and (max-width:1100px){
 .premium-home .application-tile{display:grid;grid-template-columns:1fr;grid-template-rows:auto 110px;gap:12px;align-items:start;min-height:230px;padding:20px}
 .premium-home .application-tile-copy{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:0 10px;grid-column:1;grid-row:1;width:auto;min-width:0;min-height:0;padding:0}
 .premium-home .application-count{grid-column:1;grid-row:1;align-self:center;white-space:nowrap}
 .premium-home .application-tile h3{grid-column:1/-1;grid-row:2;max-width:none;margin:7px 0 0;overflow-wrap:normal;word-break:normal;hyphens:none}
 .premium-home .application-arrow{position:static;grid-column:2;grid-row:1;inset:auto}
 .premium-home .application-visual{position:static;grid-column:1;grid-row:2;inset:auto;width:100%;height:110px;opacity:1}
}
/* Give phone application names enough room to wrap at spaces beside their artwork. */
@media(max-width:599.98px){
 .premium-home .application-grid{grid-template-columns:1fr;gap:12px}
 .premium-home .application-tile{display:grid;grid-template-columns:minmax(0,1fr) clamp(78px,25vw,112px);gap:12px;align-items:center;min-height:160px;padding:18px}
 .premium-home .application-tile-copy{grid-column:1;grid-row:1;width:auto;min-width:0;min-height:0;padding:0}
 .premium-home .application-tile h3{max-width:none;font-size:clamp(19px,5vw,21px);line-height:1.17;margin:7px 0 13px;overflow-wrap:normal;word-break:normal;hyphens:none}
 .premium-home .application-count{white-space:nowrap}
 .premium-home .application-arrow{position:static;inset:auto}
 .premium-home .application-visual{position:static;grid-column:2;grid-row:1;inset:auto;width:100%;height:120px;opacity:1}
 .premium-home .section-heading{flex-direction:column;align-items:flex-start;gap:12px}
 .premium-home .section-heading>div{min-width:0;max-width:100%}
 .premium-home .section-heading .text-link{max-width:100%;white-space:normal;padding-block:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.hero-art img,.product-card,.product-card img,.application-tile,.application-visual,.button,.contact-choice,.card-view-link{transition:none!important;animation:none!important}.product-card:hover,.application-tile:hover,.application-tile:hover .application-visual,.product-card:hover .card-art img,.button:hover{transform:none!important}}
