@font-face{font-family:Dela;src:url(assets/fonts/dela.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(assets/fonts/instrument-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(assets/fonts/instrument-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@property --glow{syntax:"<color>";inherits:true;initial-value:#cfd8d0}
@property --glow-i{syntax:"<number>";inherits:true;initial-value:0}
:root{
  color-scheme:dark;
  --green:#153d30;
  --deep:#0f2f25;
  --lime:#d7e998;
  --cream:#e6eddd;
  --muted:#b4c7b1;
  --line:#3a6652;
  --display:Dela,"Arial Black",Arial,sans-serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --pad:clamp(20px,4.7vw,80px);
  --max:1760px;
  --header:84px;
  --roof:7.83deg;
  --bounce:cubic-bezier(.3,1.5,.5,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent;touch-action:manipulation;scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px);-webkit-text-size-adjust:100%}
body{overflow-x:clip;margin:0;background:var(--green);color:var(--cream);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{display:block;overflow-x:clip}
h1,h2,h3,p,dl,dd,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05;letter-spacing:-.04em}
h2{font-size:clamp(34px,5vw,68px)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
[hidden]{display:none!important}
::selection{background:var(--lime);color:var(--deep)}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.skip{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;background:var(--lime);color:var(--deep);font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='a' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2.2 0 0 0 -1.25'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 0 0 0 .95'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23a%29'/%3E%3Crect width='100%25' height='100%25' filter='url%28%23b%29'/%3E%3C/svg%3E") 0 0/220px 220px;opacity:.22;animation:grain 1s infinite}
@keyframes grain{
  0%{transform:translate(0,0);animation-timing-function:steps(1,end)}
  17%{transform:translate(-3%,2%);animation-timing-function:steps(1,end)}
  33%{transform:translate(2%,-4%);animation-timing-function:steps(1,end)}
  50%{transform:translate(-4%,-1%);animation-timing-function:steps(1,end)}
  67%{transform:translate(3%,3%);animation-timing-function:steps(1,end)}
  83%{transform:translate(-1%,-3%);animation-timing-function:steps(1,end)}
  100%{transform:translate(0,0)}
}
.roof,.roof__lift{transform-box:fill-box;transform-origin:12% 90%}
.roof__lift{transition:transform .3s var(--bounce)}
.roof__lift.is-hop{animation:roof-hop .8s cubic-bezier(.3,.7,.4,1) both}
@keyframes roof-hop{0%{transform:none}28%{transform:translateY(-46%) rotate(-15deg)}52%{transform:translateY(5%) rotate(1.5deg)}68%{transform:translateY(-12%) rotate(-3deg)}84%{transform:translateY(1%) rotate(.4deg)}100%{transform:none}}
.site-footer__t{pointer-events:auto}
@keyframes roof-drop{from{transform:translateY(-38%) rotate(-18deg);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}
.site-header{position:sticky;top:0;z-index:30;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 max(var(--pad),env(safe-area-inset-right)) 0 max(var(--pad),env(safe-area-inset-left));background:transparent;transition:box-shadow .2s,background-color .2s}
.site-header.is-scrolled{background:var(--green);box-shadow:0 1px 0 var(--line)}
.brand{display:block;color:var(--lime);transition:opacity .25s,visibility .25s}
.brand__logo{display:block;height:38px;width:auto;overflow:visible}
body:not(.has-hero-logo) .brand .roof{animation:roof-drop .8s var(--bounce) .15s both}
body.has-hero-logo:not(.hero-logo-gone) .brand{opacity:0;visibility:hidden}
body.hero-logo-gone .brand .roof{animation:roof-drop .7s var(--bounce) both}
.site-header nav{display:flex;gap:30px;font-size:16px;font-weight:600}
.site-header nav a{position:relative;padding:12px 0 8px}
.site-header nav a::before{content:"";position:absolute;left:-4px;right:-4px;top:5px;height:4px;background:var(--lime);transform-origin:0 50%;transform:rotate(var(--roof)) scaleX(0);transition:transform .3s var(--bounce)}
.site-header nav a:hover::before,.site-header nav a[aria-current]::before{transform:rotate(var(--roof)) scaleX(1)}
.text-link{display:inline-flex;align-items:center;gap:36px;padding:12px 0;border-bottom:1px solid var(--lime);color:var(--lime);font-weight:600;transition:gap .2s}
.text-link:hover{gap:52px}
.text-link span{font-size:26px;font-weight:400;line-height:1}
.solid-button{display:inline-block;background:var(--lime);color:var(--deep);padding:15px 26px;font-weight:600;border-radius:0;transition:transform .2s var(--bounce)}
.solid-button:hover{transform:rotate(-2deg)}
.solid-button:active{transform:translateY(1px)}
.solid-button:disabled{opacity:.6;cursor:progress;transform:none}
.email{display:inline-block;border-bottom:1px solid var(--line);padding-bottom:4px;font-size:clamp(18px,2vw,24px)}
.email:hover{border-color:var(--lime);color:var(--lime)}
a.inline{border-bottom:1px solid var(--lime);color:var(--lime)}
.section{max-width:var(--max);margin:0 auto;padding:clamp(72px,9vw,128px) var(--pad)}
.cursor-tag{position:fixed;left:0;top:0;z-index:95;pointer-events:none;will-change:transform}
.cursor-tag span{display:block;padding:9px 14px 8px;background:var(--lime);color:var(--deep);font:600 14px/1 var(--body);white-space:nowrap;transform:translate(-50%,-50%) rotate(0) scale(.2);opacity:0;transition:transform .3s var(--bounce),opacity .15s}
.cursor-tag.is-on span{transform:translate(-50%,-50%) rotate(var(--roof)) scale(1);opacity:1}
.has-cursor-tag [data-cursor]{cursor:none}
@keyframes tune{from{background-position:0 0}to{background-position:0 120%}}
.hero{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(8px,2vw,32px) var(--pad) clamp(48px,6vw,96px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:1fr auto auto 1fr;column-gap:clamp(20px,3vw,48px);min-height:min(920px,calc(100svh - var(--header)));transition:--glow .14s linear,--glow-i .14s linear}
.hero.is-dark{transition:--glow-i .7s ease-out}
.hero__title{grid-column:1;grid-row:2;position:relative;z-index:3;margin:0;padding-bottom:clamp(20px,2.6vw,36px);color:var(--lime);font-size:0;line-height:0}
.hero__logo{display:block;width:100%;height:auto;overflow:visible}
.hero__logo .roof{animation:roof-drop .9s var(--bounce) .45s both}
.hero__tv{grid-column:2;grid-row:1/-1;align-self:center;position:relative;z-index:1;container-type:inline-size;padding-bottom:9%}
.hero__bottom{grid-column:1;grid-row:3;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:22px;font-size:18px}
.hero__bottom p{max-width:28ch;color:var(--cream)}
.tv{position:relative;isolation:isolate;aspect-ratio:2400/1589}
.tv__light{position:absolute;z-index:-2;left:-55%;right:-45%;top:-60%;bottom:-70%;pointer-events:none;background:var(--glow);-webkit-mask-image:radial-gradient(closest-side at 47.2% 46.8%,#000 0,rgba(0,0,0,.78) 24%,rgba(0,0,0,.32) 52%,rgba(0,0,0,.08) 78%,transparent 100%);mask-image:radial-gradient(closest-side at 47.2% 46.8%,#000 0,rgba(0,0,0,.78) 24%,rgba(0,0,0,.32) 52%,rgba(0,0,0,.08) 78%,transparent 100%);opacity:calc(var(--glow-i) * .85)}
.tv__shadow{position:absolute;z-index:-1;left:2%;right:2%;bottom:-6%;height:13%;pointer-events:none;background:radial-gradient(closest-side,#020d08e6,#020d0800)}
.tv__screen{position:absolute;z-index:0;left:6.47%;top:9.46%;width:65.88%;height:76.55%;overflow:hidden;background:#09110e;container-type:size}
.tv__inner{position:absolute;inset:0;transform-origin:50% 50%}
.tv__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#09110e}
.tv__static{position:absolute;inset:0;background:#5d5d5d url(assets/tv/tune.webp) 0 0/100% 600% no-repeat;animation:tune .3s steps(6) infinite}
.tv__static video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tv__fx[data-fx=roll]{transform:scale(1.15)}
.tv__inner.is-lock::after{content:"";position:absolute;inset:0;z-index:4;background:url(assets/tv/tune.webp) 0 var(--lock,40%)/100% 600% no-repeat;mix-blend-mode:screen;opacity:.85}
.tv__bug{position:absolute;z-index:2;right:5%;top:7%;width:4.4cqw;height:auto;color:#fff;opacity:.5;overflow:visible;transition:opacity .2s}
.tv__bug.is-off{opacity:0}
.tv__osd{position:absolute;inset:0;z-index:3;pointer-events:none;font-family:var(--display);letter-spacing:-.02em;color:var(--lime);text-shadow:0 1px 6px #000c,0 0 2px #000;opacity:0;transition:opacity .2s}
.tv__osd.is-on{opacity:1}
.osd-n{position:absolute;left:6%;top:6%;font-size:8.5cqw;line-height:1}
.osd-t{position:absolute;left:6%;right:20%;bottom:7%;font-size:max(12px,3.6cqw);line-height:1.1}
.osd-h{position:absolute;left:6%;top:calc(6% + 10cqw);font:600 max(11px,3.1cqw)/1.2 var(--body);letter-spacing:0;color:var(--cream)}
.tv__scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#03150d40 3px 4px);box-shadow:inset 0 0 6cqw 1.6cqw #000c}
.tv__glass{position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 42% 30% at 24% 16%,rgba(235,245,240,.13),rgba(235,245,240,0) 75%),radial-gradient(ellipse 70% 40% at 50% 0,rgba(235,245,240,.07),rgba(235,245,240,0) 70%),linear-gradient(176deg,rgba(235,245,240,.05),rgba(235,245,240,0) 45%)}
.tv__dot{position:absolute;z-index:4;left:calc(50% - .9cqw);top:calc(50% - .9cqw);width:1.8cqw;height:1.8cqw;border-radius:50%;background:#fff;box-shadow:0 0 1.2cqw .4cqw #eafff4,0 0 5cqw 1.5cqw #bfffe066;opacity:0;pointer-events:none}
.tv.is-off .tv__dot{animation:afterglow 1.8s .42s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes afterglow{0%{opacity:1;transform:scale(1.4)}12%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.3)}}
.tv__shell{position:relative;z-index:1;display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.tv__rim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 46% 56% at 39.4% 47.7%,var(--glow),transparent 100%);-webkit-mask:url(assets/tv/tv-frame.webp) 0 0/100% 100% no-repeat;mask:url(assets/tv/tv-frame.webp) 0 0/100% 100% no-repeat;mix-blend-mode:screen;opacity:calc(var(--glow-i) * .3)}
.tv__led{position:absolute;z-index:2;left:82.5%;top:49.465%;width:11.833%;height:2.958%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 1.5px #ff5a36) drop-shadow(0 0 5px #ff3b1a99)}
.tv__led path{fill:#ff8a66;opacity:0;transition:opacity .08s}
.tv__led path.on{opacity:1}
.tv__key{position:absolute;z-index:2;border-radius:3%}
.tv__key--ch{left:81.667%;top:58.402%;width:7.083%;height:6.419%}
.tv__key--pw{left:90.542%;top:58.716%;width:3.917%;height:5.979%}
.tv__key:active,.tv__key.is-pressed{background:#0006;box-shadow:inset 0 2px 5px #000c}
.tv__key:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.tv__inner.is-booting{animation:crt-on .7s cubic-bezier(.2,.8,.2,1) both}
.tv.is-off .tv__inner{animation:crt-off .5s cubic-bezier(.5,0,.8,.4) both}
@keyframes crt-off{0%{transform:scale(1,1);filter:brightness(1);opacity:1}55%{transform:scale(1,.012);filter:brightness(4);opacity:1}85%{transform:scale(.03,.012);filter:brightness(6);opacity:1}100%{transform:scale(0,0);filter:brightness(6);opacity:0}}
@keyframes crt-on{0%{transform:scale(.02,.004);filter:brightness(4)}45%{transform:scale(1,.006);filter:brightness(3)}100%{transform:scale(1,1);filter:brightness(1)}}
.tv[data-clickable] .tv__screen{cursor:pointer}
.remote{--u:max(1.12cqw,7.2px);position:absolute;z-index:3;left:-5cqw;top:59cqw;display:flex;align-items:center;gap:calc(var(--u) * 1.15);padding:calc(var(--u) * 1.3) calc(var(--u) * 1.8) calc(var(--u) * 1.3) 0;border-radius:calc(var(--u) * 1.4) calc(var(--u) * 2.2) calc(var(--u) * 2.2) calc(var(--u) * 1.4);background:linear-gradient(180deg,#323533 0,#202221 48%,#151716 100%);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -2px 5px #000a,0 calc(var(--u) * 1.8) calc(var(--u) * 2.4) calc(var(--u) * -.4) #010805d9,0 calc(var(--u) * .3) calc(var(--u) * .5) #000b;transform:rotate(var(--roof));transform-origin:0 50%}
.remote__ir{position:relative;align-self:stretch;width:calc(var(--u) * 1.5);margin:calc(var(--u) * -1.3) 0;border-radius:calc(var(--u) * 1.4) 0 0 calc(var(--u) * 1.4);background:linear-gradient(90deg,#4a120c,#200605 70%,#120303);box-shadow:inset -1px 0 0 #000,inset 1px 0 0 #ff6a4a33}
.remote__blink{position:absolute;left:30%;top:50%;width:calc(var(--u) * .7);height:calc(var(--u) * .7);margin-top:calc(var(--u) * -.35);border-radius:50%;background:#ff5233;box-shadow:0 0 calc(var(--u) * .8) calc(var(--u) * .3) #ff3b1acc;opacity:0}
.remote__blink.is-on{animation:ir-blink .22s steps(2,jump-none) both}
@keyframes ir-blink{0%,100%{opacity:0}30%,70%{opacity:1}}
.rk{position:relative;display:grid;place-content:center;flex:none;font:600 calc(var(--u) * 1.2)/1 var(--body);letter-spacing:-.01em;color:#2b2b28;background:linear-gradient(180deg,#ece7db,#cdc7b8);border-radius:calc(var(--u) * .55);box-shadow:0 calc(var(--u) * .28) 0 #7f7a6e,0 calc(var(--u) * .4) calc(var(--u) * .5) #000b,inset 0 1px 0 #fffc;transition:transform .07s,box-shadow .07s,opacity .2s}
.rk svg{width:calc(var(--u) * 1.7);height:calc(var(--u) * 1.7);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.rk:hover:not(:disabled){background:linear-gradient(180deg,#f6f2e7,#d8d2c3)}
.rk:active:not(:disabled),.rk.is-pressed{transform:translateY(calc(var(--u) * .24));box-shadow:0 calc(var(--u) * .04) 0 #7f7a6e,0 calc(var(--u) * .1) calc(var(--u) * .2) #000b,inset 0 1px 2px #0003}
.rk:disabled{opacity:.42;cursor:default}
.rk:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.rk--power{width:calc(var(--u) * 4);height:calc(var(--u) * 4);border-radius:50%;color:#fff4ee;background:linear-gradient(180deg,#e85a43,#b32c1c);box-shadow:0 calc(var(--u) * .28) 0 #6e180e,0 calc(var(--u) * .4) calc(var(--u) * .5) #000b,inset 0 1px 0 #ffffff59}
.rk--power:hover:not(:disabled){background:linear-gradient(180deg,#f06a52,#c03524)}
.rk--power:active,.rk--power.is-pressed{box-shadow:0 calc(var(--u) * .04) 0 #6e180e,inset 0 1px 2px #0004}
.rk--power svg{width:calc(var(--u) * 2);height:calc(var(--u) * 2);stroke-width:2.8}
.remote__pad{display:grid;grid-template-columns:repeat(5,calc(var(--u) * 3.1));grid-auto-rows:calc(var(--u) * 2.55);gap:calc(var(--u) * .6) calc(var(--u) * .55)}
.rk--n{width:100%;height:100%}
.rk--n[aria-current]{background:linear-gradient(180deg,#eef6c4,#cfe189)}
.remote__rocker{display:flex;flex-direction:column;gap:calc(var(--u) * .45)}
.rk--p{width:calc(var(--u) * 4.2);height:calc(var(--u) * 2.55)}
.rk--ok{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);font-family:var(--display);font-weight:400;font-size:calc(var(--u) * 1.35);color:var(--deep);background:linear-gradient(180deg,#e4f1ab,#c4d878);box-shadow:0 calc(var(--u) * .28) 0 #7c8a45,0 calc(var(--u) * .4) calc(var(--u) * .5) #000b,inset 0 1px 0 #fffc}
.rk--ok:hover:not(:disabled){background:linear-gradient(180deg,#eef8c0,#d0e388)}
.rk--ok:active,.rk--ok.is-pressed{box-shadow:0 calc(var(--u) * .04) 0 #7c8a45,inset 0 1px 2px #0003}
.rk--pause{width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}
.remote__t{flex:none;height:calc(var(--u) * 3);width:auto;margin-left:calc(var(--u) * .3);color:var(--lime);opacity:.85}
.remote.is-off .rk--n[aria-current]{background:linear-gradient(180deg,#ece7db,#cdc7b8)}
.work{padding-top:clamp(40px,5vw,72px)}
.work__head{max-width:var(--max);margin:0 auto;padding:0 var(--pad) clamp(28px,3.5vw,48px);display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.work__head p{max-width:28ch;color:var(--muted);text-align:right}
.wall-wrap{container-type:inline-size;max-width:var(--max);margin:0 auto}
.wall{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:calc((100cqw - 11px) / 12 * .375);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.tile--klassekampen{grid-column:1/9;grid-row:1/13}
.tile--jegerheltfucka{grid-column:9/13;grid-row:1/7}
.tile--taket{grid-column:9/13;grid-row:7/13}
.tile--neuw{grid-column:1/4;grid-row:13/23}
.tile--bla{grid-column:4/7;grid-row:13/18}
.tile--keo{grid-column:7/10;grid-row:13/18}
.tile--minidesk{grid-column:10/13;grid-row:13/18}
.tile--forste-sondag-i-november{grid-column:4/7;grid-row:18/23}
.tile--far-som-sonn{grid-column:7/10;grid-row:18/23}
.tile--sa-langt-sa-bra{grid-column:10/13;grid-row:18/23}
.tile{position:relative;display:block;overflow:hidden;min-width:0;background:var(--deep);cursor:pointer;transition:opacity .3s}
.tile>img,.tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile>video{opacity:0;transition:opacity .2s}
.tile>video.is-playing{opacity:1}
.tile--neuw>img,.tile--neuw>video{object-position:50% 30%}
.tile__scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b241bd9 0,#0b241b00 42%);opacity:.9;transition:opacity .3s}
.tile::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 0 var(--accent);transition:box-shadow .2s}
.tile__meta{position:absolute;left:16px;top:14px;font-size:13px;font-weight:600;color:var(--cream);text-shadow:0 1px 8px #000b}
.tile__title{position:absolute;left:16px;right:72px;bottom:14px;font-family:var(--display);font-size:clamp(17px,1.9vw,30px);line-height:1.08;letter-spacing:-.035em;color:var(--lime);text-shadow:0 1px 10px #000b}
.tile--klassekampen .tile__title{font-size:clamp(24px,3.4vw,54px)}
.tile--neuw .tile__title{font-size:clamp(17px,1.7vw,26px)}
.tile__plus{position:absolute;right:14px;bottom:16px;width:38px;height:38px;display:grid;place-content:center;background:var(--lime);color:var(--deep);font-size:24px;line-height:1;transform:rotate(var(--roof))}
.tile:hover::after,.tile:focus-visible::after{box-shadow:inset 0 0 0 3px var(--accent)}
.tile:hover .tile__scan,.tile:focus-visible .tile__scan{opacity:.45}
.tile:focus-visible{outline-offset:-4px}
.has-cursor-tag .tile__plus{display:none}
.has-cursor-tag .wall:hover .tile:not(:hover){opacity:.5}
.about-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}
.about-teaser p{max-width:34ch;margin:26px 0 24px;color:var(--muted)}
.team-peek{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(calc(var(--roof) / -2))}
.team-peek img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}
.team-peek img:nth-child(even){transform:translateY(26px)}
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,7vw,110px);align-items:start;border-top:1px solid var(--line)}
.contact__title{font-size:clamp(56px,9.4vw,150px);color:var(--lime);letter-spacing:-.05em;line-height:.98}
.contact__lead p{max-width:30ch;margin:28px 0 24px;color:var(--muted);font-size:18px}
.contact--page{padding:0;border:0}
.contact--page .contact__lead p{margin-top:0}
.kontakt-form{display:grid;gap:26px}
.chips{border:0;padding:0;margin:0}
.chips legend{padding:0;margin-bottom:12px;font-size:15px;color:var(--muted)}
.chips__row{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative}
.chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chip span{display:block;padding:9px 16px;border:1px solid var(--line);font-size:15px;font-weight:600;transition:background .15s,color .15s,transform .25s var(--bounce)}
.chip:hover span{border-color:var(--lime)}
.chip input:checked+span{background:var(--lime);border-color:var(--lime);color:var(--deep);transform:rotate(-2deg)}
.chip input:focus-visible+span{outline:3px solid var(--lime);outline-offset:3px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field label{display:block;margin-bottom:8px;font-size:15px;color:var(--muted)}
.field input,.field textarea{display:block;width:100%;background:var(--deep);border:1px solid var(--line);border-radius:0;padding:14px;min-height:52px;color:var(--cream)}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--lime);outline:0;box-shadow:0 0 0 1px var(--lime)}
.kontakt__honey{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.kontakt__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.kontakt__status{font-size:15px;color:var(--lime)}
.kontakt__status.is-err{color:#ffb4a2}
.page{max-width:1400px;margin:0 auto;padding:clamp(24px,4vw,56px) var(--pad) clamp(72px,9vw,120px)}
.page__title{font-size:clamp(56px,9vw,128px);color:var(--lime);margin-bottom:clamp(28px,4vw,48px);letter-spacing:-.05em}
.page__intro{max-width:36ch;font-size:clamp(20px,2.4vw,30px);line-height:1.4;margin-bottom:clamp(48px,7vw,88px)}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px 6%}
.person img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;filter:grayscale(.8)}
.person:nth-child(even){padding-top:90px}
.person h2{font-size:clamp(24px,2.8vw,38px);margin-top:22px}
.person p{margin:10px 0 8px;color:var(--muted)}
.person a{border-bottom:1px solid var(--line)}
.person a:hover{border-color:var(--lime);color:var(--lime)}
.contact-strip{margin-top:clamp(72px,9vw,128px);border-top:1px solid var(--line);padding-top:48px}
.contact-strip p{color:var(--muted);margin-bottom:12px}
.contact-strip h2{font-size:clamp(44px,8vw,120px);color:var(--lime)}
.contact-strip a:hover{color:var(--cream)}
.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}
.logo-grid--icons{grid-template-columns:repeat(4,1fr)}
.logo-card__art{display:grid;place-items:center;aspect-ratio:16/9;padding:12%}
.logo-grid--icons .logo-card__art{aspect-ratio:1;padding:22%}
.logo-card__art img{max-height:100%;width:auto;max-width:100%}
.logo-card__art--on-green{background:var(--green);box-shadow:inset 0 0 0 1px var(--line)}
.logo-card__art--on-lime{background:var(--lime)}
.logo-card__art--on-deep{background:var(--deep)}
.logo-card__art--on-cream{background:var(--cream)}
.logo-card figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:12px 2px 0;font-size:15px;color:var(--muted)}
.logo-card__dl{display:flex;gap:14px}
.logo-card__dl a{color:var(--lime);border-bottom:1px solid var(--lime)}
.nf{max-width:var(--max);margin:0 auto;padding:clamp(16px,3vw,40px) var(--pad) clamp(72px,9vw,120px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:center;min-height:calc(100dvh - var(--header) - 120px);--glow:#3f8cff;--glow-i:.8}
.nf__title{font-size:clamp(56px,8.4vw,140px);color:var(--lime);margin-bottom:24px;letter-spacing:-.05em}
.nf__text{position:relative;z-index:2}
.nf__text p{margin-bottom:28px;font-size:19px;color:var(--muted);max-width:30ch}
.nf__tv{position:relative;z-index:1}
dialog:focus,dialog:focus-visible{outline:0}
dialog{background:var(--deep);color:var(--cream);border:1px solid var(--line);padding:0;width:min(940px,calc(100vw - 32px));max-height:90dvh;overflow:auto;transition:background-color .25s,border-color .25s}
dialog::backdrop{background:#07170de6;backdrop-filter:blur(8px)}
dialog[open]::backdrop{animation:backdrop-in .35s ease both}
dialog.is-opening{background-color:transparent;border-color:transparent;overflow:visible}
dialog.is-opening>*:not(.dialog__ghost){visibility:hidden}
dialog.is-landing .dialog__media>*{visibility:hidden}
.dialog__ghost{position:fixed;z-index:10;overflow:hidden;background:#06100c;pointer-events:none;box-shadow:0 30px 60px #0009}
.dialog__ghost>img,.dialog__ghost>canvas{display:block;width:100%;height:100%;object-fit:cover}
dialog.is-revealing .dialog__top,dialog.is-revealing .dialog__copy>*{animation:dialog-rise .55s cubic-bezier(.2,.8,.2,1) both}
dialog.is-revealing .dialog__copy>:nth-child(1){animation-delay:.05s}
dialog.is-revealing .dialog__copy>:nth-child(2){animation-delay:.1s}
dialog.is-revealing .dialog__copy>:nth-child(3){animation-delay:.15s}
dialog.is-revealing .dialog__copy>:nth-child(4){animation-delay:.2s}
@keyframes dialog-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
dialog.is-crt-on{animation:crt-on .55s cubic-bezier(.2,.8,.2,1) both}
dialog.is-closing{animation:dialog-off .52s cubic-bezier(.55,0,.75,.35) both;overflow:hidden}
@keyframes dialog-off{0%{transform:scale(1,1);filter:brightness(1);opacity:1}55%{transform:scale(1,.012);filter:brightness(2.2);opacity:1}85%{transform:scale(.04,.012);filter:brightness(3);opacity:1}100%{transform:scale(0,0);opacity:0}}
dialog.is-closing::backdrop{animation:backdrop-out .45s .1s ease both}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes backdrop-out{from{opacity:1}to{opacity:0}}
.dialog__top{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;font-size:14px;color:var(--muted)}
.dialog__top button{padding:8px;color:var(--cream)}
.dialog__top button:hover{color:var(--lime)}
.dialog__media{position:relative;width:100%;height:min(50dvh,calc((min(940px,100vw - 32px) - 2px) / var(--ar,1.7778)));background:#06100c;overflow:hidden}
.dialog__media img,.dialog__media video,.dialog__media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dialog__media[data-fit=contain] img,.dialog__media[data-fit=contain] video,.dialog__media[data-fit=contain] canvas{object-fit:contain}
.dialog__copy{padding:30px 28px 34px}
.dialog__copy h2{font-size:clamp(28px,4vw,44px);margin-bottom:16px;color:var(--lime)}
.dialog__copy p{max-width:56ch;color:var(--cream)}
.dialog__copy dl{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;margin:24px 0;font-size:15px}
.dialog__copy dt{color:var(--muted)}
.dialog__copy dd{margin:0}
.dialog__note{margin:0 0 18px;color:var(--muted)}
.dialog__actions:not(:empty){margin-top:24px}
.unlock{display:grid;gap:10px;max-width:460px}
.unlock label{font-size:15px;color:var(--muted)}
.unlock__row{display:flex;gap:10px}
.unlock input{flex:1;min-width:0;min-height:52px;padding:14px;background:var(--green);border:1px solid var(--line);border-radius:0;color:var(--cream);font-size:16px}
.unlock input:focus{border-color:var(--lime);outline:0;box-shadow:0 0 0 1px var(--lime)}
.unlock__status{min-height:1.4em;font-size:15px;color:var(--lime)}
.unlock__ask{justify-self:start;font-size:15px;color:var(--muted);border-bottom:1px solid var(--line)}
.unlock__ask:hover{color:var(--lime);border-color:var(--lime)}
.dialog__missing{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:12px 18px;background:#06100ccc;color:var(--cream);font-size:15px}
.series{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.series button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;height:100%;padding:14px 16px 16px;background:var(--deep);text-align:left;font-weight:600;transition:background .15s,color .15s}
.series__n{font-family:var(--display);font-size:24px;line-height:1;color:var(--lime);transition:color .15s,transform .3s var(--bounce)}
.series button:hover,.series button[aria-current]{background:var(--lime);color:var(--deep)}
.series button:hover .series__n,.series button[aria-current] .series__n{color:var(--deep)}
.series button[aria-current] .series__n{transform:rotate(var(--roof))}
.player{position:absolute;inset:0;z-index:2;overflow:hidden;background:#000;color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.player__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;background:#000}
.player--reel{background:transparent;opacity:0;transition:opacity .35s}
.player--reel.has-frame{opacity:1}
.player--reel .player__video{background:transparent}
.reel[data-fit=cover] .player__video{object-fit:cover!important}
.player--reel .player__big,.player--reel .player__chip,.player--reel .player__wait{display:none}
.player__big{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;opacity:0;pointer-events:none;transition:opacity .2s}
.player__big span{display:grid;place-items:center;width:100%;height:100%;background:var(--lime);color:var(--deep);transform:rotate(var(--roof));box-shadow:0 10px 30px #0009;transition:transform .25s var(--bounce)}
.player__big svg{width:34px;height:34px;margin-left:4px;transform:rotate(calc(var(--roof) * -1))}
.player__big:hover span{transform:rotate(var(--roof)) scale(1.06)}
.player.is-paused:not(.is-waiting) .player__big{opacity:1;pointer-events:auto}
.player__wait{position:absolute;left:50%;top:50%;z-index:3;width:44px;height:48px;margin:-24px 0 0 -22px;opacity:0;pointer-events:none;transition:opacity .2s .25s}
.player__t{width:100%;height:100%;color:var(--lime);overflow:visible;filter:drop-shadow(0 2px 10px #000a)}
.player.is-waiting .player__wait{opacity:1}
.player.is-waiting .player__t .roof__lift{animation:roof-hop .9s cubic-bezier(.3,.7,.4,1) infinite}
.player__chip{position:absolute;left:14px;top:14px;z-index:4;display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--lime);color:var(--deep);font:600 14px/1 var(--body);transform:rotate(calc(var(--roof) / -3));box-shadow:0 6px 18px #0008}
.player__chip[hidden]{display:none}
.player__chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.player__bar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:12px;padding:34px 14px 10px;background:linear-gradient(180deg,#0000,#000000b8);transition:opacity .3s,transform .3s}
.player.is-idle .player__bar{opacity:0;transform:translateY(8px);pointer-events:none}
.player.is-idle{cursor:none}
.player__btn{display:grid;place-items:center;flex:none;width:40px;height:40px;color:#fff;transition:color .15s}
.player__btn:hover{color:var(--lime)}
.player__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.player__time{flex:none;min-width:3.4em;font:600 13px/1 var(--body);font-variant-numeric:tabular-nums;color:#fff}
.player__time--dur{text-align:right;color:#ffffffb3}
.player__scrub{position:relative;flex:1;height:28px;cursor:pointer;touch-action:none}
.player__track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:#ffffff33;overflow:hidden;transition:height .15s,margin .15s}
.player__buf,.player__fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0)}
.player__buf{background:#ffffff40}
.player__fill{background:var(--lime)}
.player__head{position:absolute;top:50%;left:0;width:22px;height:8px;margin:-4px 0 0 -11px;background:var(--lime);transform:rotate(var(--roof)) scale(.8);box-shadow:0 2px 8px #0008;transition:transform .2s var(--bounce)}
.player__scrub:hover .player__track,.player.is-scrubbing .player__track{height:6px;margin-top:-3px}
.player__scrub:hover .player__head,.player.is-scrubbing .player__head{transform:rotate(var(--roof)) scale(1)}
.player__scrub:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.player.is-full{background:#000}
.player.is-full .player__bar{padding:40px 24px 18px}
html.reels-open,html.reels-open body{overflow:hidden}
.reels:focus{outline:0}
.reels{position:fixed;inset:0;z-index:80;background:#050806;color:var(--cream);overscroll-behavior:contain;transition:background-color .3s}
.reels__track{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.reels__track::-webkit-scrollbar{display:none}
.reel{position:relative;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint}
.reel__bg{position:absolute;inset:-6%;background:center/cover no-repeat;transform:translateZ(0)}
.reel__frame{position:absolute;left:0;right:0;top:44%;width:min(100%,calc(100dvh * var(--ar)));aspect-ratio:var(--ar);margin:0 auto;transform:translateY(-50%);background:#000}
.reel[data-fit=cover] .reel__frame{inset:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none}
.reel__frame img,.reel__frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel__loop{opacity:0;transition:opacity .35s}
.reel__loop.is-on{opacity:1}
.reel__shade{position:absolute;inset:0;background:linear-gradient(180deg,#050806b3 0,#05080600 18%,#05080600 52%,#050806e6 86%)}
.reel__state{position:absolute;left:50%;top:44%;z-index:3;width:84px;height:84px;margin:-42px 0 0 -42px;display:grid;place-items:center;color:#fff;pointer-events:none;opacity:0}
.reel__state svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 2px 10px #000a)}
.reel__state.is-flash{animation:state-flash .7s ease-out}
@keyframes state-flash{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1)}70%{opacity:1}100%{opacity:0;transform:scale(1.1)}}
.reel.is-paused .reel__state{opacity:.9;animation:none}
.reel__info{position:absolute;left:max(18px,env(safe-area-inset-left));right:92px;bottom:calc(26px + env(safe-area-inset-bottom));z-index:3;text-shadow:0 1px 12px #000c}
.reel__meta{font-size:13px;font-weight:600;color:var(--cream);opacity:.85}
.reel__title{margin:6px 0 8px;font-size:clamp(30px,9vw,40px);line-height:1;letter-spacing:-.04em;color:var(--lime)}
.reel__desc{font-size:15px;line-height:1.4;max-width:34ch}
.reel__credits{margin-top:6px;font-size:13px;color:var(--muted);max-width:34ch}
.reel__rail{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;align-items:center;gap:18px}
.reel__act{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:60px;min-height:48px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 8px #000c;transition:transform .12s}
.reel__act:active{transform:scale(.92)}
.reel__act>svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 6px #0009)}
.reel__key{display:grid;place-items:center;width:52px;height:52px;background:var(--lime);color:var(--deep);transform:rotate(var(--roof));box-shadow:0 6px 18px #0008}
.reel__key svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(calc(var(--roof) * -1))}
.reel__act--main[data-kind=play] .reel__key svg{margin-left:3px}
.reel__scrub{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:4;height:22px;display:flex;align-items:flex-end;touch-action:none}
.reel__bar{position:relative;width:100%;height:2px;background:#ffffff2e;transition:height .15s}
.reel__bar span{display:block;height:100%;background:var(--lime);transform-origin:0 50%;transform:scaleX(0)}
.reel.has-time .reel__bar{height:3px}
.reel.is-scrubbing .reel__bar{height:6px}
.reel__time{position:absolute;left:50%;bottom:30px;padding:6px 10px;background:#050806d9;font:600 14px/1 var(--body);font-variant-numeric:tabular-nums;color:#fff;transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .15s}
.reel.is-scrubbing .reel__time{opacity:1}
.reel.is-scrubbing .reel__info,.reel.is-scrubbing .reel__rail{opacity:.25}
.reel__ep{font-size:14px;font-weight:600;color:var(--cream);margin:-2px 0 6px}
.reel__ep:empty{display:none}
.reel__act[hidden]{display:none}
.reel__frame>.player{z-index:2}
.reel__frame>img{transition:opacity .3s}
.reel.has-film .reel__frame>img,.reel.has-film .reel__loop{opacity:0}
.reels__sound{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;color:#fff}
.reels__sound svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 6px #000a)}
.reels__sound.is-muted{color:var(--deep);background:var(--lime);transform:rotate(var(--roof))}
.reels__sound.is-muted svg{filter:none;transform:rotate(calc(var(--roof) * -1))}
.reels__top{position:absolute;left:0;right:0;top:0;z-index:6;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 6px) max(12px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));pointer-events:none}
.reels__top>*{pointer-events:auto}
.reels__close{display:grid;place-items:center;width:44px;height:44px;color:#fff}
.reels__close svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 1px 6px #000a)}
.reels__count{font:400 15px/1 var(--display);letter-spacing:-.02em;color:#fff;text-shadow:0 1px 8px #000a}
.reels__t{height:26px;width:auto;margin-left:6px;color:var(--lime);overflow:visible;filter:drop-shadow(0 1px 6px #0008)}
.reels__ghost{position:fixed;z-index:7;overflow:hidden;background:#000;pointer-events:none}
.reels__ghost>img,.reels__ghost>canvas{display:block;width:100%;height:100%;object-fit:cover}
.reels.is-entering,.reels.is-leaving{background-color:transparent}
.reels .reel__bg,.reels .reel__shade,.reels .reel__info,.reels .reel__rail,.reels .reel__scrub,.reels__top{transition:opacity .3s}
.reels.is-entering .reel>*,.reels.is-entering .reels__top{opacity:0;transition:none}
.reels.is-leaving .reel>*,.reels.is-leaving .reels__top{opacity:0;transition:opacity .2s}
.reels.is-fading{opacity:0}
.reels{transition:background-color .3s,opacity .25s}
.reels__hint{position:absolute;left:50%;bottom:34%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateX(-50%);font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 10px #000c;opacity:0;pointer-events:none;transition:opacity .3s}
.reels__hint svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.reels.show-hint .reels__hint{opacity:1}
.reels.show-hint .reels__hint svg{animation:hint-up 1.1s cubic-bezier(.3,.7,.4,1) infinite}
@keyframes hint-up{0%{transform:translateY(10px);opacity:0}40%{opacity:1}100%{transform:translateY(-12px);opacity:0}}
.reels__toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 62px);z-index:9;max-width:calc(100% - 40px);padding:10px 14px;background:var(--lime);color:var(--deep);font-size:14px;font-weight:600;transform:translate(-50%,-8px) rotate(calc(var(--roof) / -3));opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--bounce)}
.reels__toast.is-on{opacity:1;transform:translate(-50%,0) rotate(calc(var(--roof) / -3))}
.sheet-scrim{position:absolute;inset:0;z-index:7;background:#000;opacity:0;pointer-events:none;transition:opacity .3s}
.reels.sheet-open .sheet-scrim{opacity:.55;pointer-events:auto}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:8;max-height:80%;overflow:auto;overscroll-behavior:contain;padding:8px max(22px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:var(--deep);border-top:1px solid var(--line);transform:translateY(105%);transition:transform .38s cubic-bezier(.32,.72,0,1);visibility:hidden}
.reels.sheet-open .sheet{transform:translateY(0);visibility:visible}
.sheet__grab{display:grid;place-items:center;height:28px;margin:0 -22px 4px;touch-action:none;cursor:grab}
.sheet__grab span{width:42px;height:5px;background:var(--lime);transform:rotate(var(--roof))}
.sheet__title{font-size:30px;color:var(--lime);margin-bottom:6px}
.sheet__meta{font-size:13px;color:var(--muted);margin-bottom:12px}
.sheet__text{font-size:16px;line-height:1.5;margin-bottom:18px}
.sheet__credits{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0;font-size:15px}
.sheet__credits dt{color:var(--muted)}
.sheet__credits dd{margin:0}
.sheet .series{grid-template-columns:1fr 1fr;margin-top:14px}
.sheet .series button{min-height:64px}
.sheet .unlock{margin-top:14px}
.sheet .unlock input{font-size:16px}
.sheet__go{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:52px}
.sheet__go svg{width:20px;height:20px;fill:currentColor}
@media (orientation:landscape) and (max-height:500px){
  .reel__frame{top:50%;width:min(100%,calc(100dvh * var(--ar)))}
  .reel__info,.reel__rail{display:none}
  .reel__shade{background:linear-gradient(180deg,#050806b3 0,#05080600 22%)}
}
.site-footer{position:relative;overflow:hidden;border-top:1px solid var(--line);min-height:clamp(200px,24vw,400px)}
.site-footer__row{position:relative;z-index:1;max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px var(--pad) calc(28px + env(safe-area-inset-bottom));font-size:14px;color:var(--muted)}
.site-footer__links{display:flex;gap:24px}
.site-footer__links a:hover{color:var(--lime)}
.site-footer__t{position:absolute;left:50%;bottom:0;height:clamp(150px,22vw,360px);width:auto;color:var(--lime);overflow:visible;transform:translate(-50%,16%)}
.site-footer.is-waiting .site-footer__t .roof{opacity:0}
.site-footer.is-in .site-footer__t .roof{animation:roof-drop .9s var(--bounce) .1s both}
@media (max-width:1100px){
  .wall{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .tile{aspect-ratio:16/10}
  .tile--klassekampen,.tile--jegerheltfucka,.tile--taket,.tile--neuw,.tile--bla,.tile--keo,.tile--minidesk,.tile--forste-sondag-i-november,.tile--far-som-sonn,.tile--sa-langt-sa-bra{grid-column:auto;grid-row:auto}
  .tile--klassekampen{grid-column:1/-1;aspect-ratio:16/9}
  .tile--neuw{aspect-ratio:16/10}
}
@media (max-width:900px){
  :root{--header:72px}
  .brand__logo{height:32px}
  .hero{grid-template-columns:1fr;grid-template-rows:auto;min-height:0;row-gap:8px}
  .hero__title{grid-column:1;grid-row:1;margin:0;padding:12px 0 18px}
  .hero__logo{width:min(100%,420px)}
  .hero__tv{grid-column:1;grid-row:2;width:100%;max-width:700px;justify-self:center;padding-bottom:0}
  .remote{--u:max(1.12cqw,6.6px);left:50%;top:auto;bottom:auto;position:relative;margin:-3cqw 0 0 -8cqw;width:max-content;transform:rotate(var(--roof));transform-origin:0 50%}
  .hero__bottom{grid-column:1;grid-row:3;margin-top:22px}
  .tv__light{left:-30%;right:-30%;top:-40%;bottom:-50%}
  .work__head{flex-direction:column;align-items:flex-start;gap:14px}
  .work__head p{text-align:left}
  .about-teaser,.contact,.nf{grid-template-columns:1fr}
  .about-teaser{gap:56px}
  .team-peek{max-width:480px;width:82%;margin:0 auto}
  .nf{min-height:0}
  .nf__tv{order:-1}
}
@media (max-width:640px){
  .wall{grid-template-columns:1fr 1fr;grid-auto-flow:row dense}
  .tile{aspect-ratio:4/3}
  .tile--klassekampen{grid-column:1/-1;aspect-ratio:16/10}
  .tile--neuw{grid-row:span 2;aspect-ratio:auto}
  .tile__meta{left:10px;top:8px;font-size:11px}
  .tile__title{left:10px;right:10px;bottom:9px;font-size:16px}
  .tile--klassekampen .tile__title{font-size:28px}
  .tile--neuw .tile__title{font-size:16px}
  .tile__plus{display:none}
  .site-header nav{gap:20px;font-size:15px}
  .field-row{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr;gap:44px}
  .person:nth-child(even){padding-top:0}
  .logo-grid{grid-template-columns:1fr}
  .logo-grid--icons{grid-template-columns:1fr 1fr}
  .remote{--u:2.55cqw;left:auto;margin:-1cqw auto 0;transform:rotate(calc(var(--roof) / -3));transform-origin:50% 50%}
  .remote__pad{display:none}
  .remote__rocker{flex-direction:row-reverse}
  .rk--p{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);font-size:calc(var(--u) * 1.35)}
  .rk--power{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}
  .rk--pause{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}
  .dialog__copy{padding:22px 20px 28px}
  .dialog__copy dl{grid-template-columns:1fr;gap:2px}
  .dialog__copy dd{margin-bottom:10px}
  .site-footer__row{flex-direction:column;gap:14px}
}
@media (hover:none){
  .tile{transition:transform .18s cubic-bezier(.3,.7,.4,1),opacity .3s}
  .tile:active{transform:scale(.97)}
  .rk:active:not(:disabled){transform:translateY(calc(var(--u) * .24)) scale(.96)}
  .text-link:active,.solid-button:active{opacity:.75}
  body::after{inset:0;animation:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .site-footer.is-waiting .site-footer__t .roof{opacity:1}
}
.game{position:absolute;inset:0;z-index:1;background:#08231b;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.game__cv{display:block;width:100%;height:100%;cursor:pointer}
.game__btns{display:none;position:absolute;left:0;right:0;bottom:3cqw;justify-content:center;gap:1.6cqw;pointer-events:none}
.game__btns button{pointer-events:auto;font-family:var(--display);font-size:max(9px,2.1cqw);letter-spacing:.02em;text-transform:uppercase;padding:max(4px,1cqw) max(8px,2.4cqw);border:0;border-radius:0;background:#d7e998d9;color:#0f2e23;cursor:pointer}
.game__btns [data-g=exit]{background:#0f2e23d9;color:#d7e998;box-shadow:inset 0 0 0 1px #d7e99888}
.game__btns button:focus-visible,.game__win a:focus-visible,.game__win button:focus-visible{outline:2px solid #fff3a6;outline-offset:2px}
.tv__inner.is-game .tv__bug,.tv__inner.is-game .tv__osd,.tv__inner.is-game .tv__static{display:none}
.game__win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;text-align:center;padding:4cqw 4cqw max(34px,14cqw);color:#d7e998}
.game__win p{margin:0}
.game__win-h{font-family:var(--display);font-size:max(22px,7.5cqw);line-height:1;color:#e7f6aa}
.game__win-t{font-size:max(12px,3cqw);font-weight:600}
.game__win-c{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:max(12px,3.4cqw);font-weight:700;letter-spacing:.06em;color:#fff3a6;background:#0f2e23;padding:1cqw 2.4cqw;-webkit-user-select:all;user-select:all}
.game__win-a,.game__win-r{font-family:var(--display);font-size:max(10px,2.4cqw);text-transform:uppercase;text-decoration:none;border:0;border-radius:0;padding:max(5px,1.2cqw) max(10px,3cqw);background:#d7e998;color:#0f2e23;cursor:pointer}
.game__win-r{background:transparent;color:#d7e998;box-shadow:inset 0 0 0 1px #d7e998}
@media (hover:none){.game__btns{display:flex}}
.game__win-i{font:inherit;font-family:var(--body,inherit);font-size:max(12px,2.8cqw);width:min(70%,48cqw);padding:max(5px,1cqw) max(8px,1.6cqw);border:0;border-radius:0;background:#0f2e23;color:#f2fbc4;box-shadow:inset 0 0 0 1px #d7e998;text-align:center}
.game__win-i::placeholder{color:#7fa98b}
.game__win-i:focus-visible{outline:2px solid #fff3a6;outline-offset:2px}
.game--full{position:fixed;inset:0;height:100vh;height:100dvh;z-index:2000;display:flex;flex-direction:column;background:#04160f;container-type:inline-size;touch-action:none;overscroll-behavior:none}
.game--full .game__stage{position:relative;flex:1;min-height:0;padding-top:env(safe-area-inset-top);background:#04160f}
.game--full .game__cv{position:absolute;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top) + 46px);width:100%;height:calc(100% - env(safe-area-inset-top) - 46px);object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}
.game--full .game__top{position:absolute;top:calc(env(safe-area-inset-top) + 5px);left:8px;right:8px;display:flex;gap:8px;justify-content:flex-end;z-index:2}
.game--full .game__top button{font-family:var(--display);font-size:12px;letter-spacing:.02em;text-transform:uppercase;min-width:52px;min-height:36px;padding:0 10px;border:0;border-radius:0;background:#0f2e23d9;color:#d7e998;box-shadow:inset 0 0 0 1px #d7e99888;touch-action:manipulation}
.game--full .game__pad{height:var(--pad,92px);flex:none;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#04160f;box-sizing:content-box}
.game--full .game__pad button{font-family:var(--display);font-size:clamp(18px,6vw,26px);letter-spacing:.02em;text-transform:uppercase;border:0;border-radius:0;background:#0f2e23;color:#d7e998;box-shadow:inset 0 0 0 2px #d7e998;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.game--full .game__pad [data-g=drop]{background:#d7e998;color:#0f2e23;box-shadow:none}
.game--full .game__pad button:active{filter:brightness(1.25);transform:translateY(2px)}
.game--full .game__win{padding:max(12px,env(safe-area-inset-top)) 16px 24px;gap:14px;background:rgba(4,22,15,.9);z-index:3}
.game--full .game__win-h{font-size:clamp(34px,11vw,48px)}
.game--full .game__win-t{font-size:16px}
.game--full .game__win-i{font-size:18px;width:min(86%,360px);padding:12px 12px}
.game--full .game__win-a,.game--full .game__win-r{font-size:clamp(15px,4.4vw,20px);padding:14px 20px;min-height:48px}
.game--full .game__win-c{font-size:16px}
.game__who{position:absolute;left:3cqw;bottom:3cqw;z-index:2;display:flex;gap:1.4cqw}
.game__who[hidden],.game__who [hidden]{display:none}
.game__who button{font-family:var(--display);font-size:max(9px,2.1cqw);letter-spacing:.02em;text-transform:uppercase;padding:max(4px,1cqw) max(8px,2.2cqw);border:0;border-radius:0;background:#0f2e23d9;color:#d7e998;box-shadow:inset 0 0 0 1px #d7e99888;cursor:pointer;max-width:60cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game__who [data-g=share]{background:#d7e998;color:#0f2e23;box-shadow:none}
.game__who button:focus-visible{outline:2px solid #fff3a6;outline-offset:2px}
.game--full .game__who{left:8px;bottom:10px;gap:8px}
.game--full .game__who button{font-size:12px;min-height:36px;padding:0 10px;max-width:46vw}
.game__dlg{z-index:4;background:rgba(4,22,15,.92);padding-bottom:4cqw}
.game__dlg-h{font-size:max(17px,5cqw)}
.game__form{display:flex;flex-direction:column;align-items:center;gap:1.4cqw;width:100%}
.game__form[hidden]{display:none}
.game__code[hidden]{display:none}
.game__err{margin:0;min-height:1.3em;font-size:max(11px,2.4cqw);color:#ffb089}
.game__row{display:flex;gap:1.6cqw;justify-content:center;flex-wrap:wrap}
.game--full .game__dlg{padding:max(16px,env(safe-area-inset-top)) 16px 24px;gap:12px}
.game--full .game__dlg-h{font-size:clamp(24px,8vw,34px)}
.game--full .game__form{gap:10px}
.game--full .game__err{font-size:14px}
.game--full .game__row{gap:10px}