/* Genererad av scripts/bygg-showreel.js ur ../site/assets/css/site.css. Redigera inte. */
.reel-scope{--paper:#F6F6F4;
  --paper-2:#EDECE7;
  --ink:#111214;
  --ink-soft:#5C6068;
  --ink-faint:#686B71;
  --line:#DEDCD5;
  --line-2:#C6C3BA;

  
  --dark:#0B0C0E;
  --dark-2:#131519;
  --dark-3:#1B1E24;

  
  

  --signal:#FFD400;       
  --bla:#2B7CEE;          
  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --body:'Barlow','Helvetica Neue',Arial,sans-serif;

  --gutter:clamp(20px,5vw,64px);
  --maxw:1240px;
  --rail:200px;
  --r:8px;}
.reel-scope .dark{--paper:var(--dark);
  --paper-2:var(--dark-2);
  --ink:#F2F2F0;
  --ink-soft:#A9AFB8;
  --ink-faint:#797F89;
  --line:rgba(242,242,240,.13);
  --line-2:rgba(242,242,240,.26);
  background:var(--paper);
  color:var(--ink);}
.reel-scope *,
.reel-scope *::before,
.reel-scope *::after{box-sizing:border-box; margin:0; padding:0;}
.reel-scope{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){.reel-scope,
.reel-scope .shorts{scroll-behavior:auto;}
.reel-scope .stage-track{transition:none;}
 }
.reel-scope{background:var(--paper); color:var(--ink);
  font-family:var(--body); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;}
.reel-scope img,
.reel-scope svg,
.reel-scope video,
.reel-scope iframe{max-width:100%; display:block;}
.reel-scope a{color:inherit;}
.reel-scope :focus-visible{outline:2px solid var(--ink); outline-offset:3px;}
.reel-scope .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter);}
.reel-scope [hidden]{display:none !important;}
.reel-scope .display{font-family:var(--display); font-weight:800; font-stretch:112%;
  text-transform:uppercase; line-height:1.02; letter-spacing:-.012em; text-wrap:balance;
  overflow-wrap:break-word;}
.reel-scope h1.display{font-size:clamp(1.95rem,6.4vw,5.4rem);}
.reel-scope h2.display{font-size:clamp(1.55rem,4.2vw,3.4rem);}
.reel-scope .label{font-family:var(--display); font-weight:700; font-stretch:112%;
  text-transform:uppercase; font-size:.6875rem; letter-spacing:.2em; color:var(--ink-faint);
  display:flex; align-items:center; gap:9px;}
.reel-scope .label::before{content:""; width:17px; height:15px; flex:none; background:var(--ink); -webkit-mask:var(--mark) center/contain no-repeat; mask:var(--mark) center/contain no-repeat;}
.reel-scope .lede{font-size:clamp(1.06rem,1.5vw,1.3rem); color:var(--ink-soft); max-width:56ch;}
.reel-scope p{max-width:64ch;}
.reel-scope .top{position:sticky; top:0; z-index:60;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:blur(16px); border-bottom:1px solid var(--line);}
.reel-scope .top-in{display:flex; align-items:center; gap:24px; height:70px;}
.reel-scope .brand{display:flex; align-items:center; text-decoration:none; margin-right:auto;}
.reel-scope .brand img{height:19px; width:auto;}
.reel-scope .brand .on-light{display:block;}
.reel-scope .brand .on-dark{display:none;}
.reel-scope .dark .brand .on-light{display:none;}
.reel-scope .dark .brand .on-dark{display:block;}
.reel-scope nav.main{display:flex; gap:26px;}
.reel-scope nav.main a{font-family:var(--display); font-weight:600; font-stretch:108%; text-transform:uppercase;
  font-size:.6875rem; letter-spacing:.15em; color:var(--ink-soft); text-decoration:none;
  padding:6px 0; border-bottom:2px solid transparent; transition:color .18s,border-color .18s;}
.reel-scope nav.main a:hover,
.reel-scope nav.main a[aria-current]{color:var(--ink); border-bottom-color:var(--ink);}
.reel-scope nav.main a[data-aktiv]{color:var(--ink); border-bottom-color:var(--line-2);}
.reel-scope .lang{display:flex; align-items:center; border:1px solid var(--line-2);}
.reel-scope .lang button{font-family:var(--display); font-weight:700; font-stretch:110%; font-size:.625rem;
  letter-spacing:.14em; text-transform:uppercase; background:none; border:0;
  color:var(--ink-faint); cursor:pointer; padding:7px 10px; transition:background .18s,color .18s;}
.reel-scope .lang button[aria-pressed="true"]{background:var(--ink); color:var(--paper);}
.reel-scope .lang button:hover{color:var(--ink);}
.reel-scope .lang button[aria-pressed="true"]:hover{color:var(--paper);}
.reel-scope .lang a{font-family:var(--display); font-weight:700; font-stretch:106%; text-transform:uppercase; font-size:.7rem; letter-spacing:.14em; color:var(--ink-faint); text-decoration:none; padding:7px 10px; transition:background .18s,color .18s;}
.reel-scope .lang a[aria-current="page"]{background:var(--ink); color:var(--paper);}
.reel-scope .lang a:hover{color:var(--ink);}
.reel-scope .lang a[aria-current="page"]:hover{color:var(--paper);}
.reel-scope .burger{display:none; background:none; border:1px solid var(--line-2); color:var(--ink);
  padding:8px 11px; cursor:pointer; font-family:var(--display); font-size:.625rem;
  letter-spacing:.14em; text-transform:uppercase; font-weight:700;}
