/* Local review: visual benefits, natural fibres and Mediterranean experience. */
.cs26-content .cs26-overline{font:500 10px/1.6 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#718174;margin:0 0 16px}
#cs26-benefits.cs26-journey{padding:32px 0 22px;margin-top:35px}
#cs26-benefits .cs26-journey-heading{display:grid;grid-template-columns:1.1fr .9fr;column-gap:75px;align-items:end;margin-bottom:38px;position:static;background:#fff}
#cs26-benefits .cs26-journey-heading>.cs26-overline{grid-column:1/-1}
#cs26-benefits .cs26-journey-heading h2{font-size:clamp(27px,3vw,41px);line-height:1.25;letter-spacing:-.04em;font-weight:500;margin:0}
#cs26-benefits .cs26-journey-intro{font-size:13px;line-height:1.9;margin:0;color:#6c776e}
#cs26-benefits .cs26-journey-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center}
#cs26-benefits .cs26-journey-visual{margin:0;position:relative;overflow:hidden;background:#e5ded2;height:500px;border-radius:4px}
#cs26-benefits .cs26-journey-visual>img{display:block;width:100%;height:100%;object-fit:cover}
#cs26-benefits .cs26-journey-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:65px 30px 25px;background:linear-gradient(transparent,#1e2b24bd);color:#fff;font-size:13px}
#cs26-benefits .cs26-journey-step{padding:27px 0;border-top:1px solid #dce3de;background:#fff}
#cs26-benefits .cs26-journey-step:last-child{border-bottom:1px solid #dce3de}
#cs26-benefits .cs26-journey-step-title{display:flex;align-items:baseline;gap:23px}
#cs26-benefits .cs26-journey-step-title>span{font:400 12px/1.5 Poppins,sans-serif;color:#829589;flex:0 0 24px}
#cs26-benefits .cs26-journey-step h3{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:0}
#cs26-benefits .cs26-journey-step>p{margin:13px 0 0 47px;font-size:14px;line-height:1.85;color:#627166}
#cs26-benefits .cs26-journey-mobile-image{display:none}
#cs26-benefits .cs26-journey-fit{margin-top:44px;padding:35px 0 0;border-top:1px solid #dce3de;display:grid;grid-template-columns:1.15fr .85fr;gap:70px}
#cs26-benefits .cs26-journey-fit h3{font-size:23px;letter-spacing:-.025em;font-weight:500;margin-bottom:22px}
#cs26-benefits .cs26-journey-fit p,#cs26-benefits .cs26-journey-fit li{font-size:13px;line-height:1.85;color:#68766c}
#cs26-benefits .cs26-journey-fit ul{list-style:none;padding:0}
#cs26-benefits .cs26-journey-fit li{position:relative;padding-left:23px}
#cs26-benefits .cs26-journey-fit li:before{content:'✓';position:absolute;left:0;color:#678b73}
#cs26-fibres{grid-column:1/-1;padding:60px 0 25px;margin:0}
#cs26-fibres header{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:40px;align-items:end;position:static;background:#fff}
#cs26-fibres header>.cs26-overline{grid-column:1/-1}
#cs26-fibres h2{font-size:clamp(30px,3.2vw,42px);line-height:1.25;font-weight:500;margin:0;letter-spacing:-.04em}
#cs26-fibres header>p:last-child{font-size:14px;line-height:1.9;margin:0;max-width:470px}
#cs26-fibres .cs26-fibres-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
#cs26-fibres article{padding:0;background:transparent;border:0;border-radius:0}
#cs26-fibres figure{margin:0 0 22px;overflow:hidden;aspect-ratio:1.7;background:#e8dfd4}
#cs26-fibres figure>img{width:100%;height:100%;display:block;object-fit:cover}
#cs26-fibres .cs26-fibre-role{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.13em;color:#8a8c7e;margin:0 0 9px}
#cs26-fibres h3{font-size:26px;line-height:1.25;font-weight:500;margin:0 0 14px;letter-spacing:-.025em}
#cs26-fibres article>p:last-child{font-size:13px;line-height:1.85;margin:0;color:#6d776c}
#cs26-fibres .cs26-fibres-note{border-top:1px solid #e2e5df;padding-top:20px;margin:30px 0 0;font-size:11px;line-height:1.7;color:#879084}
#cs26-tour{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;margin:15px 0 45px;min-height:470px;border-radius:5px;background:#0b4b58;color:#fff}
#cs26-tour .cs26-tour-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#cs26-tour:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#073b4ae8 0%,#063f4dab 40%,#073b4a0d 85%);z-index:-1}
#cs26-tour .cs26-tour-content{padding:55px 60px;max-width:690px}
#cs26-tour .cs26-overline{color:#c4e6e2;margin-bottom:25px;font-size:10px}
#cs26-tour h2{color:#fff;font-size:clamp(34px,4.1vw,53px);font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}
#cs26-tour .cs26-tour-content>p:not(.cs26-overline){color:#e3f0ee;font-size:14px;line-height:1.8;max-width:420px;margin-bottom:29px}
#cs26-tour a{display:inline-flex;align-items:center;gap:36px;padding:15px 22px;background:#f5f4ec;color:#184853;border-radius:4px;text-decoration:none;font-size:13px;font-weight:500;transition:background .2s}
#cs26-tour a:hover{background:#fff}
#cs26-tour a:focus-visible{outline:3px solid #fff;outline-offset:4px}
#cs26-tour a span{font-size:22px;font-weight:400}
#cs26-tour .cs26-tour-note{display:block;font-size:10px;color:#cae1dd;margin-top:15px;letter-spacing:.025em}
#cs26-faces{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:36px 0;border-top:1px solid #dfe6e1;border-bottom:1px solid #dfe6e1;margin:45px 0}
#cs26-faces h2{font-size:27px;line-height:1.3}
#cs26-faces p{font-size:13px;line-height:1.85}
#cs26-faces ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:30px}
#cs26-faces li>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6e8c7b;margin-bottom:17px}
#cs26-faces h3{font-size:19px;font-weight:500;line-height:1.4}
@media(max-width:767px){
 #cs26-benefits.cs26-journey{padding-top:15px;--sticky-header:78px}
 #cs26-benefits .cs26-journey-heading{display:block;position:sticky;top:var(--sticky-header);z-index:5;margin:0;padding:16px 0 18px;background:#fff}
 #cs26-benefits .cs26-journey-heading>.cs26-overline{font-size:9px;letter-spacing:.09em;margin-bottom:10px}
 #cs26-benefits .cs26-journey-heading h2{font-size:25px;line-height:1.28;margin:0}
 #cs26-benefits .cs26-journey-intro{display:none}
 #cs26-benefits .cs26-journey-layout{display:block}
 #cs26-benefits .cs26-journey-visual{display:none}
 #cs26-benefits .cs26-journey-steps{padding-bottom:0}
 #cs26-benefits .cs26-journey-steps:after{content:'';display:block;height:390px}
 #cs26-benefits .cs26-journey-step{position:sticky;top:calc(var(--sticky-header) + 132px + var(--step)*86px);scroll-margin-top:calc(var(--sticky-header) + 132px + var(--step)*86px);z-index:calc(6 + var(--step));padding:0 0 25px;margin-bottom:42px;background:#f7f8f4;border:1px solid #dce2da!important;border-radius:16px;overflow:hidden;box-shadow:0 -4px 18px #20382b08}
 #cs26-benefits .cs26-journey-step-title{padding:19px 21px;gap:10px;align-items:flex-start}
 #cs26-benefits .cs26-journey-step-title>span{font-size:10px;flex-basis:19px;line-height:1.5;padding-top:4px}
 #cs26-benefits .cs26-journey-step h3{font-size:19px;line-height:1.4;font-weight:500}
 #cs26-benefits .cs26-journey-mobile-image{display:block;height:180px;background:#fff;margin:0 20px 18px;border-radius:8px;overflow:hidden}
 #cs26-benefits .cs26-journey-mobile-image img{display:block;width:100%;height:100%;object-fit:contain}
 #cs26-benefits .cs26-journey-step:first-child .cs26-journey-mobile-image img{object-fit:cover}
 #cs26-benefits .cs26-journey-step>p{font-size:13px;line-height:1.85;margin:0;padding:0 22px;min-height:85px}
 #cs26-benefits .cs26-journey-fit{position:relative;z-index:15;background:#fff;grid-template-columns:1fr;gap:20px;padding-top:30px;margin-top:0}
 #cs26-benefits .cs26-journey-fit>div+div{padding-top:24px;border-top:1px solid #e2e8e3}
 #cs26-fibres{padding-top:35px}
 #cs26-fibres header{display:block;margin-bottom:26px}
 #cs26-fibres h2{font-size:29px;margin-bottom:20px}
 #cs26-fibres header>p:last-child{font-size:13px;line-height:1.8}
 #cs26-fibres .cs26-fibres-grid{grid-template-columns:1fr 1fr;gap:30px 17px}
 #cs26-fibres figure{aspect-ratio:1.15;margin-bottom:16px}
 #cs26-fibres .cs26-fibre-role{font-size:8px;letter-spacing:.05em;line-height:1.7}
 #cs26-fibres h3{font-size:21px;margin-bottom:10px}
 #cs26-fibres article>p:last-child{font-size:11px;line-height:1.8}
 #cs26-fibres .cs26-fibres-note{font-size:10px}
 #cs26-tour{min-height:450px;margin:10px 0 30px;border-radius:8px}
 #cs26-tour .cs26-tour-content{padding:35px 27px}
 #cs26-tour .cs26-tour-background{object-position:60% center}
 #cs26-tour:before{background:linear-gradient(90deg,#073b4ad9,#073b4a57)}
 #cs26-tour h2{font-size:35px}
 #cs26-tour .cs26-tour-content>p:not(.cs26-overline){font-size:13px}
 #cs26-tour a{padding:13px 18px;gap:25px;font-size:12px}
 #cs26-faces{grid-template-columns:1fr;gap:20px}
 #cs26-faces ol{gap:20px}
 #cs26-faces h2{font-size:25px}
 #cs26-faces h3{font-size:17px}
 #cs26-faces p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#cs26-benefits .cs26-journey-step{position:relative;top:auto}#cs26-benefits .cs26-journey-heading{position:static}}
/* Source-specific diagrams and measured title heights retain the approved layout. */
#cs26-benefits .cs26-journey-heading h2,#cs26-benefits .cs26-overline,#cs26-benefits .cs26-journey-step h3{overflow-wrap:anywhere;text-wrap:balance}
.cs26-content .cs26-material-image-note{display:block;flex:0 0 100%;font-size:10px;line-height:1.5;text-align:center;color:#748176;margin-top:5px}
.cs26-content .cs26-material-image--diagram{object-fit:contain;mix-blend-mode:normal}
#cs26-faces[data-face-count="3"] ol{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){
 #cs26-benefits.cs26-journey{--cs26-stack-step:86px}
 #cs26-benefits.cs26-journey--long-heading .cs26-journey-heading h2{font-size:23px;line-height:1.3}
 #cs26-benefits .cs26-journey-step{top:calc(var(--sticky-header) + var(--cs26-heading-height,132px) + var(--step)*var(--cs26-stack-step,86px));scroll-margin-top:calc(var(--sticky-header) + var(--cs26-heading-height,132px) + var(--step)*var(--cs26-stack-step,86px))}
 #cs26-benefits .cs26-journey-steps:after{height:calc(220px + 2*var(--cs26-stack-step,86px))}
 #cs26-benefits[data-stack-mode="flow"] .cs26-journey-heading{position:static}
 #cs26-benefits[data-stack-mode="flow"] .cs26-journey-step{position:relative;top:auto;scroll-margin-top:100px;margin-bottom:24px}
 #cs26-benefits[data-stack-mode="flow"] .cs26-journey-steps:after{display:none}
 #cs26-benefits .cs26-journey-mobile-image[data-image-representation="own_model_layers"] img{object-fit:contain}
 #cs26-benefits .cs26-journey-step:first-child .cs26-journey-mobile-image:not([data-image-representation="model_exterior"]) img{object-fit:contain}
 #cs26-faces[data-face-count="3"] ol{grid-template-columns:1fr}
}
