.journey-story{padding:90px clamp(22px,9vw,140px);background:#fff}.journey-story .section-heading{text-align:center}.journey-story .section-heading p:last-child{color:#6e6a60}.story-flow{max-width:1050px;margin:46px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.story-item{min-width:0;aspect-ratio:1;position:relative;overflow:hidden;background:#d9d5cc}.story-item:nth-child(11n + 1){grid-column:span 2;grid-row:span 2}.story-item button{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;text-align:left;overflow:hidden;position:relative}.story-media{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-item:hover .story-media{transform:scale(1.035)}.story-video{background:#293025;color:#fff}.story-video .story-media{position:absolute;left:0;top:-16.667%;width:100%;height:133.334%;opacity:.98}.story-video:hover .story-media{transform:scale(1.035)}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;padding-left:3px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(12,17,12,.46);color:#fff;font:700 15px/1 "DM Sans",sans-serif;box-shadow:0 5px 18px rgba(0,0,0,.22);transition:background .2s,transform .2s}.story-video:hover .play-badge{background:rgba(12,17,12,.7);transform:translate(-50%,-50%) scale(1.06)}.video-modal{position:fixed;inset:0;z-index:20;background:rgba(5,8,6,.9);display:grid;place-items:center;padding:24px}.video-modal[hidden]{display:none}.video-frame{width:min(760px,82vw);max-height:78vh;aspect-ratio:4/3;display:grid;place-items:center;background:#0c100c}.video-frame iframe,.video-frame img{width:100%;height:100%;border:0}.video-frame img{object-fit:contain}.modal-close,.viewer-arrow{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.12)}.modal-close{top:20px;right:26px;width:44px;height:44px;border-radius:50%;font-size:34px;line-height:1}.viewer-arrow{top:50%;transform:translateY(-50%);width:44px;height:58px;font-size:46px;line-height:.7}.viewer-prev{left:calc(50% - min(760px,82vw)/2 - 62px)}.viewer-next{right:calc(50% - min(760px,82vw)/2 - 62px)}@media(max-width:900px){.viewer-prev{left:12px}.viewer-next{right:12px}}@media(max-width:700px){.journey-story{padding-top:64px;padding-bottom:64px}.story-flow{grid-template-columns:repeat(3,1fr);gap:3px}.story-item:nth-child(11n + 1){grid-column:span 2;grid-row:span 2}.video-frame{width:min(700px,82vw);max-height:70vh}.viewer-arrow{width:36px;height:48px;font-size:38px}.play-badge{width:36px;height:36px;font-size:13px}}@media(max-width:420px){.story-flow{grid-template-columns:repeat(2,1fr)}}
.photo-fullscreen{position:absolute;top:20px;right:80px;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:rgba(255,255,255,.12);font-size:24px;line-height:1}.photo-fullscreen[hidden]{display:none}.viewer-counter{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;padding:8px 12px;border-radius:20px;background:rgba(5,8,6,.68);color:#fff;font:700 12px/1 "DM Sans",sans-serif;letter-spacing:.8px;pointer-events:none}.video-modal:fullscreen{width:100vw;height:100vh;padding:0;background:#000}.video-modal:fullscreen .video-frame,.video-modal:fullscreen[data-media-type="video"] .video-frame{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto}.video-modal:fullscreen .video-frame img{object-fit:contain}@media(max-width:700px){.viewer-counter{bottom:max(14px,env(safe-area-inset-bottom));font-size:11px}.modal-close{top:max(14px,env(safe-area-inset-top));right:16px}.photo-fullscreen{top:max(14px,env(safe-area-inset-top));right:68px}}