@font-face {font-family:"Google Sans"; src:url("../../../../wms/frontend/assets/fonts/google-sans.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:"Inter"; src:url("../../../../wms/frontend/assets/fonts/inter-300.woff2") format("woff2"); font-weight:300; font-style:normal; font-display:swap;}
@font-face {font-family:"Inter"; src:url("../../../../wms/frontend/assets/fonts/inter-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:"Inter"; src:url("../../../../wms/frontend/assets/fonts/inter-500.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap;}
@font-face {font-family:"Inter"; src:url("../../../../wms/frontend/assets/fonts/inter-600.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap;}
:root, [data-theme="gp-novak"] {--color-white:#ffffff; --color-paper:#fafafa; --color-line:#e6e6e6; --color-ink:#080808; --color-night:#171719; --color-blue:#3286f5; --color-green:#03a97e; --font-sans:"Inter", Arial, Helvetica, sans-serif; --font-display:"Google Sans", "Inter", Arial, Helvetica, sans-serif; --page-pad:24px; --page-gutter:24px;}
*, *::before, *::after {box-sizing:border-box;}
html, body {min-height:100%; margin:0;}
body {font-family:var(--font-sans); color:var(--color-ink); background:var(--color-white); line-height:1.5; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
img, svg, video {display:block; max-width:100%;}
button, input, textarea {font:inherit; color:inherit;}
button {cursor:pointer;}
a {color:inherit; text-decoration:none;}
h1, h2, h3, p, ul, fieldset, legend {margin:0;}
ul {list-style:none; padding:0;}
.is-hidden {display:none !important;}
.hidden {display:none;}
body.is-locked {overflow:hidden;}
.page-width {width:100%; max-width:1680px; min-width:0; margin-left:auto; margin-right:auto; margin-inline:auto; padding-left:var(--page-pad); padding-right:var(--page-pad); padding-inline:var(--page-pad);}
.page-width.thin {max-width:1480px;}
.mt-md {margin-top:2rem !important;}
.mt-m0 {margin-top:0 !important;}
.pt-m0 {padding-top:0 !important;}
img.btn-icon {margin-left:2em;}
.button {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-height:2.5rem; padding:0 1rem; border:1px solid var(--color-paper); border-radius:999px; background:var(--color-paper); color:var(--color-ink); font-size:0.875rem; font-weight:500; letter-spacing:-0.025em; text-decoration:none; white-space:nowrap;}
.button:hover {-webkit-filter:brightness(0.97); filter:brightness(0.97);}
.button-small {min-height:2rem; padding:0 0.75rem; font-size:0.75rem;}
.button-white {border-color:var(--color-white); background:var(--color-white); color:var(--color-night);}
.button-blue {border-color:var(--color-blue); background:var(--color-blue); color:var(--color-white);}
.button-blue:hover {-webkit-filter:brightness(0.95); filter:brightness(0.95);}
.button-outline {border-color:var(--color-white); background:transparent; color:var(--color-white);}
.button-circle {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:2rem; height:2rem; padding:0; border:0; border-radius:999px; background:var(--color-paper); color:var(--color-ink);}
.button-circle:hover {background:var(--color-line);}
#case-prev img {-webkit-transform:scaleX(-1); transform:scaleX(-1);}
.site-logo {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.site-logo img {width:auto; height:3.75rem;}
.site-header {position:absolute; top:0; right:0; left:0; inset:0 0 auto; z-index:50;}
.announce {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-height:2.25rem; padding:0 1rem; background:var(--color-night); color:var(--color-white); font-size:0.875rem; text-align:center;}
.announce span {text-decoration:underline;}
.site-header-bar {-ms-flex-negative:0; flex-shrink:0;}
.topbar {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:4rem;}
.topbar-start, .topbar-end {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.topbar-start {gap:2rem;}
.topbar-end {-webkit-box-flex:1; -ms-flex:1; flex:1; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; gap:0.5rem;}
.desktop-nav {display:none; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:0.7rem;}
.nav-item {position:relative;}
.nav-trigger {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:2rem; padding:0 0.75rem; border:0; background:transparent; color:var(--color-white); font-size:0.87rem; font-weight:500; letter-spacing:-0.025em; cursor:pointer;}
.nav-trigger:hover {text-decoration:underline;}
.nav-panel {display:none; position:absolute; top:100%; left:0; z-index:50; padding-top:0.75rem;}
.nav-panel ul {width:16rem; padding:0.75rem; border-radius:0.25rem; background:var(--color-white); -webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);}
.nav-panel a {display:block; padding:0.375rem 0.75rem; border-radius:2rem; color:var(--color-ink); font-size:0.875rem;}
.nav-panel a:hover {background:rgba(8,8,8,0.06);}
.nav-item:hover .nav-panel, .nav-item:focus-within .nav-panel {display:block;}
.topbar-cta {display:none;}
.menu-toggle {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:2.5rem; height:2.5rem; padding:0; border:0; background:transparent; color:var(--color-white);}
.burger {position:relative; display:block; width:1.25rem; height:0.875rem;}
.burger-line {position:absolute; left:0; width:1.25rem; height:0.125rem; border-radius:999px; background:currentColor; -webkit-transition:transform 0.3s, top 0.3s, opacity 0.3s; transition:transform 0.3s, top 0.3s, opacity 0.3s;}
.burger-line-1 {top:0;}
.burger-line-2 {top:0.375rem;}
.burger-line-3 {top:0.75rem;}
.mobile-menu {display:none;}
.mobile-menu-inner {padding-top:1rem; padding-bottom:2.5rem;}
.mobile-group {margin-bottom:1.5rem;}
.mobile-group h2 {margin-bottom:0.5rem; color:rgba(8,8,8,0.4); font-size:0.875rem; font-weight:600;}
.mobile-group a {display:block; padding:0.5rem 0; color:var(--color-ink);}
.site-header.is-open {position:fixed; top:0; right:0; bottom:0; left:0; inset:0; z-index:50; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; background:var(--color-white);}
.site-header.is-open .site-logo, .site-header.is-open .menu-toggle {color:var(--color-ink);}
.site-header.is-open .site-logo img {-webkit-filter:none; filter:none;}
.site-header.is-open .burger-line-1 {top:0.375rem; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.site-header.is-open .burger-line-2 {opacity:0; -webkit-transform:scaleX(0); transform:scaleX(0);}
.site-header.is-open .burger-line-3 {top:0.375rem; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.site-header.is-open .mobile-menu {display:block; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; background:var(--color-white);}
.grid-3 {display:grid; grid-template-columns:1fr; gap:1rem;}
.internet-card {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; min-height:0; padding:1.5rem; border:1px solid #dedfdf; border-radius:1rem; background:var(--color-paper); color:var(--color-ink); -webkit-box-shadow:0 8px 22px 5px rgba(0,0,0,0.05); box-shadow:0 8px 22px 5px rgba(0,0,0,0.05);}
.internet-card__head h3 {color:#319ff2; font-family:var(--font-display); font-size:2rem; font-weight:400; line-height:1.1; letter-spacing:-0.035em;}
.internet-card__subtitle {margin-top:0.35rem; font-family:var(--font-display); font-size:1rem; font-weight:400; line-height:1.2; letter-spacing:-0.015em; color:rgba(8,8,8,0.82);}
.internet-card__tv {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:1rem; margin-top:1.5rem; padding:1.25rem 0; border-top:1px solid var(--color-line); border-bottom:1px solid var(--color-line);}
.internet-card__tv-label {-ms-flex-negative:0; flex-shrink:0; font-size:1rem; color:rgba(8,8,8,0.75);}
.internet-card__tv-logos {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:1.25rem;}
.internet-card__tv-logos img {width:auto; max-width:7rem; max-height:1.75rem; -o-object-fit:contain; object-fit:contain;}
.internet-card__body {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex:1; flex:1; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-top:3rem;}
.internet-card__price {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
.internet-card__price strong {color:#f4511e; font-family:var(--font-display); font-size:3rem; font-weight:400; line-height:0.95; letter-spacing:-0.055em;}
.internet-card__price span {margin-top:0.75rem; font-family:var(--font-display); font-size:1.25rem; line-height:1; letter-spacing:-0.025em;}
.internet-card__bottom {display:grid; grid-template-columns:1fr; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; gap:2rem; margin-top:4rem;}
.internet-card__features {font-family:var(--font-display); font-size:0.9rem; line-height:1.45; letter-spacing:-0.025em;}
.internet-card__button {-ms-flex-negative:0; flex-shrink:0; width:100%; min-width:0; min-height:3.25rem; margin-top:0.5rem; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0.25rem 1.25rem 0.25rem 1.5rem; font-family:var(--font-display); font-size:1rem; font-weight:400;}
.internet-card__arrow {margin-left:0; margin-right:0.8rem; font-size:1.75rem; font-weight:300; line-height:1;}
.hero {position:relative; height:100vh; min-height:100vh; height:100svh; min-height:100svh; overflow-x:hidden; background:var(--color-night); color:var(--color-white);}
.hero.subpage {height:auto; height:fit-content; min-height:30vh; min-height:30svh;}
.hero.subpage .hero-inner {height:auto; height:fit-content; min-height:0; padding-top:15rem;}
.hero-photo, .hero-video, .hero-shade {position:absolute; top:0; right:0; bottom:0; left:0; inset:0;}
.hero-video {z-index:0; width:100%; height:100%; max-width:none; -o-object-fit:cover; object-fit:cover;}
.hero-video-desktop {display:none;}
.hero-video-mobile {display:block;}
.hero-shade {z-index:1; background:rgba(23,23,25,0.45);}
.hero-pattern {pointer-events:none; height:100%; background-position:0 0; background-repeat:repeat; z-index:2; bottom:0; left:0; position:absolute; right:0; top:0; background-image:url(/wms/frontend/uploads/images/square-pattern.svg); background-size:2px auto;}
.hero-inner {position:relative; z-index:2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; height:auto; height:fit-content; min-height:100vh; min-height:100svh; padding-top:10rem; padding-bottom:4rem;}
.hero-grid {display:grid; width:100%; -webkit-box-align:end; -ms-flex-align:end; align-items:end; gap:2.5rem;}
.hero-grid .button {margin-left: 10px;}
.hero h1 {max-width:46rem; font-family:var(--font-display); font-size:3rem; font-size:clamp(2.25rem,5vw,4.25rem); font-weight:400; line-height:1.05; letter-spacing:-0.025em;}
.hero-lead {max-width:38rem; margin-top:1.25rem; color:rgba(255,255,255,0.9); font-size:1rem;}
.availability-title {margin-bottom:0.75rem; padding-left:15px; font-size:1rem; font-weight:500;}
.availability-form {position:relative;}
.availability-pill {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0.25rem; border-radius:999px; background:var(--color-white); color:var(--color-ink);}
.availability-pill input {-webkit-box-flex:1; -ms-flex:1; flex:1; min-width:0; min-height:3rem; padding:0 1.25rem; border:0; background:transparent; outline:none;}
.availability-ghost {position:absolute; left:1.25rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:rgba(8,8,8,0.45); pointer-events:none;}
.availability-caret {display:inline-block; width:1px; height:1rem; margin-left:0.125rem; background:rgba(8,8,8,0.55); -webkit-animation:caret-pulse 2s ease-in-out infinite; animation:caret-pulse 2s ease-in-out infinite;}
.availability-note {margin-top:0.75rem; padding-left:15px; color:rgba(255,255,255,0.7); font-size:0.75rem; text-align:left;}
.whispers {bottom:100%; margin-top:0; margin-bottom:0.5rem; position:absolute; left:0; right:0; inset-inline:0; top:auto; z-index:10; width:100%; padding:0.5rem; border-radius:1.75rem; background:var(--color-white); color:var(--color-ink);}
.whisper-item {display:block; width:100%; padding:0.5rem 0.75rem; border:0; border-radius:1.25rem; background:transparent; text-align:left;}
.whisper-item.is-active {background:var(--color-paper);}
.whisper-hit {color:var(--color-ink);}
.whisper-rest {color:rgba(8,8,8,0.4);}

@-webkit-keyframes caret-pulse {
50% {opacity:0.35;}
}

@keyframes caret-pulse {
50% {opacity:0.35;}
}

#dostupnost { padding: 4rem var(--page-pad) 4rem; }
.logos {padding:0 0 5rem; background:var(--color-white);}
.logos h2 {color:rgba(8,8,8,0.55); font-size:0.875rem; font-weight:400; letter-spacing:-0.025em; text-align:center;}
.logo-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:2.5rem; background:var(--color-line); border-radius:1rem; overflow:hidden;}
.logo-cell {display:-webkit-box; display:-ms-flexbox; display:flex; min-height:120px;  -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:1rem 0.5rem; background:var(--color-paper);}
.logo-cell img {width:auto; max-width:70%; max-height:2rem; -o-object-fit:contain; object-fit:contain;}
.logos p {max-width:64rem; margin-left:auto; margin-right:auto; margin-inline:auto; font-family:var(--font-display); font-size:2.5rem; font-size:clamp(1.75rem,4vw,3.75rem); line-height:1.15; letter-spacing:-0.025em; text-align:center;}
.cases {padding:4rem 0 4rem var(--page-gutter); background:var(--color-white);}
.cases-head {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:calc(100vw - var(--page-gutter) - var(--page-pad)); width:min( calc(100vw - var(--page-gutter) - var(--page-pad)), calc(1680px - 2 * var(--page-pad)) ); margin-bottom:2rem; padding-right:var(--page-pad); gap:1.5rem;}
.cases-head h2 {max-width:36rem; font-family:var(--font-display); font-size:1.875rem; font-weight:400; line-height:1.25; letter-spacing:-0.025em;}
.cases-nav {display:none; gap:0.5rem;}
.cases-track {display:-webkit-box; display:-ms-flexbox; display:flex; gap:1rem; overflow-x:auto; padding-bottom:0.5rem; scroll-behavior:auto; overscroll-behavior-x:contain; cursor:grab; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; scrollbar-width:none; -webkit-overflow-scrolling:touch; -ms-scroll-snap-type:x proximity; scroll-snap-type:x proximity;}
.cases-track::-webkit-scrollbar {display:none;}
.cases-track.is-grabbing {cursor:grabbing;}
.cases-track > a {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; scroll-snap-align:start;}
.case-card {position:relative; overflow:hidden; width:78vw; height:78vw; aspect-ratio:1 / 1; border-radius:1rem;}
.case-card > img {position:absolute; top:0; right:0; bottom:0; left:0; inset:0; width:100%; height:100%; max-width:none; -o-object-fit:cover; object-fit:cover; pointer-events:none; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s;}
.case-card-body {position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:100%; padding:1.5rem; background:-webkit-gradient( linear, left top, left bottom, from(rgba(23,23,25,0.45)), color-stop(45%, transparent), to(rgba(23, 23, 25, 0.25)) ); background:linear-gradient( to bottom, rgba(23, 23, 25, 0.45), transparent 45%, rgba(23, 23, 25, 0.25) );}
.case-card-top {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:1rem;}
.case-card h3 {max-width:16rem; color:var(--color-white); font-family:var(--font-display); font-size:1.125rem; font-weight:400; line-height:1.375;}
.case-card-top span {color:var(--color-white); font-size:1.125rem; line-height:1;}
.case-logo {-ms-flex-item-align:end; align-self:flex-end; width:auto; max-height:2rem; -o-object-fit:contain; object-fit:contain; -webkit-filter:invert(1); filter:invert(1); pointer-events:none;}
.cases-end {-ms-flex-negative:0; flex-shrink:0; width:1.5rem;}
.case-card:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.vision {padding:6rem 0; background:var(--color-white);}
.vision p {max-width:64rem; margin-left:auto; margin-right:auto; margin-inline:auto; font-family:var(--font-display); font-size:2.5rem; font-size:clamp(1.75rem,4vw,3.75rem); line-height:1.15; letter-spacing:-0.025em; text-align:center;}
.splitsection {position:relative; background:var(--color-night); color:var(--color-white);}
.splitsection-media, .splitsection-fade {position:absolute; top:0; right:0; left:0; inset:0 0 auto; height:70vh; overflow:hidden;}
.splitsection-media img {width:100%; height:100%; max-width:none; -o-object-fit:cover; object-fit:cover;}
.splitsection-fade {background:-webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(rgba(23,23,25,0.2)), to(var(--color-night)) ); background:linear-gradient( to bottom, transparent, rgba(23, 23, 25, 0.2), var(--color-night) );}
.splitsection-base {position:absolute; top:70vh; right:0; bottom:0; left:0; inset:70vh 0 0; background:var(--color-night);}
.splitsection-inner {position:relative; z-index:10; padding-bottom:6rem;}
.splitsection-intro {max-width:48rem; margin-left:auto; margin-right:auto; margin-inline:auto; padding-top:30vh; text-align:center;}
.splitsection-intro img {width:auto; height:1.5rem; margin-left:auto; margin-right:auto; margin-inline:auto; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
.splitsection-intro h2 {margin-top:1.5rem; font-family:var(--font-display); font-size:2.75rem; font-size:clamp(2rem,4.4vw,3.75rem); font-weight:400; line-height:1.12; letter-spacing:-0.025em;}
.splitsection-intro .button {margin-top:2rem;}
.splitsection-cards {display:grid; grid-template-columns:1fr; gap:3rem; margin-top:25vh;}
.photo-card {position:relative; overflow:hidden; min-height:32rem; aspect-ratio:unset; border-radius:0.75rem;}
.photo-card > img {position:absolute; top:0; right:0; bottom:0; left:0; inset:0; width:100%; height:100%; max-width:none; -o-object-fit:cover; object-fit:cover;}
.photo-card-body {position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; height:100%; padding:1.5rem 2rem; background:linear-gradient( to top, rgba(23,23,25,0.1), rgba(23, 23, 25, 0.2), transparent ); text-align:left;}
.photo-card h3 {max-width:13em; font-family:var(--font-display); font-size:1.5rem; font-weight:400; line-height:1.25; letter-spacing:-0.025em;}
.photo-card p {max-width:13em; margin-top:0.75rem; color:rgba(255,255,255,0.85); font-size:0.875rem;}
.photo-card .button {margin-top:1.5rem;}
.industries, .posts {padding:6rem 0; background:var(--color-white);}
.pt-20 {padding-top:2rem;}
.industries h2, .posts h2 {font-family:var(--font-display); font-weight:400; letter-spacing:-0.025em;}
.industries h2 {max-width:48rem; margin-left:auto; margin-right:auto; margin-inline:auto; font-size:1.875rem; line-height:1.25; text-align:center;}
.tabs-wrap {display:-webkit-box; display:-ms-flexbox; display:flex; max-width:100%; margin-top:2.5rem; margin-bottom:2.5rem; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
.industries .tabs-wrap {-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
.tabs-wrap::-webkit-scrollbar {display:none;}
.tabs {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; gap:0; padding:0.25rem; border-radius:999px; background:var(--color-paper);}
.tabs button {-ms-flex-negative:0; flex-shrink:0; min-height:2.5rem; padding:0 0.75rem; border:0; border-radius:999px; background:transparent; color:rgba(8,8,8,0.55); font-size:0.875rem; white-space:nowrap;}
.tabs button:hover, .tabs button.is-active {color:var(--color-ink);}
.tabs button.is-active {background:var(--color-white);}
.industry-panel {position:relative; overflow:hidden; min-height:28rem; aspect-ratio:3 / 4; margin-top:3rem; border-radius:1.5rem;}
.industry-panel > img {position:absolute; top:0; right:0; bottom:0; left:0; inset:0; width:100%; height:100%; max-width:none; -o-object-fit:cover; object-fit:cover;}
.industry-panel::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; inset:0; background:linear-gradient( to top, rgba(23,23,25,0.5), rgba(23, 23, 25, 0.15), transparent );}
.industry-panel-inner {position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; padding:2.5rem 2rem; color:var(--color-white); text-align:center;}
.industry-panel-inner > div {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex:1; flex:1; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.industry-panel h3 {font-family:var(--font-display); font-size:2.25rem; font-weight:400; letter-spacing:-0.025em;}
.industry-panel p {margin-top:0.75rem; color:rgba(255,255,255,0.9); font-size:1rem;}
.press {position:relative; overflow:hidden; min-height:36rem; color:var(--color-white);}
.press > img {position:absolute; top:0; right:0; bottom:0; left:0; inset:0; width:100%; height:100%; max-width:none; -o-object-fit:cover; object-fit:cover;}
.press::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; inset:0; background:linear-gradient( to top, var(--color-night), rgba(23,23,25,0.5), transparent );}
.press-inner {position:relative; z-index:10; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; min-height:36rem; padding-top:6rem; padding-bottom:6rem;}
.press h2 {max-width:48rem; font-family:var(--font-display); font-size:1.875rem; font-weight:400; line-height:1.25; letter-spacing:-0.025em;}
.press .button {margin-top:2rem;}
.posts h2 {font-size:2.25rem;}
.posts-lead {margin-top:0.75rem; color:rgba(8,8,8,0.6);}
.posts .tabs-wrap {margin-top:2rem;}
.post-grid {display:grid; grid-template-columns:1fr; gap:3rem 1.5rem; margin-top:3rem;}
.post-card figure {position:relative; overflow:hidden; min-height:200px; aspect-ratio:16 / 10; margin:0; border-radius:1rem;}
.post-card img {width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.post-card h3 {margin-top:1.25rem; font-family:var(--font-display); font-size:1.5rem; font-weight:400; line-height:1.25; letter-spacing:-0.025em;}
.post-card p {margin-top:0.5rem; color:rgba(8,8,8,0.5); font-size:0.875rem;}
.post-logo {position:absolute; top:1.25rem; right:1.25rem; color:var(--color-white); font-size:0.875rem; font-weight:500; text-shadow:0 1px 2px rgba(0,0,0,0.25);}
.post-overlay {position:absolute; top:0; right:0; bottom:0; left:0; inset:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 1.5rem; background:rgba(23,23,25,0.25); color:var(--color-white); text-align:center;}
.post-overlay span {font-size:0.875rem; letter-spacing:-0.025em;}
.post-overlay strong {font-family:var(--font-display); font-size:1.875rem; font-weight:400; letter-spacing:-0.025em;}
.post-badge {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:1.75rem; margin-bottom:1rem; padding:0 0.75rem; border:1px solid rgba(255,255,255,0.4); border-radius:1rem; background:rgba(255, 255, 255, 0.9); color:var(--color-night); font-size:1rem;}
.contact {padding:6rem 0; background:var(--color-paper);}
.contact-grid {display:grid; grid-template-columns:1fr; -webkit-box-align:start; -ms-flex-align:start; align-items:start; gap:3rem;}
.contact-copy h2 {font-family:var(--font-display); font-size:2.25rem; font-weight:400; letter-spacing:-0.025em;}
.contact-copy > p {max-width:28rem; margin-top:1rem; color:rgba(8,8,8,0.6); line-height:1.625;}
.contact-note {margin-top:0.75rem !important; color:rgba(8,8,8,0.5) !important; font-size:0.875rem;}
.contact-stat {margin-top:0 !important; color:var(--color-ink) !important; font-family:var(--font-display); font-size:5rem; font-size:clamp(4.5rem,12vw,5.5rem); line-height:1 !important; letter-spacing:-0.025em;}
.contact-label {margin-top:0.75rem; color:rgba(8,8,8,0.5) !important; font-size:0.875rem; letter-spacing:0.025em; text-transform:uppercase;}
.contact-phone {display:block; margin-top:0.2rem; font-family:var(--font-display); font-size:2.25rem; font-size:clamp(1.75rem,4vw,3.25rem); line-height:1; letter-spacing:-0.025em;}
.contact-form {display:grid; gap:1rem;}
.contact-fields {display:grid; grid-template-columns:1fr; gap:1rem;}
.contact-form fieldset {min-width:0; padding:0; border:0;}
.contact-form legend {margin-bottom:0.25rem; padding:0.5rem 0; font-size:0.75rem; font-weight:600;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea {width:100%; min-height:2.5rem; padding:0.75rem; border:1px solid rgba(8,8,8,0.2); border-radius:0.5rem; background:var(--color-white); outline:none;}
.contact-form textarea {min-height:9rem; resize:vertical;}
.contact-form input:focus, .contact-form textarea:focus {outline:2px solid var(--color-ink); outline-offset:2px;}
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {color:rgba(8,8,8,0.45);}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder {color:rgba(8,8,8,0.45);}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {color:rgba(8,8,8,0.45);}
.contact-form input::placeholder, .contact-form textarea::placeholder {color:rgba(8,8,8,0.45);}
.gdpr {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; gap:0.75rem; color:rgba(8,8,8,0.7); font-size:0.875rem; cursor:pointer;}
.gdpr input {width:1.5rem; height:1.5rem; margin-top:0.1rem; -ms-flex-negative:0; flex-shrink:0; accent-color:var(--color-ink);}
.gdpr a {text-decoration:underline;}
.contact-form .button {justify-self:start; margin-top:0.5rem;}
.form-success {padding:0.75rem 1rem; border-radius:0.25rem; background:var(--color-green); color:var(--color-white); font-size:0.875rem;}
.site-footer {padding-bottom:6rem; background:var(--color-night); color:#fafafa;}
.footer-grid {display:grid; grid-template-columns:1fr; gap:3rem 1rem; padding-top:4rem; padding-bottom:0;}
.footer-grid aside {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; max-width:20rem; gap:2.5rem;}
.footer-grid aside p {margin-top:1rem; color:rgba(250,250,250,0.7); font-size:0.875rem; line-height:1.625;}
.footer-grid aside .button {margin-top:1.5rem;}
footer small {color:rgba(250,250,250,0.5); font-size:0.75rem; margin-top:4rem; display:-webkit-box; display:-ms-flexbox; display:flex;}
.footer-grid nav {display:grid; -ms-flex-line-pack:start; align-content:start; gap:0.5rem;}
.footer-grid h2 {margin-bottom:0.5rem; color:rgba(250,250,250,0.6); font-size:0.875rem; font-weight:600; text-transform:uppercase;}
.footer-grid nav a {font-size:0.875rem;}
.footer-grid nav a:hover {text-decoration:underline;}
.feature {margin-left:12px;}
.press, .press-inner {min-height:12rem;}
.hero-content {padding:0 15px;}
.feature { margin-left: 12px; max-width: 100px; font-size: 13px; }
@media (min-width:500px) and (max-width:1100px) {
:root, [data-theme="gp-novak"] {--page-pad:40px; --page-gutter:40px;}
.site-logo img {height:3rem;}
.topbar-cta {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.grid-3 {grid-template-columns:1fr;}
.hero-video-desktop {display:block;}
.hero-video-mobile {display:none;}
.hero-lead {font-size:1.125rem;}
.whispers {top:auto; bottom:100%; margin-top:0; margin-bottom:0.5rem;}
.logos {padding:5rem 0 10rem;}
.logos h2 {font-size:1rem;}
.logo-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.cases-head h2 {font-size:3rem;}
.cases-nav {display:-webkit-box; display:-ms-flexbox; display:flex;}
.case-card {width:26rem; height:26rem; aspect-ratio:1 / 1;}
.case-card h3 {font-size:1.25rem;}
.cases-end {width:40px;}
.splitsection-intro img {height:1.75rem;}
.splitsection-cards {grid-template-columns:1fr; gap:3rem;}
.photo-card {aspect-ratio:auto;}
.photo-card h3 {max-width:13em; font-size:1.875rem;}
.photo-card p {max-width:13em; font-size:0.7rem;}
.industries h2 {font-size:3rem;}
.industry-panel {min-height:28rem; aspect-ratio:16 / 9;}
.industry-panel h3 {font-size:3rem;}
.industry-panel p {font-size:1.125rem;}
.press, .press-inner {min-height:12rem;}
.press-inner {padding-top:8rem; padding-bottom:8rem;}
.press h2 {font-size:3rem;}
.posts h2 {font-size:3rem;}
.post-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.contact-copy h2 {font-size:3rem;}
.contact-fields {grid-template-columns:repeat(3, minmax(0, 1fr));}
.site-footer {padding-bottom:8rem;}
.footer-grid {grid-template-columns:minmax(14rem, 18rem) repeat(3, minmax(0, 1fr)); -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; gap:3rem 1.5rem;}
}

@media (min-width:1101px) {
    .photo-card {aspect-ratio:4/5}
    .feature {  font-size: inherit; }
:root, [data-theme="gp-novak"] {--page-pad:60px; --page-gutter:60px;}
@supports (width:max(1px,2px)) {:root, [data-theme="gp-novak"] {--page-gutter:max( 60px, calc((100vw - 1680px) / 2 + 60px) );}}
.hero-pattern {background-size:2px auto;}
.hero-content {padding:0;}
.hero.subpage {height:auto; height:fit-content; min-height:50vh; min-height:50svh;}
.hero.subpage .hero-inner {height:auto; height:fit-content; min-height:0; padding-top:20rem;}
.mt-m0 {margin-top:initial !important;}
.pt-m0 {padding-top:initial !important;}
.site-logo img {height:3rem;}
.topbar-cta {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.desktop-nav {display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:2em;}
.menu-toggle, .mobile-menu, .site-header.is-open .mobile-menu {display:none;}
.site-header.is-open {position:absolute; top:0; right:0; left:0; bottom:auto; inset:0 0 auto; height:auto; background:transparent;}
.site-header.is-open .site-logo, .site-header.is-open .menu-toggle {color:#fafafa;}
.site-header.is-open .site-logo img {-webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
.grid-3 {grid-template-columns:repeat(3, minmax(0, 1fr));}
.internet-card {min-height:39rem; padding:2.5rem; -webkit-box-shadow:none; box-shadow:none; border:1px solid rgba(222, 223, 223, 0.38); border:1px solid #dedfdf60;}
.internet-card__head h3 {font-size:2.75rem;}
.internet-card__subtitle {font-size:1.2rem;}
.internet-card__tv-logos {gap:1.5rem;}
.internet-card__tv-logos img {max-width:9rem; max-height:2rem;}
.internet-card__body {padding-top:4.5rem;}
.internet-card__price strong {font-size:4rem;}
.internet-card__price span {font-size:1.5rem;}
.internet-card__bottom {grid-template-columns:1.3fr 1fr; gap:2rem; margin-top:auto;}
.internet-card__features {font-size:1rem;}
.internet-card__button {width:auto; width:fit-content; min-width:12.5rem; margin-top:0; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.internet-card__arrow {margin-left:2rem; margin-right:0.8rem;}
.hero-video-desktop {display:block;}
.hero-video-mobile {display:none;}
.hero-lead {font-size:1.125rem;}
.hero-grid {grid-template-columns:minmax(0, 1fr) minmax(28rem, 32rem);}
.whispers {top:auto; bottom:100%; margin-top:0; margin-bottom:0.5rem;}
.logos {padding:5rem 0 10rem;}
.logos h2 {font-size:1rem;}
.logo-grid {grid-template-columns:repeat(6, minmax(0, 1fr));}
.logo-cell {min-height:120px;  padding:1rem 1.5rem;}
.cases-head h2 {font-size:3rem;}
.cases-nav {display:-webkit-box; display:-ms-flexbox; display:flex;}
.cases-track {-ms-scroll-snap-type:none; scroll-snap-type:none;}
.cases-track > a {-ms-flex-negative:0; flex-shrink:0; scroll-snap-align:none;}
.case-card {width:28rem; height:28rem; aspect-ratio:1 / 1;}
.case-card h3 {font-size:1.25rem;}
.cases-end {width:60px;}
.splitsection-intro img {height:1.75rem;}
.splitsection-cards {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0.5rem;}
.photo-card-body {padding:2.5rem 3rem;}
.photo-card h3 {max-width:28rem; font-size:1.875rem;}
.photo-card p {max-width:28rem; font-size:0.7rem;}
.industries h2 {font-size:3rem;}
.industries .tabs-wrap {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.industries .tabs-wrap.start {-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
.industry-panel {min-height:28rem; aspect-ratio:16 / 9;}
.industry-panel h3 {font-size:3rem;}
.industry-panel p {font-size:1.125rem;}
.press, .press-inner {min-height:42rem;}
.press-inner {padding-top:8rem; padding-bottom:8rem;}
.press h2 {font-size:3rem;}
.posts h2 {font-size:3rem;}
.post-grid {grid-template-columns:repeat(3, minmax(0, 1fr));}
.contact-grid {grid-template-columns:minmax(22rem, 32rem) minmax(0, 1fr); gap:4rem;}
.contact-copy h2 {font-size:3rem;}
.contact-fields {grid-template-columns:repeat(3, minmax(0, 1fr));}
.site-footer {padding-bottom:8rem;}
.footer-grid {grid-template-columns:minmax(14rem, 18rem) repeat(3, minmax(0, 1fr)); -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; gap:3rem 1.5rem;}
.feature {max-width:25vw; margin-left:5px;}
}