@media (max-width:920px){.reel-scope nav.main{position:fixed; inset:70px 0 auto 0; flex-direction:column; gap:0;
    background:var(--paper); border-bottom:1px solid var(--line);
    padding:8px var(--gutter) 20px; display:none;}
.reel-scope nav.main.open{display:flex;}
.reel-scope nav.main a{font-size:.95rem; letter-spacing:.1em; padding:14px 0; border-bottom:1px solid var(--line);}
.reel-scope .burger{display:block;}

}
.reel-scope .sec{display:grid; grid-template-columns:var(--rail) 1fr; gap:0 52px; padding-block:clamp(64px,8vw,120px);}
.reel-scope .sec > .rail{position:sticky; top:116px; align-self:start;}
.reel-scope .sec > .col{display:flex; flex-direction:column; gap:32px; min-width:0;}
@media (max-width:920px){.reel-scope .sec{grid-template-columns:1fr; gap:26px;}
.reel-scope .sec > .rail{position:static;}

}
.reel-scope .band{border-top:1px solid var(--line);}
.reel-scope .btn{font-family:var(--display); font-weight:700; font-stretch:110%; text-transform:uppercase;
  font-size:.6875rem; letter-spacing:.16em; padding:16px 28px; text-decoration:none;
  display:inline-block; border:1px solid transparent; cursor:pointer;
  background:transparent;   
  transition:background .18s,color .18s,border-color .18s;}
