.portfolio-categories{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0 26px;border-bottom:1px solid #dedcd8;margin:10px 0 46px;font-size:15px;line-height:1.4}
.portfolio-categories a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid #dedcd8;border-radius:999px;background:transparent;color:#42413f;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
.portfolio-categories a:hover{background:#eeece8;border-color:#c5c2bc;color:#222}
.portfolio-categories a[aria-current]{background:#e5e2dc;color:#222;border-color:#e5e2dc;font-weight:500}
.portfolio-categories a:focus-visible,.film-sound:focus-visible,.film-variant:focus-visible{outline:2px solid #222;outline-offset:4px}
.works-heading .portfolio-categories{margin:25px 0 8px}
.session[id]{scroll-margin-top:85px}
.session-portfolio-video{pointer-events:none}
.portfolio-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 18px}
.portfolio-film-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-inline:auto;gap:36px}
.portfolio-film-card{margin:0;min-width:0}
.portfolio-film-wrap{background:#e5e1dc;overflow:hidden}
.portfolio-film{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;cursor:pointer}
.portfolio-film:focus-visible{outline:2px solid #222;outline-offset:4px}
.portfolio-film-card figcaption{margin-top:14px;font-size:14px;line-height:1.5}
.portfolio-film-card figcaption strong{font-weight:500}
.portfolio-film-card figcaption>span{display:block;color:#666;margin-top:4px}
.film-caption-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.film-sound,.film-variant{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #dedcd8;border-radius:999px;background:transparent;color:#42413f;padding:10px 18px;cursor:pointer;font:inherit;font-size:14px;line-height:1.4;transition:background .18s,color .18s,border-color .18s}
.film-sound:hover,.film-variant:hover{background:#e7e4de;color:#222}
.film-sound[aria-pressed=true]{background:#e5e2dc;color:#222;border-color:#e5e2dc}
.film-variants{display:flex;flex-wrap:wrap;gap:4px;margin-top:18px;padding:5px;border:1px solid #e3e0da;border-radius:26px;background:#efede9}
.film-variants::before{content:'Wybierz wersję filmu';flex-basis:100%;padding:7px 12px 4px;font-size:13px;color:#666}
.film-variant{flex:1;white-space:nowrap;border-color:transparent}
.film-variant[aria-pressed=true]{background:#fff;color:#222;border-color:#d8d5cf;font-weight:500;box-shadow:0 1px 3px #24242408}
.reklamy-page .beauty-feature .beauty-section-head,.butiki-page .beauty-feature .beauty-section-head{margin:34px 0}
.reklamy-page .beauty-footer,.butiki-page .beauty-footer{margin-top:110px}
.fashion-photo-grid{gap:35px 18px}
.fashion-photo-grid .beauty-media{aspect-ratio:4/5}
.has-portfolio-dock{padding-bottom:100px}
.portfolio-dock{position:fixed;z-index:60;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;flex-wrap:nowrap;gap:6px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:7px;border:1px solid #dedcd8;border-radius:36px;background:rgba(247,247,247,.97);box-shadow:0 6px 28px #24242414;backdrop-filter:blur(14px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bdb9b2 transparent}
.portfolio-dock[hidden]{display:none}
.portfolio-dock a{flex:none;white-space:nowrap;min-height:44px;padding:10px 20px}
main video[controls]{cursor:auto;pointer-events:auto}
.film-variant{scroll-margin-block:100px}
@media(min-width:1001px){.beauty-grid-three>.beauty-card:last-child:nth-child(3n+1){grid-column:2}}
@media(max-width:900px){.portfolio-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 14px}.portfolio-film-grid-two{gap:24px}.film-variant{padding-inline:10px;gap:6px}}
@media(max-width:600px){.portfolio-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 32px;padding:16px 0;font-size:14px}.portfolio-categories a{padding:12px;gap:10px}.portfolio-categories a:last-child{grid-column:1/-1}.works-heading .portfolio-categories{margin-top:19px}.portfolio-film-grid,.portfolio-film-grid-two{grid-template-columns:1fr;max-width:460px;margin-inline:auto;gap:42px}.fashion-photo-grid{gap:22px 9px}.reklamy-page .beauty-footer,.butiki-page .beauty-footer{margin-top:75px}}
@media(max-width:600px){.portfolio-dock{display:flex;gap:6px;margin:0;padding:6px;border-radius:30px;bottom:max(10px,env(safe-area-inset-bottom))}.portfolio-dock a{padding:10px 16px}.portfolio-dock[hidden]{display:none}}

/* Shared, progressively enhanced portfolio player. */
.story-player{position:relative;isolation:isolate;overflow:hidden;background:#191918}
.story-player video{display:block;pointer-events:auto;cursor:pointer}
.story-player button{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}
.story-player svg{display:block;width:20px;height:20px;flex:none;pointer-events:none}
.story-player-start{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#f7f7f7de;color:#252522;box-shadow:0 3px 22px #0000000d;backdrop-filter:blur(12px);transition:background .2s,scale .2s}
.story-player-start svg{width:25px;height:25px}
.story-player-start:hover{background:#fff;scale:1.06}
.story-player-start[hidden],.story-player-button[hidden]{display:none}
.story-player-bar{position:absolute;z-index:3;inset:auto 10px 10px;display:flex;align-items:center;gap:0;padding:2px 4px;border:1px solid #ffffff26;border-radius:999px;color:#fff;background:#242422b8;backdrop-filter:blur(16px);box-shadow:0 2px 10px #0000000a}
.story-player-button{display:grid;place-items:center;flex:0 0 40px;width:40px;min-height:44px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;transition:background .2s}
.story-player-button:hover{background:#ffffff1f}
.story-player-seek{--progress:0%;display:block;flex:1;min-width:20px;height:44px;margin:0 8px;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;color:inherit}
.story-player-seek::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,#fff var(--progress),#ffffff50 var(--progress))}
.story-player-seek::-moz-range-track{height:2px;border-radius:2px;background:#ffffff50}
.story-player-seek::-moz-range-progress{height:2px;background:#fff}
.story-player-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff10}
.story-player-seek::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#fff}
.story-player-seek:disabled{opacity:.5;cursor:default}
.story-player button:focus-visible,.story-player-seek:focus-visible{outline:2px solid #fff;outline-offset:2px}
.story-player-start:focus-visible{outline-color:#222;outline-offset:5px}
.story-player-status{position:absolute;z-index:4;bottom:75px;left:15px;right:15px;padding:12px;background:#242422e8;color:#fff;font-size:12px;line-height:1.5;text-align:center;border-radius:8px}
.story-player-status:empty{display:none}
.story-player:fullscreen{display:flex;align-items:center;justify-content:center;background:#101010}
.story-player:fullscreen video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.story-player:fullscreen .story-player-bar{left:50%;right:auto;transform:translateX(-50%);width:min(600px,calc(100% - 32px));bottom:max(20px,env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:reduce){.story-player-start,.story-player-button{transition:none}}