/* Original contour artwork, inspired by the Whispers page's violet silk-like mesh. */
.friends-page{background:#050505;color:#f5f2fa}
.friends-hero{position:relative;isolation:isolate;overflow:hidden;height:100svh;min-height:680px;background:#241331;display:flex;align-items:center;justify-content:center;text-align:center}
.friends-waves{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;z-index:-2}
.friends-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#160b201c,transparent 30%,#160b2015 70%,#160b202e)}
.friends-hero-copy{width:100%;padding:100px 24px 30px}
.friends-hero h1{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,5.2vw,82px);font-weight:300;line-height:1.12;letter-spacing:.07em;text-transform:uppercase;overflow-wrap:anywhere}
.friends-hero-copy>p{margin:24px 0 0;color:#f0eaf5;font-size:clamp(17px,1.65vw,25px);font-weight:300;letter-spacing:.025em;line-height:1.5}
.friends-join{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 40px;border:1px solid transparent;border-radius:40px;background:#7333aa;color:#fff;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background 180ms ease,border-color 180ms ease}
.friends-join:hover{background:#8a46c1;color:#fff}.friends-join:focus-visible,.friends-scroll:focus-visible{outline:2px solid #fff;outline-offset:6px}
.friends-hero>.friends-join{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);min-width:285px;max-width:calc(100% - 48px)}
.friends-scroll{position:absolute;bottom:22px;left:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;color:#ece2f5;font-size:24px;text-decoration:none}
.friends-intro{padding:110px 28px 80px;max-width:930px;margin:auto;text-align:center;scroll-margin-top:var(--festival-header-stack)}
.friends-intro::before{content:'';display:block;width:48px;height:1px;background:#aa8ab8;margin:0 auto 40px}
.friends-intro p{margin:0;color:#ddd6e2;font-size:clamp(18px,1.6vw,23px);font-weight:300;line-height:1.85;text-wrap:pretty}
.friends-intro .source-notice{font-size:12px;margin-bottom:24px}
.friends-groups{max-width:1180px;margin:auto;padding:0 42px 40px;text-align:center}
.friends-group{border-top:1px solid #ffffff24;padding:58px 0 64px}
.friends-group h2{margin:0 0 34px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.5vw,36px);font-weight:400;letter-spacing:.04em}
.friends-group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:15px 38px}
.friends-group li{font-size:17px;line-height:1.65;color:#c5bdcc}
.friends-invitation{padding:38px 24px 110px;text-align:center}.friends-invitation>p{font-size:clamp(24px,3vw,40px);color:#f2edf6;margin:0 0 30px;font-weight:300}
body:has(.friends-page) .festival-header:not(.solid):not(.menu-open):not(.menu-transition),.festival-header.friends-clear:not(.menu-open):not(.menu-transition){background:transparent!important;box-shadow:none!important}
body:has(.friends-page) .festival-header:not(.solid):not(.menu-open):not(.menu-transition)::before,.festival-header.friends-clear:not(.menu-open):not(.menu-transition)::before{background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important}
@media(max-width:760px){.friends-hero{min-height:620px}.friends-waves{object-position:48% center}.friends-hero-copy{padding-top:90px}.friends-hero h1{font-size:clamp(28px,7.8vw,52px);letter-spacing:.055em}.friends-hero-copy>p{margin-top:19px;font-size:18px}.friends-hero>.friends-join{bottom:12%;min-width:min(285px,calc(100% - 48px))}.friends-intro{padding:75px 25px 58px}.friends-intro p{font-size:17px;line-height:1.8}.friends-groups{padding:0 25px 20px}.friends-group{padding:40px 0 46px}.friends-group ul{display:block}.friends-group li{font-size:16px;margin:11px 0}.friends-invitation{padding-bottom:75px}}
@media(max-height:620px) and (min-width:761px){.friends-hero{min-height:570px}.friends-hero-copy{padding-top:80px}.friends-hero>.friends-join{bottom:10%}}
@media(prefers-reduced-motion:reduce){.friends-join{transition:none}}