@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-300.ttf')}@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-400.ttf');font-weight:400}
:root{--wine:#7f1714;--ink:#263746;--paper:#c4d7e1;--panel:#303b45;--line:rgba(74,104,128,.24)}
body.page-creations{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
body.page-creations.lightbox-open{overflow:hidden}
.page-creations .global-nav>a.is-active{box-shadow:inset 0 0 0 1px var(--wine)!important}
.creations-hero{min-height:48vh;box-sizing:border-box;padding:clamp(95px,12vw,180px) max(6vw,28px) clamp(70px,9vw,130px);display:grid;align-content:center;border-bottom:1px solid var(--line);background:linear-gradient(125deg,#eef2e9 0%,#e4eadf 56%,#d9e2d6 100%)}
.creations-kicker,.project-intro>p{margin:0 0 20px;color:var(--wine);font-size:clamp(.66rem,.75vw,.82rem);letter-spacing:.22em}.creations-hero h1{margin:0;font-size:clamp(3.375rem,9.75vw,9.75rem);font-weight:300;line-height:.78;letter-spacing:.015em}.creations-lead{max-width:760px;margin:45px 0 0;font-size:clamp(1.05rem,1.55vw,1.65rem);font-weight:300;line-height:1.5}
.creations-quote{max-width:600px;margin:clamp(10.5px,1.25vw,18px) 0 0 clamp(8px,.7vw,14px);color:#53624e;font-size:clamp(1rem,1.35vw,1.2rem);font-style:italic;line-height:1.8}.creations-quote cite{display:block;margin-top:12px;color:var(--wine);font-size:.72rem;font-style:normal;letter-spacing:.1em}
.featured-video{display:grid;place-items:center;padding:clamp(30px,4vw,60px) clamp(22px,3vw,64px) 0}.featured-video .featured-video__card{position:relative;width:min(100%,var(--featured-width));flex:none;color:#fff}.featured-video__card .featured-video__open.project-open{position:absolute;z-index:5;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.featured-video__card .featured-video__open.project-open:focus-visible{outline:2px solid var(--wine);outline-offset:4px}.featured-video__card .project-visual{width:100%;aspect-ratio:var(--cover-ratio);background:#000}.featured-video__card .project-copy{height:88px;grid-template-rows:auto auto auto}.featured-video__card .project-copy em{margin-top:0}.featured-video iframe,.featured-video video{display:block;width:100%;height:100%;border:0;object-fit:cover;pointer-events:none}
.project-filters{display:flex;flex-wrap:wrap;justify-content:center;column-gap:clamp(14px,2.1vw,32px);row-gap:10px;margin-top:clamp(52px,7vw,105px);padding:0 clamp(22px,3vw,64px);overflow-x:visible}.project-filter{flex:none;padding:7px 1px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);font:400 clamp(.61rem,.68vw,.72rem)/1.2 Montserrat,Arial,sans-serif;letter-spacing:.13em;cursor:pointer;opacity:.72;transition:color .2s ease,border-color .2s ease,opacity .2s ease}.project-filter:hover,.project-filter:focus-visible{opacity:1;color:var(--wine)}.project-filter:focus-visible{outline:1px solid var(--wine);outline-offset:4px}.project-filter.is-active{border-color:var(--wine);color:var(--wine);opacity:1}
.project-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(10px,1.15vw,18px);padding:clamp(18px,2vw,36px) clamp(22px,3vw,64px);padding-bottom:clamp(72px,8vw,144px)}.project-card{min-width:0;overflow:hidden;flex:0 0 var(--cover-width);width:var(--cover-width)}.project-card a,.project-card .project-open{position:relative;display:flex;width:100%;height:100%;flex-direction:column;padding:0;border:0;background:transparent;color:#fff;text-align:left;text-decoration:none;cursor:pointer;font:inherit}.project-visual{position:relative;display:block;aspect-ratio:var(--cover-ratio);overflow:hidden}.project-card img{width:100%;height:100%;display:block;object-fit:contain;background:var(--panel);transform:translateZ(0) scale(1);transform-origin:50% 50%;backface-visibility:hidden;transition:filter .35s ease,transform .675s cubic-bezier(.2,.7,.2,1)}.project-grid .project-card:hover img{filter:brightness(.91);transform:translateZ(0) scale(1.012)}.project-grid .project-visual::after{content:"";position:absolute;z-index:1;inset:-30% auto -30% -60%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.19),transparent);transform:translateX(-170%) skewX(-12deg);pointer-events:none}.project-grid .project-card:hover .project-visual::after{transform:translateX(540%) skewX(-12deg);transition:transform 1.5s cubic-bezier(.22,.61,.36,1)}.project-shade{display:none}.project-copy{position:relative;box-sizing:border-box;height:176px;display:grid;grid-template-rows:auto 2.35em minmax(0,1fr);padding:16px 15px 14px;background:var(--panel)}.project-copy small{padding-right:48px;color:#fff;font-size:.52rem;line-height:1.35;letter-spacing:.14em;opacity:.68}.project-copy strong{align-self:start;margin-top:8px;padding-right:48px;font-size:clamp(.9rem,1.05vw,1.16rem);font-weight:300;line-height:1.12}.project-copy em{align-self:start;max-width:620px;margin-top:10px;font-size:clamp(.61rem,.66vw,.72rem);font-style:normal;line-height:1.42;opacity:.72}.project-type{position:absolute;z-index:2;top:12px;right:12px;width:42px;height:42px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}.project-type svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.project-type--video svg path:last-child{fill:currentColor;stroke:none}
.project-grid>.project-card{transition:opacity .22s ease,transform .22s cubic-bezier(.4,0,1,1)}.project-grid>.project-card.is-filtering-out{opacity:0;transform:translateY(-18px) scale(.94)}.project-grid>.project-card.is-filtering-in{animation:project-filter-in .48s cubic-bezier(.16,1,.3,1) var(--filter-delay,0ms) both}@keyframes project-filter-in{0%{opacity:0;transform:translateY(38px) scale(.9)}65%{opacity:1;transform:translateY(-4px) scale(1.012)}100%{opacity:1;transform:translateY(0) scale(1)}}
.media-lightbox{width:auto;max-width:100vw;max-height:100vh;padding:0;border:0;overflow:hidden;background:#171918;color:#fff;box-shadow:0 24px 90px rgba(0,0,0,.55)}.media-lightbox::backdrop{background:rgba(9,11,10,.88);backdrop-filter:blur(5px)}.lightbox-content{position:relative;display:grid;place-items:center}.lightbox-dynamic{position:relative;display:grid;grid-template-columns:44px auto;gap:10px;align-items:start}.lightbox-media{display:grid;grid-column:2;place-items:center}.lightbox-content.is-loading:before{content:"ŁADOWANIE FILMU…";position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.72);font-size:.68rem;letter-spacing:.16em;pointer-events:none}.lightbox-content img,.lightbox-content video,.lightbox-content iframe{display:block;max-width:calc(100vw - 62px);width:auto;max-height:calc(100vh - 43px);border:0;object-fit:contain}.media-lightbox.has-long-description .lightbox-content img,.media-lightbox.has-long-description .lightbox-content video,.media-lightbox.has-long-description .lightbox-content iframe{max-height:calc(100vh - 180px)}.lightbox-content iframe[hidden]{display:none}.lightbox-content img{cursor:pointer}.lightbox-content iframe{width:min(calc(100vw - 62px),1280px);aspect-ratio:16/9}.lightbox-caption{box-sizing:border-box;max-width:100vw;max-height:170px;padding:13px 18px 15px 72px;overflow:auto}.lightbox-caption[hidden],.lightbox-title:empty,.lightbox-description:empty{display:none}.lightbox-title,.lightbox-description{margin:0}.lightbox-title{font-size:.75rem;letter-spacing:.08em}.lightbox-description{margin-top:9px;white-space:pre-line;font-size:.78rem;line-height:1.6;color:rgba(255,255,255,.78)}.media-lightbox[open]{animation:lightbox-in .22s ease-out}@keyframes lightbox-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
.lightbox-nav{position:fixed;z-index:4;top:50%;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(19,24,27,.58);color:#fff;font:300 1.65rem/1 Montserrat,Arial,sans-serif;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(5px);transition:background .2s ease,border-color .2s ease}.lightbox-nav:hover,.lightbox-nav:focus-visible{background:rgba(127,23,20,.86);border-color:rgba(255,255,255,.7)}.lightbox-nav--prev{left:clamp(12px,2.5vw,42px)}.lightbox-nav--next{right:clamp(12px,2.5vw,42px)}.lightbox-nav[hidden]{display:none}@media(max-width:700px){.lightbox-nav{width:42px;height:42px;font-size:1.3rem}.lightbox-nav--prev{left:8px}.lightbox-nav--next{right:8px}}
.lightbox-close{position:relative;z-index:5;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.48);background:rgba(19,24,27,.7);color:#fff;font:300 1.8rem/1 Montserrat,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(5px);transition:background .2s ease,border-color .2s ease}.lightbox-close span{line-height:1;transform:translateY(-1px)}.lightbox-close:hover,.lightbox-close:focus-visible{background:rgba(127,23,20,.9);border-color:rgba(255,255,255,.8)}@media(max-width:700px){.lightbox-dynamic{grid-template-columns:40px auto;gap:8px}.lightbox-close{width:40px;height:40px;font-size:1.6rem}.lightbox-content img,.lightbox-content video,.lightbox-content iframe{max-width:calc(100vw - 56px)}.lightbox-content iframe{width:calc(100vw - 56px)}.lightbox-caption{padding-left:64px}.media-lightbox.has-long-description .lightbox-content img,.media-lightbox.has-long-description .lightbox-content video,.media-lightbox.has-long-description .lightbox-content iframe{max-height:calc(100vh - 210px)}}
.project-detail{padding-bottom:110px}.project-intro{padding:clamp(90px,12vw,170px) max(7vw,30px) 22px;border-bottom:1px solid var(--line)}.back-link{display:inline-flex;width:max-content;align-items:center;gap:11px;margin-top:clamp(45px,6vw,80px);padding:10px 16px;background:#3b4043;color:#fff;font-size:.88rem;letter-spacing:.15em;text-decoration:none}.back-link span{font-size:1.65em;line-height:1}.project-intro h1{max-width:1100px;margin:0;font-size:clamp(3.3rem,8vw,8.5rem);font-weight:300;line-height:.9;letter-spacing:-.045em}.project-description{max-width:850px;margin:45px 0 0;font-size:clamp(1rem,1.25vw,1.28rem);line-height:1.7}
.media-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(34px,4vw,64px) clamp(10px,1.15vw,18px);padding:clamp(50px,7vw,100px) clamp(22px,3vw,64px)}.media-item{flex:0 0 min(calc(100vw - 44px),var(--media-tile-width));width:min(calc(100vw - 44px),var(--media-tile-width));margin:0}.media-frame{position:relative;width:100%;aspect-ratio:var(--media-ratio);overflow:hidden;background:transparent}.media-frame::after{content:"";position:absolute;z-index:1;inset:-30% auto -30% -60%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.19),transparent);transform:translateX(-170%) skewX(-12deg);pointer-events:none}.media-frame:hover::after{transform:translateX(540%) skewX(-12deg);transition:transform 1.5s cubic-bezier(.22,.61,.36,1)}.media-open{position:relative;display:block;box-sizing:border-box;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer}.media-frame img,.media-frame video,.media-frame iframe{display:block;width:100%;height:100%;border:0;object-fit:contain}.media-open img{transform:translateZ(0) scale(1);transform-origin:50% 50%;backface-visibility:hidden;transition:filter .35s ease,transform .675s cubic-bezier(.2,.7,.2,1)}.media-open:hover img{filter:brightness(.91);transform:translateZ(0) scale(1.012)}.media-open:focus-visible{outline:2px solid var(--wine);outline-offset:3px}.media-placeholder{display:grid;width:100%;height:100%;place-items:center;background:#555a57;color:#fff}.media-placeholder svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.media-placeholder svg path:last-child{fill:currentColor;stroke:none}.media-type{position:absolute;z-index:2;top:12px;right:12px;width:42px;height:42px;display:grid;place-items:center;background:rgba(38,42,40,.72);color:#fff;pointer-events:none}.media-type svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.media-type--video svg path:last-child{fill:currentColor;stroke:none}.media-item figcaption{padding:15px 2px 0;background:transparent}.media-item figcaption small{color:var(--wine);font-size:.58rem;letter-spacing:.17em}.media-item figcaption h2{margin:8px 0 7px;font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:300;line-height:1.16}.media-item figcaption p{max-width:100%;margin:0;font-size:.76rem;line-height:1.5}
/* RUCH WEJSCIA DO PROJEKTU — usuniecie klasy project-entry-motion z body cofa caly efekt. */
.project-entry-motion .project-intro>*{opacity:0;transform:translateY(34px) scale(.94);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transition-delay:var(--entry-delay,0ms)}.project-entry-motion .project-intro>.is-entry-visible{opacity:1;transform:translateY(0) scale(1)}.project-entry-motion .media-item{opacity:0;transform:translateY(44px) scale(.9);transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1);transition-delay:var(--entry-delay,0ms)}.project-entry-motion .media-item.is-entry-visible{opacity:1;transform:translateY(0) scale(1)}
/* RUCH POWROTU — usuniecie tego bloku i obslugi back-link w JS cofa efekt. */
.project-entry-motion.project-entry-leaving .project-intro>*,.project-entry-motion.project-entry-leaving .media-item{opacity:0;transform:translateY(28px) scale(.94);transition-duration:.24s;transition-delay:0ms!important;transition-timing-function:cubic-bezier(.4,0,1,1)}.project-return-motion .project-filters{animation:project-return-menu .38s cubic-bezier(.16,1,.3,1) both}.project-return-motion .project-grid>.project-card{animation:project-filter-in .48s cubic-bezier(.16,1,.3,1) var(--filter-delay,0ms) both}@keyframes project-return-menu{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.project-grid{flex-wrap:wrap;justify-content:center}.project-card{flex:0 0 var(--cover-width);width:var(--cover-width)}.project-visual{height:220px;aspect-ratio:var(--cover-ratio)}}
@media(max-width:900px){.creations-hero{min-height:42vh}.creations-hero h1{font-size:clamp(3rem,15vw,5.25rem)}}
@media(max-width:800px){.project-grid{justify-content:center}}
@media(max-width:560px){.project-card{flex-basis:var(--cover-relative-width);width:var(--cover-relative-width)}.project-visual{height:auto;aspect-ratio:var(--cover-ratio)}.project-copy{height:200px}.project-intro{padding-top:75px}.back-link{margin-top:38px}}
@media(max-width:700px){.project-filters{justify-content:flex-start;margin-top:48px;padding-bottom:5px}}
@media(prefers-reduced-motion:reduce){.project-filter,.project-grid>.project-card,.project-entry-motion .project-intro>*,.project-entry-motion .media-item,.project-card img,.media-open img{transition:none}.project-grid>.project-card.is-filtering-in,.project-return-motion .project-filters,.project-return-motion .project-grid>.project-card{animation:none}.project-entry-motion .project-intro>*,.project-entry-motion .media-item,.project-entry-motion.project-entry-leaving .project-intro>*,.project-entry-motion.project-entry-leaving .media-item{opacity:1;transform:none}.project-grid .project-visual::after,.media-frame::after{display:none}.project-card img,.media-open img,.project-grid .project-card:hover img,.media-open:hover img{filter:none;transform:none}}
.project-cover-empty{display:block;width:100%;aspect-ratio:16/10;background:linear-gradient(145deg,#555a57,#2e3230)}
.project-card--pionowa .project-cover-empty{aspect-ratio:3/4}
.lightbox-status{margin:0;padding:12px 18px;color:#fff;font-size:.8rem;line-height:1.5;max-width:70ch}
.project-grid .project-card:hover img,.media-open:hover img{transform:translateZ(0) scale(1.024)}

/* Podpisy: tytuł maksymalnie dwuwierszowy, opis zawsze bezpośrednio pod nim. */
.project-copy{grid-template-rows:auto auto minmax(0,1fr)}
.project-copy strong,.media-item figcaption h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.project-copy strong{max-height:2.24em}
.media-item figcaption h2{max-height:2.32em}
/* PASY TYTULOWE KREACJI I PROJEKTOW. */
.creations-hero,.project-intro{box-sizing:border-box;min-height:48vh;padding:clamp(60px,7vw,105px) max(6vw,28px);align-content:center}
.creations-hero{background:linear-gradient(125deg,#edf5f8 0%,#e3eef3 56%,#d8e7ee 100%)}
.creations-quote{color:#405f72}
.page-creations.project-entry-motion{background:#b6bdc1}
.project-intro{background:linear-gradient(125deg,#f0f2f3 0%,#e7eaeb 56%,#dde1e3 100%)}
.project-intro{display:grid}
.project-intro h1{font-size:clamp(2.25rem,6.5vw,6.5rem);font-weight:300;line-height:.78;letter-spacing:.015em}
@media(max-width:900px){.project-intro h1{font-size:clamp(2rem,10vw,3.5rem)}}
@media(max-width:560px){.creations-hero,.project-intro{min-height:42vh;padding:clamp(48px,10vw,72px) max(6vw,22px)}}