/* Premiumlyft 3.9.0 – Sagoboksheron */
.jt-hero-storybook{
  display:block;
  min-height:640px;
  margin-bottom:18px;
  padding:58px 52px;
  background:#061a2b;
}
.jt-hero-storybook::before{
  z-index:1;
  background:linear-gradient(90deg,rgba(3,14,27,.95) 0%,rgba(5,20,35,.86) 28%,rgba(5,19,33,.58) 46%,rgba(4,15,27,.12) 67%,rgba(2,10,19,.04) 100%);
  opacity:1;
}
.jt-hero-storybook::after{display:none}
.jt-hero-storybook .jt-hero-copy{
  z-index:8;
  width:min(49%,560px);
  margin:0;
}
.jt-hero-storybook h1{
  max-width:560px;
  font-size:clamp(3.15rem,4.65vw,5rem);
  text-wrap:balance;
}
.jt-storybook-countdown{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(210px,.8fr) minmax(360px,1.2fr);
  align-items:center;
  gap:26px;
  width:min(820px,calc(100% - 32px));
  max-width:820px;
  margin:0 auto 58px;
  padding:17px 22px;
  overflow:hidden;
  border:1px solid rgba(255,217,118,.3);
  border-radius:24px;
  background:radial-gradient(circle at 88% 50%,rgba(255,210,100,.12),transparent 30%),linear-gradient(135deg,rgba(8,36,58,.96),rgba(5,22,39,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08);
}
.jt-storybook-countdown::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,217,118,.65) 0 1px,transparent 1.7px);
  background-position:0 0,27px 19px;
  background-size:73px 73px,119px 119px;
  opacity:.28;
}
.jt-storybook-countdown .jt-christmas-countdown-title{
  position:relative;
  z-index:1;
  margin:0;
  text-align:left;
  white-space:nowrap;
}
.jt-storybook-countdown .jt-christmas-countdown-body{
  position:relative;
  z-index:1;
  min-width:0;
}
.jt-storybook-countdown .jt-christmas-countdown-values{
  justify-content:flex-end;
  margin:0;
}
.jt-storybook-countdown .jt-christmas-countdown-message{margin:0;text-align:center}
.jt-storybook-countdown .jt-christmas-countdown-tracker-link{margin:8px auto 0}
.jt-hero-art-scene{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.jt-hero-art{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.jt-hero-art-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,10,20,.14),transparent 42%,rgba(2,10,20,.08));
}
.jt-hero-light{
  position:absolute;
  z-index:3;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,250,196,.95) 0 8%,rgba(255,194,67,.62) 24%,rgba(255,138,30,.22) 48%,transparent 72%);
  filter:blur(2px);
  mix-blend-mode:screen;
  opacity:.52;
  transform:translate(-50%,-50%);
  transform-origin:center;
  will-change:opacity,transform;
  animation:jt-story-light 3.8s ease-in-out infinite;
}
.jt-hero-light--key{left:58.1%;top:59.4%;width:9.5%;aspect-ratio:1;animation-duration:2.9s}
.jt-hero-light--door{left:75.6%;top:64.2%;width:18%;aspect-ratio:.78;animation-duration:4.4s;animation-delay:-1.7s}
.jt-hero-light--cabin{left:66.7%;top:22.8%;width:12%;aspect-ratio:1;animation-duration:3.5s;animation-delay:-.9s}
.jt-hero-light--tree{left:91.1%;top:50.8%;width:9.5%;aspect-ratio:1;animation-duration:4.8s;animation-delay:-2.3s}
.jt-hero-art-aurora{
  position:absolute;
  z-index:2;
  mix-blend-mode:screen;
  pointer-events:none;
  opacity:var(--aurora-rest,.42);
  transform-origin:48% 22%;
  will-change:opacity,transform;
}
.jt-hero-art-aurora--veil{
  --aurora-min:.28;
  --aurora-max:.64;
  --aurora-rest:.46;
  left:-7%;
  top:-10%;
  width:64%;
  height:58%;
  border-radius:44% 56% 58% 42%;
  background:conic-gradient(from 214deg at 48% 56%,transparent 0 15%,rgba(89,244,187,.3) 23%,rgba(104,216,247,.22) 31%,rgba(203,119,239,.23) 39%,rgba(104,244,201,.24) 48%,transparent 61%);
  filter:blur(22px);
  animation:jt-story-aurora-veil 19s ease-in-out infinite alternate;
}
.jt-hero-art-aurora--ribbons{
  --aurora-min:.18;
  --aurora-max:.48;
  --aurora-rest:.32;
  left:-3%;
  top:-7%;
  width:58%;
  height:50%;
  border-radius:35% 65% 57% 43%;
  background:repeating-linear-gradient(101deg,transparent 0 7%,rgba(117,242,192,.2) 10%,rgba(191,126,242,.18) 13%,rgba(115,220,247,.16) 16%,transparent 22%);
  clip-path:polygon(0 0,100% 0,92% 54%,77% 43%,65% 78%,48% 48%,31% 88%,16% 57%,0 76%);
  filter:blur(13px);
  animation:jt-story-aurora-ribbons 23s ease-in-out -8s infinite alternate;
}
.jt-hero-art-aurora--bloom{
  --aurora-min:.16;
  --aurora-max:.42;
  --aurora-rest:.27;
  left:1%;
  top:2%;
  width:48%;
  height:40%;
  border-radius:50%;
  background:radial-gradient(ellipse at 27% 42%,rgba(109,244,197,.25),transparent 41%),radial-gradient(ellipse at 61% 30%,rgba(201,123,239,.2),transparent 44%),radial-gradient(ellipse at 80% 58%,rgba(111,211,250,.18),transparent 45%);
  filter:blur(27px);
  animation:jt-story-aurora-bloom 17s ease-in-out -4s infinite alternate;
}
.jt-hero-story-snow{position:absolute;z-index:5;inset:0;overflow:hidden}
.jt-hero-story-flake{
  --flake-x:10%;
  --flake-size:5px;
  --flake-drift:24px;
  --flake-time:14s;
  --flake-delay:0s;
  position:absolute;
  left:var(--flake-x);
  top:-3%;
  width:var(--flake-size);
  height:var(--flake-size);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  box-shadow:0 0 7px rgba(255,255,255,.55);
  opacity:.72;
  animation:jt-story-snowfall var(--flake-time) linear var(--flake-delay) infinite;
}
.jt-hero-story-flake--1{--flake-x:8%;--flake-size:4px;--flake-drift:31px;--flake-time:16s;--flake-delay:-5s}
.jt-hero-story-flake--2{--flake-x:19%;--flake-size:7px;--flake-drift:-24px;--flake-time:19s;--flake-delay:-11s}
.jt-hero-story-flake--3{--flake-x:31%;--flake-size:5px;--flake-drift:19px;--flake-time:13s;--flake-delay:-8s}
.jt-hero-story-flake--4{--flake-x:43%;--flake-size:8px;--flake-drift:-30px;--flake-time:20s;--flake-delay:-3s}
.jt-hero-story-flake--5{--flake-x:55%;--flake-size:4px;--flake-drift:26px;--flake-time:15s;--flake-delay:-13s}
.jt-hero-story-flake--6{--flake-x:66%;--flake-size:6px;--flake-drift:-18px;--flake-time:18s;--flake-delay:-9s}
.jt-hero-story-flake--7{--flake-x:76%;--flake-size:5px;--flake-drift:25px;--flake-time:14s;--flake-delay:-1s}
.jt-hero-story-flake--8{--flake-x:87%;--flake-size:8px;--flake-drift:-27px;--flake-time:21s;--flake-delay:-15s}
.jt-hero-story-flake--9{--flake-x:95%;--flake-size:4px;--flake-drift:14px;--flake-time:17s;--flake-delay:-6s}
@keyframes jt-story-light{
  0%,100%{opacity:.43;transform:translate(-50%,-50%) scale(.96)}
  24%{opacity:.62;transform:translate(-50%,-50%) scale(1.04)}
  47%{opacity:.49;transform:translate(-50%,-50%) scale(.99)}
  71%{opacity:.68;transform:translate(-50%,-50%) scale(1.07)}
}
@keyframes jt-story-aurora-veil{
  0%{opacity:var(--aurora-min);transform:translate3d(-3%,-1%,0) rotate(-6deg) scale(1,.96)}
  52%{opacity:var(--aurora-max);transform:translate3d(2%,2%,0) rotate(-2deg) scale(1.07,1.04)}
  100%{opacity:var(--aurora-rest);transform:translate3d(5%,-1%,0) rotate(2deg) scale(1.03,1.1)}
}
@keyframes jt-story-aurora-ribbons{
  0%{opacity:var(--aurora-min);transform:translate3d(-4%,0,0) skewX(-6deg) scaleY(.9)}
  48%{opacity:var(--aurora-max);transform:translate3d(3%,3%,0) skewX(3deg) scaleY(1.12)}
  100%{opacity:var(--aurora-rest);transform:translate3d(7%,-1%,0) skewX(-2deg) scaleY(1.02)}
}
@keyframes jt-story-aurora-bloom{
  0%{opacity:var(--aurora-min);transform:translate3d(-2%,2%,0) scale(.94)}
  55%{opacity:var(--aurora-max);transform:translate3d(3%,-2%,0) scale(1.08,1.03)}
  100%{opacity:var(--aurora-rest);transform:translate3d(5%,1%,0) scale(1.02,1.1)}
}
@keyframes jt-story-snowfall{
  0%{opacity:0;transform:translate3d(0,-4vh,0) rotate(0)}
  8%{opacity:.76}
  92%{opacity:.62}
  100%{opacity:0;transform:translate3d(var(--flake-drift),108vh,0) rotate(310deg)}
}

