/* BKS desktop candidate: one proportional, locked raster scene.
   Percentages below use the 6688 x 3764 master as their coordinate system. */
.desktop-master-art { display: none; }
.desktop-master-ui { display: contents; }
.input-guide { display: none; }
@media screen {
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]),
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) body {
    width: 100%;
    height: 100%;
    overflow: clip;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .shell {
    position: fixed;
    inset: 0;
    display: block;
    container-type: size;
    width: auto;
    height: auto;
    margin: 0;
    overflow: clip;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #171c20;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) main {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    min-height: 0;
    container-type: size;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .hero-stage {
    position: absolute;
    inset: 0;
    transform: none;
    display: block;
    flex: none;
    /* The scene is exactly the viewport; the composition fits inside it. */
    width: 100%;
    container-type: size;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    padding: 0;
    margin: 0;
    overflow: clip;
    isolation: isolate;
    background: #171c20;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .desktop-master-ui {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: min(100cqw, calc(100cqh * 6688 / 3764));
    height: auto;
    aspect-ratio: 6688 / 3764;
    container-type: inline-size;
  }

  /* Smooth the two raster notches at the white field's diagonal end. */
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .desktop-master-ui::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 54.0%;
    top: 33.7%;
    width: 5.1%;
    height: 5.6%;
    clip-path: polygon(0 0, 100% 0, 45% 100%, 0 100%);
    background: linear-gradient(#eef3f3, #fff 8%, #fff 90%, #e7eded);
    pointer-events: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .desktop-master-art {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("/assets/bilkroken-v2/garage-architecture-467639c4bedb.png") center / 100% 100% no-repeat;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .desktop-master-art img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: min(100cqw, calc(100cqh * 6688 / 3764));
    height: auto;
    aspect-ratio: 6688 / 3764;
    object-fit: contain;
    object-position: center;
    mask-image: linear-gradient(90deg, transparent, #000 1.5%, #000 98.5%, transparent), linear-gradient(0deg, transparent, #000 1.5%, #000 98.5%, transparent);
    mask-composite: intersect;


  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .reference-masks,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .garage-underlay,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .garage-architecture,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .hero-scene,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .left-info-panel,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .right-kjoreglede,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .hero-title,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .hero-copy,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .truth-note,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .benefit-row,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .bottom-tagline,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .led-track {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .topbar {
    display: contents;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .logo-sign {
    position: absolute;
    z-index: 5;
    left: 3.1%;
    top: 3.2%;
    width: 19.5%;
    height: 15.2%;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    transform: none;
    background: none;
    box-shadow: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .logo-sign img {
    opacity: 0;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .logo-sign::before,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .logo-sign::after {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .top-nav {
    position: absolute;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    left: 36.0%;
    top: 4.0%;
    width: 27.8%;
    height: 5.0%;
    padding: 0;
    margin: 0;
    gap: 0;
    background: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .top-nav a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    color: transparent;
    font-size: 0;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .login-control {
    /* Keep the existing login target available at native desktop zoom. */
    display: block;
    position: absolute;
    z-index: 5;
    left: 82.4%;
    top: 3.4%;
    width: 12.1%;
    height: 6.9%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    color: transparent;
    font-size: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .login-control span {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .login-message {
    position: absolute;
    z-index: 7;
    top: 11%;
    right: 5%;
    max-width: 32%;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .intro.hero-machine {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    clip-path: none;
    background: none;
    box-shadow: none;
    pointer-events: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .hero-machine::before,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .hero-machine::after,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .listing-input-shell::before,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .listing-input-shell::after {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .listing-input-shell,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .listing-input-shell .search-row {
    position: static;
    display: contents;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    clip-path: none;
    background: none;
    box-shadow: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .input-region {
    position: absolute;
    left: 30.2%;
    top: 34.1%;
    display: block;
    width: 25.0%;
    height: 4.8%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    clip-path: none;
    background: #fff;
    box-shadow: none;
    pointer-events: auto;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .chain-icon {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #finn-input {
    display: block;
    width: calc(100% - 1.2cqw);
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0 0.25cqw;
    border: 0;
    border-radius: 0;
    color: #ff7900;
    background: transparent;
    box-shadow: none;
    font: 400 0.88cqw/1.1 Arial, sans-serif;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #finn-input:focus,
  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #finn-input:focus-visible {
    outline: none;
    box-shadow: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #finn-input::placeholder {
    color: transparent;
    opacity: 0;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .input-guide {
    position: absolute;
    inset: 0 1.2cqw 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0.5cqw;
    color: #ff7900;
    font: 600 0.82cqw/1.24 Arial, sans-serif;
    white-space: nowrap;
    pointer-events: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #finn-input:not(:placeholder-shown) + .input-guide {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) .input-region:focus-within {
    outline: none;
    outline-offset: 0;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #submit-button {
    position: absolute;
    left: 58.2%;
    top: 32.5%;
    display: block;
    width: 17.3%;
    height: 8.6%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    clip-path: polygon(10% 0, 93% 0, 100% 35%, 100% 65%, 93% 100%, 10% 100%, 0 50%);
    color: transparent;
    font-size: 0;
    text-shadow: none;
    background: transparent;
    box-shadow: none;
    pointer-events: auto;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #submit-button span {
    display: none;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #submit-button:disabled {
    cursor: wait;
  }

  html[data-page="entry"]:not([data-mobile-entry]):not([data-tablet-entry]) #hero-stage #feedback {
    position: absolute;
    z-index: 7;
    left: 29%;
    top: 42.5%;
    width: 42%;
    max-height: 10%;
    overflow: auto;
    margin: 0;
    font-size: clamp(11px, 0.82cqw, 17px);
  }
}