.friends-page{overflow:clip}.friends-page h1{max-width:800px;margin:auto;font-size:3.8rem}.friends-page h2{font-size:2.6rem}.friends-page h3{line-height:1.2}.friends-page img{border-radius:var(--r);box-shadow:var(--shadow-pyssel);object-position:center top}.friends-hero{text-align:center;background:var(--paper-2);padding:48px 0 56px;position:relative}.friends-hero .wrap{position:relative}.friends-hero .hand{margin-bottom:18px;font-size:2rem;display:block}.friends-intro{max-width:660px;margin:22px auto 30px;font-size:1.15rem}.friends-hero-image{width:100%;max-width:820px;height:auto;margin:auto}.friends-sparkles{pointer-events:none;color:var(--gold);position:absolute;inset:0}.friends-sparkles svg{opacity:.5;width:18px;position:absolute}.friends-sparkles svg:first-child{top:12%;left:7%}.friends-sparkles svg:nth-child(2){width:28px;top:25%;right:9%}.friends-sparkles svg:nth-child(3){width:24px;bottom:18%;left:12%}.friends-sparkles svg:nth-child(4){bottom:9%;right:5%}.friends-section{padding-block:68px}.friends-section .sec-head{margin-bottom:28px}.friends-profile{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:40px;display:grid}.friends-profile figure{margin:0}.friends-profile-image{width:100%;height:auto}.friends-profile p{margin-top:18px}.friends-photo-note{text-align:center;margin:14px 0 0}.friends-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.friends-fact{border-radius:var(--r);background:var(--card);box-shadow:var(--shadow-pyssel);padding:16px}.friends-fact svg{color:var(--red);margin-bottom:8px}.friends-fact dt{color:var(--ink-soft);font-size:.8rem;font-weight:800}.friends-fact dd{margin:4px 0 0;font-size:.98rem;font-weight:800;line-height:1.4}.friends-band{background:var(--paper-2)}.friends-meeting{grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-top:42px;display:grid}.friends-meeting p{margin-top:18px}.friends-meeting img{width:100%;height:auto}.friends-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.friends-gallery figure{min-width:0;margin:0}.friends-gallery img{aspect-ratio:800/597;object-fit:contain;width:100%;height:auto}.friends-gallery figcaption{margin-top:12px;font-size:1rem;line-height:1.45}.friends-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.friends-value{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-pyssel);padding:24px}.friends-value svg{color:var(--red);margin-bottom:14px}.friends-value p{margin:12px 0 0;font-size:1rem}.friends-cast{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.friends-cast article{text-align:center}.friends-portrait{background:var(--paper-2);border:1px solid var(--line);width:84px;height:84px;color:var(--red);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.friends-cast p{margin:12px 0 0;font-size:1rem}.friends-faq{max-width:820px;margin:auto}.friends-faq h2{margin-bottom:28px}.friends-end{text-align:center}.friends-end img{width:220px;height:auto;margin:0 auto 24px}.friends-end .hand{margin-bottom:18px;font-size:2.1rem}.friends-end h2{max-width:720px;margin:0 auto 24px}.friends-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.friends-letter{max-width:360px;margin:24px auto 0}@media (width>=1100px) and (width<=1279px){.nav .desktop-navigation .character-nav-link{display:none}}@media (width<=800px){.friends-profile{grid-template-columns:1fr;gap:28px}.friends-profile>figure{max-width:500px;margin:auto}.friends-meeting{grid-template-columns:1fr}.friends-values,.friends-cast{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-gallery{scroll-snap-type:x mandatory;gap:18px;padding-bottom:16px;display:flex;overflow-x:auto}.friends-gallery figure{scroll-snap-align:start;flex:0 0 82%}}@media (width<=500px){.friends-hero{padding:30px 0 38px}.friends-page h1{font-size:2.4rem}.friends-page h2{font-size:1.9rem}.friends-hero .hand{font-size:1.65rem}.friends-intro{margin-block:18px 24px;font-size:1.05rem}.friends-section{padding-block:44px}.friends-fact{padding:12px}.friends-fact dd{font-size:.9rem}.friends-facts{gap:10px}.friends-profile{gap:24px}.friends-values{gap:12px}.friends-value{padding:16px}.friends-value h3{font-size:1.13rem}.friends-value p{font-size:.95rem}.friends-cast{gap:22px 16px}.friends-actions{flex-direction:column}.friends-actions .btn{width:100%}.friends-end .hand{font-size:1.7rem}}