.topic-banner{position:relative;color:#fff;background-color:#00172a;background-image:linear-gradient(90deg,#00152af5 0%,#00152aeb 38%,#00152abf 52%,#00152a18 68%,#00152a00 80%),var(--banner-image);background-size:cover,cover;background-position:center center,right center;background-repeat:no-repeat;min-height:395px;padding-top:60px;padding-bottom:55px;overflow:hidden}.topic-banner .container{position:relative;z-index:1}.inner-hero.topic-banner h1{font-size:39px;max-width:52%;line-height:1.4;margin:12px 0 18px}.inner-hero.topic-banner p{max-width:50%;color:#e0e9f3;font-size:16px;line-height:1.8}.topic-banner .eyebrow{color:#dfb971}.banner-concept-note{position:absolute;right:15px;bottom:10px;color:#c7d4e2;background:#001426b0;padding:2px 8px;font-size:9px;border-radius:3px;z-index:2}.product-detail-hero.topic-banner{padding-top:46px;padding-bottom:48px;min-height:460px}.topic-banner .detail-hero-grid{display:block}.topic-banner .detail-hero-grid>div:first-child{width:52%;max-width:720px}.topic-banner .detail-hero-grid h1{color:#fff;font-size:37px;line-height:1.4;margin:10px 0 15px}.topic-banner .detail-hero-grid h2{color:#f5e6c8;font-size:21px;line-height:1.6;margin-bottom:14px}.topic-banner .detail-hero-grid p{color:#d9e5f1;font-size:15px;line-height:1.85}.topic-banner .outline-button{border-color:#7896b3;color:#edf5ff;background:#00375c90}.original-product-visual{margin:0 0 30px;max-width:760px}.original-product-visual .product-hero-figure{border:1px solid #dbe6ef;box-shadow:none;background:#f7fbff;padding:15px}.original-product-visual .product-hero-figure img{max-height:330px;height:auto;min-height:220px;object-fit:contain}.original-product-visual figcaption{font-size:10px;color:#668098}.document-heading{padding:28px 0 23px;background:#edf4fa;color:#173b5f;border-bottom:1px solid #cbdcea}.document-heading .eyebrow{font-size:11px;color:#5a7893}.document-heading h1{font-size:28px;line-height:1.4;margin:7px 0 12px}.document-heading p{font-size:14px;line-height:1.8;color:#57718a;max-width:920px;margin:0}
@media(min-width:1700px){.topic-banner{min-height:430px}.product-detail-hero.topic-banner{min-height:495px}}@media(max-width:1100px){.topic-banner{min-height:370px;padding-top:45px;padding-bottom:45px}.inner-hero.topic-banner h1{font-size:33px;max-width:55%}.inner-hero.topic-banner p{max-width:54%;font-size:14px}.product-detail-hero.topic-banner{min-height:440px;padding-top:38px;padding-bottom:40px}.topic-banner .detail-hero-grid>div:first-child{width:55%}.topic-banner .detail-hero-grid h1{font-size:31px}.topic-banner .detail-hero-grid h2{font-size:19px}.topic-banner .detail-hero-grid p{font-size:14px}}
@media(max-width:750px){.topic-banner{background-image:linear-gradient(180deg,#00172a 0%,#00172a calc(100% - 265px),#00172a88 calc(100% - 225px),#00172a00 calc(100% - 185px)),var(--banner-image);background-size:cover,auto 265px;background-position:center center,right bottom;min-height:0;padding:32px 0 270px}.inner-hero.topic-banner h1{max-width:100%;font-size:31px;line-height:1.4;margin:10px 0 15px}.inner-hero.topic-banner p{max-width:100%;font-size:14px;line-height:1.8;margin-bottom:10px}.topic-banner .eyebrow{font-size:10px;letter-spacing:1.3px}.product-detail-hero.topic-banner{padding:30px 0 280px;min-height:0}.topic-banner .detail-hero-grid>div:first-child{width:100%;max-width:none}.topic-banner .detail-hero-grid h1{font-size:29px;margin:8px 0 13px}.topic-banner .detail-hero-grid h2{font-size:19px;margin:0 0 12px}.topic-banner .detail-hero-grid p{font-size:14px;line-height:1.85}.topic-banner .hero-actions{margin-top:18px;gap:11px}.topic-banner .gold-button{font-size:13px;padding:10px 21px}.topic-banner .outline-button{font-size:13px;padding:10px 20px}.banner-concept-note{font-size:8px;bottom:7px;right:8px}.original-product-visual{margin-bottom:25px}.original-product-visual .product-hero-figure{padding:10px}.original-product-visual .product-hero-figure img{max-height:280px;min-height:0}.document-heading{padding:22px 0}.document-heading h1{font-size:24px}.document-heading p{font-size:13px}}

@media(max-width:750px){[data-banner=products-range]{background-size:cover,auto 240px}}
