/* Photography stays clear. Section menus follow the hero on every product range. */
:root{--product-header-height:86px}
#main .product-section-nav{display:block!important;position:sticky!important;top:var(--product-header-height)!important;z-index:15;background:#173b35;color:#fff;border:0;backdrop-filter:none}
#main .product-section-nav a,#main .product-section-nav strong,#main .product-section-nav span{color:#fff}
#main .product-section-nav>.wrap{display:flex;align-items:center;gap:24px;min-height:66px;flex-wrap:nowrap;overflow-x:auto}
#main .product-section-nav>.wrap>div{display:flex;gap:24px;align-items:center;flex-wrap:nowrap}
#main .product-section-nav a{white-space:nowrap;text-decoration:none}
#main .product-section-nav .button{background:#e4ed8c;color:#173b35}
#main .product-section-nav .life-mini-brand{min-width:160px}
#main .life-mini,#main .story-mini,#main .igofor-site,#main .strutt-page,#main .gyro-page,#main .equipment-page{overflow:visible}
#main :is(.life-mini,.story-mini,.igofor-site,.strutt-page,.gyro-page,.equipment-page) [id]{scroll-margin-top:calc(var(--product-header-height) + 88px)}
#main .equipment-lifestyle-carousel{background:#f3f3ec}
#main .equipment-lifestyle-carousel article{position:relative;height:76svh;min-height:570px;max-height:760px;overflow:hidden}
#main .equipment-lifestyle-carousel article>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
#main .equipment-hero-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,24,.72),rgba(8,28,24,.12) 65%,transparent);z-index:0}
#main .equipment-hero-copy{position:relative;z-index:1;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:50px;padding-bottom:65px;color:white}
#main .equipment-hero-copy h1,#main .equipment-hero-copy h2{color:white;max-width:600px}
#main .equipment-hero-copy .eyebrow{color:#e4ed8c}
#main .equipment-hero-copy p{max-width:480px}
#main .equipment-carousel-controls{position:absolute;bottom:16px;right:4%;width:max-content;max-width:100%;margin:0;border-radius:24px;background:#173f36db;z-index:3}
#main .story-founder figcaption{position:static;background:#f3f3ec;color:#173b35}
@media(max-width:750px){#main .product-section-nav>.wrap{min-height:58px;gap:20px}#main .product-section-nav>.wrap>div{gap:20px}#main .product-section-nav a{font-size:13px}#main .product-section-nav strong{font-size:17px}#main .equipment-hero-copy{padding:24px 6% 30px}}

#main .clear-product-card .shop-photo{height:auto;aspect-ratio:auto;padding:0}#main .clear-product-card .shop-photo img{display:block;width:100%;height:auto;object-fit:contain}

#main .product-hero-captions{background:#f3f3ec}#main .product-hero-captions [hidden]{display:none!important}

/* Full-size mini-site hero frames, including the new product ranges. */
#main .strutt-hero,#main .gyro-hero{position:relative;width:100%;height:76svh;min-height:570px;max-height:760px;overflow:hidden;margin:0;padding:0}
#main .strutt-hero img,#main .gyro-hero>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;z-index:auto}
#main .strutt-hero img{object-position:35% center}
#main .gyro-hero>img{object-position:center}
@media(max-width:750px){#main .equipment-lifestyle-carousel article,#main .strutt-hero,#main .gyro-hero{height:78svh;min-height:530px;max-height:720px}#main .strutt-hero img{object-position:29% center}#main .gyro-hero>img{object-position:53% center}}

@media(max-width:750px){#main .strutt-hero img{object-position:center}}

#main .strutt-hero-copy{position:absolute;z-index:2;top:0;right:5%;width:40%;height:100%;padding:50px 0;display:flex;flex-direction:column;justify-content:center;color:white}
#main .strutt-hero-copy h1{color:white;font-size:clamp(42px,4.8vw,72px);margin:16px 0 22px}
#main .strutt-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#09241ebd,transparent 68%);z-index:1;pointer-events:none}
#main .strutt-hero-copy .eyebrow{color:#e4ed8c}
#main .strutt-hero-copy .button{background:#e4ed8c;color:#173b35;border-color:#e4ed8c}
#main .gyro-hero-copy{position:absolute;z-index:2;left:5%;top:0;height:100%;width:42%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white}
#main .gyro-hero-copy h1{font-size:clamp(46px,6vw,86px);color:white;margin:16px 0}
#main .gyro-hero-copy p{font-size:23px;line-height:1.4}
#main .gyro-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09241ebd,transparent 70%);pointer-events:none}
#main .gyro-hero-copy .button{background:#e4ed8c;color:#173b35;border-color:#e4ed8c}
@media(max-width:750px){#main .equipment-hero-copy{justify-content:flex-end;padding:30px 6% 70px}#main .equipment-hero-shade{background:linear-gradient(0deg,#09241ecc,transparent 75%)}#main .strutt-hero-copy{top:0;right:6%;width:88%;height:auto;justify-content:flex-start;padding:24px 0}#main .strutt-hero-copy h1{font-size:36px;margin:8px 0 10px}#main .strutt-hero-copy p{font-size:16px;margin:5px 0 12px}#main .strutt-hero-copy .button{min-height:40px;padding:10px 14px;font-size:13px}#main .strutt-hero:after{background:linear-gradient(180deg,#09241ecc,transparent 55%)}#main .gyro-hero-copy{width:88%;left:6%;justify-content:flex-end;padding-bottom:36px}#main .gyro-hero-copy h1{font-size:44px}#main .gyro-hero-copy p{font-size:19px}#main .gyro-hero:after{background:linear-gradient(0deg,#09241ecc,transparent 70%)}}

#main .product-section-nav>.wrap>.favourite-heart{position:static!important;inset:auto!important;transform:none!important;flex:0 0 44px;width:44px;height:44px;min-width:44px;margin:0 0 0 12px;color:#fff;align-self:center;z-index:auto}#main .product-section-nav>.wrap{padding-right:0}#main .product-section-nav .favourite-heart svg{stroke:currentColor}

#main .product-section-nav>.wrap>.favourite-heart{background:transparent;border:0;box-shadow:none;padding:7px}#main .product-section-nav>.wrap>.favourite-heart span{display:none}

#main .strutt-hero-copy{top:auto;bottom:0;height:auto;justify-content:flex-end;padding:0 0 36px}#main .strutt-hero img{object-position:center top}
@media(max-width:750px){#main .strutt-hero-copy{top:auto;bottom:0;height:auto;justify-content:flex-end;padding:0 0 30px}#main .strutt-hero:after{background:linear-gradient(0deg,#09241ee6,transparent 72%)}#main .strutt-hero img{object-position:48% top}}