/* J24 applications: fashion editorial montage from v44 ImageGen concept. */
.j24-story{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#faf9f6 0%,#faf9f6 71%,#112c4e 71%,#112c4e 100%)}
.j24-story-inner{position:relative;display:grid;grid-template-columns:34% 66%;min-height:800px}
.j24-story-copy{position:relative;z-index:4;padding:132px 35px 80px 0}
.j24-story-copy h2{max-width:390px;color:#15283e;font-size:clamp(43px,4.2vw,61px);font-weight:700;line-height:1.16;letter-spacing:-.06em}
.j24-story-copy p{max-width:365px;margin:27px 0 0;color:#526174;font-size:16px;line-height:1.8}
.j24-story-link{display:inline-flex;align-items:center;gap:17px;min-height:51px;margin-top:37px;padding:11px 19px;border-radius:5px;background:#125aab;color:#fff;font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 13px 25px #1b406729;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.j24-story-link .arrow{font-size:20px;line-height:1}
.j24-story-link:hover,.j24-story-link:focus-visible{transform:translateY(-4px);background:#1474cc;box-shadow:0 19px 30px #173d6a40}
.j24-story-gallery{position:relative;min-width:0;min-height:800px}
.j24-story-item{position:absolute;min-width:0;margin:0;overflow:hidden;border-radius:6px;background:#e8e7e2;box-shadow:0 24px 50px #0d274d2b;transition:transform .35s ease,box-shadow .35s ease}
.j24-story-item-tshirt{z-index:1;top:47px;left:1%;width:78%;height:428px}
.j24-story-item-hoodie{z-index:2;top:420px;left:8%;width:47%;height:313px}
.j24-story-item-bag{z-index:3;top:472px;right:-2%;width:48%;height:276px}
.j24-story-photo{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;overflow:hidden;text-align:left;cursor:zoom-in}
.j24-story-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .5s ease,filter .5s ease}
.j24-story-item-hoodie img{object-position:center 42%}
.j24-story-item-bag img{object-position:center 46%}
.j24-story-open{position:absolute;z-index:3;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffe8;border-radius:50%;background:#142d49c9;color:#fff;font-size:20px;line-height:1;backdrop-filter:blur(5px);transition:transform .25s ease,background .25s ease}
.j24-story-item figcaption{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:43px 21px 18px;background:linear-gradient(0deg,#0c1f34e8 0%,#0c1f3400 100%);pointer-events:none}
.j24-story-item figcaption h3{margin:0;color:#fff;font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.03em}
.j24-story-item-tshirt figcaption{top:0;bottom:auto;padding:19px 22px 35px;background:linear-gradient(180deg,#f9f9f4ef 0%,#f9f9f400 100%)}
.j24-story-item-tshirt figcaption h3{color:#15283e}
.j24-story-item-hoodie figcaption h3,.j24-story-item-bag figcaption h3{font-size:19px}
.j24-story-item:hover,.j24-story-item:focus-within{transform:translateY(-8px);box-shadow:0 34px 59px #0b234b55}
.j24-story-item:hover img,.j24-story-item:focus-within img{transform:scale(1.045);filter:saturate(1.08)}
.j24-story-item:hover .j24-story-open,.j24-story-item:focus-within .j24-story-open{transform:scale(1.12);background:#116bb6}
.j24-story a:focus-visible,.j24-story button:focus-visible{outline:3px solid #49b9f7;outline-offset:4px}
@media(max-width:1100px){
 .j24-story-inner{grid-template-columns:36% 64%;min-height:740px}
 .j24-story-copy{padding:105px 24px 60px 0}
 .j24-story-copy h2{font-size:47px}
 .j24-story-copy p{font-size:15px}
 .j24-story-gallery{min-height:740px}
 .j24-story-item-tshirt{width:86%;height:370px}
 .j24-story-item-hoodie{top:360px;width:53%;height:290px}
 .j24-story-item-bag{top:430px;width:53%;height:255px}
}
@media(max-width:760px){
 .j24-story{background:#faf9f6}
 .j24-story-inner{display:block;min-height:0}
 .j24-story-copy{padding:60px 0 30px}
 .j24-story-copy h2{max-width:600px;font-size:42px}
 .j24-story-copy p{max-width:530px;margin-top:20px;font-size:15px}
 .j24-story-link{margin-top:26px}
 .j24-story-gallery{z-index:0;width:100%;min-height:630px}
 .j24-story-gallery::before{content:"";position:absolute;z-index:0;top:0;right:-20px;bottom:0;width:26%;background:#112c4e}
 .j24-story-item-tshirt{top:0;left:0;width:88%;height:285px}
 .j24-story-item-hoodie{top:250px;left:0;width:59%;height:270px}
 .j24-story-item-bag{top:350px;right:0;width:58%;height:235px}
}
@media(max-width:470px){
 .j24-story-copy{padding:51px 0 25px}
 .j24-story-copy h2{font-size:38px}
 .j24-story-copy p{font-size:14px;line-height:1.7}
 .j24-story-link{min-height:46px;padding:10px 15px;font-size:13px}
 .j24-story-gallery{min-height:550px}
 .j24-story-item{border-radius:4px}
 .j24-story-item-tshirt{width:91%;height:230px}
 .j24-story-item-hoodie{top:205px;width:63%;height:227px}
 .j24-story-item-bag{top:308px;width:61%;height:205px}
 .j24-story-item figcaption{padding:34px 12px 11px}
 .j24-story-item figcaption h3,.j24-story-item-hoodie figcaption h3,.j24-story-item-bag figcaption h3{font-size:14px}
 .j24-story-open{top:9px;right:9px;width:28px;height:28px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .j24-story-link,.j24-story-item,.j24-story-photo img,.j24-story-open{transition:none!important}
 .j24-story-link:hover,.j24-story-link:focus-visible,.j24-story-item:hover,.j24-story-item:focus-within,.j24-story-item:hover img,.j24-story-item:focus-within img,.j24-story-item:hover .j24-story-open,.j24-story-item:focus-within .j24-story-open{transform:none!important}
}