.profile-gallery{min-width:0}.profile-gallery__stage{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#eef2fb;box-shadow:0 22px 55px rgba(30,54,110,.12)}.profile-gallery__main{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:opacity .18s ease,transform .35s ease}.profile-gallery__stage.is-changing .profile-gallery__main{opacity:.3;transform:scale(1.015)}.profile-gallery__counter{position:absolute;top:16px;right:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(7,24,57,.68);color:#fff;font-size:12px;line-height:1;backdrop-filter:blur(10px)}.profile-gallery__arrow{position:absolute;top:50%;width:44px;height:44px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font:500 31px/1 sans-serif;box-shadow:0 8px 24px rgba(15,30,70,.18);cursor:pointer;opacity:0;transition:.2s}.profile-gallery__stage:hover .profile-gallery__arrow,.profile-gallery__arrow:focus-visible{opacity:1}.profile-gallery__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.profile-gallery__arrow.is-prev{left:15px}.profile-gallery__arrow.is-next{right:15px}.profile-gallery__thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:78px;gap:9px;margin-top:12px;padding:2px 2px 9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.profile-gallery__thumb{aspect-ratio:4/5;padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:#edf1fa;cursor:pointer;opacity:.7;scroll-snap-align:start;transition:.2s}.profile-gallery__thumb img{width:100%;height:100%;object-fit:cover}.profile-gallery__thumb:hover{opacity:1;transform:translateY(-2px)}.profile-gallery__thumb.is-active{border-color:var(--blue);opacity:1;box-shadow:0 0 0 3px rgba(12,113,255,.12)}body.has-lightbox{overflow:hidden}.cof-lightbox{position:fixed;inset:0;z-index:99999;display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;padding:24px;background:rgba(4,10,27,.94);backdrop-filter:blur(16px);animation:cofLightboxIn .2s ease}.cof-lightbox figure{position:relative;display:grid;place-items:center;margin:0;width:100%;height:calc(100vh - 48px)}.cof-lightbox img{max-width:100%;max-height:calc(100vh - 70px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 28px 90px rgba(0,0,0,.5);transition:opacity .16s}.cof-lightbox img.is-loading{opacity:.25}.cof-lightbox figcaption{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px}.cof-lightbox__close,.cof-lightbox__arrow{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;backdrop-filter:blur(10px)}.cof-lightbox__close{position:absolute;top:18px;right:18px;z-index:2;width:46px;height:46px;border-radius:50%;font:300 31px/1 sans-serif}.cof-lightbox__arrow{width:54px;height:54px;border-radius:50%;font:300 38px/1 sans-serif;justify-self:center}.cof-lightbox__close:hover,.cof-lightbox__arrow:hover{background:rgba(255,255,255,.24)}@keyframes cofLightboxIn{from{opacity:0}to{opacity:1}}
@media(max-width:980px){.profile-gallery__thumbs{grid-auto-columns:66px}.profile-gallery__arrow{opacity:1;width:40px;height:40px}}
@media(max-width:640px){.profile-gallery__stage{aspect-ratio:4/5;max-height:none;border-radius:20px}.profile-gallery__thumbs{grid-auto-columns:62px;gap:7px}.profile-gallery__arrow{width:38px;height:38px}.profile-gallery__arrow.is-prev{left:10px}.profile-gallery__arrow.is-next{right:10px}}
@media(max-width:640px){.cof-lightbox{grid-template-columns:48px minmax(0,1fr) 48px;padding:10px}.cof-lightbox figure{height:calc(100vh - 20px)}.cof-lightbox img{max-height:calc(100vh - 40px);border-radius:8px}.cof-lightbox__arrow{width:42px;height:42px;font-size:31px}.cof-lightbox__close{top:12px;right:12px;width:42px;height:42px}}
.profile-recommended{grid-column:1/-1;padding-top:8px}.profile-recommended__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.profile-recommended .section-head{margin-bottom:16px}.profile-recommended .creator-card__media{aspect-ratio:3/4}.profile-recommended .creator-card__body{min-height:68px}
@media(max-width:980px){.profile-recommended__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.profile-recommended__grid{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory}.profile-recommended__grid .creator-card{flex:0 0 76%;scroll-snap-align:start}}

/* Prevent long localized profile copy from widening the mobile viewport. */
.profile{grid-template-columns:minmax(0,520px) minmax(0,1fr);max-width:100%}
.profile>*{min-width:0;max-width:100%}
.profile__intro,.profile__content,.profile__lead,.profile__content h2,.profile__content h3{overflow-wrap:anywhere;word-break:break-word}
.profile__intro .gradient-button{max-width:100%;white-space:normal;text-align:center;line-height:1.3}
.profile-gallery,.profile-gallery__stage,.profile-gallery__thumbs{width:100%;max-width:100%;min-width:0}
.profile__content img,.profile__content video,.profile__content iframe,.profile__content table{max-width:100%;height:auto}

@media(max-width:980px){.profile{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:640px){
	html,body{max-width:100%;overflow-x:clip}
	.profile{display:grid;grid-template-columns:minmax(0,1fr);width:var(--shell);max-width:calc(100% - 24px);margin-inline:auto;overflow:visible}
	.profile-gallery__stage{width:100%;aspect-ratio:4/5}
	.profile-gallery__main{max-width:100%;object-fit:contain;background:#eef2fb}
	.profile-gallery__thumbs{grid-auto-columns:62px;overscroll-behavior-inline:contain}
	.cof-lightbox{display:flex;align-items:center;justify-content:center;padding:10px}
	.cof-lightbox figure{width:100%;max-width:calc(100vw - 20px);height:calc(100dvh - 20px)}
	.cof-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 40px);width:auto;height:auto;object-fit:contain}
	.cof-lightbox__arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%)}
	.cof-lightbox__arrow.is-prev{left:12px}
	.cof-lightbox__arrow.is-next{right:12px}
	.cof-lightbox__close{position:absolute;top:12px;right:12px}
}
