/* Full-width scenes alternate in scale, light and photographic composition. */
.story-section > .story-shell, .story-footer > .story-shell { width: min(1500px,100%); padding-inline: 60px; }
.story-section { padding-block: 130px; }
.story-why { background: #fff; color: #152a4b; }
.story-why-layout { display: block; }
.story-why-intro { max-width: 1000px; margin: 0 auto 65px; text-align: center; }
.story-why-intro h2 { font-size: clamp(46px,5vw,72px); line-height: 1.18; letter-spacing: -.055em; margin: 22px 0; }
.story-why-intro h2 br { display: none; }
.story-why-intro > p { font-size: 24px; line-height: 1.7; color: #637087; }
.story-why .story-benefits { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; }
.story-why .story-benefit { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; min-height: 420px; padding: 42px; border: 0; border-radius: 22px; box-shadow: none; overflow: hidden; background: #eef3fa; }
.story-why .story-benefit > .story-art { width: 130px; height: 130px; margin: 0 auto auto 0; }
.story-why .story-benefit > span { margin: 25px 0 12px; font-size: 17px; }
.story-why .story-benefit h3 { font-size: 36px; margin-bottom: 15px; }
.story-why .story-benefit p { max-width: 440px; font-size: 20px; line-height: 1.75; }
.story-why .story-benefit:nth-child(1), .story-why .story-benefit:nth-child(4) { color: #fff; }
.story-why .story-benefit:nth-child(1)::before, .story-why .story-benefit:nth-child(4)::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,#061831f2,#06183119),url('/assets/imweb/46a383c6298da.jpg') center / cover; }
.story-why .story-benefit:nth-child(4)::before { background-image: linear-gradient(0deg,#061831f2,#06183119),url('/assets/imweb/4d8965b8e54f9.optimized.webp'); }
.story-why .story-benefit:nth-child(1) > .story-art, .story-why .story-benefit:nth-child(4) > .story-art { visibility: hidden; }
.story-why .story-benefit:nth-child(1) > span, .story-why .story-benefit:nth-child(4) > span { color: #bcd3ff; }
.story-why .story-benefit:nth-child(1) p, .story-why .story-benefit:nth-child(4) p { color: #e2ebf9; }
.story-why .story-benefit:nth-child(3) { background: #103d91; color: #fff; }
.story-why .story-benefit:nth-child(3) > span, .story-why .story-benefit:nth-child(3) p { color: #d6e3fb; }
.story-why-tail { padding-top: 42px; margin-top: 20px; }
.story-types { background: #eef1f4; color: #152a4b; }
.story-types-layout { grid-template-columns: .9fr 1.1fr; gap: 70px; }
.story-craft-photo { position: relative; margin: 0; min-width: 0; border-radius: 22px; overflow: hidden; }
.story-craft-photo img { width: 100%; height: 100%; min-height: 820px; object-fit: cover; object-position: 38% center; }
.story-craft-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 45%,#071728d9); }
.story-craft-photo figcaption { position: absolute; z-index: 1; bottom: 45px; left: 36px; right: 25px; color: #fff; font-size: 40px; line-height: 1.35; font-weight: 650; }
.story-brand-content { min-width: 0; padding-block: 15px; }
.story-brand-intro h2 { font-size: clamp(36px,3.6vw,52px); line-height: 1.25; margin: 22px 0; letter-spacing: -.04em; }
.story-brand-intro > p { font-size: 22px; color: #637087; line-height: 1.7; }
.story-brand-logos { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-block: 35px; }
.story-brand-logos a { display: grid; place-items: center; min-width: 0; height: 86px; background: #fff; border-radius: 8px; padding: 12px; }
.story-brand-logos img { width: 100%; height: 60px; object-fit: contain; }
.story-types .story-type-list { grid-template-columns: minmax(0,1fr); gap: 0; }
.story-types .story-type-list > article { padding-block: 18px; border-color: #cbd4e1; }
.story-types .story-type-list .story-art { width: 56px; height: 56px; }
.story-types .story-type-list h3 { font-size: 25px; }
.story-types .story-type-list p { font-size: 18px; }
.story-types .story-footnote { font-size: 15px; }
.story-guide { background: #fff; color: #152a4b; }
.story-guide-intro { margin-bottom: 75px; text-align: center; }
.story-guide-intro .story-eyebrow { color: #103d91; }
.story-guide-intro h2 { margin: 20px 0; font-size: clamp(40px,4.5vw,64px); line-height: 1.25; letter-spacing: -.05em; }
.story-guide-intro p { font-size: 23px; color: #637087; }
.story-process { gap: 45px; }
.story-process > li { border-radius: 0; border-top: 2px solid #103d91; padding: 30px 0; box-shadow: none; background: transparent; }
.story-step-number { color: #103d91; font-size: 18px; }
.story-process .story-art { width: 180px; height: 180px; margin: 32px 0; }
.story-process h3 { font-size: 32px; }
.story-process p { font-size: 20px; }
.story-process-tail { padding: 40px; border-radius: 20px; background: #edf3ff; }
.story-process-tail p { color: #415775; font-size: 21px; }
.story-guide .story-button { background: #103d91; color: #fff; }
.comparison-band { background: radial-gradient(ellipse at 75% 50%,#184a85,#091b38 65%); }
.comparison-slide::before { border-radius: 0; background: radial-gradient(ellipse,#28589955,transparent 67%); }
.stories-band { background: #fff; }
.stories-band .editorial-section { width: min(1500px,100%); padding-block: 120px; }
.journal-band #journal { padding-block: 120px; }
.story-faq { background: #eaf1fd; color: #152a4b; }
.story-faq-layout { grid-template-columns: .8fr 1.2fr; gap: 80px; }
.story-faq .story-heading { position: static; }
.story-faq .story-heading h2 { font-size: clamp(44px,4.5vw,64px); }
.story-faq .story-question-art { margin-block: 45px; }
.story-faq-list details { border-radius: 0; background: transparent; border: 0; border-bottom: 1px solid #b8c9e2; }
.story-faq-list details[open] { background: #ffffff80; }
.story-faq-list summary { font-size: 23px; padding-block: 28px; }
.story-faq .story-answer p { font-size: 20px; }
.story-location { background: #fff; }
.story-location .story-visit-layout { margin-top: 35px; background: #f0f4fa; padding: 45px; border-radius: 20px; }
.story-footer { background: #091b38; padding-top: 0; }
.story-footer-lead { position: relative; isolation: isolate; min-height: 460px; padding-block: 85px; border: 0; margin-bottom: 70px; }
.story-footer-lead::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: calc((100vw - 100%) / -2); width: 100vw; background: linear-gradient(90deg,#061831ee,#06183177),url('/assets/imweb/46a383c6298da.jpg') center 55% / cover; }
.story-footer-lead h2 { font-size: clamp(40px,4.8vw,68px); }
.story-footer-lead .story-button { background: #fff; color: #103d91; }
@media (max-width: 1050px) {
 .story-section > .story-shell, .story-footer > .story-shell { padding-inline: 32px; }
 .story-types-layout { gap: 35px; }
 .story-brand-logos { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .story-faq-layout { gap: 35px; }
 .story-process { gap: 25px; }
 .story-process h3 { font-size: 27px; }
}
@media (max-width: 760px) {
 .story-section { padding-block: 80px; }
 .story-section > .story-shell, .story-footer > .story-shell { width: 100%; padding-inline: 22px; }
 .story-why-intro { margin-bottom: 35px; text-align: left; }
 .story-why-intro h2 { font-size: 40px; }
 .story-why-intro h2 br { display: block; }
 .story-why-intro > p { font-size: 20px; }
 .story-why .story-benefits { grid-template-columns: minmax(0,1fr); gap: 18px; }
 .story-why .story-benefit { min-height: 360px; padding: 28px; }
 .story-why .story-benefit h3 { font-size: 29px; }
 .story-why .story-benefit p { font-size: 18px; }
 .story-why-tail { margin-top: 5px; padding-top: 30px; }
 .story-types-layout { grid-template-columns: minmax(0,1fr); gap: 35px; }
 .story-craft-photo { height: 430px; }
 .story-craft-photo img { min-height: 0; height: 100%; }
 .story-craft-photo figcaption { font-size: 30px; left: 25px; bottom: 30px; }
 .story-brand-intro h2 { font-size: 36px; }
 .story-brand-intro > p { font-size: 20px; }
 .story-brand-logos { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
 .story-brand-logos a { height: 65px; padding: 7px; }
 .story-brand-logos img { height: 45px; }
 .story-types .story-type-list h3 { font-size: 23px; }
 .story-types .story-type-list p { font-size: 17px; }
 .story-guide-intro { text-align: left; margin-bottom: 45px; }
 .story-guide-intro h2 { font-size: 36px; }
 .story-guide-intro p { font-size: 20px; }
 .story-process > li { padding-block: 25px; }
 .story-process .story-art { width: 140px; height: 140px; margin-block: 25px; }
 .story-process p { font-size: 18px; }
 .story-process-tail { padding: 25px; }
 .story-process-tail p { font-size: 18px; }
 .stories-band .editorial-section, .journal-band #journal { padding-block: 80px; }
 .story-faq-layout { grid-template-columns: minmax(0,1fr); gap: 35px; }
 .story-faq .story-heading h2 { font-size: 42px; }
 .story-faq .story-question-art { margin-block: 25px; gap: 5px; }
 .story-faq .story-question-art > span { width: 80px; height: 90px; font-size: 52px; }
 .story-faq .story-question-art .story-art { width: 120px; height: 120px; }
 .story-faq .story-question-art > b { font-size: 48px; }
 .story-faq-list summary { font-size: 21px; padding-inline: 8px; }
 .story-faq .story-answer p { font-size: 18px; }
 .story-location .story-visit-layout { padding: 25px; }
 .story-footer-lead { min-height: 420px; padding-block: 70px; margin-bottom: 50px; }
 .story-footer-lead h2 { font-size: 40px; }
}


@media (max-width: 360px) { .site-header .site-logo img { width: 120px; } }
/* Photography and watch silhouettes lead each scene; copy stays secondary. */
.story-why { position: relative; isolation: isolate; background: #071728; color: #fff; padding-block: 100px 55px; }
.story-why::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#041529ef,#04152920 80%),linear-gradient(0deg,#041529f2,transparent 45%),url('/assets/imweb/46a383c6298da.jpg') center / cover; }
.story-why-intro { max-width: 900px; margin: 0 0 130px; text-align: left; }
.story-why-intro h2 { font-size: clamp(48px,6vw,88px); line-height: 1.16; margin: 30px 0; }
.story-why-intro h2 br { display: block; }
.story-why-intro .story-eyebrow { color: #afcbff; }
.story-why-intro > p { color: #e2eafa; font-size: 23px; }
.story-why .story-benefits { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
.story-why .story-benefit { min-height: 0; padding: 24px 0 0; border-radius: 0; border-top: 1px solid #ffffff50; background: transparent; }
.story-why .story-benefit::before { display: none; }
.story-why .story-benefit:nth-child(3) { background: transparent; }
.story-why .story-benefit > span { margin: 0 0 12px; color: #bcd3ff; font-size: 15px; }
.story-why .story-benefit h3 { font-size: 26px; }
.story-why .story-benefit p { color: #d2dff2; font-size: 17px; }
.story-why-tail { margin-top: 25px; padding-top: 20px; }
.story-why .story-button { background: #fff; color: #103d91; }
.story-types { background: linear-gradient(#f1f4f8,#fff 75%); padding-block: 100px; }
.story-types-layout { display: flex; flex-direction: column; gap: 60px; }
.story-watch-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; order: 1; }
.story-watch-gallery figure { margin: 0; min-width: 0; text-align: center; }
.story-watch-gallery img { display: block; width: 100%; height: 490px; object-fit: contain; filter: drop-shadow(0 30px 22px #192d4822); }
.story-watch-gallery figure:nth-child(2) { transform: translateY(35px); }
.story-watch-gallery figcaption { font-size: 19px; letter-spacing: .08em; color: #103d91; margin-top: 28px; }
.story-watch-gallery figcaption span { display: block; color: #637087; letter-spacing: 0; font-size: 17px; margin-top: 9px; }
.story-brand-content { display: contents; }
.story-brand-intro { order: 0; text-align: center; }
.story-brand-intro h2 { font-size: clamp(40px,4.7vw,64px); margin-block: 22px; }
.story-brand-intro > p { margin-bottom: 0; }
.story-brand-logos { order: 2; grid-template-columns: repeat(8,minmax(0,1fr)); margin-block: 40px 0; }
.story-brand-logos a { background: transparent; height: 70px; }
.story-types .story-type-list { order: 3; display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; }
.story-types .story-type-list > article { border: 1px solid #ced9e9; border-radius: 40px; padding: 16px 23px; background: #f4f7fb; }
.story-types .story-type-list .story-art, .story-types .story-type-list strong, .story-types .story-type-list p, .story-types .story-type-list > article > span { display: none; }
.story-types .story-type-list h3 { margin: 0; font-size: 20px; }
.story-types .story-footnote { text-align: center; margin-top: 30px; }
.story-guide { position: relative; isolation: isolate; background: #071728; color: #fff; }
.story-guide::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#041529eb,#041529ad),url('/assets/imweb/4d8965b8e54f9.optimized.webp') center / cover; }
.story-guide-intro { text-align: left; margin-bottom: 80px; }
.story-guide-intro .story-eyebrow, .story-step-number { color: #afcbff; }
.story-guide-intro h2 { font-size: clamp(42px,4.8vw,68px); }
.story-guide-intro p, .story-process p { color: #d1dff1; }
.story-process > li { color: #fff; border-color: #ffffff50; }
.story-process .story-art { display: none; }
.story-process h3 { margin-top: 35px; }
.story-process strong { color: #afcbff; }
.story-process-tail { background: transparent; padding: 30px 0 0; border-radius: 0; }
.story-process-tail p { color: #d1dff1; }
.story-guide .story-button { background: #fff; color: #103d91; }
@media (max-width: 1050px) {
 .story-why .story-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .story-watch-gallery { gap: 20px; }
 .story-watch-gallery img { height: 360px; }
 .story-brand-logos { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 760px) {
 .story-why { padding-block: 80px 45px; }
 .story-why::before { background: linear-gradient(0deg,#041529 5%,#04152933 80%),linear-gradient(90deg,#041529ab,transparent),url('/assets/imweb/46a383c6298da.jpg') 58% top / auto 650px no-repeat; }
 .story-why-intro { margin-bottom: 200px; }
 .story-why-intro h2 { font-size: 44px; }
 .story-why-intro > p { font-size: 19px; }
 .story-why .story-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 18px; }
 .story-why .story-benefit { min-height: 0; padding: 20px 0 0; }
 .story-why .story-benefit h3 { font-size: 23px; }
 .story-why .story-benefit p { font-size: 16px; }
 .story-why .story-benefit > span { font-size: 13px; }
 .story-types { padding-block: 75px; }
 .story-types-layout { gap: 35px; }
 .story-brand-intro { text-align: left; }
 .story-brand-intro h2 { font-size: 38px; }
 .story-watch-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
 .story-watch-gallery img { height: 230px; }
 .story-watch-gallery figure:nth-child(2) { transform: translateY(22px); }
 .story-watch-gallery figcaption { font-size: 10px; margin-top: 15px; }
 .story-watch-gallery figcaption span { font-size: 12px; }
 .story-brand-logos { margin-top: 30px; }
 .story-types .story-type-list { gap: 10px; justify-content: flex-start; }
 .story-types .story-type-list > article { padding: 12px 16px; }
 .story-types .story-type-list h3 { font-size: 17px; }
 .story-types .story-footnote { text-align: left; }
 .story-guide-intro { margin-bottom: 40px; }
 .story-guide-intro h2 { font-size: 37px; }
 .story-process { gap: 20px; }
 .story-process h3 { margin-top: 22px; }
 .story-process-tail { padding-top: 10px; }
}