.into-page-hero{--page-gutter:16px;background:var(--into-navy);min-height:100vh;color:var(--color-white);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.into-page-hero__bg{position:absolute;inset:0}.into-page-hero__bg img{object-fit:cover;width:100%;height:100%;display:block}.into-page-hero__overlay{background:var(--into-navy);opacity:.4;position:absolute;inset:0}.into-page-hero__bg:after{content:"";z-index:1;background:var(--into-navy);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}body:has(.into-nav__item:hover,.into-nav__item:focus-within) .into-page-hero__bg:after{opacity:.35}.into-page-hero__text{z-index:5;width:100%;padding:25px var(--page-gutter) 65px;margin-top:auto;position:relative}.into-page-hero__content{max-width:664px}.into-page-hero__title{color:var(--color-white)}.into-page-hero__desc{max-width:600px;margin-bottom:30px;font-size:18px;line-height:1.35}@media (min-width:768px){.into-page-hero__text{padding-top:45px;padding-bottom:75px}.into-page-hero__content{padding-bottom:30px}}@media (min-width:992px){.into-page-hero__text{padding-top:90px;padding-bottom:120px}}@media (min-width:1200px){.into-page-hero{--page-gutter:50px}}@media (min-width:1900px){.into-page-hero__text{padding-top:90px;padding-bottom:90px}.into-page-hero__desc{font-size:24px}}@media (prefers-reduced-motion:no-preference){html:has(#lista-konwersji){scroll-behavior:smooth}}.into-section.into-listing-header{z-index:30}.into-listing-header .into-inner{flex-direction:column;gap:55px;display:flex}.into-listing-header__top{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;display:grid}.into-listing-header__left{z-index:60;position:relative}.into-listing-header__toggle{gap:10px;min-height:40px;padding:7px 20px 7px 12px;font-size:14px}.into-tags{z-index:50;background:var(--color-white);border:1px solid #d7dbdf;border-radius:4px;width:80vw;max-width:80vw;padding:15px;display:none;position:absolute;top:calc(100% + 10px);left:0}.into-tags.is-open{display:block}.into-tags__inner{flex-flow:wrap;gap:15px;display:flex}.into-tag{background:var(--color-silver);color:#687076;font-family:var(--into-mono);text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:14px;line-height:1;transition:background-color .25s ease-in-out,color .25s ease-in-out;display:flex}.into-tag:hover,.into-tag.is-current{background:var(--into-navy);color:var(--color-white)}.into-tag:focus-visible{outline:2px solid var(--into-navy);outline-offset:2px}.into-listing-header__right{justify-content:flex-end;display:flex}.into-search{width:100%;display:block;position:relative}.into-search__icon{color:#889096;pointer-events:none;position:absolute;top:11px;left:18px}.into-search__input{background:var(--color-white);width:100%;min-height:40px;color:var(--into-navy);font:inherit;border:1px solid #00000017;border-radius:8px;padding:6px 32px 6px 55px;font-size:18px}.into-search__input::placeholder{color:#889096}.into-search__input:focus-visible{outline:2px solid var(--into-navy);outline-offset:2px}.into-h3{letter-spacing:-.572px;margin-bottom:15px;font-size:26px;font-weight:400;line-height:1.15}.into-listing-header__title{margin-bottom:0}@media (min-width:768px){.into-search{width:320px}.into-search__icon{top:19px}.into-search__input{min-height:56px;padding:14px 32px 14px 55px}.into-h3{letter-spacing:-.704px;font-size:32px}}@media (min-width:992px){.into-listing-header__top{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.into-listing-header__toggle{display:none}.into-tags{background:0 0;border:0;border-radius:0;width:100%;max-width:100%;padding:0;display:block;position:relative;top:0}}.into-section.into-cards{z-index:10}.into-cards__grid{grid-template-columns:1fr;gap:30px;display:grid}.into-card{position:relative;overflow:hidden}.into-card__image{background:var(--color-silver);aspect-ratio:4/3;border-radius:4px;margin-bottom:10px;position:relative;overflow:hidden}.into-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease-out;position:absolute;inset:0}.into-card:hover .into-card__image img{transform:scale(1.04)}.into-card__heading{margin-bottom:10px;font-size:18px;font-weight:400;line-height:1.35}.into-card__tags{color:#889096;text-transform:uppercase;flex-wrap:wrap;gap:10px 20px;height:22px;font-size:14px;line-height:1.45;display:flex;overflow:hidden}.into-card__hit{z-index:10;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;position:absolute;inset:0}.into-card__hit:focus-visible{outline:2px solid var(--into-navy);outline-offset:4px}.into-card__badge{z-index:2;color:var(--color-white);pointer-events:none;border-radius:50%;place-items:center;transition:transform .3s ease-in-out;display:grid;position:absolute}.into-card__badge--play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000a1999;width:56px;height:56px;top:50%;left:50%;transform:translate(-50%,-50%)}.into-card:hover .into-card__badge--play{transform:translate(-50%,-50%)scale(1.08)}.into-cards__empty{color:#687076;padding:48px 0;font-size:18px}@media (min-width:768px){.into-cards__grid{grid-template-columns:repeat(3,1fr);gap:40px 15px}}@media (min-width:992px){.into-card__image{margin-bottom:16px}.into-card__tags{gap:10px 30px}}.into-lightbox{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 16px 24px}.into-lightbox[open]{justify-content:center;align-items:center;display:flex}.into-lightbox::backdrop{background:#000a19eb}body:has(.into-lightbox[open]){overflow:hidden}.into-lightbox__image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;display:block}.into-lightbox__close{background:var(--into-glass);width:44px;height:44px;color:var(--color-white);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background-color .25s ease-in-out,color .25s ease-in-out;display:grid;position:fixed;top:16px;right:16px}.into-lightbox__close:hover{background:var(--color-white);color:var(--into-navy)}.into-lightbox__close:focus-visible{outline:2px solid var(--into-lime);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.into-lightbox[open],.into-lightbox[open]::backdrop{animation:.2s ease-out into-lightbox-in}}@keyframes into-lightbox-in{0%{opacity:0}to{opacity:1}}@media (min-width:1200px){.into-lightbox{padding:80px 50px 40px}.into-lightbox__close{top:24px;right:50px}}