@media(min-width:901px){
  .jt-hero-storybook{
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .jt-hero-storybook::before{display:none}
  .jt-hero-storybook .jt-hero-copy{
    order:1;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
    grid-template-rows:auto auto auto;
    column-gap:56px;
    align-items:end;
    width:100%;
    max-width:none;
    padding:14px 16px 30px;
  }
  .jt-hero-storybook .jt-hero-kicker{
    grid-column:1;
    grid-row:1;
    margin:0 0 12px;
  }
  .jt-hero-storybook h1{
    grid-column:1;
    grid-row:2/4;
    max-width:650px;
    margin:0;
    font-size:clamp(3.2rem,4.6vw,5rem);
  }
  .jt-hero-storybook .jt-hero-copy>p{
    grid-column:2;
    grid-row:2;
    align-self:end;
    max-width:430px;
    margin:0;
    color:#d9edf8;
  }
  .jt-hero-storybook .jt-hero-badges{
    grid-column:2;
    grid-row:3;
    justify-content:flex-start;
    gap:20px;
    margin:15px 0 3px;
  }
  .jt-hero-storybook .jt-hero-badges span{
    padding:0;
    border:0;
    border-radius:0;
    color:#ffe29a;
    background:none;
    box-shadow:none;
    font-size:.78rem;
    letter-spacing:.02em;
  }
  .jt-hero-storybook .jt-hero-badges span::before{display:none}
  .jt-hero-storybook .jt-hero-badges span+span::before{display:none}
  .jt-hero-storybook .jt-hero-art-scene{
    position:relative;
    order:2;
    inset:auto;
    width:100%;
    aspect-ratio:1599/900;
    overflow:hidden;
    border:1px solid rgba(255,217,118,.26);
    border-radius:42px;
    box-shadow:0 35px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.12);
  }
  .jt-hero-storybook .jt-hero-art-shade{
    background:linear-gradient(180deg,rgba(2,10,20,.05),transparent 48%,rgba(2,10,20,.05));
  }
}