.reel-scope .btn-solid{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.reel-scope .btn-solid:hover{background:transparent; color:var(--ink); border-color:var(--ink);}
.reel-scope .btn-ghost{border-color:var(--line-2); color:var(--ink);}
.reel-scope .btn-ghost:hover{border-color:var(--ink); color:var(--ink);}
.reel-scope .cta-row{display:flex; flex-wrap:wrap; gap:12px;}
.reel-scope .hero-paus{position:absolute; right:var(--gutter); bottom:clamp(14px,2vw,24px); z-index:4;
  font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.15em; color:rgba(242,242,240,.75);
  background:rgba(11,12,14,.45); border:1px solid rgba(242,242,240,.28); border-radius:999px;
  padding:8px 12px; cursor:pointer; backdrop-filter:blur(6px);}
.reel-scope .hero-paus:hover,
.reel-scope .hero-paus[aria-pressed="true"]{color:#F2F2F0; border-color:rgba(242,242,240,.6);}
@media (max-width:820px){.reel-scope .hero-paus{bottom:auto; top:14px;}
 }
.reel-scope .clubs-noscript{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px 22px;}
.reel-scope .clubs-noscript a{color:inherit;}
.reel-scope .hero-mark{position:absolute; right:clamp(-24px,2vw,52px); top:15%;
  width:min(26vw,300px); opacity:.1; z-index:3; pointer-events:none;}
@media (max-width:920px){.reel-scope .hero-mark{display:none;}
 }
.reel-scope .kontakt-mark{width:clamp(72px,8vw,112px); opacity:.3; margin-bottom:10px;}
.reel-scope .hero{position:relative; min-height:min(92vh,860px); display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden;}
.reel-scope .hero-media{position:absolute; inset:0; z-index:0; overflow:hidden; background:var(--dark);}
.reel-scope .hero-media video,
.reel-scope .hero-poster{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.reel-scope .hero-poster{z-index:0;}
.reel-scope .hero-yt{position:absolute; top:50%; left:50%; translate:-50% -50%; border:0; z-index:1; pointer-events:none; max-width:none; filter:brightness(1.14) saturate(1.04); opacity:0; transition:opacity .8s ease;}
.reel-scope .hero-yt.on{opacity:1;}
.reel-scope .hero-scrim{position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    linear-gradient(to top,
      rgba(11,12,14,.95) 0%, rgba(11,12,14,.74) 20%,
      rgba(11,12,14,.20) 50%, rgba(11,12,14,0) 70%, rgba(11,12,14,.36) 100%),
    linear-gradient(to right,
      rgba(11,12,14,.70) 0%, rgba(11,12,14,.30) 34%, rgba(11,12,14,0) 60%);}
.reel-scope .hero-in{width:100%; position:relative; z-index:3; padding-block:clamp(130px,19vw,200px) clamp(30px,4vw,52px);}
@media (max-width:600px){.reel-scope .hero{min-height:min(82vh,680px);}
.reel-scope .hero-in{padding-top:clamp(84px,14vw,120px);}
 }
.reel-scope .hero-logo{height:clamp(21px,2.5vw,31px); width:auto; margin-bottom:14px;}
.reel-scope .hero-kicker{font-family:var(--display); font-weight:600; font-stretch:108%; text-transform:uppercase;
  font-size:.6875rem; letter-spacing:.2em; color:#C6CBD3; margin-bottom:30px;}
.reel-scope .hero h1{margin-bottom:26px;}
.reel-scope .hero .lede{margin-bottom:36px; color:#D6DAE0; max-width:52ch;}
.reel-scope .clubs{display:flex; flex-direction:column; border-top:1px solid var(--line);}
.reel-scope .club{display:grid; gap:10px 0; align-items:start;
  padding-block:24px; border-bottom:1px solid var(--line);
  text-decoration:none; position:relative;}
.reel-scope .club::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:var(--ink); transform:scaleX(0); transform-origin:left;
  transition:transform .35s cubic-bezier(.16,.84,.32,1);}
.reel-scope .club:hover::after,
.reel-scope .club:focus-visible::after{transform:scaleX(1);}
@media (min-width:860px){.reel-scope .club{grid-template-columns:52px minmax(150px,190px) minmax(0,1fr) auto;
    align-items:center; gap:0 32px; padding-block:22px;}

}
.reel-scope .club-mark{width:52px; height:52px; flex:none; display:grid; place-items:center;
  background:var(--dark); border-radius:var(--r);}
.reel-scope .club-mark img{width:64%; height:64%; object-fit:contain;}
.reel-scope .club-mark.empty{background:none; border:1px dashed var(--line-2);}
.reel-scope .club-id{display:flex; flex-direction:column; gap:3px;}
.reel-scope .club .cname{font-family:var(--display); font-weight:800; font-stretch:112%; text-transform:uppercase;
  font-size:clamp(1.15rem,1.9vw,1.4rem); line-height:1.05; letter-spacing:-.005em;}
.reel-scope .club .country{font-family:var(--display); font-weight:600; font-stretch:106%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.2em; color:var(--ink-faint);}
.reel-scope .club p{color:var(--ink-soft); font-size:.95rem; max-width:52ch;}
.reel-scope .club .go{font-family:var(--display); font-weight:700; font-stretch:106%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.15em; color:var(--ink-faint);
  white-space:nowrap; transition:color .25s ease;}
.reel-scope .club:hover .go,
.reel-scope .club:focus-visible .go{color:var(--ink);}
.reel-scope .split{display:grid; gap:1px; background:var(--line); border:1px solid var(--line);}
@media (min-width:640px){.reel-scope .split{grid-template-columns:1fr 1fr;}
 }
.reel-scope .split > div{background:var(--paper); padding:30px 32px 34px;}
.reel-scope .split-h{font-family:var(--display); font-weight:700; font-stretch:112%; text-transform:uppercase;
  font-size:.6875rem; letter-spacing:.2em; color:var(--ink-faint);}
.reel-scope .split ul{list-style:none; display:flex; flex-direction:column; gap:11px; margin-top:18px;}
.reel-scope .split li{font-family:var(--display); font-weight:700; font-stretch:108%; text-transform:uppercase;
  font-size:clamp(.92rem,1.5vw,1.06rem); letter-spacing:.03em;
  display:flex; gap:12px; align-items:center;}
.reel-scope .split li::before{content:""; width:13px; height:11px; flex:none; background:var(--ink); -webkit-mask:var(--mark) center/contain no-repeat; mask:var(--mark) center/contain no-repeat;}
.reel-scope .do-item{display:grid; grid-template-columns:1fr; gap:7px; padding:26px 0; border-bottom:1px solid var(--line);}
.reel-scope .do-item:first-child{padding-top:0;}
.reel-scope .do-item:last-child{border-bottom:0; padding-bottom:0;}
.reel-scope .do-item h3{font-family:var(--display); font-weight:800; font-stretch:108%; text-transform:uppercase; font-size:1.08rem; letter-spacing:.02em;}
.reel-scope .do-item p{color:var(--ink-soft); max-width:56ch;}
@media (min-width:760px){.reel-scope .do-item{grid-template-columns:minmax(0,15rem) 1fr; gap:0 44px; align-items:baseline;}
 }
.reel-scope .reel-head{display:flex; align-items:flex-end; justify-content:space-between; gap:24px 32px; flex-wrap:wrap; padding-block:clamp(56px,7vw,92px) 30px;}
.reel-scope .reel-head h2{max-width:15ch;}
.reel-scope .pastaende{max-width:56ch; margin-top:16px; font-size:1.04rem; color:var(--ink-soft);}
.reel-scope .pastaende strong{color:var(--ink); font-weight:600;}
.reel-scope .stage-wrap{position:relative; padding-bottom:26px;}
.reel-scope .stage{overflow:hidden; touch-action:pan-y; cursor:grab;}
.reel-scope .stage.dragging{cursor:grabbing;}
.reel-scope .stage-track{display:flex; will-change:transform;
  transition:transform .55s cubic-bezier(.16,.84,.32,1);}
.reel-scope .stage.dragging .stage-track{transition:none;}
.reel-scope .stage.utan-animation .stage-track,
.reel-scope .stage.utan-animation .slide{transition:none !important;}
.reel-scope .slide{flex:0 0 82%; padding-inline:6px; display:grid; place-items:center;
  user-select:none; opacity:.3; transition:opacity .5s ease;}
@media (min-width:760px){.reel-scope .slide{flex-basis:72%; padding-inline:10px;}
 }
@media (min-width:1200px){.reel-scope .slide{flex-basis:66%; padding-inline:12px;}
 }
.reel-scope .slide.active{opacity:1;}
.reel-scope .slide-inner{width:min(100%, calc(74vh * 16 / 9)); aspect-ratio:16/9; position:relative;}
.reel-scope .film-frame{position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0;
  background:var(--paper-2); padding:0; cursor:pointer; overflow:hidden;
  display:block; color:inherit; font:inherit;}
.reel-scope .film-frame img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease, filter .35s ease; filter:saturate(.94) brightness(.9);}
.reel-scope .film-frame:hover img,
.reel-scope .film-frame:focus-visible img{transform:scale(1.02); filter:saturate(1.04) brightness(1);}
.reel-scope .film-frame iframe{width:100%; height:100%; border:0;}
.reel-scope .play{position:absolute; inset:0; display:grid; place-items:center; pointer-events:none;}
.reel-scope .play span{width:84px; height:84px; border-radius:50%; background:var(--ink); display:grid; place-items:center; transition:transform .3s ease;}
.reel-scope .play span::after{content:""; width:0; height:0; margin-left:7px; border-left:24px solid var(--paper); border-top:15px solid transparent; border-bottom:15px solid transparent;}
.reel-scope .film-frame:hover .play span,
.reel-scope .film-frame:focus-visible .play span{transform:scale(1.1);}
.reel-scope .stage-nav{position:absolute; top:50%; translate:0 -50%; z-index:3;
  width:52px; height:52px; display:grid; place-items:center; cursor:pointer;
  background:color-mix(in srgb, var(--paper) 82%, transparent);
  border:1px solid var(--line-2); color:var(--ink);
  font-family:var(--display); font-weight:700; font-size:1.2rem; line-height:1;
  transition:background .2s,border-color .2s,opacity .2s;}
.reel-scope .stage-nav:hover{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.reel-scope .stage-nav[disabled]{opacity:.22; pointer-events:none;}
.reel-scope .stage-prev{left:clamp(10px,2vw,28px);}
.reel-scope .stage-next{right:clamp(10px,2vw,28px);}
.reel-scope .stage-meta{display:flex; align-items:baseline; gap:16px 22px; flex-wrap:wrap;
  padding-bottom:clamp(34px,4vw,52px);}
.reel-scope .stage-count{font-family:var(--display); font-weight:700; font-stretch:110%;
  font-size:.6875rem; letter-spacing:.18em; color:var(--ink-faint);
  font-variant-numeric:tabular-nums;}
.reel-scope .stage-title{font-family:var(--display); font-weight:800; font-stretch:110%; text-transform:uppercase;
  font-size:clamp(1.05rem,1.9vw,1.35rem); letter-spacing:.02em;}
.reel-scope .stage-sub{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.15em; color:var(--ink-faint);}
.reel-scope .stage-sub i{font-style:normal; color:var(--ink);}
.reel-scope .shorts-wrap{position:relative; padding-bottom:clamp(56px,7vw,92px);}
.reel-scope .shorts{display:flex; gap:14px; overflow-x:auto;
  padding-inline:var(--gutter);
  scroll-snap-type:x proximity; scroll-padding-inline:var(--gutter);
  scroll-behavior:smooth; padding-bottom:4px;
  scrollbar-width:none; -ms-overflow-style:none;
  cursor:grab; touch-action:pan-x pan-y;   
  overscroll-behavior-x:contain;
  
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
.reel-scope .shorts::-webkit-scrollbar{display:none;}
.reel-scope .shorts img{-webkit-user-drag:none; user-select:none;}
.reel-scope .shorts.dragging{cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto;}
.reel-scope .shorts-nav{position:absolute; top:calc(50% - clamp(28px,3.5vw,46px)); translate:0 -50%; z-index:3;
  width:46px; height:46px; display:grid; place-items:center; cursor:pointer;
  background:color-mix(in srgb, var(--paper) 84%, transparent);
  border:1px solid var(--line-2); color:var(--ink);
  font-family:var(--display); font-weight:700; font-size:1.1rem; line-height:1;
  transition:background .2s,border-color .2s,color .2s,opacity .2s;}
.reel-scope .shorts-nav:hover{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.reel-scope .shorts-nav[disabled]{opacity:0; pointer-events:none;}
.reel-scope .shorts-prev{left:clamp(8px,1.6vw,22px);}
.reel-scope .shorts-next{right:clamp(8px,1.6vw,22px);}
.reel-scope .reel-item{flex:0 0 auto; width:min(56vw,208px); scroll-snap-align:start;
  display:flex; flex-direction:column; gap:11px;}
.reel-scope .short-frame{position:relative; width:100%; aspect-ratio:9/16; display:block; padding:0;
  border:1px solid var(--line); border-radius:var(--r); overflow:hidden;
  background:var(--paper-2); cursor:pointer; color:inherit; font:inherit;}
.reel-scope .short-frame img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .35s ease; filter:saturate(.94) brightness(.9);}
.reel-scope .short-frame:hover img,
.reel-scope .short-frame:focus-visible img{transform:scale(1.04); filter:none;}
.reel-scope .short-frame iframe{width:100%; height:100%; border:0;}
.reel-scope .stillbild{cursor:zoom-in;}
.reel-scope .short-frame .play span{width:52px; height:52px;}
.reel-scope .short-frame .play span::after{margin-left:4px; border-left:14px solid var(--paper); border-top:9px solid transparent; border-bottom:9px solid transparent;}
.reel-scope .flagga{position:absolute; top:10px; left:10px; z-index:2; max-width:calc(100% - 20px);
  display:flex; align-items:stretch; gap:7px;
  background:#F4F4F2; color:#0B0C0E;
  font-family:var(--display); font-weight:800; font-stretch:112%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.085em; line-height:1.55;
  padding:6px 9px 6px 6px; border-radius:3px; pointer-events:none;
  box-shadow:0 3px 16px rgba(0,0,0,.5);}
.reel-scope .flagga::before{content:''; flex:none; width:3px; background:var(--bla); border-radius:2px;}
@media (max-width:560px){.reel-scope .flagga{font-size:.625rem; letter-spacing:.06em; padding:5px 7px 5px 5px; gap:6px;}

}
.reel-scope .reel-item.utvald .short-frame{border-color:var(--signal);
  box-shadow:0 5px 24px rgba(255,212,0,.18);}
.reel-scope .reel-item.utvald .short-frame img{filter:none;}
.reel-scope .reel-item:not(.utvald) .short-frame img{filter:saturate(.9) brightness(.82);}
.reel-scope .reel-item .cap{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.15em; color:var(--ink-faint);}
.reel-scope .stream-rad .reel-item{width:min(86vw,600px);}
.reel-scope .stream-rad .short-frame{aspect-ratio:16/9;}
.reel-scope .reel-item .cap b{color:var(--ink); font-weight:700; display:block; margin-bottom:3px;}
.reel-scope .reel-lead .wrap{padding-block:clamp(96px,12vw,150px) clamp(34px,4vw,54px); display:flex; flex-direction:column; gap:22px;}
.reel-scope .reel-lead h1.display{font-size:clamp(2.1rem,5.6vw,4.4rem);}
.reel-scope .reel-block{position:relative;}
.reel-scope .reel-nav{position:sticky; top:70px; z-index:40;
  background:rgba(11,12,14,.92);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(242,242,240,.11);}
.reel-scope .reel-nav-in{display:flex; align-items:center; gap:6px; height:52px;
  overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none;}
.reel-scope .reel-nav-in::-webkit-scrollbar{display:none;}
.reel-scope .reel-nav a{font-family:var(--display); font-weight:700; font-stretch:108%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.15em;
  color:rgba(242,242,240,.56); text-decoration:none; white-space:nowrap;
  padding:9px 14px; border:1px solid transparent; border-radius:4px;
  transition:color .18s, border-color .18s, background .18s;}
.reel-scope .reel-nav a:hover,
.reel-scope .reel-nav a:focus-visible{color:#F2F2F0; border-color:rgba(242,242,240,.26);}
.reel-scope .reel-nav a[data-aktiv]{color:#0B0C0E; background:#F2F2F0; border-color:#F2F2F0;}
.reel-scope #video,
.reel-scope #shorts,
.reel-scope #stream,
.reel-scope #grafik,
.reel-scope #merchandise{scroll-margin-top:122px;}
.reel-scope .merch-item{width:min(62vw,236px);}
.reel-scope .merch-frame{position:relative; width:100%; aspect-ratio:1/1; overflow:hidden; display:block;
  border:1px solid var(--line); border-radius:var(--r); background:var(--paper-2);
  padding:0; cursor:zoom-in; color:inherit; font:inherit;}
.reel-scope .merch-frame img{width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease, filter .35s ease;
  filter:saturate(.92) brightness(.9);}
.reel-scope .merch-item:hover .merch-frame img{transform:scale(1.04); filter:none;}
.reel-scope .merch-item.utvald .merch-frame{border-color:var(--signal);
  box-shadow:0 5px 24px rgba(255,212,0,.18);}
.reel-scope .merch-item.utvald .merch-frame img{filter:none;}
.reel-scope .merch-par{display:flex; flex:0 0 auto; gap:5px;}
.reel-scope .merch-text{padding-top:clamp(30px,4vw,48px);}
.reel-scope .grafik-head{display:flex; align-items:flex-end; justify-content:space-between; gap:24px 32px; flex-wrap:wrap; padding-block:clamp(56px,7vw,92px) 28px;}
.reel-scope .grafik-titel{display:flex; flex-direction:column; gap:14px;}
.reel-scope .grafik-head h2{max-width:20ch;}
.reel-scope .filters{display:flex; gap:8px; flex-wrap:wrap;}
.reel-scope .filters button{font-family:var(--display); font-weight:700; font-stretch:106%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.15em; background:none; cursor:pointer;
  border:1px solid var(--line-2); color:var(--ink-soft); padding:9px 15px;
  transition:color .18s,border-color .18s,background .18s;}
.reel-scope .filters button:hover{color:var(--ink); border-color:var(--ink);}
.reel-scope .filters button[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:var(--paper);}
.reel-scope .wall{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
.reel-scope .wall-mer{display:flex; justify-content:center; padding-block:clamp(26px,3.5vw,44px) clamp(56px,7vw,92px);}
.reel-scope .wall-mer button[hidden]{display:none;}
@media (min-width:640px){.reel-scope .wall{grid-template-columns:repeat(3,1fr);}
 }
@media (min-width:1000px){.reel-scope .wall{grid-template-columns:repeat(4,1fr);}
 }
.reel-scope .tile{margin:0; padding:0; width:100%; display:block; position:relative;
  background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r);
  cursor:zoom-in; overflow:hidden; color:inherit; font:inherit; text-align:left;}
.reel-scope .tile img{width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .5s ease, filter .35s ease;}
.reel-scope .tile.bred{grid-column:span 2;}
.reel-scope .tile.bred img{aspect-ratio:8/5;}
.reel-scope .tile:hover img,
.reel-scope .tile:focus-visible img{transform:scale(1.04); filter:brightness(1.08);}
.reel-scope .tile figcaption{position:absolute; inset:auto 0 0 0; padding:28px 13px 12px;
  background:linear-gradient(to top,rgba(8,9,11,.94),rgba(8,9,11,0));
  color:#F2F2F0; opacity:0; transform:translateY(6px);
  transition:opacity .25s ease,transform .25s ease;}
.reel-scope .tile:hover figcaption,
.reel-scope .tile:focus-visible figcaption{opacity:1; transform:none;}
.reel-scope .tile figcaption b{display:block; font-family:var(--display); font-weight:800; font-stretch:106%; text-transform:uppercase; font-size:.6875rem; letter-spacing:.06em;}
.reel-scope .tile figcaption span{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.14em; color:rgba(242,242,240,.7);}
.reel-scope .lb{position:fixed; inset:0; z-index:200; background:rgba(12,13,17,.965); display:none; place-items:center;
  padding:clamp(16px,4vw,52px) clamp(72px,9vw,130px);}
.reel-scope .lb[open]{display:grid;}
.reel-scope .lb-rad{display:flex; align-items:center; justify-content:center;
  gap:clamp(10px,1.8vw,26px); width:100%; min-width:0;}
.reel-scope .lb img#lb-img{height:auto; max-height:min(76vh,700px);
  width:auto; max-width:100%; min-width:0; flex:0 1 auto;
  object-fit:contain; border-radius:var(--r);}
.reel-scope .lb button[hidden]{display:none;}
.reel-scope .lb-cap{position:absolute; left:0; right:0; bottom:clamp(14px,2.4vw,26px); text-align:center; color:#F2F2F0;}
.reel-scope .lb-cap b{display:block; font-family:var(--display); font-weight:800; font-stretch:108%; text-transform:uppercase; font-size:.82rem; letter-spacing:.05em;}
.reel-scope .lb-cap span{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.15em; color:rgba(242,242,240,.7);}
.reel-scope .lb button{position:absolute; background:rgba(11,12,14,.72); border:1px solid rgba(242,242,240,.26); color:#F2F2F0;
  width:48px; height:48px; display:grid; place-items:center; cursor:pointer;
  font-family:var(--display); font-weight:700; font-size:1.05rem; line-height:1;
  transition:background .18s,border-color .18s,color .18s;}
.reel-scope .lb button:hover{background:var(--ink); border-color:var(--ink); color:var(--paper);}
.reel-scope .lb .lb-peek{position:static; flex:0 0 auto; z-index:1;
  width:min(21vh,200px); height:min(21vh,200px); padding:0; overflow:hidden;
  background:var(--dark-2); border:1px solid rgba(242,242,240,.16); border-radius:var(--r);
  opacity:.42; cursor:pointer; transition:opacity .2s ease, border-color .2s ease;}
.reel-scope .lb .lb-peek:hover,
.reel-scope .lb .lb-peek:focus-visible{opacity:1; border-color:rgba(242,242,240,.4);}
.reel-scope .lb .lb-peek img{width:100%; height:100%; object-fit:cover; display:block;}
.reel-scope .lb .lb-peek[hidden]{display:none;}
.reel-scope .lb .lb-prev{left:clamp(8px,2vw,28px); top:50%; translate:0 -50%;}
.reel-scope .lb .lb-next{right:clamp(8px,2vw,28px); top:50%; translate:0 -50%;}
@media (max-width:1080px){.reel-scope .lb .lb-peek{display:none;}

}
.reel-scope .lb .lb-close{right:clamp(8px,2vw,28px); top:clamp(8px,2vw,28px);}
.reel-scope .caselist{display:flex; flex-direction:column;}
.reel-scope .case{display:grid; grid-template-columns:1fr; gap:28px; padding-block:clamp(38px,5vw,60px); border-top:1px solid var(--line);}
.reel-scope .case:first-child{border-top:0; padding-top:0;}
@media (min-width:880px){.reel-scope .case{grid-template-columns:minmax(0,38%) minmax(0,1fr); gap:0 clamp(44px,4.6vw,68px); align-items:start;}
.reel-scope .case.flip{grid-template-columns:minmax(0,1fr) minmax(0,38%);}
.reel-scope .case.flip > .case-media{order:2;}
.reel-scope .case-media{position:sticky; top:116px;}

}
.reel-scope .case-media video,
.reel-scope .case-media img{width:100%; height:auto; border:1px solid var(--line); border-radius:var(--r); background:var(--paper-2);}
.reel-scope .case-media.portrait video,
.reel-scope .case-media.portrait img{aspect-ratio:9/16; object-fit:cover; max-width:320px;}
.reel-scope .case-body{display:flex; flex-direction:column; gap:19px;}
.reel-scope .case h3{font-family:var(--display); font-weight:800; font-stretch:110%; text-transform:uppercase; font-size:clamp(1.25rem,2.2vw,1.65rem); letter-spacing:.01em;}
.reel-scope .case .for{font-family:var(--display); font-weight:600; font-stretch:106%; text-transform:uppercase; font-size:.625rem; letter-spacing:.17em; color:var(--ink); margin-top:8px;}
.reel-scope .case .pitch{color:var(--ink-soft); font-size:1.06rem; line-height:1.72; max-width:62ch; text-wrap:pretty;}
.reel-scope .spec{display:grid; grid-template-columns:auto 1fr; gap:11px 24px; border-top:1px solid var(--line); padding-top:19px;}
.reel-scope .spec dt{font-family:var(--display); font-weight:700; font-stretch:106%; text-transform:uppercase; font-size:.625rem; letter-spacing:.16em; color:var(--ink-faint); padding-top:4px; white-space:nowrap;}
.reel-scope .spec dd{font-size:.95rem;}
.reel-scope .case{--accent:var(--ink);}
.reel-scope .case-status{display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
  font-family:var(--display); font-weight:700; font-stretch:108%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.15em;
  color:var(--accent); border:1px solid var(--accent); border-radius:3px;
  padding:6px 10px; margin-top:10px;}
.reel-scope .case-status::before{content:""; width:6px; height:6px; border-radius:50%;
  background:var(--accent); flex:none;}
.reel-scope .case[style*="--accent"] .case-logo{background:var(--dark);}
.reel-scope .case-foot{display:flex; align-items:center; flex-wrap:wrap; gap:13px 16px;
  border-top:1px solid var(--line); padding-top:20px; margin-top:2px;}
.reel-scope .case-with{font-family:var(--display); font-weight:600; font-stretch:104%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.17em;
  color:var(--ink-faint);}
.reel-scope .case-logo{display:grid; place-items:center; background:var(--dark);
  border-radius:5px; padding:10px 15px;}
.reel-scope .case-logo img{display:block; width:auto;}
.reel-scope .case-foot .chip{margin-left:auto;}
.reel-scope .case-etikett{font-family:var(--display); font-weight:600; font-stretch:104%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.18em;
  color:var(--ink-faint); margin-top:14px;}
.reel-scope .case-brickor{display:grid; gap:6px; margin-top:8px;}
.reel-scope .case-brickor.tre{grid-template-columns:repeat(3,1fr);}
.reel-scope .case-brickor.tva{grid-template-columns:repeat(2,1fr);}
.reel-scope .case-brickor img{width:100%; height:auto; display:block; border:1px solid var(--line); border-radius:4px;}
.reel-scope .case-lander{font-family:var(--display); font-weight:700; font-stretch:108%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.13em; color:var(--ink);}
.reel-scope .links{display:flex; flex-wrap:wrap; gap:8px;}
.reel-scope .chip{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.13em; color:var(--ink);
  border:1px solid color-mix(in srgb, var(--ink) 24%, transparent);
  padding:7px 11px; text-decoration:none; transition:color .18s,border-color .18s;}
.reel-scope a.chip:hover{border-color:var(--ink);}
.reel-scope .stat-row{display:flex; flex-wrap:wrap; gap:32px;}
.reel-scope .stat b{font-family:var(--display); font-weight:800; font-stretch:112%; font-size:1.85rem; display:block; line-height:1; color:var(--ink); font-variant-numeric:tabular-nums;}
.reel-scope .stat span{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.15em; color:var(--ink-faint);}
.reel-scope #partners .sec{padding-bottom:clamp(10px,1.4vw,18px);}
.reel-scope #partners{padding-bottom:clamp(14px,2vw,26px);}
.reel-scope .marquee{position:relative; overflow:hidden;
  padding-block:clamp(22px,2.8vw,34px);
  margin-bottom:0;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.reel-scope .marquee-track{display:flex; width:max-content; gap:0;
  animation:marquee var(--dur,34s) linear infinite;}
.reel-scope .marquee:hover .marquee-track,
.reel-scope .stilla .marquee-track{animation-play-state:paused;}
@keyframes marquee{from{transform:translateX(0);}
to{transform:translateX(-50%);}
 }
.reel-scope .partners{display:flex; align-items:center; list-style:none;
  gap:var(--logogap); padding-right:var(--logogap); padding-left:0;
  --logogap:clamp(40px,5vw,86px);
  --logoyta:3100;}
@media (max-width:640px){.reel-scope .partners{--logoyta:2300;}
 }
.reel-scope .partners li{display:grid; place-items:center; flex:none;}
.reel-scope .partners img{height:32px; width:auto; opacity:.78; transition:opacity .25s ease;}
.reel-scope .marquee:hover .partners img{opacity:1;}
.reel-scope .partners li:not(:has(img)){font-family:var(--display); font-weight:800; font-stretch:112%; text-transform:uppercase;
  font-size:1.05rem; letter-spacing:.08em; color:var(--ink-soft); white-space:nowrap;}
@media (prefers-reduced-motion:reduce){.reel-scope .marquee{overflow-x:auto;}
.reel-scope .marquee-track{animation:none;}

}
.reel-scope .note{font-size:.9rem; color:var(--ink-faint); max-width:62ch;}
.reel-scope .founders{display:grid; gap:1px; background:var(--line); border:1px solid var(--line);}
@media (min-width:720px){.reel-scope .founders{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));}
 }
.reel-scope .founder{background:var(--paper); padding:32px; display:flex; gap:20px; align-items:flex-start;}
.reel-scope .founder .ph{width:62px; height:54px; flex:none; background:var(--ink); opacity:.14; -webkit-mask:var(--mark) center/contain no-repeat; mask:var(--mark) center/contain no-repeat;}
.reel-scope .founder h3{font-family:var(--display); font-weight:800; font-stretch:110%; text-transform:uppercase; font-size:1.02rem; letter-spacing:.02em;}
.reel-scope .founder .role{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.16em; color:var(--ink); margin:6px 0 12px;}
.reel-scope .founder p{font-size:.95rem; color:var(--ink-soft); max-width:58ch;}
.reel-scope .fig{margin:0; display:flex; flex-direction:column; gap:13px;}
.reel-scope .fig img{width:100%; height:auto; display:block;
  border:1px solid var(--line); border-radius:var(--r); background:var(--paper-2);}
.reel-scope .fig figcaption{display:flex; flex-direction:column; gap:7px; max-width:62ch;}
.reel-scope .fig figcaption b{font-family:var(--display); font-weight:700; font-stretch:106%;
  text-transform:uppercase; font-size:.625rem; letter-spacing:.15em;
  color:var(--ink);}
.reel-scope .fig figcaption span{font-size:.92rem; color:var(--ink-faint);}
.reel-scope .lead-in .col{gap:24px;}
.reel-scope .lead-in h1.display{font-size:clamp(2.1rem,5vw,3.9rem);}
.reel-scope .sources{list-style:none; counter-reset:src; display:flex; flex-direction:column; gap:1px; background:var(--line); border:1px solid var(--line);}
.reel-scope #kallor .label{color:var(--ink-faint);}
.reel-scope .sources li{background:var(--paper); padding:22px 26px 22px 58px; position:relative;
  font-size:.95rem; color:var(--ink-soft); max-width:none;}
.reel-scope .sources li::before{counter-increment:src; content:counter(src);
  position:absolute; left:26px; top:22px;
  font-family:var(--display); font-weight:800; font-stretch:110%;
  font-size:.8rem; color:var(--ink-faint); font-variant-numeric:tabular-nums;}
.reel-scope .sources b{color:var(--ink); font-weight:600;}
.reel-scope .sources a{display:inline-block; margin-left:6px;
  font-family:var(--display); font-weight:700; font-stretch:104%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.14em; color:var(--ink-faint); text-decoration:none;
  border-bottom:1px solid var(--line-2);}
.reel-scope .sources a:hover{color:var(--ink); border-bottom-color:var(--ink);}
.reel-scope .news-grid{display:grid; gap:1px; background:var(--line); border:1px solid var(--line);}
@media (min-width:760px){.reel-scope .news-grid.multi{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));}
 }
.reel-scope .news-card{background:var(--paper); padding:32px; text-decoration:none; display:flex; flex-direction:column; gap:13px; transition:background .2s;}
.reel-scope .news-card:hover{background:var(--paper-2);}
.reel-scope .news-card time{font-family:var(--display); font-weight:600; font-stretch:104%; font-size:.625rem; letter-spacing:.17em; text-transform:uppercase; color:var(--ink); font-variant-numeric:tabular-nums;}
.reel-scope .news-card h3{font-family:var(--display); font-weight:800; font-stretch:108%; text-transform:uppercase; font-size:1.2rem; letter-spacing:.02em; line-height:1.06; text-wrap:balance;}
.reel-scope .news-card p{color:var(--ink-soft); font-size:.97rem;}
.reel-scope .news-card .go{font-family:var(--display); font-weight:700; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.16em; color:var(--ink-faint); margin-top:auto; padding-top:10px;}
.reel-scope .news-card:hover .go{color:var(--ink);}
.reel-scope .news-empty{background:var(--paper); padding:38px 32px; color:var(--ink-faint);}
.reel-scope .article{padding-block:clamp(52px,7vw,96px) clamp(60px,8vw,104px);}
.reel-scope .article .back{font-family:var(--display); font-weight:700; font-stretch:104%; text-transform:uppercase; font-size:.625rem; letter-spacing:.16em; color:var(--ink-faint); text-decoration:none; display:inline-block; margin-bottom:34px;}
.reel-scope .article .back:hover{color:var(--ink);}
.reel-scope .article time{font-family:var(--display); font-weight:600; font-stretch:104%; font-size:.625rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink);}
.reel-scope .article h1{font-size:clamp(2.1rem,4.6vw,3.5rem); margin:14px 0 24px;}
.reel-scope .article .body{max-width:66ch; display:flex; flex-direction:column; gap:19px; color:var(--ink-soft); font-size:1.08rem;}
.reel-scope .article .body strong{color:var(--ink); font-weight:600;}
.reel-scope .article .body a{color:var(--ink);}
.reel-scope p:has(> .mailto){max-width:none;}
.reel-scope .mailto{display:inline-block; max-width:100%;
  font-family:var(--display); font-weight:800; font-stretch:110%;
  font-size:clamp(1.2rem,3.2vw,2.5rem); text-decoration:none; letter-spacing:-.015em;
  border-bottom:2px solid var(--ink); padding-bottom:5px; transition:color .2s;
  overflow-wrap:anywhere;}
.reel-scope .mailto:hover{color:var(--ink);}
.reel-scope footer{padding-block:clamp(48px,6vw,76px) 0;}
.reel-scope .foot-in{display:grid; gap:38px 48px; align-items:start;
  padding-bottom:clamp(36px,5vw,56px); border-bottom:1px solid var(--line);}
@media (min-width:760px){.reel-scope .foot-in{grid-template-columns:minmax(0,1fr) auto;}
 }
.reel-scope .foot-nav{display:grid; gap:30px 44px; grid-template-columns:repeat(2,minmax(0,1fr));}
@media (min-width:560px){.reel-scope .foot-nav{grid-template-columns:repeat(3,auto); gap:0 clamp(36px,5vw,72px);}
 }
.reel-scope .foot-nav > div{display:flex; flex-direction:column; gap:11px;}
.reel-scope .foot-h{font-family:var(--display); font-weight:700; font-stretch:110%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.2em; color:var(--ink-faint); margin-bottom:4px;}
.reel-scope .foot-nav a{font-size:.94rem; color:var(--ink-soft); text-decoration:none;
  transition:color .18s; width:fit-content;}
.reel-scope .foot-nav a:hover{color:var(--ink);}
.reel-scope .foot-bottom{padding-block:22px 30px;}
.reel-scope .foot-bottom small{font-family:var(--display); font-weight:600; font-stretch:104%; text-transform:uppercase;
  font-size:.625rem; letter-spacing:.16em; color:var(--ink-faint);}
.reel-scope .js .rv{opacity:0; transform:translateY(14px); transition:opacity .6s ease,transform .6s ease;}
.reel-scope .rv.in{opacity:1; transform:none;}
.reel-scope .js .rise{opacity:0; transform:translateY(20px); animation:rise .85s cubic-bezier(.16,.84,.32,1) forwards;}
.reel-scope .rise:nth-child(1){animation-delay:.06s}
.reel-scope .rise:nth-child(2){animation-delay:.16s}
.reel-scope .rise:nth-child(3){animation-delay:.26s}
.reel-scope .rise:nth-child(4){animation-delay:.36s}
@keyframes rise{to{opacity:1; transform:none;}
 }
@media (prefers-reduced-motion:reduce){.reel-scope .rv,
.reel-scope .rise{opacity:1; transform:none; transition:none; animation:none;}
 }
.reel-scope .brand-text{font-family:var(--display); font-weight:800; font-stretch:112%; text-transform:uppercase; letter-spacing:.16em; font-size:.8rem; color:var(--ink);}
.reel-scope .reel-foot{padding:clamp(40px,6vw,72px) 0;}
.reel-scope .reel-foot .wrap{display:flex; flex-direction:column; gap:10px;}
.reel-scope .reel-foot a{color:var(--ink); text-decoration:none; font-size:1.05rem;}
.reel-scope .reel-foot a:hover{text-decoration:underline;}
.reel-scope .reel-foot small{color:var(--ink-faint); margin-top:8px;}
.reel-scope .reel-sida .label::before{display:none;}
   

/* ---- Elite Studios: överstyrningar inuti showreelen ---- */
.reel-scope{ --display:"Barlow",system-ui,sans-serif; --body:"Barlow",system-ui,sans-serif; --dark:#0C0C0C; --dark-2:#131519; }
.reel-scope{ background:transparent; }
.reel-scope .label::before{ display:none; }
.reel-scope .reel-nav{ top:66px; }
.reel-scope .display{ font-stretch:normal; letter-spacing:-.01em; }
.reel-scope{ overflow:visible; }                                   /* EEG:s body har overflow-x:hidden, det bryter sticky */
.reel-scope .reel-item.utvald .short-frame,
.reel-scope .merch-item.utvald .merch-frame{ border-color:var(--line); box-shadow:none; }   /* ingen gul ram här */
.reel-scope .reel-item .short-frame img{ filter:saturate(.94) brightness(.9); }
.reel-scope .reel-item .short-frame:hover img{ filter:none; }
.reel-scope .merch-text{ display:none; }                            /* showreelen talar, ingen text under plaggen */