@font-face{font-family: 'Squada One';src: url('/fonts/squada-one-latin-400-normal.woff2') format('woff2');font-weight: 400;font-display: swap;} @font-face{font-family: 'Nunito';src: url('/fonts/nunito-latin-400-normal.woff2') format('woff2');font-weight: 400;font-display: swap;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Nunito';src: url('/fonts/nunito-latin-ext-400-normal.woff2') format('woff2');font-weight: 400;font-display: swap;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Nunito';src: url('/fonts/nunito-latin-700-normal.woff2') format('woff2');font-weight: 700;font-display: swap;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Nunito';src: url('/fonts/nunito-latin-ext-700-normal.woff2') format('woff2');font-weight: 700;font-display: swap;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} :root{--bg: #120E17;--bg2: #17121D;--s1: #1D1724;--s2: #28202F;--line: #3A2F44;--line2: #4A3D55;--tx: #F6F0EA;--tx2: #D9CFDC;--mu: #B9AEBF;--pink: #ED137B;--btn: #D6106E;--pinkT: #FF5FA8;--amber: #FFC857;--head: 'Squada One', 'Arial Narrow', sans-serif;--body: 'Nunito', 'Arial Rounded MT', ui-rounded, system-ui, Arial, sans-serif;--radius: 20px;--shell: 1200px;} *, *::before, *::after{box-sizing: border-box;} html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;} body{margin: 0;background: var(--bg);color: var(--tx);font-family: var(--body);font-size: 17px;line-height: 1.6;} img{max-width: 100%;display: block;} a{color: var(--pinkT);text-underline-offset: .15em;} a:hover{color: #fff;} :focus-visible{outline: 3px solid var(--pinkT);outline-offset: 3px;border-radius: 6px;} h1, h2, h3{font-weight: 400;margin: 0 0 .4em;} p{margin: 0 0 1em;} ul{margin: 0;padding: 0;list-style: none;} .skip{position: absolute;left: -999px;top: 8px;background: var(--btn);color: #fff;padding: 10px 16px;border-radius: 12px;z-index: 100;} .skip:focus{left: 16px;} .shell{width: 100%;max-width: var(--shell);margin: 0 auto;padding: 0 20px;} .shell--narrow > *{max-width: 820px;} .section{padding: 56px 0;} .section + .section{padding-top: 16px;} .h1, .hero__title, .section-head__title, .h2{font-family: var(--head);text-transform: uppercase;letter-spacing: .01em;line-height: 1;} .h1{font-size: clamp(40px, 7vw, 64px);} .h2, .section-head__title{font-size: clamp(32px, 5vw, 44px);} .eyebrow{font-size: 13px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--mu);margin-bottom: .6em;} .lead{font-size: 20px;color: var(--tx2);} .muted{color: var(--mu);} .empty{color: var(--mu);background: var(--s1);border-radius: 16px;padding: 18px 20px;} .richtext{color: var(--tx2);} .richtext h2, .richtext h3{font-family: var(--head);text-transform: uppercase;color: var(--tx);} .icon{flex-shrink: 0;} .btn{display: inline-flex;align-items: center;gap: 10px;min-height: 52px;padding: 0 22px;border-radius: 16px;font-weight: 700;font-size: 16px;text-decoration: none;border: 1px solid transparent;transition: background .15s, border-color .15s;} .btn--primary{background: var(--btn);color: #fff;} .btn--primary:hover{background: var(--pink);color: #fff;} .btn--ghost{background: transparent;color: var(--tx);border-color: var(--line2);} .btn--ghost:hover{border-color: var(--pinkT);color: #fff;} .link-more, .link-back{display: inline-flex;align-items: center;gap: 8px;font-weight: 700;text-decoration: none;} .link-back{color: var(--mu);margin-bottom: 8px;} .link-back:hover{color: var(--tx);} .badge{display: inline-block;font-size: 13px;font-weight: 700;color: #120E17;background: var(--amber);border-radius: 999px;padding: 4px 12px;} .tag{display: inline-block;font-size: 13px;font-weight: 700;border-radius: 8px;padding: 5px 10px;background: var(--s2);color: var(--tx2);} .tags{display: flex;flex-wrap: wrap;gap: 8px;margin: 4px 0 20px;} .tags:empty{display: none;} .header{position: sticky;top: 0;z-index: 50;background: rgba(18, 14, 23, .92);backdrop-filter: blur(10px);border-bottom: 1px solid var(--s2);} .header__inner{display: flex;align-items: center;justify-content: space-between;min-height: 72px;gap: 20px;} .header__logo{display: block;width: 96px;} .header__logo svg{width: 100%;height: auto;display: block;} .header__menu, .header__close{display: none;align-items: center;gap: 8px;min-height: 44px;padding: 0 14px;border-radius: 12px;border: 1px solid var(--line);background: var(--s1);color: var(--tx);text-decoration: none;font-weight: 700;} .nav-main ul{display: flex;gap: 6px;} .nav-main a{display: block;padding: 10px 16px;border-radius: 999px;color: var(--tx);text-decoration: none;font-weight: 700;} .nav-main a:hover{background: var(--s2);} .nav-main li.current > a{background: var(--btn);color: #fff;} .nav-main .sub-nav-container{display: none;} @media (max-width: 760px){.header{backdrop-filter: none;background: var(--bg);} .header__menu{display: inline-flex;} .header__nav{display: none;position: fixed;inset: 0;background: var(--bg);padding: 88px 20px 20px;z-index: 60;} .header__nav:target, .header.is-open .header__nav{display: block;} .header__close{display: inline-flex;position: absolute;top: 14px;right: 20px;} .nav-main ul{flex-direction: column;gap: 10px;} .nav-main a{font-family: var(--head);text-transform: uppercase;font-size: 34px;padding: 12px 18px;border-radius: 16px;background: var(--s1);}} .hero{position: relative;overflow: hidden;padding: 96px 0 72px;background: radial-gradient(120% 90% at 85% 0%, rgba(237, 19, 123, .35), transparent 60%), var(--bg2);} .hero__bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: .35;} .hero__inner{position: relative;} .hero__inner > *{max-width: 820px;} .hero__title{font-size: clamp(48px, 10vw, 96px);} .hero__text{font-size: 19px;color: var(--tx2);max-width: 640px;} .section-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px 24px;flex-wrap: wrap;margin-bottom: 24px;} .section-head__sub{color: var(--mu);max-width: 640px;} .section-head__sub p:last-child{margin-bottom: 0;} .chips{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 20px;} .chip{min-height: 44px;padding: 0 16px;border-radius: 999px;font: inherit;font-size: 15px;font-weight: 700;background: transparent;color: var(--tx);border: 1px solid var(--line2);cursor: pointer;} .chip.is-on{background: var(--btn);border-color: var(--btn);color: #fff;} .event-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));gap: 20px;} .event-card{background: var(--s1);border-radius: var(--radius);overflow: hidden;transition: transform .15s;} .event-card:hover{transform: translateY(-3px);} .event-card[hidden]{display: none;} .event-card__link{display: flex;flex-direction: column;height: 100%;color: inherit;text-decoration: none;} .event-card__media{position: relative;aspect-ratio: 16 / 10;background: var(--s2);} .event-card__media img{width: 100%;height: 100%;object-fit: cover;} .datebox{position: absolute;top: 14px;left: 14px;display: flex;flex-direction: column;align-items: center;padding: 6px 12px;border-radius: 12px;background: var(--bg);font-size: 14px;font-weight: 700;line-height: 1.2;} .datebox b{font-family: var(--head);font-weight: 400;font-size: 22px;color: var(--pinkT);} .event-card__body{padding: 18px 20px 20px;display: flex;flex-direction: column;gap: 8px;} .event-card__body .badge{align-self: flex-start;} .event-card__title{font-family: var(--head);text-transform: uppercase;font-size: 30px;line-height: 1;margin: 0;} .event-card__teaser{color: var(--tx2);margin: 0;font-size: 15px;} .event-card__meta{display: flex;flex-wrap: wrap;gap: 6px 16px;margin: 4px 0 0;color: var(--mu);font-size: 14px;} .event-card__meta span{display: inline-flex;align-items: center;gap: 6px;} .event-card__meta .icon{width: 16px;height: 16px;color: var(--pinkT);} .event-card.is-tentative .datebox b{color: var(--amber);} .event-detail__media{padding-top: 24px;} .event-detail__media img{width: 100%;max-width: 820px;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius);background: var(--s2);} .event-detail__inner{padding-top: 28px;padding-bottom: 64px;} .facts{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 10px;margin: 0 0 28px;} .facts div{background: var(--s1);border-radius: 14px;padding: 14px 16px;} .facts dt{display: flex;align-items: center;gap: 8px;font-size: 13px;font-weight: 700;color: var(--mu);} .facts dt .icon{width: 16px;height: 16px;color: var(--pinkT);} .facts dd{margin: 4px 0 0;font-size: 18px;font-weight: 700;} .album-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 20px;} .album-card a{display: flex;flex-direction: column;gap: 4px;color: inherit;text-decoration: none;} .album-card__media{position: relative;aspect-ratio: 4 / 3;border-radius: var(--radius);overflow: hidden;background: var(--s2);margin-bottom: 8px;} .album-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform .3s;} .album-card a:hover img{transform: scale(1.04);} .album-card__count{position: absolute;right: 12px;bottom: 12px;display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;background: rgba(18, 14, 23, .85);font-size: 13px;font-weight: 700;} .album-card__count .icon{width: 16px;height: 16px;} .album-card__title{font-family: var(--head);text-transform: uppercase;font-size: 26px;line-height: 1;} .album-card__date{color: var(--mu);font-size: 14px;} .photo-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 8px;margin-top: 24px;} .photo-grid a{display: block;aspect-ratio: 1;border-radius: 12px;overflow: hidden;background: var(--s2);} .photo-grid img{width: 100%;height: 100%;object-fit: cover;transition: opacity .2s;} .photo-grid a:hover img{opacity: .85;} .lightbox{position: fixed;inset: 0;z-index: 90;background: rgba(8, 6, 10, .96);display: flex;align-items: center;justify-content: center;} .lightbox[hidden]{display: none;} .lightbox img{max-width: calc(100vw - 32px);max-height: calc(100vh - 120px);object-fit: contain;border-radius: 8px;} .lightbox__btn{position: absolute;width: 52px;height: 52px;border-radius: 50%;border: none;background: rgba(255, 255, 255, .12);color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;} .lightbox__btn:hover{background: var(--btn);} .lightbox__close{top: 16px;right: 16px;} .lightbox__prev{left: 16px;top: 50%;transform: translateY(-50%);} .lightbox__next{right: 16px;top: 50%;transform: translateY(-50%);} .lightbox__count{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;color: var(--mu);font-size: 14px;} .acc-list{display: flex;flex-direction: column;gap: 10px;max-width: var(--shell);margin: 0 auto;padding: 0 20px 64px;} .acc-list > .acc{width: 100%;max-width: 820px;} .acc{background: var(--s1);border-radius: 16px;overflow: hidden;} .acc__head{display: flex;align-items: center;justify-content: space-between;gap: 16px;min-height: 60px;padding: 0 20px;cursor: pointer;font-weight: 700;font-size: 18px;list-style: none;} .acc__head::-webkit-details-marker{display: none;} .acc__head:hover{background: var(--s2);} .acc__icon{width: 14px;height: 14px;border-right: 2px solid var(--pinkT);border-bottom: 2px solid var(--pinkT);transform: rotate(45deg) translateY(-3px);transition: transform .2s;} .acc[open] .acc__icon{transform: rotate(-135deg) translateY(-3px);} .acc__body{padding: 0 20px 20px;color: var(--tx2);font-size: 16px;} .acc__body p:last-child{margin-bottom: 0;} .mapbox{margin: 14px 0 0;border-radius: 14px;overflow: hidden;border: 1px solid var(--line);max-width: 640px;} .mapbox svg{display: block;width: 100%;height: auto;} .acc__links{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px;} .infolink{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 14px;border-radius: 12px;background: var(--s2);border: 1px solid var(--line2);color: var(--tx);text-decoration: none;font-size: 15px;font-weight: 700;} .infolink .icon{color: var(--pinkT);width: 18px;height: 18px;} .infolink:hover{border-color: var(--pinkT);color: #fff;} .footer{margin-top: 40px;background: var(--bg2);border-top: 1px solid var(--s2);color: var(--tx2);font-size: 15px;} .footer__inner{display: grid;grid-template-columns: 1.2fr 1fr 1fr;gap: 32px;padding-top: 48px;padding-bottom: 32px;} .footer__symbol{display: block;width: 72px;margin-bottom: 12px;} .footer__symbol svg{width: 100%;height: auto;display: block;} .footer__claim{font-family: var(--head);text-transform: uppercase;font-size: 28px;line-height: 1;color: var(--tx);} .footer__title{font-size: 13px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--mu);} .footer__hint{color: var(--mu);} .footer a{color: var(--tx);} .footer a:hover{color: var(--pinkT);} .footer__social{display: flex;gap: 10px;margin-top: 12px;} .footer__social a{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 12px;background: var(--s1);border: 1px solid var(--line);color: var(--tx);} .footer__social svg{width: 20px;height: 20px;fill: currentColor;} .footer__social a:hover{border-color: var(--pinkT);} .footer__bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px;padding-top: 16px;padding-bottom: 32px;border-top: 1px solid var(--s2);color: var(--mu);font-size: 14px;} .footer__bottom p{margin: 0;} .nav-bottom ul{display: flex;flex-wrap: wrap;gap: 16px;} .nav-bottom a{color: var(--mu);} @media (max-width: 760px){body{font-size: 16px;} .section{padding: 40px 0;} .hero{padding: 64px 0 48px;} .footer__inner{grid-template-columns: 1fr;gap: 24px;} .photo-grid{grid-template-columns: repeat(3, 1fr);gap: 4px;} .photo-grid a{border-radius: 6px;}} @media (prefers-reduced-motion: reduce){*, *::before, *::after{transition: none !important;scroll-behavior: auto !important;}} .page-head{padding-bottom: 8px;} .page-head + .section{padding-top: 16px;} .page-head__text{max-width: 720px;} .page-head + .acc-list{margin-top: 8px;}