.product-detail{overflow:hidden;background:#fff}
.product-detail h1,.product-detail h2{font-family:var(--display-font),Arial,sans-serif;font-weight:760;text-transform:uppercase;letter-spacing:-.025em}
.product-detail h1 em{font-style:normal;color:var(--azure)}
.product-detail section[id]{scroll-margin-top:100px}
.product-detail__hero{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);min-height:760px;background:#fff}
.product-detail__hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:90px clamp(35px,5vw,100px) 105px var(--page-gutter);position:relative;z-index:1}
.product-detail__hero-copy .eyebrow{max-width:100%;color:#258fc9}.product-detail__hero-copy .eyebrow a{text-decoration:underline;text-underline-offset:4px}
.product-detail__hero h1{max-width:100%;margin:75px 0 42px;font-size:clamp(89px,8.4vw,155px);line-height:.82;overflow-wrap:normal}
.product-detail--pvc .product-detail__hero h1{font-size:clamp(75px,7vw,132px)}
.product-detail__lead{max-width:650px;margin:0;font-size:clamp(20px,1.7vw,27px);line-height:1.48}
.product-detail__hero-media{position:relative;min-height:660px;overflow:hidden;background:var(--glass)}
.product-detail__hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.5s cubic-bezier(.19,1,.22,1)}
.product-detail__hero-media.is-visible img{transform:scale(1)}
.product-detail__hero-frame{position:absolute;z-index:1;inset:8% 10%;border:3px solid rgba(255,255,255,.94);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.25s .2s cubic-bezier(.19,1,.22,1)}
.product-detail__hero-media.is-visible .product-detail__hero-frame{clip-path:inset(0)}
.product-detail__hero-frame::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:3px solid #fff}
.product-detail__hero-frame::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:3px solid rgba(255,255,255,.75)}
.product-detail__hero-frame i{position:absolute;top:45%;height:10%;width:4px;background:#fff}.product-detail__hero-frame i:first-child{left:48%}.product-detail__hero-frame i:last-child{left:52%}
.product-detail--aluminium .product-detail__hero{background:var(--navy);color:#fff}.product-detail--aluminium .product-detail__hero h1 em{color:var(--azure)}
.product-detail--outdoor .product-detail__hero{background:var(--azure);color:#fff}.product-detail--outdoor .product-detail__hero h1 em{color:var(--navy)}.product-detail--outdoor .product-detail__hero-copy .eyebrow{color:#fff}
.product-detail--aluminium .product-detail__hero-copy .eyebrow{color:#a9dfff}
.product-detail__link{display:inline-grid;grid-template-columns:auto 58px;align-items:center;gap:25px;margin-top:45px;padding-left:22px;min-height:58px;border:1px solid currentColor;font-size:14px;font-weight:750;transition:transform .3s,box-shadow .3s,background .3s,color .3s}
.product-detail__link>span{display:grid;place-items:center;min-height:58px;border-left:1px solid currentColor;font-size:25px;font-weight:400;transition:transform .3s}
.product-detail__link:hover,.product-detail__link:focus-visible{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--azure);background:var(--azure);color:#fff}
.product-detail__link:hover>span,.product-detail__link:focus-visible>span{transform:translate(3px,-3px)}
.product-detail--outdoor .product-detail__hero .product-detail__link:hover,.product-detail--aluminium .product-detail__hero .product-detail__link:hover{background:#fff;color:var(--navy);box-shadow:8px 8px 0 rgba(255,255,255,.35)}

.product-detail__intro{position:relative;isolation:isolate;padding:clamp(125px,11vw,195px) var(--page-gutter) clamp(130px,12vw,220px);min-height:650px;overflow:hidden}
.product-detail__intro>.eyebrow,.product-detail__intro>h2,.product-detail__intro>p:last-child{position:relative;z-index:1}
.product-detail__intro .eyebrow{color:#248fc9}.product-detail__intro h2{max-width:1150px;margin:53px 0 55px;font-size:clamp(104px,11vw,200px);line-height:.82}
.product-detail__intro>p:last-child{max-width:760px;margin:0 0 0 auto;font-size:clamp(21px,2vw,30px);line-height:1.5}
.product-detail__blueprint{position:absolute;right:-5%;top:9%;width:43%;height:80%;opacity:.15;color:var(--azure);pointer-events:none;transform:perspective(800px) rotateY(-24deg);transition:transform 1.6s cubic-bezier(.19,1,.22,1)}
.product-detail__intro:has(.is-visible) .product-detail__blueprint{transform:perspective(800px) rotateY(0)}
.product-detail__blueprint::before{content:"";position:absolute;inset:0;border:3px solid currentColor;box-shadow:inset 0 0 0 17px #fff,inset 0 0 0 20px currentColor}
.product-detail__blueprint::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:3px solid currentColor}
.product-detail__blueprint span:first-child{position:absolute;left:0;right:0;top:50%;border-top:3px solid currentColor}
.product-detail__blueprint span:last-child{position:absolute;left:48%;top:45%;height:12%;border-left:6px solid currentColor}

.product-detail__scene{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--glass)}
.product-detail__scene--reverse{background:var(--navy);color:#fff}
.product-detail__scene-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(80px,8vw,140px) clamp(40px,6vw,110px) clamp(90px,8vw,140px) var(--page-gutter)}
.product-detail__scene--reverse .product-detail__scene-copy{order:2;padding-left:clamp(40px,6vw,110px);padding-right:var(--page-gutter)}
.product-detail__scene .eyebrow{color:#258fc9}.product-detail__scene--reverse .eyebrow{color:#a8deff}
.product-detail__scene h2{max-width:820px;margin:50px 0 44px;font-size:clamp(88px,8vw,150px);line-height:.84}
.product-detail__scene-copy>p:last-child{max-width:610px;margin:0;font-size:clamp(19px,1.65vw,26px);line-height:1.55}
.product-detail__scene-media{position:relative;min-width:0;min-height:600px;margin:0;overflow:hidden;background:#b9cfdc}
.product-detail__scene--reverse .product-detail__scene-media{order:1}
.product-detail__scene-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.55s cubic-bezier(.19,1,.22,1)}
.product-detail__scene-media.is-visible img,.product-detail__scene-media:hover img{transform:scale(1)}
.product-detail__scene-media>span{position:absolute;inset:9%;z-index:1;border:2px solid rgba(255,255,255,.9);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s .2s cubic-bezier(.19,1,.22,1)}
.product-detail__scene-media.is-visible>span{clip-path:inset(0)}
.product-detail__scene-media>span::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #fff}

.product-detail__applications{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;min-height:650px;padding:100px var(--page-gutter);gap:6vw;background:var(--azure);color:#fff}
.product-detail__applications-copy{max-width:800px}.product-detail__applications h2{margin:48px 0 40px;font-size:clamp(91px,9vw,165px);line-height:.83}
.product-detail__applications-copy>p:not(.eyebrow){max-width:660px;margin:0;font-size:clamp(19px,1.65vw,26px);line-height:1.5}
.product-detail__applications-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.7)}
.product-detail__applications-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.7);font-size:clamp(18px,1.5vw,24px);font-weight:700}
.product-detail__applications-list span{font-size:24px;font-weight:400}
.product-detail__applications--gallery{display:block;padding-block:clamp(100px,9vw,160px)}
.product-detail__applications--gallery .product-detail__applications-copy{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.6fr);align-items:end;column-gap:5vw}
.product-detail__applications--gallery .product-detail__applications-copy .eyebrow{grid-column:1/-1}
.product-detail__applications--gallery h2{max-width:1100px;margin:35px 0 55px}
.product-detail__applications--gallery .product-detail__applications-copy>p:not(.eyebrow){max-width:590px;margin-bottom:55px}
.product-detail__applications--gallery .product-detail__link{grid-column:2;margin:0 0 55px;justify-self:start}
.product-detail__application-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,25px)}
.product-detail__application-card{grid-column:span 2;position:relative;min-width:0;aspect-ratio:1.05;overflow:hidden;margin:0;background:var(--navy)}
.product-detail__application-card:nth-child(4),.product-detail__application-card:nth-child(5){grid-column:span 3;aspect-ratio:1.65}
.product-detail__application-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.19,1,.22,1)}
.product-detail__application-card:hover img{transform:scale(1.07)}
.product-detail__application-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(15,31,48,.82));pointer-events:none}
.product-detail__application-card figcaption{position:absolute;z-index:1;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;gap:15px;padding:clamp(20px,2.2vw,42px);font-family:var(--display-font),Arial,sans-serif;font-size:clamp(38px,3.7vw,70px);font-weight:750;line-height:.9;text-transform:uppercase}
.product-detail__application-card figcaption span{font-family:Arial,sans-serif;font-size:30px;font-weight:400;line-height:1}
.product-detail__applications .product-detail__link:hover{background:#fff;color:var(--navy);box-shadow:8px 8px 0 rgba(255,255,255,.35)}
.product-detail__more{padding:110px var(--page-gutter) 130px;background:#fff}.product-detail__more .eyebrow{color:#258fc9}
.product-detail__more>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:52px;border-top:1px solid var(--navy)}
.product-detail__more a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:150px;padding:30px 32px 30px 0;border-bottom:1px solid var(--navy);font-family:var(--display-font),Arial,sans-serif;font-size:clamp(30px,3vw,58px);font-weight:750;line-height:1;text-transform:uppercase;transition:color .3s,padding .3s}
.product-detail__more a+a{padding-left:30px;border-left:1px solid var(--navy)}.product-detail__more a:hover,.product-detail__more a:focus-visible{color:var(--azure);padding-right:20px}
.product-detail__more a span{font-family:Arial,sans-serif;font-size:30px;font-weight:400}

