/* Slovenija piha 0,0 — desktop artboard reproduces the Figma PDF 1:1 (1440 px wide, all positions in PDF points). */
@font-face{font-family:"Inter NN";src:url(fonts/inter-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter NN";src:url(fonts/inter-700.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter NN";src:url(fonts/inter-800.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter NN";src:url(fonts/inter-900.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}
:root{--cyan:#00A8BE;--yellow:#FFDC00;--paper:#F2F2F2;--ink:#000;--inter:"Inter NN",Inter,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper)}
html{overflow-x:hidden}
body{font-family:var(--inter);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-kerning:normal;font-feature-settings:"calt" 1,"kern" 1}
img{display:block;max-width:none}
p{margin:0}
.viewport{width:100%;height:var(--scaled-height,auto);overflow:hidden;background:var(--paper)}
.artboard{position:relative;width:1440px;height:var(--total-height);transform:scale(var(--site-scale,1));transform-origin:top left;background:var(--paper);overflow:hidden}
.sec{position:absolute;left:0;width:1440px}
.sec>img,.edge,.hero-zero{position:absolute}
/* text system: Inter 24/31, paragraph gap 20 (PDF baselines 31 apart, 51 between paragraphs) */
.hero-intro,.tickets-copy,.concert-copy,.podcast-intro,.pod-description{font-size:24px;line-height:31px;font-weight:400}
.hero-intro p+p,.tickets-copy p+p,.concert-copy p+p,.podcast-intro p+p,.pod-description p+p{margin-top:20px}
.ln{display:block;white-space:nowrap}
strong{font-weight:700}
/* HERO */
.hero{top:0;height:938px;background:#000;overflow:hidden;overflow:clip;color:#fff}
.hero-photo{position:absolute;left:0;top:0;width:1440px;height:938px;object-fit:cover}
.hero-note{z-index:5}
.campaign-logo{z-index:7}
.hero-copy{position:absolute;left:243.5px;width:953px;z-index:3}
.hero-zero{z-index:0}
.hero-intro{position:relative;z-index:1;color:#fff}
.hero-zigzag{left:0;z-index:30;pointer-events:none}
/* TICKETS */
.tickets{background:var(--yellow);overflow:hidden;overflow:clip;z-index:2}
.chicken{z-index:0}
.ticket-note{z-index:1}
.tickets-title{position:absolute;left:240px;margin:0;font-size:50px;line-height:50px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;z-index:3;white-space:nowrap}
.tickets-copy{position:absolute;left:240px;width:960px;z-index:3}
.fb-link{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.meetpoint-skeleton{position:absolute;left:240px;width:960px;height:330px;z-index:4}
.field-sketch{height:70px;background:#fff;margin-bottom:5px;padding:0 24px;font-size:24px;line-height:70px;color:#000}
.form-footer{position:absolute;left:0;top:260px;width:100%;height:70px}
.send-sketch{position:absolute;left:0;top:0;width:230px;height:70px;border-radius:35px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;letter-spacing:-.02em}
.form-legal{position:absolute;top:26.44px;left:267.3px;font-size:18px;line-height:24px;color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.form-legal.legal-gdpr{left:530px}
/* CONCERT */
.concert{background:var(--cyan);overflow:hidden;overflow:clip;z-index:3;color:#fff;box-shadow:0 -3px 0 var(--cyan)}
.concert-art{z-index:1}
.concert-copy{position:absolute;left:240px;width:960px;z-index:5}
/* PODCASTS */
.podcasts{z-index:2}
.pod-decor{z-index:0;pointer-events:none}
.podcast-heading{position:absolute;left:242.1px;margin:0;font-size:56px;line-height:56px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;z-index:2;white-space:nowrap}
.podcast-intro{position:absolute;left:240px;width:960px;z-index:2}
.pod-title{position:absolute;left:240px;margin:0;font-size:40px;line-height:40px;font-weight:900;letter-spacing:-.025em;z-index:2;white-space:nowrap}
.pod-description{position:absolute;left:240px;width:960px;z-index:2}
.pod-image{position:absolute;overflow:hidden;z-index:2;border-radius:11px}
.pod-image img{position:static;width:100%;height:auto;aspect-ratio:560/320.5;object-fit:cover}
.video-toggle,.video-static{display:block;width:100%;height:100%;border:0;background:none;padding:0;margin:0}
.video-toggle{cursor:pointer}
.video-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.pod-image iframe{display:block;width:100%;height:100%;border:0}
/* FOOTER */
.footer{background:var(--cyan);z-index:4}
.footer-zigzag{z-index:1}
.partners{z-index:2}
.footer-legal{position:absolute;left:0;top:204px;width:1440px;display:flex;justify-content:center;gap:40px;z-index:3;font-size:18px;line-height:24px;font-weight:700}
.form-legal{color:inherit}
.footer-legal a{color:#fff}
.footer-legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.footer-legal a:hover,.form-legal:hover{text-decoration-thickness:3px}
.form-legal:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.footer-legal a:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* motion: progressive enhancement, content visible without JS */
.js .piece-up.is-visible{animation:piece-rise .64s cubic-bezier(.22,1,.36,1) both}
@keyframes piece-rise{from{transform:translateY(10px)}to{transform:none}}
.logo-in{animation:logo-enter .85s cubic-bezier(.2,.9,.2,1) both}
.fly-in{animation:note-enter .95s cubic-bezier(.2,.8,.2,1) both}
@keyframes logo-enter{0%{opacity:0;clip-path:inset(0 0 100% 0)}100%{opacity:1;clip-path:inset(0)}}
@keyframes note-enter{0%{opacity:0;translate:0 -35px}100%{opacity:1;translate:0 0}}


/* scroll & load motion (only when JS adds .js and the visitor allows motion) */
.wiggle{transform-origin:50% 90%;animation-name:note-enter,note-wiggle;animation-duration:.95s,3.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1),ease-in-out;animation-delay:var(--d,0s),calc(var(--d,0s) + 1s);animation-iteration-count:1,3;animation-fill-mode:both,none}
.note-a{--d:.12s}.note-b{--d:.3s}
@keyframes note-wiggle{0%,100%{rotate:0deg}50%{rotate:7deg}}
.draw-in{animation:zero-draw 1.1s cubic-bezier(.65,0,.35,1) .45s both}
@keyframes zero-draw{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.js .pop-note:not(.is-visible),.js .slide-l:not(.is-visible),.js .slide-r:not(.is-visible),.js .rise:not(.is-visible){opacity:0}
.js .pop-note.is-visible{transform-origin:50% 85%;animation:note-pop .7s cubic-bezier(.34,1.56,.64,1) both,note-wiggle 3.2s ease-in-out .9s 3}
@keyframes note-pop{from{opacity:0;scale:.35;rotate:-28deg}to{opacity:1;scale:1;rotate:0deg}}
.js .slide-l.is-visible{animation:slide-l .9s cubic-bezier(.22,1,.36,1) both}
.js .slide-r.is-visible{animation:slide-r .9s cubic-bezier(.22,1,.36,1) both}
@keyframes slide-l{from{opacity:0;translate:-70px 0}to{opacity:1;translate:0 0}}
@keyframes slide-r{from{opacity:0;translate:70px 0}to{opacity:1;translate:0 0}}
.js .rise.is-visible{animation:rise .9s cubic-bezier(.22,1,.36,1) both}
@keyframes rise{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
/* MOBILE (<768 px): same artwork, reflowed for readable text. Nothing is stretched; every image keeps its PDF aspect ratio. */
@media (max-width:767px){
 .viewport{height:auto!important;overflow:hidden}
 .artboard{width:100%;height:auto!important;transform:none!important}
 .sec{position:relative;top:auto!important;height:auto!important;width:100%}
 .sec>img,.edge,.hero-zero{position:absolute}
 .ln{display:inline;white-space:normal}
 .hero-intro,.tickets-copy,.concert-copy,.podcast-intro,.pod-description{font-size:16px;line-height:1.5}
 .hero-intro p+p,.tickets-copy p+p,.concert-copy p+p,.podcast-intro p+p,.pod-description p+p{margin-top:.8em}
 /* hero */
 .hero{display:flex;flex-direction:column;background:#000}
 .hero-photo{position:relative!important;width:100%;height:auto;aspect-ratio:1440/938}
 .campaign-logo{left:50%!important;top:0!important;width:clamp(120px,36vw,180px)!important;height:auto!important;transform:translateX(-50%)}
 .note-a{left:8%!important;top:5.5vw!important;width:4.6vw!important;height:auto!important}
 .note-b{left:17%!important;top:4.5vw!important;width:5vw!important;height:auto!important}
 .hero-copy{position:relative;left:auto;top:auto!important;width:auto;padding:26px 22px 38px;background:#000}
 .hero-intro{color:#fff}
 /* crossed zero sits directly UNDER the intro copy, centred behind it like in the PDF */
 .hero-zero{left:50%!important;top:50%!important;width:auto!important;height:min(86%,330px)!important;aspect-ratio:204.33/300.33;transform:translate(-50%,-50%)}
 .hero-zigzag{position:relative!important;left:0!important;top:auto!important;width:720px!important;height:12px!important;margin:-6px 0 -6px;z-index:6}
 /* tickets */
 .tickets{padding:30px 22px 0;overflow:clip}
 .tickets-title,.tickets-copy{position:relative;left:auto;top:auto!important;width:auto}
 .tickets-title{font-size:clamp(28px,8.4vw,40px);line-height:1;white-space:normal;margin:0 0 20px}
 .tickets-copy{padding-right:8px}
 .ticket-note{width:auto!important;height:auto!important;left:auto!important}
 .ticket-note.note-1{right:auto;left:9%!important;top:auto!important;bottom:13vw;height:52px!important}
 html[data-phase="2"] .ticket-note.note-1{left:max(50%,180px)!important;bottom:calc(35.1vw + 4px)}
 .ticket-note.note-2{display:none}
 .chicken{position:relative!important;left:auto!important;top:auto!important;display:block;width:auto!important;height:auto!important;max-width:none;margin:22px -22px 0 auto}
 html[data-phase="1"] .chicken{width:92%!important;aspect-ratio:734.5/275;margin-right:-22px}
 html[data-phase="2"] .chicken{width:92%!important;aspect-ratio:750.5/286.5;margin:-34px -22px 0 auto}
 .meetpoint-skeleton{position:relative;left:auto;top:auto!important;width:100%;height:auto;margin:24px 0 0;z-index:4}
 .field-sketch{height:52px;line-height:52px;padding:0 16px;font-size:17px}
 .form-footer{position:relative;top:auto;height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:16px}
 .send-sketch{position:relative;width:128px;height:48px;font-size:19px;border-radius:24px}
 .form-legal,.form-legal.legal-gdpr{position:relative;left:auto;top:auto;font-size:13px}
 .form-footer{display:grid;grid-template-columns:max-content max-content;justify-content:start;gap:14px 20px}
 .send-sketch{grid-column:1/-1}
 /* concert: the whole PDF composition as one proportional image, copy below */
 .concert{overflow:clip;padding-top:14px}
 .concert-art{position:relative!important;left:auto!important;top:auto!important;width:92%!important;height:auto!important;aspect-ratio:1052.5/780;margin:0 4%}
 .concert-copy{position:relative;left:auto;top:auto!important;width:auto;padding:4px 22px 40px}
 /* podcasts */
 .podcasts{padding:46px 22px 64px;overflow:clip}
 /* white podcast area keeps the yellow/cyan edge details from the desktop design */
 .pod-decor{display:block;width:auto!important;left:auto!important;right:auto!important}
 .decor-sun-r{right:0!important;top:30px!important;height:84px!important}
 .decor-sun-l{left:0!important;top:46%!important;height:80px!important}
 .decor-heart{right:-34px!important;top:auto!important;bottom:10px;height:72px!important}
 .podcasts .podcast-heading,.podcasts .podcast-intro,.pod-entry{position:relative;z-index:1}
 .podcast-heading{position:relative;left:auto;top:auto!important;font-size:clamp(30px,8.6vw,42px);line-height:1;white-space:normal}
 .podcast-intro{position:relative;left:auto;top:auto!important;width:auto;margin:22px 0 36px}
 .pod-entry{margin:0 0 40px}
 .pod-entry:last-child{margin-bottom:0}
 .pod-title{position:relative;left:auto;top:auto!important;font-size:clamp(24px,7vw,32px);line-height:1.05;white-space:normal;margin:0 0 14px}
 .pod-description{position:relative;left:auto;top:auto!important;width:auto}
 .pod-image{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:560/320;margin-top:18px}
 /* footer */
 .footer{padding:46px 18px 34px}
 .footer-zigzag{left:0!important;top:-6px!important;width:720px!important;height:12px!important}
 .partners{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:854/90.75}
 .footer-legal{position:relative;top:auto;width:100%;flex-wrap:wrap;gap:10px 24px;margin-top:26px;font-size:15px;line-height:22px}
 .footer-legal a{padding:4px 0}
}
@media (prefers-reduced-motion:reduce){.piece-up,.logo-in,.fly-in,.wiggle,.draw-in,.pop-note,.slide-l,.slide-r,.rise{animation:none!important;transition:none!important;opacity:1!important;translate:none!important;transform:none!important}}
@media (prefers-reduced-motion:reduce) and (max-width:767px){.campaign-logo{transform:translateX(-50%)!important}.hero-zero{transform:translate(-50%,-50%)!important}}
@media (max-width:767px){.tickets{display:flex;flex-direction:column}.chicken{order:9}.ticket-note{order:0}}