/* Concept 02: a product directory first, with a clear three-level hierarchy. */
.materials-layout .header{height:82px}.materials-layout .header nav{gap:27px}.materials-layout .header nav a{font-size:13px}.landing-intro{padding:45px var(--gutter) 28px}.landing-intro>.eyebrow,.group-intro>.eyebrow{color:var(--blue);font-size:9px;margin-bottom:16px}.landing-intro h1{font-size:clamp(38px,4.2vw,62px);margin-bottom:18px}.landing-intro h1 em{color:var(--blue);white-space:nowrap}.landing-intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.mobile-break{display:none}.offer-section{padding:0 var(--gutter) 50px}.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.offer-card{display:flex;flex-direction:column;min-width:0;background:#eef0eb;padding:18px;transition:background .2s}.offer-card:hover{background:#e1e8e8}.offer-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.04em;color:var(--muted);margin-bottom:10px}.offer-top>span:first-child{color:var(--blue)}.offer-image{height:145px;display:flex;align-items:center;justify-content:center;padding:5px 0 12px}.offer-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.offer-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.offer-collage img{width:100%;height:100%;min-width:0}.offer-card h2{font-size:28px;letter-spacing:-.04em;line-height:1.08;margin:12px 0 13px;min-height:60px}.offer-card>p{font-size:12px;line-height:1.55;color:var(--muted);margin-bottom:17px;min-height:56px}.offer-list{list-style:none;padding:0;margin:0 0 22px}.offer-list li{font-size:12px;line-height:1.5;padding:4px 0;border-top:1px solid #d6dcd8}.offer-link{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--blue);font-size:11px;border-top:1px solid #cbd4d4;padding-top:15px;margin-top:auto}.offer-link>span{font-size:20px}.materials-footer{background:#e9edf0;padding-top:24px;padding-bottom:24px;display:flex;align-items:center;gap:30px}.materials-footer>div{display:flex;align-items:center;gap:25px;margin-right:auto}.materials-footer>div p{font-size:10px;color:var(--muted);margin:0}.materials-footer>a{font-size:12px;white-space:nowrap}.materials-footer>a:last-child{margin:0;color:var(--blue)}.group-intro{padding:38px var(--gutter) 28px}.group-intro h1{font-size:clamp(45px,5vw,72px);margin-bottom:23px}.group-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:720px;margin-bottom:25px}.group-switch{display:flex;gap:10px;flex-wrap:wrap}.group-switch a{padding:10px 14px;border:1px solid var(--line);font-size:12px}.group-switch a.current{background:var(--blue);color:#fff;border-color:var(--blue)}.group-switch a:hover:not(.current){border-color:var(--blue);color:var(--blue)}.types-section{padding:10px var(--gutter) 55px}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.type-card{background:#eef0eb;display:flex;flex-direction:column;min-width:0;transition:background .2s}.type-card:hover{background:#e2e8e5}.type-image{height:220px;display:flex;align-items:center;justify-content:center;padding:20px}.type-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.type-copy{padding:20px 25px 25px;display:flex;flex-direction:column;flex:1}.type-copy>.eyebrow{font-size:8px;color:var(--blue);margin-bottom:14px}.type-card h2{font-size:29px;letter-spacing:-.035em;line-height:1.1;margin-bottom:17px}.type-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.materials-layout .product-intro h1{font-size:clamp(44px,5vw,72px)}.materials-layout .product-hero{padding-top:35px}.materials-layout .product-details{padding-top:50px;padding-bottom:50px}
@media(min-width:1500px){.landing-intro,.offer-section,.group-intro,.types-section{max-width:1700px;margin:auto}.offer-image{height:180px}}
@media(max-width:1050px){.materials-layout .header nav{gap:15px}.materials-layout .header nav a{font-size:11px}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-image{height:175px}.offer-card h2{min-height:0;font-size:31px}.offer-card>p{min-height:0}.offer-top{font-size:9px}.offer-list li{font-size:13px}.offer-link{font-size:12px}.offer-card{padding:22px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-footer>div p{display:none}.materials-footer{gap:25px}.landing-intro h1 em{white-space:normal}}
@media(max-width:680px){.materials-layout .header{height:75px}.materials-layout .header nav{top:75px}.materials-layout .header nav a{font-size:17px}.landing-intro{padding-top:30px;padding-bottom:25px}.landing-intro h1{font-size:43px;line-height:1.06}.landing-intro h1 em{white-space:normal}.landing-intro>p:last-child{font-size:13px}.mobile-break{display:block}.offer-grid{grid-template-columns:1fr;gap:18px}.offer-card{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:0 13px;padding:21px}.offer-top{grid-column:1/-1;margin-bottom:17px}.offer-image{grid-column:2;grid-row:2/span 2;height:115px;padding:0}.offer-card h2{grid-column:1;grid-row:2;font-size:31px;margin:0 0 14px}.offer-card>p{grid-column:1;grid-row:3;font-size:12px;margin-bottom:17px}.offer-list{grid-column:1/-1;margin:3px 0 20px;display:flex;flex-wrap:wrap;gap:7px}.offer-list li{font-size:11px;padding:5px 8px;border:1px solid #d6dcd8;line-height:1.4}.offer-link{grid-column:1/-1;font-size:12px}.offer-collage{grid-template-columns:1fr;gap:0;height:130px}.offer-collage img{height:43px}.materials-footer{display:flex;flex-wrap:wrap;gap:18px 25px}.materials-footer>div{width:100%;margin:0}.materials-footer>div p{display:block;font-size:9px;text-align:left}.materials-footer>a{font-size:12px}.group-intro{padding-top:30px}.group-intro h1{font-size:45px}.group-intro>p:not(.eyebrow){font-size:14px}.group-switch{gap:6px}.group-switch a{font-size:10px;padding:9px 10px}.type-grid{grid-template-columns:1fr;gap:20px}.type-image{height:220px}.type-card h2{font-size:30px}.type-copy{padding:18px 22px 24px}.type-card p{font-size:14px}.materials-layout .product-intro h1{font-size:clamp(35px,10vw,48px)}}

/* Three different, source-matched photographs in a relaxed overlapping fan. */
.offer-image.offer-fan{display:block;position:relative;height:175px;padding:0;margin:7px 0 8px;isolation:isolate}
.offer-fan .offer-shot{position:absolute;display:block;width:54%;height:130px;top:18px;background:#f8f8f4;border:5px solid #fff;border-radius:3px;box-shadow:0 5px 13px #19313e20;transform-origin:50% 85%;transition:transform .25s ease}
.offer-fan .offer-shot img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.offer-fan .offer-shot:nth-child(1){left:0;top:23px;z-index:1;transform:rotate(-14deg)}
.offer-fan .offer-shot:nth-child(2){left:23%;top:5px;z-index:3;transform:rotate(-3deg)}
.offer-fan .offer-shot:nth-child(3){left:46%;top:27px;z-index:2;transform:rotate(14deg)}
@media(min-width:1500px){.offer-image.offer-fan{height:195px}.offer-fan .offer-shot{height:150px}}
@media(max-width:1050px) and (min-width:681px){.offer-image.offer-fan{height:195px;max-width:300px;width:100%;margin-left:auto;margin-right:auto}.offer-fan .offer-shot{height:150px}}
@media(max-width:680px){.offer-card{grid-template-columns:minmax(0,1fr) 135px}.offer-image.offer-fan{height:140px;margin:0;align-self:center}.offer-fan .offer-shot{width:58%;height:95px;border-width:3px}.offer-fan .offer-shot:nth-child(1){left:-3%;top:25px}.offer-fan .offer-shot:nth-child(2){left:20%;top:10px}.offer-fan .offer-shot:nth-child(3){left:43%;top:29px}}

/* Comfortable reading on desktop monitors and phones. */
.materials-layout .header nav a{font-size:16px}
.landing-intro>.eyebrow{font-size:12px}
.landing-intro>p:last-child{font-size:18px;color:#455964}
.offer-top{font-size:12px;color:#52636c}
.offer-card>p{font-size:17px;line-height:1.6;color:#455964;min-height:84px}
.offer-list li{font-size:17px;line-height:1.5;padding:8px 0}
.offer-link{font-size:16px;padding-top:19px}
.materials-footer>div p{font-size:14px;color:#455964}
.materials-footer>a{font-size:16px}
@media(min-width:1051px){.offer-card h2{font-size:clamp(28px,2.2vw,36px);min-height:78px}.offer-card{padding:22px}}
@media(max-width:1050px){.materials-layout .header nav a{font-size:14px}.offer-card>p{min-height:0}}
@media(max-width:680px){.materials-layout .header nav a{font-size:18px}.landing-intro>p:last-child{font-size:16px}.offer-card{grid-template-columns:minmax(0,1fr)}.offer-top{font-size:12px}.offer-image.offer-fan{grid-column:1;grid-row:2;width:220px;height:160px;justify-self:center;margin:0 0 14px}.offer-fan .offer-shot{height:115px}.offer-card h2{grid-column:1;grid-row:3;font-size:32px}.offer-card>p{grid-column:1;grid-row:4;font-size:16px}.offer-list li{font-size:15px;padding:7px 10px}.offer-link{font-size:16px}.materials-footer>div p{font-size:13px}.materials-footer>a{font-size:16px}}

/* Outlined bilingual vector identity; caption matches the wordmark width. */
.materials-layout .header{height:106px}
.materials-layout .brand,.materials-layout .brand img{width:300px}
.materials-layout .brand img{height:auto;mix-blend-mode:normal}
@media(max-width:1050px) and (min-width:681px){.materials-layout .brand,.materials-layout .brand img{width:250px}.materials-layout .header nav{gap:13px}}
@media(max-width:680px){.materials-layout .header{height:88px;gap:14px}.materials-layout .header nav{top:88px}.materials-layout .brand,.materials-layout .brand img{width:220px}.materials-layout .language{display:none}}
@media(max-width:360px){.materials-layout .brand,.materials-layout .brand img{width:195px}}


/* Clear group actions; remove redundant counters above product photographs. */
.offer-card .offer-link{font-weight:700;background:#dce9f4;color:#075eab;border:1px solid #c1d7e9;border-radius:3px;padding:14px 16px;min-height:50px;transition:background .2s,border-color .2s}
.offer-card:hover .offer-link,.offer-card:focus-visible .offer-link{background:#cbdff0;border-color:#8eb7d9}
@media(max-width:680px){.offer-card .offer-image.offer-fan{grid-row:1}.offer-card h2{grid-row:2}.offer-card>p{grid-row:3}}

/* A single clear promise, followed by the product range. */
.landing-intro h1{font-size:clamp(38px,4.2vw,64px);margin-bottom:20px}
.landing-intro>p.landing-subtitle{font-size:clamp(22px,2vw,30px);font-family:Manrope,Arial,sans-serif;font-weight:600;line-height:1.4;color:var(--ink);margin:0;max-width:1000px}
@media(max-width:680px){.landing-intro h1{font-size:clamp(29px,8.2vw,43px)}.landing-intro>p.landing-subtitle{font-size:21px;line-height:1.45}.landing-subtitle br{display:none}}

/* Selected hero 01, without the duplicate product checklist. */
.landing-intro h1{font-size:clamp(27px,3.05vw,46px);line-height:1.2;margin:0;transform-origin:left top;white-space:nowrap}
@media(max-width:680px){.landing-intro h1{font-size:28px;white-space:normal}}

/* A contained fan: the centre rises, side photographs move down. */
.offer-card{position:relative;overflow:hidden}
.offer-fan .offer-shot{background:transparent;border:0;border-radius:0;box-shadow:none;transition:left .35s ease,top .35s ease,transform .35s ease}
@media(min-width:681px){
 .offer-card .offer-image.offer-fan{height:235px}
 .offer-fan .offer-shot:nth-child(1){left:2%;top:30px;transform:rotate(-10deg)}
 .offer-fan .offer-shot:nth-child(2){left:23%;top:20px;transform:rotate(-3deg)}
 .offer-fan .offer-shot:nth-child(3){left:44%;top:34px;transform:rotate(10deg)}
}
@media(min-width:1500px),(min-width:681px) and (max-width:1050px){.offer-card .offer-image.offer-fan{height:255px}}
@media(hover:hover) and (pointer:fine) and (min-width:681px){
 .offer-card:is(:hover,:focus-visible) .offer-shot:nth-child(1){left:0;top:68px;transform:rotate(-5deg)}
 .offer-card:is(:hover,:focus-visible) .offer-shot:nth-child(2){left:23%;top:0;transform:rotate(0deg)}
 .offer-card:is(:hover,:focus-visible) .offer-shot:nth-child(3){left:46%;top:72px;transform:rotate(5deg)}
}
@media(prefers-reduced-motion:reduce){.offer-fan .offer-shot{transition:none}}

/* Cards themselves are links; no duplicate action row at the bottom. */
.offer-card .offer-list{margin-bottom:0}

/* One shared gutter with header/footer; no second, nested width restriction. */
.landing-intro,.offer-section,.group-intro,.types-section{max-width:none;margin-left:0;margin-right:0}

/* Primary technology heading, smaller slogan; skew only the ink, never the layout box. */
.landing-intro{padding-top:30px;padding-bottom:26px}
.landing-intro h1.landing-technology{font-size:clamp(27px,3.05vw,46px);line-height:1.2;white-space:nowrap;transform:none;margin:0 0 14px;max-width:calc(100% - 12px)}
.landing-technology .heading-ink{display:inline-block;max-width:100%;transform:skewX(-8deg);transform-origin:left bottom}
.landing-intro>p.landing-slogan{font-family:Manrope,Arial,sans-serif;font-size:clamp(20px,1.85vw,26px);font-weight:600;line-height:1.45;letter-spacing:-.02em;color:#455964;margin:0;transform:none}
.landing-slogan>span{display:block;width:fit-content;max-width:calc(100% - 12px);transform:skewX(-8deg);transform-origin:left bottom}
@media(max-width:680px){.landing-intro{padding-top:24px;padding-bottom:24px}.landing-intro h1.landing-technology{font-size:28px;white-space:normal;margin-bottom:12px}.landing-intro>p.landing-slogan{font-size:19px}}