/* Product collection system. The locked promo header/footer are not restyled here. */

/* One card principle for the shop and every category: full-width 4:3 media, then copy. */
.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.4vw,42px) 18px;padding-inline:3vw}
.hub-card,.hub-card:nth-child(n){grid-column:auto;background:transparent;border-radius:0;overflow:visible}
.hub-card>a{display:block}
.hub-card__media,.hub-card:nth-child(n) .hub-card__media{width:100%;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#fff}
.hub-card__media img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.hub-card:hover .hub-card__media img{transform:scale(1.025)}
.hub-card__caption{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end;padding:18px 4px 0}
.hub-card__caption small{grid-column:1/-1;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.hub-card__caption h2{font:500 clamp(18px,1.7vw,27px)/1.08 Unbounded;margin:0}
.hub-card__caption>span{font-size:11px;white-space:nowrap}

.category-title{padding:170px 6vw 8vw;background:var(--ink);color:#fff}
.category-title>a:first-child{font-size:11px;color:#aeb8bd}
.category-title h1{max-width:1150px;font-size:clamp(48px,7vw,100px);line-height:.94;margin:45px 0 28px}
.category-title p{max-width:600px;color:#bdc6c9;line-height:1.7;margin:0 0 34px}
.category-projects{padding:8vw 0 3vw;background:#dfe3df}
.category-projects>header,.category-products>header,.product-attributes>header,.product-colours>header,.product-drawings>header,.product-downloads>header{padding:0 6vw 4vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}
.category-projects h2,.category-products>header h2,.product-attributes h2,.product-colours h2,.product-drawings h2,.product-downloads h2{font-size:clamp(38px,5vw,72px);line-height:1;margin:0}
.category-projects header p,.category-products>header p,.product-attributes header p,.product-colours header p,.product-drawings header p,.product-downloads header p{max-width:440px;justify-self:end;color:#566168;line-height:1.65}
.project-strip{display:flex;gap:14px;padding:0 3vw 3vw;overflow-x:auto;scroll-snap-type:x mandatory}
.project-strip figure{flex:0 0 min(70vw,860px);height:clamp(360px,52vw,650px);margin:0;border-radius:var(--radius);overflow:hidden;background:#cfd5d1;scroll-snap-align:center}
.project-strip img{width:100%;height:100%;object-fit:cover}

/* Product opening: decision copy left, complete gallery right. */
.product-opening{min-height:calc(100svh - 82px);padding-top:82px;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);background:#fff}
.product-opening__copy{padding:clamp(70px,7vw,120px) 4.5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-opening__copy>a:first-child{font-size:11px;color:#657177;margin-bottom:42px}
.product-opening__copy>span{font-size:9px;letter-spacing:.16em;color:var(--blue);text-transform:uppercase;margin-bottom:20px}
.product-opening h1{font-size:clamp(44px,5.4vw,78px);line-height:.96;letter-spacing:-.035em;margin:0 0 26px;overflow-wrap:anywhere}
.product-opening__copy>p{max-width:560px;color:#48545a;font-size:17px;line-height:1.7;margin:0 0 34px}
.product-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.product-actions>a:last-child{font-size:12px}
.gallery{min-width:0;position:relative;overflow:hidden;display:grid;grid-template-columns:102px minmax(0,1fr);gap:14px;padding:3vw;background:#172127}
.gallery:before{content:"";position:absolute;inset:-45px;background-image:linear-gradient(rgba(23,33,39,.54),rgba(23,33,39,.54)),var(--product-scene);background-size:cover;background-position:center;filter:blur(30px) saturate(.65);transform:scale(1.1)}
.gallery-stage,.gallery-thumbs{position:relative;z-index:1}
.gallery-stage{grid-column:2;display:flex;min-width:0;flex-direction:column}
.gallery-main{flex:1;min-height:520px;border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.92)}
.gallery-main img{width:100%;height:100%;padding:0;object-fit:contain}
.gallery-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:9px;margin:0;overflow:auto;scrollbar-width:thin}
.gallery-thumbs button{flex:0 0 78px;width:100%;height:78px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#eef0ed;cursor:pointer}
.gallery-thumbs button[aria-current="true"]{border-color:var(--acid)}
.gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:12px;color:#fff;font-size:11px}
.gallery-controls button{width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.gallery-controls button:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.product-jump{position:sticky;top:82px;z-index:8;display:flex;gap:9px;padding:14px 6vw;overflow:auto;background:rgba(238,240,237,.96);backdrop-filter:blur(12px)}
.product-jump a{padding:10px 16px;border-radius:999px;background:#fff;font-size:11px;white-space:nowrap}
.product-jump a:hover{background:var(--acid)}
.product-description{padding:9vw 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--paper)}
.product-description>h2{font-size:clamp(38px,5vw,72px);line-height:1;margin:0}
.product-description>p{max-width:72ch;margin:0;color:#48545a;font-size:17px;line-height:1.75}
.product-description>dl{grid-column:2;margin:30px 0 0}
.product-description dl div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:17px 0;border-top:1px solid #c8ceca}
.product-description dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.product-description dd{margin:0;font:500 16px/1.45 Unbounded}
.product-attributes{padding:8vw 0;background:var(--ink);color:#fff}
.product-attributes header p{color:#aeb8bd}
.attribute-grid{padding:0 6vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.attribute-grid article{padding:30px;border-radius:20px;background:#222d33}
.attribute-grid h3{font:500 20px/1.25 Unbounded;margin:0 0 24px;color:var(--acid)}
.attribute-grid ul{margin:0;padding-left:20px;color:#c2cbce}
.attribute-grid li{margin:0 0 14px;line-height:1.55}
.product-colours,.product-drawings,.product-downloads{padding:8vw 0;background:var(--paper)}
.product-colours>ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 12px;margin:0;padding:0 6vw;list-style:none}
.product-colours li{min-width:0}
.product-colours li>img{display:block;width:calc(100% - 8px);height:auto;aspect-ratio:1/1;border-radius:13px;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(23,33,39,.08)}
.product-colours li>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;align-items:baseline;padding:12px 8px 0 0}
.product-colours li small{grid-row:1/3;color:#59656b;font-size:11px}
.product-colours li strong{min-width:0;font:500 14px/1.3 Unbounded;overflow-wrap:anywhere}
.product-colours li span{grid-column:2;color:#6a757a;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.product-drawings{background:#fff}
.product-drawings>div{padding:0 6vw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-drawings a{position:relative;display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--paper)}
.product-drawings img{width:100%;height:100%;object-fit:contain}
.product-drawings a span{position:absolute;right:14px;bottom:14px;padding:10px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px}
.product-downloads>div{padding:0 6vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-downloads>div>a{min-height:180px;padding:24px;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}
.product-downloads a>span{font-size:9px;letter-spacing:.16em;color:var(--blue)}
.product-downloads a>strong{font:500 18px/1.35 Unbounded;margin:18px 0}
.product-downloads a>small{margin-top:auto;color:var(--muted)}
.sona{padding:7vw 6vw;display:grid;grid-template-columns:1fr auto;gap:6vw;align-items:end;background:var(--blue);color:#fff}
.sona span{font-size:9px;letter-spacing:.16em;color:var(--acid);text-transform:uppercase}
.sona h2{font-size:clamp(38px,5vw,72px);line-height:1;margin:24px 0}
.sona p{max-width:680px;color:#d8e1ff;line-height:1.65}

/* About: preserve the company story and present the directory as one editorial system. */
.about-opening{padding:165px 6vw 8vw;display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;background:var(--ink);color:#fff}
.about-opening span{font-size:9px;letter-spacing:.16em;color:var(--acid)}
.about-opening h1{font-size:clamp(48px,7vw,102px);line-height:.94;margin:28px 0 0}
.about-opening>p{color:#b6c0c4;line-height:1.7}
.about-story,.about-mission{padding:8vw 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.about-story h2,.about-mission h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:0 0 28px}
.about-story p,.about-mission p,.about-mission li{font-size:16px;line-height:1.75;color:#566168}
.about-story p+p{margin-top:24px}
.about-mission{background:var(--blue);color:#fff}
.about-mission p,.about-mission li{color:#d8e1ff}
.about-mission ul{margin:0;padding-left:20px}
.about-mission li{margin-bottom:12px}
.people{padding:8vw 3vw;background:#dfe3df}
.people>header{padding:0 3vw 4vw;display:grid;grid-template-columns:1fr 1fr;align-items:end}
.people h2{font-size:clamp(46px,6vw,88px);margin:0}
.people>header p{max-width:460px;justify-self:end;color:#566168}
.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.people-grid article{overflow:hidden;border-radius:20px;background:#fff}
.person-card__portrait{position:relative;overflow:hidden;background:#ccd2ce}
.person-card__portrait>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.person-card:hover .person-card__portrait>img,.person-card:focus-within .person-card__portrait>img{transform:scale(1.025)}
.person-card__caption{padding:20px}
.person-card__contacts{position:absolute;inset:auto 12px 12px;display:grid;gap:1px;padding:8px;border-radius:12px;background:rgba(20,27,31,.92);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.person-card:hover .person-card__contacts,.person-card:focus-within .person-card__contacts{opacity:1;transform:none;pointer-events:auto}
.person-card__contacts a{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:center;padding:9px 10px;border-radius:8px;color:#fff}
.person-card__contacts a:hover,.person-card__contacts a:focus-visible{background:rgba(255,255,255,.1);outline:none}
.person-card__contacts small{color:var(--acid);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.person-card__contacts span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.people-grid h3{font:500 16px/1.25 Unbounded;margin:0 0 8px}
.people-grid p{margin:0;color:var(--muted);font-size:12px}

@media(max-width:1000px){
  .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-opening{grid-template-columns:1fr;padding-top:82px}
  .gallery{min-height:720px}
  .attribute-grid{grid-template-columns:1fr 1fr}
  .product-colours>ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-opening{grid-template-columns:1fr}
  .category-projects>header,.category-products>header,.product-attributes>header,.product-colours>header,.product-drawings>header,.product-downloads>header{grid-template-columns:1fr}
  .category-projects header p,.category-products>header p,.product-attributes header p,.product-colours header p,.product-drawings header p,.product-downloads header p{justify-self:start}
}
@media(max-width:620px){
  .hub-grid{display:grid;grid-template-columns:1fr;padding-inline:20px}
  .hub-card__caption{padding-top:15px}
  .category-title{padding:125px 20px 70px}
  .category-projects>header,.category-products>header,.product-attributes>header,.product-colours>header,.product-drawings>header,.product-downloads>header{padding-inline:20px}
  .project-strip{padding-inline:20px}.project-strip figure{flex-basis:86vw;height:420px}
  .product-opening__copy{padding:80px 20px 60px}
  .product-opening h1{font-size:clamp(42px,13vw,60px)}
  .gallery{min-height:0;display:flex;flex-direction:column;padding:20px}
  .gallery-stage{order:1}.gallery-main{min-height:430px}
  .gallery-thumbs{order:2;flex-direction:row;margin-top:10px}.gallery-thumbs button{flex-basis:72px;width:72px;height:72px}
  .product-jump{top:68px;padding-inline:20px}
  .product-description{grid-template-columns:1fr;padding:75px 20px}
  .product-description>dl{grid-column:1}.product-description dl div{grid-template-columns:105px 1fr}
  .attribute-grid{grid-template-columns:1fr;padding-inline:20px}
  .product-colours>ul{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:20px}
  .product-drawings>div,.product-downloads>div{grid-template-columns:1fr;padding-inline:20px}
  .sona{grid-template-columns:1fr;padding:75px 20px}
  .about-opening,.about-story,.about-mission{grid-template-columns:1fr;padding:120px 20px 70px}
  .people{padding-inline:20px}.people>header{grid-template-columns:1fr;padding-inline:0}.people>header p{justify-self:start}
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .person-card__caption{padding:14px}
  .people-grid h3{font-size:12px}
  .person-card__contacts{position:static;margin:0 10px 10px;opacity:1;transform:none;pointer-events:auto;backdrop-filter:none}
  .person-card__contacts a{display:block;padding:7px 8px}
  .person-card__contacts small{display:block;margin-bottom:2px}
  .person-card__contacts span{display:block;font-size:9px}
}

/* Wayfinding starts beneath the locked promo header and leaves with the page. */
.site-breadcrumbs{position:absolute;z-index:60;top:82px;left:0;right:0;height:42px;padding:0 3vw;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;background:rgba(23,33,39,.96);color:#aeb8bd;font-size:10px;white-space:nowrap}
.site-breadcrumbs::-webkit-scrollbar{display:none}
.site-breadcrumbs a{color:#fff}
.site-breadcrumbs a:hover{color:var(--acid)}
.site-breadcrumbs span[aria-current="page"]{color:#aeb8bd}
.site-breadcrumbs i{font-style:normal;color:#66737a}

/* Catalogue hub and category cards: the image and caption read as one object. */
.hub-grid{gap:clamp(56px,6vw,88px) clamp(20px,2vw,32px)}
.hub-card>a{display:block;padding:10px;margin:-10px;border-radius:28px;transition:background-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.hub-card>a:hover,.hub-card>a:focus-visible{background:#fff;transform:translateY(-4px);outline:none}
.hub-card__caption{padding:14px 4px 2px}
.hub-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:10vw}
.hub-grid--catalog .hub-card__caption h2{font-size:clamp(17px,1.55vw,24px);white-space:nowrap}
.category-hub-card .hub-card__media img{object-fit:cover}

/* Classical product detail: 4:3 gallery on the left, complete decision copy on the right. */
.product-opening.product-opening--classic{min-height:0;padding:clamp(154px,13vw,190px) 4vw 7vw;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:clamp(48px,6vw,96px);align-items:start;background:var(--paper)}
.product-gallery{min-width:0;display:grid;grid-template-columns:1fr;align-content:start}
.product-gallery .gallery-main{grid-row:1;width:100%;height:auto;min-height:0;aspect-ratio:4/3;border-radius:0;overflow:hidden;background:transparent}
.product-gallery .gallery-main img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center}
.product-gallery .gallery-controls{grid-row:3;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0 0;color:var(--ink);font-size:11px}
.product-gallery .gallery-controls button{width:44px;height:44px;border:1px solid #b8c0bc;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.product-gallery .gallery-controls button:hover,.product-gallery .gallery-controls button:focus-visible{border-color:var(--ink);background:var(--ink);color:#fff;outline:none}
.product-gallery .gallery-thumbs{grid-column:auto;grid-row:2;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;margin:12px 0 0;padding:0 0 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin}
.product-gallery .gallery-thumbs button{flex:0 0 clamp(96px,11vw,148px);width:auto;height:auto;aspect-ratio:4/3;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:transparent;cursor:pointer;scroll-snap-align:start}
.product-gallery .gallery-thumbs button[aria-current="true"]{border-color:var(--ink)}
.product-gallery .gallery-thumbs img{width:100%;height:100%;object-fit:contain;background:transparent}
.product-summary{position:sticky;top:148px;align-self:start}
.product-category-link{display:inline-block;margin-bottom:30px;color:#667177;font-size:11px}
.product-summary h1{max-width:12ch;margin:0 0 32px;font-size:clamp(48px,6.5vw,94px);line-height:.92;letter-spacing:-.035em;overflow-wrap:anywhere}
.product-summary__description{max-width:68ch;color:#465158;font-size:16px;line-height:1.72}
.product-summary__description p{margin:0 0 18px}
.product-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:34px;align-items:center}
.product-actions>.button{width:100%;border:0;cursor:pointer}
.product-messengers{display:flex;gap:8px}
.product-messengers a{min-height:52px;padding:0 16px;display:flex;align-items:center;border:1px solid #bcc4c0;border-radius:999px;background:transparent;font-size:11px}
.product-messengers a:hover,.product-messengers a:focus-visible{border-color:var(--ink);background:var(--ink);color:#fff;outline:none}
.partner-widget{margin-top:14px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-radius:16px;background:#fff}
.partner-widget small{display:block;margin-bottom:6px;color:var(--blue);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.partner-widget p{margin:0;color:#536067;font-size:12px;line-height:1.5}
.partner-widget .button{min-height:48px}

/* The original 36-colour palette, collapsed to one scan-friendly row. */
.product-colours{padding:8vw 0;background:#fff}
.product-colours>header{padding:0 6vw 3vw}
.product-colours>ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 16px}
.product-colours .colour-grid.is-collapsed li:nth-child(n+7){display:none}
.colour-toggle{min-height:48px;margin:34px 6vw 0;padding:0 20px;border:1px solid #b8c0bc;border-radius:999px;background:transparent;color:var(--ink);font:600 11px Manrope;cursor:pointer}
.colour-toggle:hover,.colour-toggle:focus-visible{border-color:var(--ink);background:var(--ink);color:#fff;outline:none}

/* Specification tabs and persistent drawing/model request. */
.product-specifications{padding:7vw 4vw;background:var(--paper)}
.spec-tabs{padding:8px;display:flex;gap:4px;overflow-x:auto;border-radius:16px;background:#fff}
.spec-tabs button{min-height:48px;padding:0 22px;border:0;border-radius:11px;background:transparent;color:#59666d;font:500 13px Manrope;white-space:nowrap;cursor:pointer}
.spec-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.spec-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.spec-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:5vw;padding-top:42px;align-items:start}
.spec-panels h2,.product-drawing-card h2{margin:0 0 28px;font-size:clamp(28px,3vw,46px);line-height:1.05}
.spec-panels table{width:100%;border-collapse:collapse}
.spec-panels th,.spec-panels td{padding:15px 0;border-bottom:1px solid #cbd1cd;text-align:left;vertical-align:top;font-size:14px;line-height:1.5}
.spec-panels th{width:38%;padding-right:24px;color:#68747a;font-weight:400}
.spec-panels td{color:var(--ink);font-weight:600}
.spec-panels ul{max-width:720px;margin:0;padding:0;list-style:none}
.spec-panels li{padding:16px 0;border-bottom:1px solid #cbd1cd;color:#465158;line-height:1.6}
.product-drawing-card{padding:24px;border-radius:18px;background:#fff}
.product-drawing-card>header{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}
.product-drawing-card>header .button{min-height:48px;border:0;cursor:pointer}
.product-drawing-card>a{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper)}
.product-drawing-card>a img{width:100%;height:100%;object-fit:contain}
.technical-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.technical-file{min-height:128px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;border-radius:12px;background:#fff}
.technical-files--compact .technical-file{background:var(--paper)}
.technical-file small{color:var(--blue);font-size:9px;letter-spacing:.12em}
.technical-file strong{margin:14px 0;font:500 13px/1.35 Unbounded}
.technical-file>span:last-child{margin-top:auto;color:#69757b;font-size:10px}
.technical-file.is-pending{opacity:.58}

.related-categories{padding:7vw 4vw;background:var(--paper)}
.related-categories>header{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:42px}
.related-categories h2{margin:0;font-size:clamp(38px,5vw,72px);line-height:1}
.related-categories header p{max-width:520px;justify-self:end;color:#59666d;line-height:1.65}
.related-categories>div.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(56px,6vw,88px) clamp(20px,2vw,32px);padding:0}
.related-category-card .hub-card__caption h3{margin:0;font:500 clamp(17px,1.55vw,24px)/1.08 Unbounded;white-space:nowrap}

.product-updates{display:grid;grid-template-columns:1fr 1fr}
.product-updates article{min-height:430px;padding:6vw;display:flex;flex-direction:column;align-items:flex-start;background:var(--blue);color:#fff}
.product-updates article+article{background:var(--ink)}
.product-updates small{color:var(--acid);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.product-updates h2{max-width:650px;margin:28px 0;font-size:clamp(34px,4.6vw,66px);line-height:1}
.product-updates p{max-width:560px;color:#d6dfff;line-height:1.65}
.product-updates article+article p{color:#b7c0c4}
.product-updates .button{margin-top:auto}

@media(max-width:1000px){
  .hub-grid--catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-opening.product-opening--classic{grid-template-columns:1fr;padding-top:154px}
  .product-summary{position:static;grid-row:1}
  .product-gallery{grid-row:2}
  .spec-layout{grid-template-columns:1fr}
  .product-drawing-card{margin-top:24px}
  .related-categories>div.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .site-breadcrumbs{top:68px;height:38px;padding-inline:20px}
  .hub-grid--catalog{grid-template-columns:1fr}
  .hub-card>a{padding:8px;margin:-8px;border-radius:22px}
  .product-opening.product-opening--classic{padding:132px 20px 64px;gap:42px}
  .product-summary h1{font-size:clamp(44px,15vw,64px)}
  .product-actions{grid-template-columns:1fr}
  .product-messengers{display:grid;grid-template-columns:1fr 1fr}
  .product-messengers a{justify-content:center}
  .partner-widget{grid-template-columns:1fr}
  .product-gallery .gallery-thumbs button{flex-basis:88px}
  .product-colours>header{padding-inline:20px}
  .product-colours>ul{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:20px}
  .product-colours .colour-grid.is-collapsed li:nth-child(n+5){display:none}
  .colour-toggle{margin-left:20px}
  .product-specifications{padding:64px 20px}
  .spec-tabs{margin-inline:-4px}
  .spec-tabs button{padding-inline:16px}
  .product-drawing-card{padding:16px}
  .product-drawing-card>header{grid-template-columns:1fr}
  .technical-files{grid-template-columns:1fr 1fr}
  .related-categories{padding:64px 20px}
  .related-categories>header{grid-template-columns:1fr}
  .related-categories header p{justify-self:start}
  .related-categories>div.hub-grid{grid-template-columns:1fr}
  .product-updates{grid-template-columns:1fr}
  .product-updates article{min-height:390px;padding:64px 20px}
}