/* Pool design overview, built on the Classic page's type and colour system. */
.range-hero{display:grid;grid-template-columns:47% 53%;min-height:620px;background:#062b48;color:#fff}
.range-hero-copy{display:flex;align-items:center;padding:127px clamp(35px,5.5vw,95px) 65px max(40px,calc((100vw - 1280px)/2));background:linear-gradient(130deg,#062b48,#0a4565)}
.range-hero-copy>div{max-width:535px}
.range-hero .breadcrumbs{margin-bottom:60px}
.range-hero h1{font-size:clamp(3.5rem,5.2vw,5.9rem);line-height:1.04;letter-spacing:-.06em;margin:0 0 24px}
.range-hero-copy p:not(.eyebrow){font-size:1.06rem;line-height:1.65;color:#d8eaf2;max-width:495px}
.range-hero-image{min-height:620px;overflow:hidden}
.range-hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% center}
.range-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:30px}
.range-hero-actions .btn{white-space:nowrap}
.range-hero-actions>a:last-child{font:800 .75rem Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:1px solid #9ddbec;padding-bottom:6px}
.range-hero-actions>a:last-child:hover{color:#9ee6fb}
.range-trust{background:#e9f7fc;border-bottom:1px solid #d4eaf2}
.range-trust .shell{display:flex;justify-content:space-between;gap:20px;padding-block:24px}
.range-trust span{font:700 .82rem Manrope,Arial,sans-serif;color:#375e71;text-transform:uppercase;letter-spacing:.05em}
.range-trust strong{font-size:1.25rem;color:#0b304e;margin-right:6px}
.range-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.range-intro h2{max-width:490px}
.range-intro-copy{max-width:650px;padding-top:30px;color:#496878;line-height:1.78}
.range-intro-copy .text-link{display:inline-block;margin-top:10px}
.range-library{background:#edf8fc}
.range-library-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}
.range-library-head h2{max-width:750px}
.range-library-head p:last-child{max-width:640px;color:#4c6978}
.range-count{font:800 .72rem Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#007ca6;white-space:nowrap;margin-bottom:20px}
.range-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.range-filter{border:1px solid #a7d2e2;background:#fff;color:#13536f;padding:11px 17px;font:800 .71rem Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;transition:background .2s,color .2s}
.range-filter:hover{border-color:#007fa5}
.range-filter[aria-pressed="true"]{background:#0a587b;border-color:#0a587b;color:#fff}
.range-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.range-design-card{background:#fff;box-shadow:0 8px 25px rgba(4,62,84,.07);transition:transform .25s,box-shadow .25s}
.range-design-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(4,62,84,.15)}
.range-design-card[hidden]{display:none}
.range-design-card a{display:flex;flex-direction:column;height:100%}
.range-design-card img{width:100%;height:255px;object-fit:cover}
.range-design-body{padding:23px 24px 22px;display:flex;flex-direction:column;flex:1}
.range-design-label{font:800 .62rem Manrope,Arial,sans-serif;color:#008cb7;text-transform:uppercase;letter-spacing:.1em}
.range-design-body h3{font-size:1.65rem;margin:8px 0 8px}
.range-design-body p{font-size:.87rem;line-height:1.55;color:#526e7c;min-height:2.8em}
.range-design-bottom{border-top:1px solid #dcecf2;padding-top:13px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font:800 .72rem Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#285870}
.range-design-bottom b{font-size:1.2rem;color:#00a3cf}
.range-guide{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.range-guide-copy{max-width:560px}
.range-guide-copy>p:not(.eyebrow){color:#496878;line-height:1.75}
.range-guide-copy ul{margin:24px 0 30px;padding-left:22px;color:#486575}
.range-guide-copy li{padding-left:5px;margin-bottom:12px}
.range-guide-copy strong{color:#0b304e}
.range-guide-image{min-height:520px}
.range-guide-image img{width:100%;height:100%;object-fit:cover}
.range-comparison{background:#f5fbfd}
.range-comparison>.shell>p:not(.eyebrow){max-width:740px;color:#506b79}
.range-table-wrap{overflow-x:auto;background:#fff;box-shadow:0 12px 35px rgba(4,62,84,.07);margin-top:30px}
.range-comparison table{width:100%;border-collapse:collapse;text-align:left;min-width:690px}
.range-comparison th,.range-comparison td{padding:15px 21px;border-bottom:1px solid #dcecf2;font-size:.84rem}
.range-comparison thead th{background:#dff2fa;color:#0b4d6a;font:800 .67rem Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.range-comparison tbody th{font:800 .88rem Manrope,Arial,sans-serif}
.range-comparison tbody th a{color:#006e97;border-bottom:1px solid #8bcfe2}
.range-comparison tbody tr:hover{background:#f5fbfd}
.range-comparison .range-table-note{font-size:.74rem;color:#58717d;margin:17px 0 0}
@media(max-width:1050px){
  .range-hero{grid-template-columns:50% 50%}
  .range-hero-copy{padding-left:35px;padding-right:25px}
  .range-hero h1{font-size:clamp(3rem,5vw,4.3rem)}
  .range-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .range-hero{display:flex;flex-direction:column-reverse;min-height:0}
  .range-hero-image{min-height:0;height:250px}
  .range-hero-copy{padding:38px 24px 54px}
  .range-hero .breadcrumbs{margin-bottom:44px}
  .range-hero h1{font-size:clamp(2.8rem,11vw,4rem)}
  .range-hero-actions{align-items:flex-start;flex-direction:column}
  .range-trust .shell{flex-wrap:wrap;gap:10px 20px;padding-block:20px}
  .range-trust span{font-size:.68rem}
  .range-trust strong{font-size:1rem}
  .range-intro,.range-guide{display:block}
  .range-intro-copy{padding-top:0}
  .range-library-head{display:block}
  .range-count{display:block;margin-top:20px}
  .range-filters{gap:6px}
  .range-filter{font-size:.63rem;padding:9px 11px}
  .range-design-grid{gap:10px}
  .range-design-card img{height:165px}
  .range-design-body{padding:15px 14px 16px}
  .range-design-body h3{font-size:1.2rem}
  .range-design-body p{font-size:.75rem;min-height:0}
  .range-design-bottom{font-size:.58rem}
  .range-guide-image{min-height:0;height:300px;margin-top:40px}
}
@media(max-width:440px){.range-design-grid{grid-template-columns:1fr}.range-design-card img{height:215px}.range-design-body p{font-size:.84rem}}