@font-face{font-family:'Montserrat';font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/montserrat-900.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/montserrat-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-600.woff2) format('woff2')}
:root{--helv:Helvetica,"Helvetica Neue",Arial,sans-serif;--u:calc(100vw / 320);--S:calc(min(max(100vw, 1024px), 2160px) / 1440);--yellow:#FDBE02;--red:#FF0A0A;--paper:#F7F6F2}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--helv);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block}
button{font:inherit;color:inherit}
.skip{position:absolute;left:-9999px;top:0;z-index:2000;background:#000;color:#fff;padding:8px 12px}
.skip:focus{left:8px;top:8px}
a:focus-visible,button:focus-visible{outline:2px solid #000;outline-offset:2px}

/* layout: desktop = Wix 980px stage centred, mobile = Wix 320px stage scaled to the screen */
.pg{position:relative;width:100%;overflow-x:clip}
.pg-d{min-width:1024px;--s:var(--S)}
.pg-m{--s:var(--u)}
.seen .hdr.anim{animation:none!important}
@media (max-width:767px){.pg-d{display:none}}
@media (min-width:768px){.pg-m{display:none}}
.band{position:absolute;overflow:hidden}
.band .bgi,.band .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band .bgv{opacity:0;transition:opacity .4s ease}
.band .bgv.on{opacity:1}
.lazyv::-webkit-media-controls,.lazyv::-webkit-media-controls-start-playback-button,.lazyv::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
.it{position:absolute}
.it>img,.fill,.fill>img{width:100%;height:100%}
.fill{display:block}

/* text */
.k-text{overflow-wrap:break-word}
.k-text p,.k-text h1,.k-text h2,.k-text h3,.k-text h4,.k-text h5,.k-text h6,.k-text ul,.k-text ol{margin:0}
.k-text ul,.k-text ol{padding-left:1.3em}
.k-text a{color:inherit;text-decoration:none}

/* vector images */
.k-svg svg,.k-svg>a>svg{width:100%;height:100%}
.k-svg svg[data-type="shape"]{fill:var(--fill);fill-opacity:var(--fill-opacity);stroke:var(--stroke);stroke-width:var(--stroke-width);stroke-opacity:var(--stroke-opacity)}

/* section dividers (waves) */
.dv{position:absolute;left:0;width:100%;z-index:1;pointer-events:none;background-repeat:repeat-x}
.dv-bottom{bottom:var(--divider-bottom-padding,0);height:var(--divider-bottom-height);background-image:var(--divider-bottom-image);background-size:var(--divider-bottom-size);background-position:var(--divider-bottom-offset-x) bottom;transform:var(--divider-bottom-flip);opacity:var(--divider-bottom-opacity)}
.dv-top{top:var(--divider-top-padding,0);height:var(--divider-top-height);background-image:var(--divider-top-image);background-size:var(--divider-top-size);background-position:var(--divider-top-offset-x) top;transform:var(--divider-top-flip);opacity:var(--divider-top-opacity)}

/* stylable buttons (back arrow / card hotspots) */
.sb{display:flex;-webkit-tap-highlight-color:transparent;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:#000;cursor:pointer}
.sb-c{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.sb-i{display:flex;align-items:center;justify-content:center;flex:none}
.sb-i svg{width:100%;height:100%}

/* header menu */
.hm{position:relative;width:100%;height:100%}
.hm a{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:flex-end;color:#000;text-decoration:none;white-space:nowrap;transition:color .2s ease}
.hm a.cur{color:var(--paper)}
.hm a:hover{color:var(--yellow)}

/* text marquee */
.mq{display:flex;align-items:center;width:100%;height:100%;overflow:hidden;white-space:nowrap}
.mq-t{display:flex;flex:none;animation:mq var(--dur) linear infinite}
.mq-t span{flex:none;padding-right:.3em}
@keyframes mq{to{transform:translateX(-100%)}}

/* media */
.it iframe{width:100%;height:100%;border:0;display:block}
.fillv,.vp video,.vp-poster,.vb video{width:100%;height:100%;object-fit:cover}
.vp,.vb,.gv{position:relative;width:100%;height:100%;background:#000;overflow:hidden}
.vp-play,.vb-play,.gv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:pointer;transition:opacity .2s}
.vp-play{width:calc(52*var(--s));height:calc(52*var(--s))}
.vb-play{transform:none;width:60px;height:60px}
.vb-play svg{width:100%;height:100%}
.vb-mute{position:absolute;border:0;padding:0;background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}
.vb-mute svg{width:100%;height:100%}
.vb.playing .vb-mute{opacity:1;pointer-events:auto}
.vb-mute .i-off,.vb.muted .vb-mute .i-on{display:none}
.vb.muted .vb-mute .i-off{display:block}
.vb{cursor:pointer}
.vb .i-pause{display:none}
.vb.playing .i-play{display:none}
.vb.playing .i-pause{display:block}
.vb.playing .vb-play{opacity:0}
.vb.playing:hover .vb-play{opacity:1}
.vp-ov{position:absolute;inset:0;pointer-events:none}
.vp.playing .vp-play,.vp.playing .vp-poster,.vp.playing .vp-ov{display:none}
.gv img{width:100%;height:100%;object-fit:cover}
.gv video{width:100%;height:100%;object-fit:contain;background:#000}
.gv-play{width:calc(60*var(--s));height:calc(60*var(--s))}

/* social bar */
.k-social a{position:absolute;display:block}
.k-social img{width:100%;height:100%}

/* pro gallery slider */
.gal{position:relative;width:100%;height:100%}
.gal-s{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.gal-s::-webkit-scrollbar{display:none}
.gal-t{position:relative}
.gi{position:absolute;top:0;height:100%;scroll-snap-align:start}
.gi>img{width:100%;height:100%;object-fit:cover}
.ga{position:absolute;width:calc(40*var(--s));height:calc(40*var(--s));border-radius:50%;border:0;padding:0;cursor:pointer;z-index:2;transition:opacity .2s}
.ga svg{width:100%;height:100%}
.ga.next{right:calc(23*var(--s))}
.ga.prev{left:calc(23*var(--s))}
.gal.at-start .ga.prev,.gal.at-end .ga.next{opacity:0;pointer-events:none}

/* freestyle merch gallery */
.fs{position:relative;width:100%;height:100%}
.fs-i{position:absolute;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.fs-f{position:absolute;background-size:cover;background-position:center}

/* mobile menu */
.mm-t{position:absolute;left:calc(16*var(--u));top:calc(24*var(--u));width:calc(50*var(--u));height:calc(50*var(--u));z-index:1001;border:0;padding:0;background:none;cursor:pointer}
.mm-t span{position:absolute;left:calc(14*var(--u));width:calc(22*var(--u));height:calc(2*var(--u));background:#000;border-radius:1px;transition:transform .25s ease,opacity .2s}
.mm-t span:nth-child(1){top:calc(15*var(--u))}
.mm-t span:nth-child(2){top:calc(24*var(--u))}
.mm-t span:nth-child(3){top:calc(33*var(--u))}
.mm-open .mm-t{position:fixed}
.mm-open .mm-t span:nth-child(1){transform:translateY(calc(9*var(--u))) rotate(45deg)}
.mm-open .mm-t span:nth-child(2){opacity:0}
.mm-open .mm-t span:nth-child(3){transform:translateY(calc(-9*var(--u))) rotate(-45deg)}
.mm{position:fixed;inset:0;z-index:1000;background:var(--paper);overflow-y:auto}
.mm[hidden]{display:none}
.mm ul{list-style:none;margin:0;padding:calc(58*var(--u)) 0 0;display:flex;flex-direction:column;align-items:center}
.mm a{display:block;width:calc(188*var(--u));text-align:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:calc(22*var(--u));line-height:calc(56*var(--u));color:#000;text-decoration:none}
.mm a.cur{color:var(--yellow)}
.mm-open{overflow:hidden}

@media (prefers-reduced-motion:reduce){.mq-t{animation:none}}

/* entrance animations: keyframes copied 1:1 from the Wix site */
@keyframes motion-fadeIn {
  0% { opacity: 0; }
  100% { opacity: var(--comp-opacity, 1); }
}
@keyframes motion-flipIn {
  0.00009999999999999999% { transform: perspective(800px) rotate(var(--comp-rotate-z, 0deg)) rotateX(var(--motion-rotate-x , -45deg)) rotateY(var(--motion-rotate-y , 0deg)); }
  100% { transform: perspective(800px) rotate(var(--comp-rotate-z, 0deg)) rotateX(0deg) rotateY(0deg); }
}
@keyframes motion-arcIn {
  0.00009999999999999999% { transform: perspective(800px) translateZ(calc((-1 * (var(--motion-height, 100vh) * var(--motion-arc-x, 1) + var(--motion-width, 100vw) * var(--motion-arc-y, 0))) / 2)) rotateX(calc(var(--motion-arc-x) * var(--motion-arc-sign) * 80deg)) rotateY(calc(var(--motion-arc-y) * var(--motion-arc-sign) * 80deg)) translateZ(calc(-1 * (-1 * (var(--motion-height, 100vh) * var(--motion-arc-x, 1) + var(--motion-width, 100vw) * var(--motion-arc-y, 0))) / 2)) rotate(var(--comp-rotate-z, 0deg)); }
  100% { transform: perspective(800px) translateZ(calc((-1 * (var(--motion-height, 100vh) * var(--motion-arc-x, 1) + var(--motion-width, 100vw) * var(--motion-arc-y, 0))) / 2)) rotateX(0deg) rotateY(0deg) translateZ(calc(-1 * (-1 * (var(--motion-height, 100vh) * var(--motion-arc-x, 1) + var(--motion-width, 100vw) * var(--motion-arc-y, 0))) / 2)) rotate(var(--comp-rotate-z, 0deg)); }
}
@keyframes motion-expandIn {
  0.00009999999999999999% { transform: translateX(calc(var(--motion-width, 100%) * var(--motion-translate-x))) translateY(calc(var(--motion-height, 100%) * var(--motion-translate-y))) scale(var(--motion-scale)) translateX(calc(var(--motion-width, 100%) * -1 * var(--motion-translate-x))) translateY(calc(var(--motion-height, 100%) * -1 * var(--motion-translate-y)))  rotate(var(--comp-rotate-z, 0deg)); }
  100% { transform: translateX(calc(var(--motion-width, 100%) * var(--motion-translate-x))) translateY(calc(var(--motion-height, 100%) * var(--motion-translate-y))) scale(1) translateX(calc(var(--motion-width, 100%) * -1 * var(--motion-translate-x))) translateY(calc(var(--motion-height, 100%) * -1 * var(--motion-translate-y))) rotate(var(--comp-rotate-z, 0deg)); }
}
@keyframes motion-shapeIn {
  0.00009999999999999999% { clip-path: var(--motion-shape-start); }
  100% { clip-path: var(--motion-shape-end); }
}
@keyframes motion-glideIn {
  0% { opacity: 0; animation-timing-function: step-end; }
  0.00009999999999999999% { opacity: var(--comp-opacity, 1); transform: translate(var(--motion-translate-x), var(--motion-translate-y)) rotate(var(--comp-rotate-z, 0deg)); }
  100% { opacity: var(--comp-opacity, 1); transform: translate(0, 0) rotate(var(--comp-rotate-z, 0deg)); }
}

/* page transition = Wix "SlideVertical": content slides down and out, the new page slides in from the top, header stays */
@view-transition{navigation:auto}
.pg-d,.pg-m{view-transition-name:page-group}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}
::view-transition-group(page-group){animation:none}
::view-transition-old(page-group){mix-blend-mode:normal;animation:.6s cubic-bezier(.83,0,.17,1) forwards slide-vertical-old}
::view-transition-new(page-group){mix-blend-mode:normal;animation:.6s cubic-bezier(.83,0,.17,1) backwards slide-vertical-new}
@keyframes slide-vertical-new{0%{transform:translateY(-100%)}}
@keyframes slide-vertical-old{80%{opacity:1}to{opacity:0;transform:translateY(100%)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(page-group),::view-transition-new(page-group){animation:none}}

/* Work cards: whole card is the link; on hover it grows slightly and the arrow turns red */
.card{transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}
.card-a{position:relative;display:block;width:100%;height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.card-arrow{position:absolute;max-width:none;opacity:0;transform:scale(1);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
@media (hover:hover) and (pointer:fine){
  .card:hover,.card:focus-within{transform:scale(1.03);z-index:600!important}
  .card:hover .card-arrow,.card:focus-within .card-arrow{opacity:1;transform:scale(1.08)}
}
.card-a:focus-visible{outline:3px solid #000;outline-offset:4px;border-radius:20px}
@media (hover:none){.card:active{transform:scale(.98)}}

/* footer legal line + legal page (added 31-oct-2026) */
.foot-legal{display:flex;align-items:center;justify-content:center;font-family:var(--helv);color:rgba(0,0,0,.8);letter-spacing:-.01em;text-align:center}
.foot-legal p{margin:0}
.foot-legal a,.lg-foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.foot-legal a:hover,.lg-foot a:hover{color:#000}
.lg .pg{view-transition-name:none}
.lg .pg-d{height:calc(61*var(--S))}
.lg .pg-m{height:calc(80*var(--u))}
.lg-wrap{view-transition-name:page-group;background:var(--paper)}
.legal{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,96px) 24px clamp(56px,8vw,110px);font-family:var(--helv);color:#000;font-size:15px;line-height:1.55}
.legal h1{font-weight:700;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.05em;margin:0 0 .45em}
.legal h2{font-weight:700;font-size:clamp(20px,2vw,26px);letter-spacing:-.03em;line-height:1.1;margin:1.8em 0 .5em}
.legal p{margin:0 0 1em;font-weight:400}
.legal .lead{font-size:17px;font-weight:300}
.legal a{color:#000;text-underline-offset:2px}
.legal a:hover{color:var(--red)}
.legal hr{border:0;border-top:2px solid #000;margin:clamp(48px,6vw,80px) 0}
.lg-foot{border-top:2px solid #000;height:40px;display:flex;align-items:center;justify-content:center;background:rgb(225,33,38);font-family:var(--helv);font-size:11px;color:rgba(0,0,0,.8)}
.lg-foot p{margin:0}

.lang-sw{display:inline-flex;border:2px solid #000;border-radius:200px;overflow:hidden;margin:0 0 clamp(28px,4vw,48px)}
.lang-sw button{appearance:none;border:0;background:transparent;font-family:var(--helv);font-weight:700;font-size:14px;letter-spacing:.02em;padding:7px 16px;cursor:pointer;color:#000;transition:background-color .2s ease,color .2s ease}
.lang-sw button+button{border-left:2px solid #000}
.lang-sw button[aria-pressed="true"]{background:#000;color:var(--paper)}
.lang-sw button[aria-pressed="false"]:hover{background:var(--yellow)}
.lang-block[hidden]{display:none}