/* J36 application gallery, laid out from the v42 ImageGen concept using supplied example photos. */
.sample-story{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 108px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5fa 48%,#e9f0f7 100%)}
.sample-story:before{content:"";position:absolute;inset:-24% 64% 28% -20%;z-index:-1;background:radial-gradient(ellipse,#fff 4%,#dce7f174 57%,transparent 72%);pointer-events:none}
.sample-story .sample-story-inner{width:min(1360px,calc(100% - 96px));display:grid;grid-template-columns:minmax(0,32%) minmax(0,68%);gap:0;align-items:start}
.sample-story-copy{position:sticky;top:130px;padding:40px 35px 0 0}
.sample-story-copy h2{font-size:clamp(42px,3.5vw,53px);line-height:1.12;letter-spacing:-.055em;max-width:410px}
.sample-story-copy p{font-size:17px;line-height:1.75;margin-top:30px;max-width:340px;color:#536880}
.sample-story-link{display:inline-flex;align-items:center;gap:20px;min-height:55px;margin-top:40px;padding:11px 24px;border:1px solid #0d5ba6;border-radius:99px;background:#0d5ba6;color:#fff;font-weight:700;font-size:15px;box-shadow:0 12px 24px #0d5ba623;transition:transform .24s ease,background .24s ease,box-shadow .24s ease}
.sample-story-link:hover{transform:translateY(-4px);background:#1979c4;box-shadow:0 17px 28px #0d5ba640}
.sample-story-gallery{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:24px;min-width:0}
.sample-story-side{display:grid;grid-template-rows:1fr 1fr;gap:28px;min-width:0}
.sample-story-item{margin:0;min-width:0;transition:transform .3s ease}
.sample-story-item:hover{transform:translateY(-5px)}
.sample-story-photo{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:8px;background:#dae3ea;box-shadow:0 14px 31px #15324b17;cursor:zoom-in;transition:box-shadow .3s ease}
.sample-story-item:hover .sample-story-photo{box-shadow:0 23px 40px #15324b37}
.sample-story-item-acrylic .sample-story-photo{height:670px}
.sample-story-side .sample-story-photo{height:290px}
.sample-story-photo img{position:absolute;left:0;top:0;width:100%;height:120%;max-width:none;object-fit:cover;object-position:center top;transition:transform .45s ease,filter .45s ease}
.sample-story-item-phone .sample-story-photo img{height:118%}
.sample-story-item:hover .sample-story-photo img{transform:scale(1.045);filter:saturate(1.08)}
.sample-story-enlarge{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#fff;color:#135a9b;font-size:24px;line-height:1;box-shadow:0 6px 16px #10263d25;transition:background .25s ease,color .25s ease,transform .25s ease}
.sample-story-item:hover .sample-story-enlarge{background:#0d63af;color:#fff;transform:rotate(45deg)}
.sample-story-item figcaption{padding-top:15px}
.sample-story-item h3{font-size:20px;letter-spacing:-.025em;color:#18304d}
@media(max-width:1140px){.sample-story .sample-story-inner{grid-template-columns:32% 68%;width:calc(100% - 68px)}.sample-story-copy{padding-right:25px}.sample-story-copy h2{font-size:42px}.sample-story-copy p{font-size:15px}.sample-story-gallery{gap:17px}.sample-story-item-acrylic .sample-story-photo{height:590px}.sample-story-side .sample-story-photo{height:250px}}
@media(max-width:760px){.sample-story{padding:57px 0 64px}.sample-story .sample-story-inner{display:block;width:calc(100% - 40px)}.sample-story-copy{position:static;padding:0}.sample-story-copy h2{font-size:38px;max-width:100%}.sample-story-copy p{margin-top:17px;font-size:14px;max-width:580px}.sample-story-link{margin:24px 0 34px;font-size:14px;min-height:48px}.sample-story-gallery{display:block}.sample-story-item-acrylic .sample-story-photo{height:auto;aspect-ratio:.94}.sample-story-side{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:14px;margin-top:25px}.sample-story-side .sample-story-photo{height:auto;aspect-ratio:.91}.sample-story-enlarge{width:38px;height:38px;right:10px;top:10px;font-size:21px}.sample-story-item figcaption{padding-top:10px}.sample-story-item h3{font-size:16px}.sample-story-side h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sample-story-item,.sample-story-photo,.sample-story-photo img,.sample-story-enlarge,.sample-story-link{transition:none}.sample-story-item:hover,.sample-story-link:hover,.sample-story-item:hover .sample-story-photo img,.sample-story-item:hover .sample-story-enlarge{transform:none}}