/* Header has two deliberate states: open over the scene, compact on scroll. */
#header{position:fixed;inset:0 auto auto 50%;transform:translateX(-50%);width:100%;max-width:none;margin:0;border:1px solid transparent;border-bottom-color:transparent;background:#fff;box-shadow:none;z-index:40;transition:width .4s cubic-bezier(.22,1,.36,1),top .4s,background .3s,border-color .3s,box-shadow .3s}
#header .header-inner{height:112px;max-width:1600px;grid-template-columns:180px 1fr auto;padding:0 5vw;gap:var(--s-32);transition:height .4s,padding .4s}
#header .brand{width:148px;background:transparent;padding:0;transition:width .4s}
#header .brand img{width:148px;height:80px;transition:width .4s,height .4s,filter .3s}
#header .header-descriptor{opacity:0;transform:translateY(-5px);transition:opacity .25s,transform .3s;letter-spacing:.14em;font-size:var(--text-12);color:#c0ced9}
#header .header-finder{border:1px solid #ced9e2;min-height:52px;padding:0 var(--s-24);font-size:var(--text-12);letter-spacing:.1em;color:#16394f}
#header .header-actions{gap:var(--s-24)}#header .mobile-menu{height:52px;width:52px;border-color:#ced9e2;color:#16394f}
body:not(.is-home) #main{padding-top:var(--s-132)}
body.is-home #header:not(.scrolled){background:transparent;border-color:transparent;box-shadow:none}
body.is-home #header:not(.scrolled) .brand img{filter:brightness(0) invert(1)}
body.is-home #header:not(.scrolled) .header-finder,body.is-home #header:not(.scrolled) .mobile-menu{color:#fff;border-color:#ffffff60;background:#ffffff04}
#header.scrolled{top:16px;width:calc(100% - 48px);max-width:760px;background:#132d3a;border-color:#ffffff20;border-bottom-color:#58a9d2;box-shadow:0 8px 30px #0b253429}
#header.scrolled .header-inner{height:68px;padding:0 var(--s-16);grid-template-columns:100px 1fr auto}
#header.scrolled .brand,#header.scrolled .brand img{width:92px}#header.scrolled .brand img{height:50px;filter:brightness(0) invert(1)}
#header.scrolled .header-descriptor{opacity:1;transform:none}
#header.scrolled .header-finder{border:0;border-left:1px solid #ffffff25;color:white;min-height:44px}
#header.scrolled .mobile-menu{height:44px;width:44px;border-color:#ffffff40;color:white}
.cinematic-hero{height:100svh;min-height:700px;max-height:1100px;position:relative;overflow:hidden;background:#1b3546;color:#fff}
.cinematic-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s}
.cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c25354a 0%,transparent 65%),linear-gradient(0deg,#102736bf 0%,transparent 28%,transparent 85%,#10233130)}
.cinematic-content{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:var(--s-120);padding-bottom:var(--s-156);max-width:1600px}
.cinematic-copy{max-width:650px}.cinematic-copy .eyebrow{color:#e1edf3;font-size:var(--text-12);letter-spacing:.14em;margin-bottom:var(--s-24)}
.cinematic-copy h1{font-size:clamp(var(--text-48),5.15vw,var(--text-80));font-weight:400;line-height:1.08;letter-spacing:-.04em;color:white;margin:0 0 var(--s-24)}.cinematic-copy h1 span{color:#c3e5f7}
.cinematic-copy>p:not(.eyebrow){font-size:var(--text-16);line-height:1.75;color:#e4edf1;max-width:400px;margin-bottom:var(--s-32)}
.button.hero-explore{background:white;color:#17374b;border-color:white;min-height:50px;font-weight:500;font-size:var(--text-14)}.button.hero-explore:hover{background:#dcecf5;border-color:#dcecf5}
.cinematic-bottom{position:absolute;bottom:40px;left:var(--space);right:var(--space);display:flex;align-items:end;justify-content:space-between;gap:var(--s-32)}
.cinematic-tabs{display:flex;gap:var(--s-24);width:58%;max-width:680px}.cinematic-tabs button{display:flex;gap:var(--s-16);align-items:center;flex:1;text-align:left;color:#ffffffa6;border-top:1px solid #ffffff45;padding:var(--s-20) 0 0;min-height:66px;transition:color .25s,border-color .25s}.cinematic-tabs button.active{border-top:2px solid #b6e2fa;color:white;padding-top:var(--s-20)}.cinematic-tabs button>small{font-size:var(--text-12)}.cinematic-tabs button>span{font-size:var(--text-16);font-weight:500;display:block}.cinematic-tabs button>span small{display:block;font-size:var(--text-12);line-height:1.6;font-weight:400;color:#e0e8ec;margin-top:var(--s-4)}.cinematic-tabs button:hover{color:white;border-color:white}
#hero-image-link{color:white;text-align:right;font-size:var(--text-14);line-height:1.5}#hero-product-label>span{display:block;font-size:var(--text-12);color:#e1e8ed}.scene-product-cta{display:inline-block;font-size:var(--text-12);border-bottom:1px solid #ffffff70;padding-bottom:var(--s-4);margin-top:var(--s-12)}.image-disclosure{position:absolute;right:16px;bottom:13px;font-size:var(--text-12);color:#fff9;letter-spacing:.04em}
.gallery #gallery-caption{grid-column:2;grid-row:2;font-size:var(--text-12);color:#74818b;margin:0;line-height:1.5}
.main-image.styled-view{background:#dce8ee;overflow:hidden}.styled-view .enlarge-image{padding:0}.styled-view .enlarge-image img{object-fit:cover;mix-blend-mode:normal;object-position:65% center}.thumbnails img{mix-blend-mode:normal}.product-feature-scene{position:relative;max-width:1440px;margin:0 auto var(--s-64);min-height:440px;height:38vw;max-height:620px;overflow:hidden;background:#18313e}.product-feature-scene>img{width:100%;height:100%;object-fit:cover}.product-feature-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a233848,transparent 65%);pointer-events:none}.feature-scene-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:36%;z-index:1}.feature-scene-copy .eyebrow{color:#c6dde9;font-size:var(--text-12)}.feature-scene-copy h2{font-size:clamp(var(--text-32),3vw,var(--text-40));font-weight:400;letter-spacing:-.03em;line-height:1.15;color:white;margin-bottom:var(--s-24)}.feature-scene-copy>p:not(.eyebrow){color:#e0e8ec;font-size:var(--text-14);line-height:1.7;max-width:340px}
@media(max-width:1000px){#header .header-inner{grid-template-columns:150px 1fr auto}.cinematic-copy{max-width:510px}.cinematic-copy h1{font-size:var(--text-48)}.cinematic-scene{object-position:58% center}.cinematic-tabs{width:65%;gap:var(--s-20)}#header.scrolled{width:90%}#header.scrolled .header-inner{padding:0 var(--s-16);grid-template-columns:100px 1fr auto}#header .header-descriptor{font-size:var(--text-12)}.feature-scene-copy{width:40%}}
@media(max-width:700px){#header .header-inner{height:92px;padding:0 var(--s-24);grid-template-columns:1fr auto;gap:var(--s-12)}#header .brand,#header .brand img{width:112px}#header .brand img{height:64px}#header .header-descriptor{display:none}#header .header-actions{gap:var(--s-8)}#header .header-finder{min-height:42px;padding:0 var(--s-12);font-size:var(--text-12);max-width:none;white-space:nowrap;letter-spacing:.045em}#header .mobile-menu{width:42px;min-width:42px;height:42px}#header.scrolled{top:8px;width:calc(100% - 24px)}#header.scrolled .header-inner{height:66px;padding:0 var(--s-16);grid-template-columns:1fr auto;gap:var(--s-8)}#header.scrolled .brand,#header.scrolled .brand img{width:90px}#header.scrolled .brand img{height:50px}#header.scrolled .header-finder{padding:0 var(--s-8);min-height:36px}#header.scrolled .mobile-menu{width:36px;min-width:36px;height:36px}body:not(.is-home) #main{padding-top:var(--s-108)}.cinematic-hero{height:850px;min-height:100svh;max-height:1000px}.cinematic-scene{object-position:68% center}.cinematic-shade{background:linear-gradient(180deg,#102b42b3 0%,#102b4266 42%,transparent 60%,#0b233abf 100%)}.cinematic-content{padding-top:var(--s-144);padding-bottom:var(--s-140);justify-content:flex-start}.cinematic-copy{max-width:100%}.cinematic-copy h1{font-size:var(--text-40);line-height:1.08;max-width:350px}.cinematic-copy .eyebrow{font-size:var(--text-12);margin-bottom:var(--s-20)}.cinematic-copy>p:not(.eyebrow){font-size:var(--text-14);max-width:280px;margin-bottom:var(--s-24)}.hero-explore{padding:var(--s-12) var(--s-20)!important}.cinematic-bottom{bottom:40px;display:block}.cinematic-tabs{width:100%;gap:var(--s-16)}.cinematic-tabs button{gap:var(--s-8);padding-top:var(--s-16);min-height:64px}.cinematic-tabs button.active{padding-top:var(--s-16)}.cinematic-tabs button>span{font-size:var(--text-14)}.cinematic-tabs button>span small{font-size:var(--text-12)}.cinematic-tabs button>small{font-size:var(--text-12)}#hero-image-link{display:block;text-align:left;margin-top:var(--s-16)}#hero-product-label{display:none}.scene-product-cta{margin:0;font-size:var(--text-12)}.gallery #gallery-caption{grid-column:1;grid-row:3}.product-feature-scene{height:600px;max-height:none;min-height:0;margin-bottom:var(--s-40)}.product-feature-scene>img{object-position:65% center}.product-feature-scene:after{background:linear-gradient(180deg,#102737a6,transparent 75%)}.feature-scene-copy{top:40px;left:24px;right:24px;width:auto;transform:none}.feature-scene-copy h2{font-size:var(--text-32);max-width:300px}.feature-scene-copy>p:not(.eyebrow){max-width:290px}}
@media(prefers-reduced-motion:reduce){#header,#header *,.cinematic-scene{transition:none!important}}
.cinematic-hero:before{content:'';position:absolute;inset:0 0 auto;height:160px;background:linear-gradient(#10293666,transparent);z-index:1;pointer-events:none}
.styled-category{position:relative!important;min-height:480px!important;background:#eee!important;display:block}.styled-category .category-object{position:absolute;inset:0;display:block}.styled-category .category-object img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.styled-category:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#122935bb,transparent 65%);pointer-events:none}.styled-category .category-top{position:absolute;bottom:56px;left:0;right:0;z-index:2;padding:0 var(--s-28)}.styled-category .category-top .index{color:#e1e7eb}.styled-category .category-top h3{color:white;font-size:var(--text-24)}.styled-category .category-top p{color:#e8edf0;font-size:var(--text-12)}.styled-category .category-bottom{position:absolute;bottom:20px;left:28px;margin:0;color:white;z-index:2;font-size:var(--text-12)}.category-art-note{font-size:var(--text-12);color:#81909b;margin:var(--s-8) 0 0;text-align:right}.product-media .styled-card-image{width:100%;height:100%;object-fit:cover;object-position:65% center;mix-blend-mode:normal;aspect-ratio:1}.card-art-label{position:absolute;bottom:9px;left:10px;font-size:var(--text-12);padding:var(--s-4) var(--s-4);background:#ffffffc9;color:#5c6c76}.colour-image-wrap img{height:360px;object-fit:cover;mix-blend-mode:normal;object-position:65% center}.colour-display{padding:0;background:#f3f6f8}.colour-image-wrap{min-height:360px}.colour-caption{padding:var(--s-20) var(--s-24)}.feature-square{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:0;max-height:none;background:#173544}.feature-square>img{grid-column:2;aspect-ratio:1;object-fit:cover}.feature-square .feature-scene-copy{position:relative;grid-column:1;grid-row:1;inset:auto;transform:none;width:auto;padding:12%;align-self:center}.feature-square:after{display:none}
@media(max-width:700px){.styled-category{min-height:420px!important}.styled-category .category-top{padding:0 var(--s-24)}.styled-category .category-bottom{left:24px}.colour-image-wrap img{height:330px}.colour-image-wrap{min-height:330px}.feature-square{display:flex;flex-direction:column;height:auto}.feature-square>img{height:auto}.feature-square .feature-scene-copy{padding:var(--s-36) var(--s-24);width:auto}.feature-square .image-disclosure{bottom:10px}.cinematic-hero:before{height:120px}}
@media(max-width:700px){.cinematic-scene{object-position:center}.cinematic-shade{background:linear-gradient(180deg,#102b4222 0%,transparent 52%,transparent 70%,#0b233acc 100%)}.cinematic-content{padding-top:var(--s-136)}.cinematic-copy h1{font-size:var(--text-40)}.cinematic-copy>p:not(.eyebrow){line-height:1.65;margin-bottom:var(--s-24)}.cinematic-copy .eyebrow{margin-bottom:var(--s-16)}}
@media(max-width:360px){#header .header-inner{padding:0 var(--s-16)}#header .brand,#header .brand img{width:96px}#header .header-actions{gap:var(--s-8)}#header .header-finder{padding:0 var(--s-8);font-size:var(--text-12)}.cinematic-copy h1{font-size:var(--text-32)}.cinematic-copy>p:not(.eyebrow){font-size:var(--text-12)}.cinematic-content{padding-top:var(--s-124)}}