:root{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#171d19}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--page-accent,#d3f76b);outline-offset:5px}.landing{min-height:100svh;background:var(--page-bg);color:var(--page-text);position:relative;isolation:isolate;padding:28px 16px 0}.landing-backdrop{position:fixed;inset:-40px;background-size:cover;background-position:center;filter:blur(38px);opacity:.3;z-index:-1;pointer-events:none}.profile-page{max-width:540px;margin:auto;overflow:hidden;border-radius:28px 28px 0 0;background:var(--page-bg);min-height:calc(100svh - 28px);box-shadow:0 0 80px #0002}.profile-cover{height:450px;position:relative;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover;object-position:center var(--cover-position);display:block}.profile-cover:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,var(--page-bg))}.cover-placeholder{height:100%;background:radial-gradient(ellipse at 60% 0%,var(--page-accent),transparent 65%),var(--page-bg)}.profile-content{position:relative;margin-top:-98px;padding:0 25px 26px;text-align:center}.profile-content h1{font-size:36px;letter-spacing:-1.4px;margin:0 0 4px;line-height:1.2;font-weight:750;overflow-wrap:anywhere}.profile-handle{font-size:13px;opacity:.64;margin:7px 0 18px}.profile-socials{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.profile-socials a{width:37px;height:37px;background:color-mix(in srgb,var(--page-text) 12%,transparent);border:1px solid color-mix(in srgb,var(--page-text) 14%,transparent);border-radius:50%;display:grid;place-items:center;transition:transform .2s}.profile-socials a:hover{transform:translateY(-3px)}.profile-bio{font-size:14px;line-height:1.65;white-space:pre-line;margin:22px 0 26px;opacity:.85;overflow-wrap:anywhere}.profile-avatar{width:76px;height:76px;object-fit:cover;border-radius:50%;border:3px solid var(--page-bg);margin:0 0 15px}.profile-links{display:grid;gap:12px;text-align:left}.profile-link{position:relative;display:flex;align-items:center;gap:13px;padding:17px 16px;min-height:78px;text-decoration:none;border:1px solid color-mix(in srgb,var(--page-text) 18%,transparent);border-radius:var(--button-radius);background:color-mix(in srgb,var(--page-text) 7%,var(--page-bg));color:var(--page-text);transition:transform .2s,background .2s}.profile-link:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--page-text) 14%,var(--page-bg))}.profile-link.featured{border-color:color-mix(in srgb,var(--page-accent) 60%,transparent);background:color-mix(in srgb,var(--page-accent) 9%,var(--page-bg))}.profile-link-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:color-mix(in srgb,var(--page-text) 9%,transparent)}.featured .profile-link-icon{color:var(--page-accent)}.profile-link-icon img{width:38px;height:38px;border-radius:11px;object-fit:cover}.profile-link-label{display:grid;gap:5px;flex:1;min-width:0}.profile-link-label strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.profile-link-label>span{font-size:11px;line-height:1.4;opacity:.65;overflow-wrap:anywhere}.profile-link>svg{flex-shrink:0;opacity:.6}.link-badge{font-size:9px;border-radius:20px;padding:5px 7px;background:var(--page-accent);color:#152113;font-weight:600;flex-shrink:0;max-width:84px;overflow-wrap:anywhere}.profile-footer{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.52}.mini-brand{font-weight:800;letter-spacing:-1.6px;font-size:26px}.mini-brand span{margin-left:2px;color:var(--page-accent);font-size:22px}.profile-footer>span:not(.mini-brand){font-size:9px;letter-spacing:.2px}.profile-footer>a{font-size:9px;margin-top:10px;text-decoration:none}.font-serif h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-1px;font-weight:500}.button-solid .profile-link{background:var(--page-text);color:var(--page-bg)}.button-solid .profile-link.featured{background:var(--page-accent);color:#172018}.button-solid .featured .profile-link-icon{color:inherit}.button-outline .profile-link{background:transparent}.coming-soon,.privacy{max-width:680px;color:#faf9f5;margin:0 auto;padding:12svh 24px;line-height:1.8}.coming-soon h1{font-size:clamp(34px,7vw,60px);line-height:1.1;letter-spacing:-2px}.coming-soon p,.privacy p{color:#b4bcb6}.coming-soon .mini-brand{color:#d3f76b}.privacy h1{line-height:1.2}@media(max-width:600px){.landing{padding:0}.profile-page{border-radius:0;min-height:100svh}.profile-cover{height:420px}.profile-content{padding:0 20px 26px}.profile-content h1{font-size:34px}.profile-link-label strong{font-size:14px}.link-badge{font-size:8px}.profile-link{gap:10px}.landing-backdrop{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Photo-led layout matching the reference. */
.profile-page{max-width:568px}.profile-cover{height:530px}.profile-content{margin-top:-120px;padding:0 14px 24px}.profile-content h1{display:flex;align-items:center;justify-content:center;gap:6px;font-size:34px;font-family:Arial,sans-serif;letter-spacing:-1px}.profile-badge{display:inline-grid;place-items:center;background:#8874f6;color:white;width:19px;height:19px;clip-path:polygon(50% 0,62% 12%,80% 8%,85% 27%,100% 38%,90% 54%,94% 73%,75% 79%,65% 97%,47% 91%,29% 100%,22% 80%,4% 72%,11% 52%,0 37%,18% 25%,21% 7%,40% 12%);flex-shrink:0}.profile-handle{margin:4px 0 12px;font-family:Arial,sans-serif;font-size:14px}.profile-socials{gap:5px;margin:12px 0 16px}.profile-socials a{width:36px;height:36px;background:white;border:none;color:#172018}.platform-icon{display:block;object-fit:contain;border-radius:50%;max-width:100%;max-height:100%}.profile-followers{font-size:16px;font-weight:550;margin:18px 0 20px}.profile-bio{font-family:Arial,sans-serif;line-height:1.35;margin:24px 0 20px;font-size:14px;opacity:1}.profile-links{grid-template-columns:1fr 1fr;gap:10px 12px}.profile-link{grid-column:1/-1}.profile-link.photo-card{grid-column:auto;aspect-ratio:1.74;display:block;position:relative;padding:0;overflow:hidden;border:0;border-radius:12px;color:#fff!important;background:#242424!important;isolation:isolate}.profile-link.photo-card.featured{grid-column:1/-1;aspect-ratio:1.65}.card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s}.photo-card:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#0008);z-index:-1}.photo-card:hover .card-photo{transform:scale(1.025)}.photo-card .profile-link-icon{position:absolute;top:13px;left:13px;width:30px;height:30px;border-radius:50%;background:#fff;color:#333}.photo-card .profile-link-label{position:absolute;bottom:11px;left:12px;right:12px;text-align:center;display:block}.photo-card .profile-link-label strong{font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.15;text-shadow:0 1px 8px #0008}.photo-card.featured .profile-link-label strong{font-size:22px}.photo-card .profile-link-label>span{display:block;font-size:10px;line-height:1.3;margin-top:4px;opacity:.9}.photo-card>.link-badge{position:absolute;top:13px;right:13px}.photo-card>svg{display:none}.photo-gallery{margin-top:23px}.gallery-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 2px 2px;-webkit-overflow-scrolling:touch}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{width:calc((100% - 30px)/4);min-width:calc((100% - 30px)/4);aspect-ratio:1;border:0;padding:0;border-radius:19px;overflow:hidden;scroll-snap-align:start;background:#222;cursor:zoom-in}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:8px;opacity:.55}.gallery-controls span{font-size:10px}.gallery-controls button{width:28px;height:28px;border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer}.contact-link{display:flex;align-items:center;gap:10px;padding:17px 15px;background:color-mix(in srgb,var(--page-text) 7%,var(--page-bg));border-radius:15px;font-size:14px;font-weight:600;margin-top:14px;text-decoration:none;text-align:left;overflow-wrap:anywhere}.contact-link span{min-width:0;overflow-wrap:anywhere}.contact-link svg{flex-shrink:0}.profile-footer{margin-top:22px;opacity:.35}.profile-footer>a{margin:0;font-size:10px}.lightbox{padding:35px 55px;border:0;background:transparent;color:white;width:100%;max-width:100vw;height:100%;max-height:100svh;margin:0;overflow:hidden;position:fixed;inset:0}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox::backdrop{background:#000e;backdrop-filter:blur(7px)}.lightbox figure{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:100%;max-height:100%;gap:15px}.lightbox figure img{max-width:100%;max-height:80svh;object-fit:contain;border-radius:14px}.lightbox-caption{font-size:12px;color:#ccc}.lightbox button{position:absolute;background:#ffffff14;border:1px solid #ffffff29;color:white;border-radius:50%;width:42px;height:42px;font-size:30px;cursor:pointer;z-index:2}.lightbox-close{top:18px;right:18px}.lightbox-prev{left:12px;top:50%}.lightbox-next{right:12px;top:50%}@media(max-width:600px){.profile-cover{height:95vw;max-height:530px}.profile-content{margin-top:-21vw}.profile-content h1{font-size:30px}.profile-socials a{width:34px;height:34px}.profile-socials{gap:5px}.profile-followers{font-size:14px}.profile-bio{font-size:13px}.photo-card .profile-link-label strong{font-size:15px}.photo-card.featured .profile-link-label strong{font-size:19px}.gallery-item{min-width:calc((100% - 24px)/3.6);width:calc((100% - 24px)/3.6);border-radius:14px}.contact-link{font-size:12px}.profile-link.photo-card.featured{aspect-ratio:1.65}}
@font-face{font-family:ReferenceInter;src:url('/assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}.landing{font-family:ReferenceInter,Arial,sans-serif;padding-top:34px}.profile-page{max-width:566px;border-radius:28px 28px 0 0}.profile-cover{height:546px}.profile-cover:after{inset:0;background:linear-gradient(to bottom,transparent 24%,color-mix(in srgb,var(--page-bg) 3%,transparent) 35%,color-mix(in srgb,var(--page-bg) 12%,transparent) 45%,color-mix(in srgb,var(--page-bg) 27%,transparent) 56%,color-mix(in srgb,var(--page-bg) 48%,transparent) 67%,color-mix(in srgb,var(--page-bg) 72%,transparent) 79%,color-mix(in srgb,var(--page-bg) 92%,transparent) 92%,var(--page-bg) 100%)}.profile-content{margin-top:-140px}.profile-content h1,.profile-bio,.photo-card .profile-link-label strong{font-family:ReferenceInter,Arial,sans-serif}.profile-content h1{font-weight:750;font-size:34px}.profile-handle{font-family:ReferenceInter,Arial,sans-serif}.profile-backdrop{opacity:1}.landing-backdrop{opacity:.9;filter:blur(45px);background-size:cover;background-position:center;inset:-50px;mask-image:linear-gradient(transparent,black 13%,black 85%,transparent)}.profile-followers{margin:18px 0 25px;font-weight:600}.profile-bio{line-height:1.35;margin:23px 0 20px}.photo-card .profile-link-label strong{font-size:16px;font-weight:700}.photo-card.featured .profile-link-label strong{font-size:20px}.photo-card .profile-link-icon{width:26px;height:26px;top:11px;left:11px}.photo-card.featured .profile-link-icon{width:36px;height:36px;top:15px;left:15px}.gallery-controls{display:none}.gallery-track{padding:0;gap:12px}.gallery-item{width:136px;min-width:136px;height:136px}.photo-gallery{margin-top:23px}.contact-link{margin-top:20px}.profile-footer{display:none}.font-serif .profile-content h1{font-family:Georgia,serif}@media(max-width:600px){.landing{padding-top:0}.profile-page{border-radius:0}.profile-cover{height:96.5vw;max-height:546px}.profile-content{margin-top:-24.7vw}.profile-content h1{font-size:clamp(26px,6vw,34px)}.profile-bio{margin-top:22px;margin-bottom:20px}.gallery-item{min-width:calc((100% - 24px)/3.6);width:calc((100% - 24px)/3.6);height:auto}}
.profile-content h1{margin-bottom:0}.profile-handle{margin-top:0}.profile-socials{margin-top:8px}.profile-followers{margin-bottom:23px}.photo-card .profile-link-icon .platform-icon{width:100%;height:100%;border-radius:50%}.landing-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#000b,transparent 22%,transparent 80%,#000)}
.profile-followers{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;font-family:inherit;font-size:16px;font-weight:600;padding:0;background:transparent;border:0;cursor:pointer}.followers-dialog{width:546px;max-width:calc(100% - 20px);max-height:80svh;min-height:350px;border:0;border-radius:24px 24px 0 0;background:#242424;color:white;padding:36px 28px;margin:auto auto 0;position:fixed;inset:auto 0 0;text-align:center}.followers-dialog::backdrop{background:#0007}.followers-dialog:before{content:"";position:absolute;width:34px;height:5px;background:#aaa;border-radius:9px;top:15px;left:calc(50% - 17px)}.followers-dialog>strong{font-size:14px;font-weight:600}.followers-close{position:absolute;right:15px;top:14px;border:0;color:#aaa;background:transparent;font-size:22px;cursor:pointer}.followers-list{display:grid;gap:22px;padding:24px 0;text-align:left}.followers-list a{display:flex;align-items:center;gap:15px;text-decoration:none}.followers-list b{display:block;font-size:14px;font-weight:600}.followers-list small{display:block;margin-top:4px;font-size:14px;color:#999}.followers-list p{font-size:13px;color:#aaa}@media(max-width:600px){.profile-followers{font-size:14px}}

/* Measured reference geometry; the editor uses the same responsive layout. */
.profile-cover{--fade-height:260px;--fade-bottom:23px}
.profile-cover:after{inset:auto 0 0;height:calc(var(--fade-height) + var(--fade-bottom));background:linear-gradient(to bottom,transparent calc(var(--fade-height) * .12),color-mix(in srgb,var(--page-bg) 38%,transparent) calc(var(--fade-height) * .46),color-mix(in srgb,var(--page-bg) 88%,transparent) calc(var(--fade-height) * .76),var(--page-bg) var(--fade-height))}
.photo-card:after{inset:0;background:linear-gradient(180deg,rgba(35,6,35,0) 0%,rgba(6,13,18,.6) 128.76%)}
.profile-followers strong{font-weight:700}
body{background:#000}
.landing-backdrop{inset:0;opacity:1;background-size:100% 100%;filter:blur(50px);mask-image:none}
.landing-backdrop:after{display:none}
.profile-content{display:flex;flex-direction:column;align-items:stretch;margin-top:-139px;padding:0 14px 24px}
.profile-content h1{display:block;font-size:32px;line-height:40px;letter-spacing:.25px;margin:0}
.profile-name{display:inline-block;position:relative;max-width:calc(100% - 48px);vertical-align:top}
.profile-name-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-badge{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);width:20px;height:20px}
.profile-avatar{margin:0 auto 15px}
.profile-handle{font-size:14px;font-weight:500;line-height:15px;opacity:.55;margin:0}
.profile-socials{flex-wrap:wrap;gap:4px;margin:11px 0 0}
.profile-socials:empty{display:none}
.profile-socials a{width:36px;height:36px;flex-shrink:0}
.profile-socials .platform-icon{width:100%;height:100%}
.profile-socials a>svg{width:24px;height:24px}
.profile-followers{align-self:center;font-weight:500;font-size:16px;line-height:24px;margin:14px 0 0}
.profile-bio{font-size:14px;line-height:18px;margin:11px 0;padding:8px}
.profile-links{gap:10px 14px}
.profile-link.photo-card{aspect-ratio:262/151;min-height:0;border-radius:var(--button-radius)}
.profile-link.photo-card.featured{aspect-ratio:538/326}
.photo-card .profile-link-label{bottom:9px}
.photo-card .profile-link-label strong{line-height:20px}
.photo-card.featured .profile-link-label strong{line-height:24px}
.photo-gallery{margin-top:26px;min-width:0}
.gallery-track{padding:0 2px}
.gallery-item img{display:block}
.contact-link{font-size:14px;line-height:18px;margin-top:20px;padding:17px 15px}
.contact-link svg{width:16px;height:16px}
button:focus-visible,.gallery-track:focus-visible{outline:2px solid var(--page-accent,#8874f6);outline-offset:4px}
@media(max-width:767px){
 .landing{padding:0}.landing-backdrop{display:none}.profile-page{max-width:none;border-radius:0;min-height:100svh}
 .profile-cover{height:100vw;max-height:none;--fade-height:53.3313vw;--fade-bottom:5.33854vw}.profile-content{margin-top:-37.066667vw;padding:0 16px 24px}
 .profile-content h1{font-size:32px;line-height:40px;margin-bottom:.410256vw}
 .profile-handle{font-size:3.733333vw;line-height:4vw}
 .profile-socials{gap:1.066667vw;margin-top:3.05vw}.profile-socials a{width:9.6vw;height:9.6vw}
 .profile-followers{font-size:16px;line-height:24px;margin-top:4.153846vw}
 .profile-bio{font-size:3.733333vw;line-height:4.8vw;margin:11px 0 2.7vw}
 .profile-links{gap:2.666667vw 12px}.profile-link.photo-card{aspect-ratio:auto;height:28.27vw}.profile-link.photo-card.featured{aspect-ratio:auto;height:56vw}
 .photo-card .profile-link-label{bottom:8px}.photo-card .profile-link-label strong{font-size:4vw;line-height:5.12vw}.photo-card.featured .profile-link-label strong{font-size:4.8vw;line-height:6.14vw}
 .photo-card .profile-link-icon{width:6.4vw;height:6.4vw;top:2.666667vw;left:2.666667vw}.photo-card.featured .profile-link-icon{width:8vw;height:8vw;top:3.2vw;left:3.2vw}
 .photo-gallery{margin-top:6.4vw}.gallery-track{gap:3.2vw}.gallery-item{width:25.6vw;min-width:25.6vw;height:25.6vw;border-radius:4.8vw}
 .contact-link{font-size:3.466667vw;margin-top:5.333333vw;padding:17px 15px}
}

/* The selected focal point applies to every responsive image size. */
.profile-cover img,.card-photo,.gallery-item img,.profile-avatar,.row-image-frame img{object-position:var(--image-x,50%) var(--image-y,50%);transform:scale(var(--image-zoom,1));transform-origin:var(--image-x,50%) var(--image-y,50%)}
.photo-card:hover .card-photo{transform:scale(calc(var(--image-zoom,1)*1.025))}
.profile-avatar-frame{display:block;width:76px;height:76px;margin:0 auto 15px;border:3px solid var(--page-bg);border-radius:50%;overflow:hidden}
.profile-avatar-frame .profile-avatar{display:block;width:100%;height:100%;border:0;margin:0;border-radius:0}
.row-image-frame{display:block;width:38px;height:38px;overflow:hidden;border-radius:11px}
