:root { --red:#CD3D44; --mint:#92D4CE; --yellow:#E8CC4C; --blue:#4E91B4; --dark:#0c0c0c; --white:#ffffff; --fd:'Big Shoulders Display',sans-serif; --fb:'Big Shoulders Text',sans-serif; --rpill:100vw; --rxl:2.5rem; --rlg:1.75rem; --sp:clamp(3.5rem,8vw,7rem); --px:clamp(1.2rem,5vw,4rem); } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{background:var(--dark);color:var(--white);font-family:var(--fb);overflow-x:hidden} body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9990; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); opacity:.38;mix-blend-mode:overlay}  .skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--red);color:var(--white);padding:.75rem 1.5rem;border-radius:var(--rpill);font-family:var(--fd);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;z-index:10000;transition:top .3s} .skip-link:focus{top:1rem} .seo-fallback{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .pb{display:inline-flex;align-items:center;gap:.45rem;background:var(--red);color:var(--white);font-family:var(--fd);font-weight:900;font-size:clamp(.82rem,1.4vw,.98rem);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:.78em 1.9em;border-radius:var(--rpill);border:2px solid var(--red);transition:background .25s,color .25s,transform .2s,box-shadow .25s;white-space:nowrap} .pb:hover{background:transparent;color:var(--red);transform:scale(1.04);box-shadow:0 0 0 3px var(--red)} #nav .pb:hover{background:var(--red);color:var(--white)} .pb.g{background:transparent;color:var(--white);border-color:rgba(255,255,255,.3)} .pb.g:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.6);box-shadow:none} .lbl{font-family:var(--fd);font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.4;display:block;margin-bottom:.35rem} .sh{font-family:var(--fd);font-weight:900;font-size:clamp(2.8rem,7.5vw,6.5rem);line-height:.88;letter-spacing:-.03em;text-transform:uppercase} .rv{opacity:0;transform:translateY(34px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)} .rv.on{opacity:1;transform:none} .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s} #nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:1.1rem var(--px);display:flex;align-items:center;justify-content:space-between;transition:background .3s,padding .3s,backdrop-filter .3s} #nav.sc{background:rgba(12,12,12,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);padding-top:.75rem;padding-bottom:.75rem} .nlogo{display:flex;align-items:center;height:32px;text-decoration:none} .nlogo svg{height:100%;width:auto} .nlogo svg path{fill:var(--white);transition:fill .2s} .nlogo:hover svg path{fill:var(--red)} .nlinks{display:flex;align-items:center;gap:1.2rem;list-style:none} .nlinks a{font-family:var(--fd);font-weight:700;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;position:relative;white-space:nowrap} .nlinks a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .25s} .nlinks a:hover{color:var(--white)} .nlinks a:hover::after{transform:scaleX(1)} .ntog{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px} .ntog span{display:block;width:26px;height:2px;background:var(--white);transition:.3s} .ntog.op span:nth-child(1){transform:translateY(7px) rotate(45deg)} .ntog.op span:nth-child(2){opacity:0} .ntog.op span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} #mob{position:fixed;inset:0;z-index:190;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .38s;overflow:hidden} #mob.op{opacity:1;pointer-events:all} #mob a{font-family:var(--fd);font-weight:900;font-size:clamp(2rem,9vw,4.5rem);text-transform:uppercase;letter-spacing:-.02em;color:var(--white);text-decoration:none;transition:color .2s} #mob a:hover{color:var(--red)} .mdeco{position:absolute;inset:0;pointer-events:none;overflow:hidden} .mdeco::before{display:none !important;}} .mdeco::after{display:none !important;}} @media(max-width:480px){ .nlinks{display:none} .ntog{display:flex} .nlogo{height:24px} #nav{padding-left:.75rem;padding-right:.75rem} .hinn{padding-top:clamp(5rem,18vh,6rem)} } @media screen and (max-width: 767px) and (orientation: portrait) { .nlinks li:last-child{display:none} } @media screen and (min-width: 568px) and (orientation: landscape) { .nlinks li:last-child{display:block !important} } @media screen and (min-width: 768px) { .nlinks li:last-child{display:block !important} } @media(min-width:481px) and (max-width:600px){ .nlinks{display:flex;gap:.4rem} .ntog{display:none} .nlinks a{font-size:.58rem;letter-spacing:.02em} .nlogo{height:22px} #nav{padding-left:.75rem;padding-right:.75rem} } #hero{min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden; background:radial-gradient(ellipse 120% 90% at 50% 30%, #3dada1 0%, #1b6962 40%, var(--dark) 80%)} .hblob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(75px)} .hb1{width:58vw;height:58vw;background:rgba(146,212,206,.2);top:-8%;left:-12%} .hb2{width:38vw;height:38vw;background:rgba(205,61,68,.18);top:18%;right:-8%} .hb3{width:28vw;height:28vw;background:rgba(232,204,76,.09);bottom:0;left:36%} .fp{display:none !important;} .fp1{width:170px;height:480px;border:2px solid rgba(255,255,255,.11);top:-55px;right:9%;transform:rotate(16deg);animation:fa 9s ease-in-out infinite} .fp2{width:95px;height:270px;background:rgba(255,255,255,.035);bottom:7%;left:4%;transform:rotate(-11deg);animation:fb 11s ease-in-out infinite} .fp3{width:60px;height:165px;border:1.5px solid rgba(205,61,68,.3);top:27%;left:11%;transform:rotate(32deg);animation:fa 7s ease-in-out infinite 1.2s} .fp4{width:260px;height:95px;border:1.5px solid rgba(255,255,255,.08);bottom:21%;right:17%;transform:rotate(4deg);animation:fb 12s ease-in-out infinite .4s} .fp5{width:46px;height:130px;background:rgba(205,61,68,.09);top:54%;right:5%;transform:rotate(-18deg);animation:fa 8s ease-in-out infinite 2s} @keyframes fa{0%,100%{transform:rotate(16deg) translateY(0)}50%{transform:rotate(16deg) translateY(-20px)}} @keyframes fb{0%,100%{transform:rotate(-11deg) translateY(0)}50%{transform:rotate(-11deg) translateY(15px)}} .fdot{position:absolute;border-radius:50%;pointer-events:none;animation:fd 7s ease-in-out infinite} @keyframes fd{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.2)}} .hinn{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(6rem,14vh,11rem) var(--px) clamp(4rem,8vh,6rem);max-width:1100px;width:100%} .hbadge{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:var(--rpill);padding:.42em 1.2em;font-family:var(--fd);font-weight:700;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--white);margin-bottom:1.8rem;animation:hf .9s ease both} .hbdot{width:7px;height:7px;background:var(--mint);border-radius:50%;animation:bp 2s infinite} @keyframes bp{0%,100%{opacity:1}50%{opacity:.3}} .hlogo{width:min(82vw,780px);margin-bottom:.3rem;animation:hf .9s .1s ease both} .hlogo path{fill:var(--white)} .hyr{font-family:var(--fd);font-weight:900;font-size:clamp(5rem,15vw,11rem);line-height:.85;letter-spacing:-.04em;-webkit-text-stroke:2px rgba(255,255,255,.65);color:transparent;margin-bottom:.35rem;animation:hf .9s .15s ease both} .hmeta{font-family:var(--fd);font-weight:700;font-size:clamp(1rem,2.5vw,1.55rem);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:1.9rem;animation:hf .9s .25s ease both} .hmeta strong{color:var(--mint);font-weight:900} .hctas{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;animation:hf .9s .35s ease both} .hctas .pb{font-size:clamp(.98rem,1.8vw,1.12rem);padding:.88em 2.5em} @keyframes hf{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} .shi{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;font-family:var(--fd);font-weight:700;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.22);animation:hf 1s 1.2s ease both} .shl{width:1px;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,.22),transparent);animation:sl 2s ease-in-out infinite} @keyframes sl{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}} .w{max-width:1280px;margin:0 auto;padding:0 var(--px)} .gs{height:clamp(2rem,5vw,3.5rem)} #lineup{padding:var(--sp) 0 calc(var(--sp) + 2rem);position:relative} .ltop{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:clamp(2rem,5vw,3.2rem)} .hlcap{display:flex;align-items:center;justify-content:center;gap:1.2rem; font-family:var(--fd);font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase; color:rgba(255,255,255,.32);margin:0 0 1.05rem} .hlcap::before,.hlcap::after{content:'';height:1px;flex:1;background:rgba(255,255,255,.14)} .hlrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.7rem,2.2vw,1.2rem); margin:0 0 2.2rem} .hlctl{width:clamp(56px,6vw,78px);height:clamp(118px,12vw,170px); background:transparent;border:2.5px solid rgba(255,255,255,.92);border-radius:var(--rpill); padding:0;outline:none;transition:border-color .25s,background .25s,transform .2s} .hlctl:hover{border-color:var(--red);background:rgba(205,61,68,.05);transform:scale(1.03)} .hlctl:focus-visible{box-shadow:0 0 0 3px rgba(146,212,206,.2)} .hlpill{height:clamp(118px,12vw,170px);border:2.5px solid rgba(255,255,255,.92);border-radius:var(--rpill); width:100%; padding:clamp(1.1rem,2.4vw,1.9rem) clamp(1.6rem,3.6vw,3.2rem); display:flex;align-items:center;justify-content:center;gap:clamp(.7rem,1.8vw,1.2rem); background:rgba(0,0,0,.22);text-decoration:none;transition:background .3s,border-color .3s} .hlpill:hover{background:rgba(205,61,68,.07);border-color:var(--red)} .hlname{font-family:var(--fd);font-weight:900;font-size:clamp(2.1rem,6.2vw,4.8rem); letter-spacing:-.03em;text-transform:uppercase;line-height:1;color:var(--red)} .hlname{font-size:clamp(2.6rem,6.6vw,5.6rem)} .hlarr{font-size:1.4rem;color:rgba(255,255,255,.25);transition:color .3s,transform .3s;transform:translateX(0)} .hlpill:hover .hlarr{color:var(--red);transform:translateX(8px)} .ag{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2vw,1.4rem)} .ac{border-radius:var(--rxl);overflow:hidden;aspect-ratio:3/4;position:relative;text-decoration:none;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)} .ac:hover{transform:translateY(-8px) scale(1.025)} .acbg{position:absolute;inset:0;transition:transform .6s cubic-bezier(.22,1,.36,1)} .acbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:translateZ(0)} .ac:hover .acbg{transform:scale(1.07)} .ac:nth-child(1) .acbg{background:linear-gradient(155deg,#1a1a1a 0%,#0d0d0d 100%)} .ac:nth-child(2) .acbg{background:linear-gradient(155deg,var(--blue) 0%,#1a3d52 100%)} .ac:nth-child(3) .acbg{background:linear-gradient(155deg,#2a6b5c 0%,#0f2920 100%)} .ac:nth-child(4) .acbg{background:linear-gradient(155deg,#3a2257 0%,#1a0d2e 100%)} .ac:nth-child(5) .acbg{background:linear-gradient(155deg,#1a2a1a 0%,#0d1a0d 100%)} .ac:nth-child(6) .acbg{background:linear-gradient(155deg,#1a1a2e 0%,#0d0d1a 100%)} .ac:nth-child(7) .acbg{background:linear-gradient(155deg,#2e1a1a 0%,#1a0d0d 100%)} .ac:nth-child(8) .acbg{background:linear-gradient(155deg,#2a1a00 0%,#1a0f00 100%)} .ac:nth-child(9) .acbg{background:linear-gradient(155deg,#002a2a 0%,#001a1a 100%)} .ac:nth-child(10) .acbg{background:linear-gradient(155deg,#1a001a 0%,#0d000d 100%)} .ac:nth-child(11) .acbg{background:linear-gradient(155deg,#2a2a00 0%,#1a1a00 100%)} .acgfx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden} .accirc{width:62%;aspect-ratio:1;border-radius:50%} .ac:nth-child(1) .accirc{border:none} .ac:nth-child(2) .accirc{border:none} .ac:nth-child(3) .accirc{border:none} .ac:nth-child(4) .accirc{border:none} .ac:nth-child(5) .accirc{border:none} .ac:nth-child(6) .accirc{border:none} .ac:nth-child(7) .accirc{border:none} .ac:nth-child(8) .accirc{border:none} .ac:nth-child(9) .accirc{border:none} .ac:nth-child(10) .accirc{border:none} .ac:nth-child(11) .accirc{border:none} .acpd{display:none} .acov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 55%);transition:background .4s} .ac:hover .acov{background:linear-gradient(to top,rgba(0,0,0,.93) 0%,rgba(0,0,0,.12) 55%)} .actag{position:absolute;top:1.1rem;left:1.1rem;border-radius:var(--rpill);padding:.28em .85em;backdrop-filter:blur(6px);font-family:var(--fd);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase} .ac:nth-child(1) .actag{color:var(--red);border:1px solid var(--red)} .ac:nth-child(2) .actag{color:var(--blue);border:1px solid var(--blue)} .ac:nth-child(3) .actag{color:var(--red);border:1px solid var(--red)} .ac:nth-child(4) .actag{color:var(--yellow);border:1px solid var(--yellow)} .ac:nth-child(3) .actag .rp{color:inherit} .ac:nth-child(5) .actag{color:var(--mint);border:1px solid var(--mint)} .ac:nth-child(6) .actag{color:var(--yellow);border:1px solid var(--yellow)} .ac:nth-child(7) .actag{color:var(--blue);border:1px solid var(--blue)} .ac:nth-child(8) .actag{color:var(--yellow);border:1px solid var(--yellow)} .ac:nth-child(9) .actag{color:var(--red);border:1px solid var(--red)} .ac:nth-child(10) .actag{color:var(--yellow);border:1px solid var(--yellow)} .ac:nth-child(11) .actag{color:var(--blue);border:1px solid var(--blue)} .acinfo{position:absolute;bottom:0;left:0;right:0;padding:1.4rem 1.4rem 1.8rem;transform:translateY(0);transition:transform .4s cubic-bezier(.22,1,.36,1)} .ac:hover .acinfo{transform:none} .acname{font-family:var(--fd);font-weight:900;font-size:clamp(1.3rem,3.2vw,2.2rem);letter-spacing:-.02em;text-transform:uppercase;line-height:.95;color:var(--white);margin-bottom:.2rem} .acgen{font-family:var(--fb);font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)} .lrest{margin-top:2.2rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--rxl);padding:1.8rem 2.2rem;background:rgba(255,255,255,.02)} .lrtit{font-family:var(--fd);font-weight:700;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1.1rem} .ln{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center} .ap{font-family:var(--fd);font-weight:900;font-size:clamp(.95rem,2.2vw,1.4rem);letter-spacing:-.01em;text-transform:uppercase;color:rgba(255,255,255,.75);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rpill);padding:.28em .95em;transition:background .25s,border-color .25s,color .25s;text-decoration:none;display:inline-block} .ap:hover{background:rgba(205,61,68,.14);border-color:var(--red);color:var(--white)} .dot{color:rgba(255,255,255,.18);font-size:1.1rem} .apop{position:fixed;inset:0;z-index:9995;display:flex;align-items:center;justify-content:center; padding:clamp(1rem,4vw,2.5rem);opacity:0;pointer-events:none;transition:opacity .28s ease} .apop[aria-hidden="false"]{opacity:1;pointer-events:auto} .apopbd{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(16px)} .apopw{position:relative;width:min(980px,100%);max-height:min(86vh,920px);overflow-y:auto;-webkit-overflow-scrolling:touch; border-radius:clamp(1.2rem,3vw,2.2rem);border:1px solid rgba(255,255,255,.12); background:rgba(12,12,12,.96);box-shadow:0 24px 90px rgba(0,0,0,.55); transform:translateY(10px) scale(.985);transition:transform .32s cubic-bezier(.22,1,.36,1)} .apop[aria-hidden="false"] .apopw{transform:none} .apclose{position:absolute;top:.85rem;right:.85rem;z-index:3; width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.16); background:rgba(0,0,0,.35);backdrop-filter:blur(8px);color:var(--white);font-family:var(--fd);font-weight:900; font-size:1.4rem;line-height:1;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s} .apclose:hover{background:rgba(205,61,68,.14);border-color:var(--red);transform:scale(1.05)} .apclose:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(146,212,206,.2)} .aphero{height:clamp(320px,50vh,480px);position:relative;overflow:hidden; background-image:var(--ap-img);background-color:#111; background-size:cover;background-position:var(--ap-pos,center center);background-repeat:no-repeat} .aphero::after{content:'';position:absolute;inset:0; background:linear-gradient(to top,rgba(12,12,12,.95) 0%,rgba(12,12,12,.2) 55%,rgba(12,12,12,.08) 100%)} .apbody{position:relative;z-index:2;padding:clamp(1.2rem,3vw,2.1rem)} .apmeta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.7rem} .apop.tgu .apmeta{transform:translateY(-6px)} .aptag{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35em .95em; font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase; border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.78);background:rgba(255,255,255,.05)} .apstage{font-family:var(--fd);font-weight:800;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase; color:rgba(255,255,255,.5)} .apname{font-family:var(--fd);font-weight:900;font-size:clamp(2.2rem,6vw,4.4rem);letter-spacing:-.03em;text-transform:uppercase;line-height:.92;margin-bottom:.7rem} .apdesc{font-family:var(--fb);font-size:clamp(1rem,2.1vw,1.25rem);line-height:1.55;color:rgba(255,255,255,.78)} .apdesc p+p{margin-top:1rem} #npop .apbody,#cpop .apbody{padding-top:clamp(3rem,4.5vw,3.6rem)} #npop .apname,#cpop .apname{padding-right:3.5rem} .npft{margin-top:1.1rem;display:flex;align-items:center;justify-content:flex-start} @media(max-width:500px){.apop{padding:.6rem}.apclose{top:.6rem;right:.6rem}} @media(max-width:1024px) and (min-width:601px){ .ag{grid-template-columns:repeat(2,1fr)} .acinfo{transform:translateY(0) !important; padding-bottom:2.2rem !important} #lineup{padding-bottom:calc(var(--sp) + 2.5rem) !important} } @media(max-width:600px){ .ag{grid-template-columns:1fr} .ac{aspect-ratio:3/4; margin-bottom:2.5rem} .acinfo{transform:translateY(0) !important; padding:1.2rem 1.4rem 2.5rem !important} .acname{font-size:clamp(1.6rem,5vw,2.2rem)} .acgen{font-size:.82rem} #lineup{padding-bottom:calc(var(--sp) + 4rem) !important} .hlrow{grid-template-columns:1fr} .hlctl{display:none} } #news{padding:0 0 var(--sp)} .nb{background:var(--mint);color:var(--dark);border-radius:var(--rxl);padding:var(--sp);position:relative;overflow:hidden} .nb::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,0,0,.11) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.35} .nb .sh,.nb .lbl{color:var(--dark)} .ngr{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:clamp(.8rem,2vw,1.3rem);margin-top:2.3rem} .nc{background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.4);border-radius:var(--rlg);padding:1.4rem;text-decoration:none;color:var(--dark);display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;transition:transform .3s} .nc::before{content:'';position:absolute;inset:0;background:var(--dark);transform:translateY(101%);transition:transform .4s cubic-bezier(.22,1,.36,1)} .nc:hover{transform:translateY(-4px)} .nc:hover::before{transform:none} .nc>*{position:relative;z-index:1} .nc:hover .nd,.nc:hover .nt,.nc:hover .ne{color:var(--white)} .nc:hover .ntg{background:rgba(255,255,255,.12);color:var(--mint)} .nc.ft{grid-row:span 2} .nd{font-family:var(--fd);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;opacity:.5;transition:color .3s} .nt{font-family:var(--fd);font-weight:900;font-size:clamp(1rem,2.4vw,1.55rem);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;transition:color .3s} .nc.ft .nt{font-size:clamp(1.3rem,3.8vw,2.4rem)} .ne{font-family:var(--fb);font-weight:400;font-size:.86rem;line-height:1.52;opacity:.7;flex:1;transition:color .3s} .ntg{align-self:flex-start;background:rgba(0,0,0,.1);border-radius:var(--rpill);padding:.24em .8em;font-family:var(--fd);font-weight:700;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;transition:background .3s,color .3s} @media(max-width:900px){.ngr{grid-template-columns:1fr}.nc.ft{grid-row:auto}} #partners{padding:0 0 var(--sp)} .pw{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);border-radius:var(--rxl);padding:var(--sp)} .phd{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.3rem} .pmain{min-height:clamp(5.25rem,11vw,8rem);border:1px dashed rgba(146,212,206,.34);border-radius:var(--rxl);background:linear-gradient(135deg,rgba(146,212,206,.10),rgba(255,255,255,.025) 48%,rgba(146,212,206,.045));display:flex;align-items:center;justify-content:center;margin-bottom:clamp(2rem,5vw,3rem);box-shadow:inset 0 0 34px rgba(146,212,206,.045)} .pmain picture{width:min(60%,32rem);height:100%;display:flex;align-items:center;justify-content:center;margin-inline:auto} .pmlink{width:min(60%,32rem);height:100%;display:flex;align-items:center;justify-content:center;margin-inline:auto} .pmlink picture{width:100%}.pml{width:100%;max-height:clamp(3.6rem,8vw,6rem);object-fit:contain;object-position:center;display:block;margin:0 auto;filter:drop-shadow(0 0 18px rgba(255,255,255,.08))} .psh{font-family:var(--fd);font-weight:900;font-size:clamp(2.6rem,6vw,4.35rem);line-height:.9;letter-spacing:.01em;text-transform:uppercase;color:var(--white);margin:0 0 1.35rem} .pgr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem} .pi{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--rlg);aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;padding:.9rem;transition:background .3s,border-color .3s} .pi:hover{background:rgba(205,61,68,.07);border-color:rgba(205,61,68,.28)} .pi.dk{grid-column:span 2;justify-self:center;width:min(100%,10.24rem);aspect-ratio:6/5} .pi picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center} #partners .pi,#partners .pi picture{min-width:0} .pl{width:100%;height:100%;object-fit:contain;display:block;opacity:.92;transition:opacity .25s,transform .25s} .pl.plate{background:rgba(255,255,255,.92);border-radius:.9rem;padding:.55rem} .pi:hover .pl{opacity:1;transform:scale(1.02)} .ppaprsek{transform:translateX(10px)} .pi:hover .ppaprsek{transform:translateX(10px) scale(1.02)} .pn{font-family:var(--fd);font-weight:900;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);text-align:center;transition:color .3s;line-height:1.2} .pi:hover .pn{color:var(--red)} @media(max-width:900px){.pgr{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px) and (orientation:landscape){ .pgr{grid-template-columns:repeat(2,minmax(0,1fr))} .pi.dk{grid-column:auto;justify-self:stretch;width:100%} } @media(max-width:600px){ #partners .pw{padding:clamp(1.5rem,6vw,2.75rem)} .pmain{min-height:clamp(4.75rem,20vw,6.5rem);border-radius:var(--rlg);margin-bottom:1.5rem} .psh{font-size:clamp(2.35rem,14vw,3.4rem)} } @media(max-width:500px){ .pgr{grid-template-columns:repeat(2,minmax(0,1fr))} .pi.dk{grid-column:auto;justify-self:stretch;width:100%} } @media(max-width:360px){ .pgr{grid-template-columns:1fr} } #about{padding:0 0 var(--sp);position:relative} .aw{background:var(--yellow);color:var(--dark);border-radius:var(--rxl);padding:var(--sp);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;position:relative;overflow:hidden} .aw::before{content:'';position:absolute;right:-4%;bottom:-8%;width:40%;aspect-ratio:1/2;border-radius:var(--rpill);border:3px solid rgba(0,0,0,.065);transform:rotate(14deg);pointer-events:none} .aw::after{content:'';position:absolute;left:27%;top:-16%;width:27%;aspect-ratio:1;border-radius:50%;background:rgba(205,61,68,.08);pointer-events:none} .ah{color:var(--dark)} .ah .r{color:var(--red)} .ap2{font-family:var(--fb);font-weight:400;font-size:clamp(.93rem,1.65vw,1.1rem);line-height:1.65;color:rgba(0,0,0,.68);margin-bottom:.9rem} .sts{display:flex;gap:2rem;margin-top:1.4rem;flex-wrap:wrap} .stn{font-family:var(--fd);font-weight:900;font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.04em;color:var(--red)} .stl{font-family:var(--fd);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.42)} .avis{border-radius:var(--rxl);aspect-ratio:1;background:var(--red);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center} .avbg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,rgba(232,204,76,.38) 0%,transparent 55%),linear-gradient(160deg,var(--red) 0%,#8a1e24 100%)} .avt{position:relative;z-index:1;font-family:var(--fd);font-weight:900;font-size:clamp(2.3rem,6.5vw,5rem);line-height:.85;letter-spacing:-.04em;text-transform:uppercase;text-align:center;color:var(--white);padding:2rem} .avt small{font-size:.3em;letter-spacing:.18em;display:block;opacity:.62} .avt small:first-child{margin-bottom:.6em} .vp{position:absolute;border-radius:var(--rpill);pointer-events:none} .vp1{width:34px;height:90px;border:2px solid rgba(255,255,255,.17);top:13%;right:13%;transform:rotate(22deg)} .vp2{width:21px;height:58px;background:rgba(255,255,255,.09);bottom:17%;left:13%;transform:rotate(-14deg)} .vp3{width:52px;height:20px;border:1px solid rgba(255,255,255,.11);bottom:28%;right:19%;transform:rotate(5deg)} @media(max-width:768px){.aw{grid-template-columns:1fr}.avis{aspect-ratio:16/9}} #contact{padding:0 0 var(--sp);position:relative} .cw{border:1px solid rgba(255,255,255,.08);border-radius:var(--rxl);padding:var(--sp);display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,6vw,5rem);position:relative;overflow:hidden} .cw::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 52% at 80% 50%,rgba(205,61,68,.065) 0%,transparent 70%),radial-gradient(ellipse 42% 42% at 10% 80%,rgba(146,212,206,.04) 0%,transparent 60%)} .ch span{color:var(--red)} .sh.ch{font-size:clamp(3.4rem,14vw,9.5rem);line-height:.8;letter-spacing:-.05em} .cs{font-family:var(--fb);font-weight:400;font-size:clamp(1rem,1.9vw,1.25rem);line-height:1.62;color:rgba(255,255,255,.48);margin:1rem 0 1.8rem} .cd{display:flex;align-items:center;gap:.8rem;margin-bottom:.85rem} .cdi{width:36px;height:36px;border-radius:50%;background:rgba(205,61,68,.1);border:1px solid rgba(205,61,68,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.82rem} .cdv{font-family:var(--fd);font-weight:700;font-size:clamp(1.05rem,2.1vw,1.4rem);color:var(--white);text-decoration:none;transition:color .2s} .cdv:hover{color:var(--red)} .soc{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem} .sl{display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rpill);padding:.38em .9em;font-family:var(--fd);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.52);text-decoration:none;transition:all .25s} .sl:hover{background:rgba(205,61,68,.13);border-color:rgba(205,61,68,.38);color:var(--red)} .cf{position:relative;z-index:1;display:flex;flex-direction:column;gap:.9rem} .fhp{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important} .fl{font-family:var(--fd);font-weight:700;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.32);display:block;margin-bottom:.28rem} .fi,.ft2{width:100%;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:.8rem;padding:.82rem 1.05rem;font-family:var(--fb);font-size:.96rem;color:var(--white);outline:none;transition:border-color .25s,background .25s,box-shadow .25s} .fi::placeholder,.ft2::placeholder{color:rgba(255,255,255,.18)} .fi:focus,.ft2:focus{border-color:var(--mint);background:rgba(146,212,206,.04);box-shadow:0 0 0 3px rgba(146,212,206,.09)} .ft2{min-height:112px;resize:vertical} .ftsl{min-height:0} .ferr{display:none;background:rgba(205,61,68,.08);border:1px solid rgba(205,61,68,.28);border-radius:var(--rlg);padding:.95rem 1.2rem;font-family:var(--fd);font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.82);text-align:center} .fok{display:none;background:rgba(146,212,206,.09);border:1px solid rgba(146,212,206,.28);border-radius:var(--rlg);padding:.95rem 1.2rem;font-family:var(--fd);font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mint);text-align:center} @media(max-width:768px){.cw{grid-template-columns:1fr}} @media screen and (max-width: 500px) and (orientation: portrait) { .cw{padding:clamp(2rem,6vw,2.6rem)} .cf{gap:.75rem} .fl{font-size:.62rem;margin-bottom:.2rem;color:rgba(255,255,255,.4)} .fi,.ft2{ font-size:1rem;line-height:1.2;padding:.68rem .95rem;border-radius:.72rem; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.22); color:rgba(255,255,255,.92) } .fi{min-height:44px} .ft2{min-height:96px} .fi::placeholder,.ft2::placeholder{color:rgba(255,255,255,.32)} .fi:focus,.ft2:focus{border-color:rgba(146,212,206,.55);background:rgba(146,212,206,.06);box-shadow:0 0 0 3px rgba(146,212,206,.12)} .ftsl{display:flex;justify-content:center} } .sdot{position:absolute;border-radius:50%;pointer-events:none;animation:fd 7s ease-in-out infinite} .cdw{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-top:clamp(2.2rem,5.5vh,3.6rem);animation:hf .9s .45s ease both} .cdt{font-family:var(--fd);font-weight:700;font-size:clamp(.78rem,1.7vw,.96rem);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)} .cdown{display:flex;align-items:center;gap:.6rem;margin-top:0} .cdb{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:.8rem;padding:.55em 1em;min-width:clamp(3.2rem,8vw,4.8rem)} .cdb .cdv{font-family:var(--fd);font-weight:900;font-size:clamp(1.4rem,3.5vw,2.4rem);line-height:1;letter-spacing:-.02em;color:var(--white)} .cdl{font-family:var(--fd);font-weight:700;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:.2rem} .cdsep{font-family:var(--fd);font-weight:900;font-size:clamp(1.2rem,3vw,2rem);color:rgba(255,255,255,.2)} @media(max-width:500px){ .sh.ch{font-size:clamp(3.1rem,16vw,6.2rem);line-height:.84} } footer{padding:clamp(1.4rem,3vw,2.2rem) var(--px);border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:1rem} .ftop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem} .ftag{font-family:var(--fd);font-weight:900;font-size:clamp(.82rem,1.4vw,1rem);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.18)} .fmid{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem} .fsoc{display:flex;gap:.7rem} .fsoc a{color:rgba(255,255,255,.22);transition:color .25s;display:flex;align-items:center} .fsoc a:hover{color:var(--mint)} .fl2{height:26px;display:flex;align-items:center} .fl2 svg{height:100%;width:auto} .fl2 svg path{fill:rgba(255,255,255,.25)} .fc{font-family:var(--fb);font-size:.76rem;color:rgba(255,255,255,.2);letter-spacing:.06em} .fc a{color:var(--mint);text-decoration:none;transition:color .2s} .fc a:hover{color:var(--white)} .flnks{display:flex;gap:1.4rem} .flnks a{font-family:var(--fd);font-weight:700;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;min-height:44px;padding:.55rem .15rem} .flnks a:hover{color:var(--mint)}
.pmain{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--rlg);box-shadow:none;transition:background .3s,border-color .3s}.pml{opacity:.92;transition:opacity .25s,transform .25s}.pmain:hover{background:rgba(205,61,68,.07);border-color:rgba(205,61,68,.28)}.pmain:hover .pml{opacity:1;transform:scale(1.02)}