@media(max-width:900px){
  .jt-hero-storybook{
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:44px 34px 0;
  }
  .jt-hero-storybook::before{
    background:linear-gradient(180deg,rgba(3,14,27,.92) 0,rgba(5,20,35,.72) 43%,rgba(5,19,33,.12) 68%,transparent 100%);
  }
  .jt-hero-storybook .jt-hero-copy{
    order:1;
    width:100%;
    max-width:720px;
    margin:0 auto;
  }
  .jt-hero-storybook .jt-hero-art-scene{
    position:relative;
    order:2;
    inset:auto;
    width:calc(100% + 68px);
    aspect-ratio:1599/900;
    margin:24px -34px 0;
    border-radius:0 0 41px 41px;
  }
  .jt-hero-storybook .jt-hero-art{object-fit:cover;object-position:center}
  .jt-hero-storybook .jt-hero-art-shade{background:linear-gradient(180deg,rgba(3,14,27,.58),transparent 28%)}
  .jt-hero-art-aurora--veil{--aurora-min:.2;--aurora-max:.45;--aurora-rest:.32}
  .jt-hero-art-aurora--ribbons{--aurora-min:.1;--aurora-max:.3;--aurora-rest:.2}
  .jt-hero-art-aurora--bloom{--aurora-min:.09;--aurora-max:.27;--aurora-rest:.17}
  .jt-storybook-countdown{
    grid-template-columns:1fr;
    gap:12px;
    width:min(620px,calc(100% - 32px));
    padding:18px 20px;
  }
  .jt-storybook-countdown .jt-christmas-countdown-title{text-align:center}
  .jt-storybook-countdown .jt-christmas-countdown-values{justify-content:center}
}
@media(max-width:600px){
  .jt-hero-storybook{margin-bottom:14px;padding:34px 18px 0}
  .jt-hero-storybook .jt-hero-art-scene{
    width:calc(100% + 36px);
    margin:20px -18px 0;
    border-radius:0 0 27px 27px;
  }
  .jt-hero-storybook h1{font-size:clamp(2.75rem,13vw,3.75rem)}
  .jt-hero-light--key{width:12%}
  .jt-hero-light--door{width:21%}
  .jt-storybook-countdown{width:calc(100% - 18px);margin-bottom:38px;padding:16px 10px;border-radius:20px}
  .jt-storybook-countdown .jt-christmas-countdown-title{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .jt-hero-storybook .jt-hero-light,.jt-hero-storybook .jt-hero-art-aurora,.jt-hero-storybook .jt-hero-story-flake{animation:none}
  .jt-hero-storybook .jt-hero-art-aurora{opacity:var(--aurora-rest,.3);transform:none}
  .jt-hero-storybook .jt-hero-story-snow{display:none}
}