.js .product-detail [data-reveal="copy"]{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform 1s cubic-bezier(.19,1,.22,1)}
.js .product-detail [data-reveal="copy"].is-visible{opacity:1;transform:translateY(0)}
.js .product-detail [data-reveal="visual"]{opacity:0;clip-path:inset(8% 0 0 0);transition:opacity .9s ease,clip-path 1.1s cubic-bezier(.19,1,.22,1)}
.js .product-detail [data-reveal="visual"].is-visible{opacity:1;clip-path:inset(0)}

@media(max-width:1000px){.product-detail__hero h1{font-size:clamp(75px,8vw,115px)}.product-detail--pvc .product-detail__hero h1{font-size:clamp(68px,7vw,100px)}.product-detail__scene h2{font-size:clamp(75px,8vw,115px)}.product-detail__applications h2{font-size:clamp(80px,8vw,130px)}}
@media(max-width:760px){
  .product-detail__hero,.product-detail__scene,.product-detail__applications{display:flex;flex-direction:column;min-height:0}
  .product-detail__hero-copy{min-height:610px;padding:58px 22px 90px}.product-detail__hero h1{margin:85px 0 38px;font-size:clamp(75px,16vw,120px)}.product-detail--pvc .product-detail__hero h1{font-size:clamp(62px,13vw,92px)}.product-detail__lead{font-size:20px}
  .product-detail__hero-media{width:100%;min-height:430px;height:430px}
  .product-detail__intro{min-height:0;padding:115px 22px 135px}.product-detail__intro h2{font-size:clamp(85px,17vw,140px);margin:45px 0}.product-detail__intro>p:last-child{font-size:20px}.product-detail__blueprint{width:90%;right:-45%;opacity:.1}
  .product-detail__scene-copy,.product-detail__scene--reverse .product-detail__scene-copy{order:1;width:100%;padding:105px 22px 110px}.product-detail__scene h2{font-size:clamp(80px,16vw,130px);margin:43px 0 38px}.product-detail__scene-copy>p:last-child{font-size:19px}
  .product-detail__scene-media,.product-detail__scene--reverse .product-detail__scene-media{order:2;width:100%;min-height:430px;height:430px}
  .product-detail__applications{align-items:stretch;padding:110px 22px 120px;gap:75px}.product-detail__applications h2{font-size:clamp(84px,16vw,130px)}.product-detail__applications-copy>p:not(.eyebrow){font-size:20px}
  .product-detail__applications--gallery .product-detail__applications-copy{display:block}.product-detail__applications--gallery .product-detail__applications-copy>p:not(.eyebrow){margin-bottom:0}.product-detail__applications--gallery .product-detail__link{margin:40px 0 65px}.product-detail__application-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-detail__application-card,.product-detail__application-card:nth-child(4),.product-detail__application-card:nth-child(5){grid-column:auto;aspect-ratio:.9}.product-detail__application-card:last-child{grid-column:1/-1;aspect-ratio:1.8}.product-detail__application-card figcaption{font-size:clamp(32px,6vw,58px);padding:18px}.product-detail__application-card figcaption span{font-size:22px}
  .product-detail__more{padding:100px 22px 110px}.product-detail__more>div{grid-template-columns:1fr}.product-detail__more a,.product-detail__more a+a{min-height:100px;padding:22px 0;border-left:0;font-size:42px}
}
@media(max-width:430px){.product-detail__hero-copy{min-height:560px}.product-detail__hero h1{font-size:clamp(69px,16vw,90px)}.product-detail--pvc .product-detail__hero h1{font-size:clamp(58px,13vw,72px)}.product-detail__hero-media{min-height:340px;height:340px}.product-detail__intro h2,.product-detail__scene h2,.product-detail__applications h2{font-size:clamp(74px,16vw,100px)}.product-detail__scene-media,.product-detail__scene--reverse .product-detail__scene-media{min-height:340px;height:340px}.product-detail__link{grid-template-columns:auto 52px;gap:15px;padding-left:15px;font-size:12px}.product-detail__link>span{min-height:54px}}
@media(max-width:430px){.product-detail__application-gallery{grid-template-columns:1fr}.product-detail__application-card,.product-detail__application-card:nth-child(4),.product-detail__application-card:nth-child(5),.product-detail__application-card:last-child{grid-column:auto;aspect-ratio:1.35}.product-detail__application-card figcaption{font-size:50px}}
@media(prefers-reduced-motion:reduce){.js .product-detail [data-reveal="copy"],.js .product-detail [data-reveal="visual"]{opacity:1;transform:none;clip-path:none;transition:none}.product-detail__hero-media img,.product-detail__scene-media img,.product-detail__hero-frame,.product-detail__scene-media>span,.product-detail__blueprint{transform:none!important;clip-path:none;transition:none}}