.gpk-stories{padding:22px 0 24px;background:#f5f4f1}
.gpk-stories-head{display:flex;margin-bottom:12px;align-items:center}
.gpk-stories-head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;text-transform:uppercase}
.gpk-stories-row{display:grid;grid-auto-columns:minmax(190px,238px);grid-auto-flow:column;gap:16px;padding:3px 2px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d2cdc4 transparent}
.gpk-story-preview{position:relative;height:auto;aspect-ratio:2/3;padding:0;border:0;border-radius:25px;overflow:hidden;background:#222;color:#fff;box-shadow:none;cursor:pointer;scroll-snap-align:start;text-align:left;transition:transform .25s ease}
.gpk-story-preview:before{content:"";position:absolute;z-index:3;inset:0;border:2px solid rgba(255,255,255,.58);border-radius:inherit;pointer-events:none}
.gpk-story-preview:hover{transform:translateY(-3px);box-shadow:none}
.gpk-story-preview-media,.gpk-story-preview-media img,.gpk-story-preview-media video{position:absolute;inset:0;width:100%;height:100%}
.gpk-story-preview-media img,.gpk-story-preview-media video{object-fit:contain;object-position:center;transition:transform .5s ease}
.gpk-story-preview:hover img,.gpk-story-preview:hover video{transform:scale(1.035)}
.gpk-story-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 38%,rgba(0,0,0,.78) 100%)}
.gpk-story-preview strong{position:absolute;z-index:2;right:18px;bottom:38px;left:18px;font-size:20px;font-weight:600;line-height:1.15}
.gpk-story-preview small{position:absolute;z-index:2;right:18px;bottom:17px;left:18px;color:rgba(255,255,255,.76);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.gpk-story-frame-count{position:absolute;z-index:3;top:14px;right:14px;display:grid;min-width:31px;height:31px;padding:0 8px;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:rgba(15,15,14,.5);color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(7px)}
body.gpk-story-open{overflow:hidden}
.gpk-story-viewer{position:fixed;z-index:1200;inset:0;display:grid;padding:18px;place-items:center}
.gpk-story-viewer[hidden]{display:none}
.gpk-story-backdrop{position:absolute;inset:0;border:0;background:rgba(15,15,14,.88);backdrop-filter:blur(14px)}
.gpk-story-deck{position:relative;z-index:1;display:grid;width:min(1180px,calc(100vw - 44px));grid-template-columns:minmax(150px,1fr) minmax(390px,430px) minmax(150px,1fr);align-items:center;gap:24px}
.gpk-story-stage{position:relative;grid-column:2;width:min(100%,calc((100dvh - 28px)*2/3));height:auto;aspect-ratio:2/3;justify-self:center;border-radius:28px;overflow:hidden;background:#1e1d1b;box-shadow:0 38px 110px rgba(0,0,0,.55);touch-action:pan-y}
.gpk-story-neighbour{position:relative;width:100%;max-width:290px;height:min(610px,calc(100dvh - 110px));padding:0;border:1px solid rgba(255,255,255,.18);border-radius:24px;overflow:hidden;background:#242321;color:#fff;opacity:.42;cursor:pointer;transform:scale(.9);transition:opacity .2s ease,transform .2s ease,border-color .2s ease}
.gpk-story-neighbour[hidden]{display:none}
.gpk-story-neighbour.is-prev{grid-column:1;grid-row:1;justify-self:end}.gpk-story-neighbour.is-next{grid-column:3;grid-row:1;justify-self:start}
.gpk-story-neighbour>span,.gpk-story-neighbour>span img,.gpk-story-neighbour>span video{position:absolute;inset:0;width:100%;height:100%}
.gpk-story-neighbour>span img,.gpk-story-neighbour>span video{object-fit:contain;object-position:center}
.gpk-story-neighbour:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.8) 100%)}
.gpk-story-neighbour strong{position:absolute;z-index:2;right:20px;bottom:22px;left:20px;color:#fff;font-size:20px;font-weight:600;line-height:1.15;text-align:left}
.gpk-story-neighbour:hover{border-color:rgba(255,255,255,.55);opacity:.72;transform:scale(.94)}
.gpk-story-neighbour:focus-visible{outline:3px solid #ffd600;outline-offset:4px;opacity:.75}
.gpk-story-progress{position:absolute;z-index:8;top:15px;right:18px;left:18px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:5px}
.gpk-story-progress i{height:3px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.38)}
.gpk-story-progress b{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}
.gpk-story-close{position:absolute;z-index:9;top:30px;right:15px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:rgba(18,18,17,.32);color:#fff;font-size:34px;font-weight:300;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.gpk-story-nav{position:absolute;z-index:9;top:50%;bottom:auto;margin:0;display:grid;width:50px;height:50px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.9);color:#1f1f1d;font-size:34px;font-weight:300;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(10px);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.gpk-story-nav:hover{background:#fff;box-shadow:0 11px 28px rgba(0,0,0,.28);transform:translateY(-50%) scale(1.05)}
.gpk-story-nav:active{transform:translateY(-50%) scale(.94)}
.gpk-story-nav:focus-visible{outline:3px solid #ffd600;outline-offset:3px}
.gpk-story-nav.is-prev{left:14px}.gpk-story-nav.is-next{right:14px}
.gpk-story-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .18s ease}
.gpk-story-slide.is-active{visibility:visible;opacity:1}
.gpk-story-slide>img,.gpk-story-slide>video{width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.gpk-story-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 28%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.86) 100%)}
.gpk-story-slide:not(.is-first-frame) .gpk-story-gradient{display:none}
.gpk-story-copy{position:absolute;z-index:3;right:25px;bottom:24px;left:25px;color:#fff}
.gpk-story-copy>small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.75}
.gpk-story-copy h3{margin:7px 0 8px;color:#fff;font-size:clamp(28px,5vw,38px);font-weight:600;line-height:1.03;letter-spacing:-.035em}
.gpk-story-slide:not(.is-first-frame) .gpk-story-copy>small,.gpk-story-slide:not(.is-first-frame) .gpk-story-copy>h3{display:none}
.gpk-story-copy p{margin:0 0 17px;color:rgba(255,255,255,.8);font-size:15px;line-height:1.4}
.gpk-story-copy a{display:flex;min-height:52px;padding:0 20px;align-items:center;justify-content:center;border-radius:15px;background:#ffd600;color:#1d1d1b;font-weight:600;text-align:center}
html[data-theme="dark"] .gpk-stories{background:#191a18}html[data-theme="dark"] .gpk-stories-head h2{color:#fff}
@media(max-width:900px){.gpk-story-deck{display:block;width:min(430px,calc(100vw - 28px))}.gpk-story-stage{grid-column:auto}.gpk-story-neighbour{display:none!important}}
@media(max-width:700px){.gpk-stories{padding:16px 0 18px}.gpk-stories-head{margin-bottom:10px}.gpk-stories-head h2{font-size:19px}.gpk-stories-row{grid-auto-columns:144px;gap:10px;margin-right:calc(var(--container-pad,16px)*-1);padding-right:16px}.gpk-story-preview{height:auto;aspect-ratio:2/3;border-radius:20px}.gpk-story-preview strong{right:13px;bottom:31px;left:13px;font-size:15px}.gpk-story-preview small{right:13px;bottom:13px;left:13px;font-size:9px}.gpk-story-viewer{padding:0}.gpk-story-deck{width:100vw}.gpk-story-stage{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}.gpk-story-copy{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));left:18px}.gpk-story-close{top:calc(26px + env(safe-area-inset-top));right:11px}.gpk-story-nav{width:44px;height:44px;font-size:30px}.gpk-story-nav.is-prev{left:10px}.gpk-story-nav.is-next{right:10px}}
@media(min-width:701px) and (max-width:900px){.gpk-stories{padding:22px 0 25px}.gpk-stories-head{margin-bottom:12px}.gpk-stories-head h2{font-size:22px}.gpk-stories-head p{display:none}.gpk-stories-row{grid-auto-columns:148px;gap:9px}.gpk-story-preview{height:auto;aspect-ratio:2/3;border-radius:19px}.gpk-story-preview strong{right:12px;bottom:30px;left:12px;font-size:14px}.gpk-story-preview small{right:12px;bottom:12px;left:12px;font-size:9px}}
@media(max-width:700px){.gpk-story-slide{background:#181816}.gpk-story-slide>img{object-fit:contain;object-position:center}}
@media(prefers-reduced-motion:reduce){.gpk-story-preview,.gpk-story-preview-media img,.gpk-story-preview-media video,.gpk-story-slide{transition:none}}
/* Each preview follows the real uploaded file ratio: no crop and no side bars. */
.gpk-story-preview{height:auto;aspect-ratio:var(--gpk-story-aspect,9/16)}