/* v0.3 flagship public-profile visual system. Three accessible monochrome styles + Cyberpunk Concept. */
.xx-profile-page{background:#dedbd4;background-image:radial-gradient(circle at 0 0,#eeeae3 0,transparent 47%),linear-gradient(120deg,#dedbd4,#e9e6df)}
.xx-profile-main{max-width:620px;padding:45px 16px 80px}.xx-profile-main .xx-public{border-radius:17px;box-shadow:0 26px 80px #1112}.xx-cover{height:196px;background:repeating-linear-gradient(110deg,#0a0a0a 0,#191919 36px,#242424 37px,#242424 38px);position:relative;align-items:start;justify-content:space-between;text-align:left;padding:27px 30px}.xx-cover:before{content:'X&X';font:500 125px/.9 'Cormorant Garamond',serif;position:absolute;bottom:-30px;right:0;letter-spacing:-.06em;color:#ffffff12}.xx-cover:after{content:'YOUR SPACE. YOUR STORY.';font:800 8px 'Manrope',sans-serif;letter-spacing:.24em;position:absolute;bottom:24px;left:29px;color:#bbb}.xx-cover span{position:relative;z-index:1;font-size:9px}.xx-public-inner{padding:0 39px 40px}.xx-portrait{width:110px;height:110px;margin-top:-56px;margin-bottom:13px;background:#171717;border:5px solid #F7F5F0;box-shadow:0 4px 0 #1112}.xx-greeting{font-size:9px;color:#68645d;letter-spacing:.18em}.xx-public h1{font-size:67px;font-weight:500;line-height:.9;letter-spacing:-.045em;margin:15px 0 13px}.xx-role{font-size:10px;font-weight:800;letter-spacing:.07em;color:#75716b}.xx-bio{max-width:360px;font-size:12px;line-height:1.9;margin:16px auto 23px}.xx-contact-actions{margin-bottom:27px}.xx-contact-actions button,.xx-contact-actions a{border-radius:6px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;transition:transform .15s}.xx-contact-actions>*:hover{transform:translateY(-2px)}.xx-links-label{font-size:9px;margin-bottom:14px;letter-spacing:.21em}.xx-profile-links{gap:10px}.xx-link-card{padding:18px 18px;background:#fff;border:1px solid #c7c4bd;border-radius:5px;box-shadow:none;grid-template-columns:40px 1fr 24px}.xx-link-card strong{font-size:12px}.xx-link-card:hover{transform:translateX(3px);background:#f0ede7}.xx-link-glyph{font-size:9px;font-weight:800}.xx-public .xx-social-dock{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:22px auto 25px}.xx-social-dock a{display:grid;place-items:center;height:35px;min-width:35px;border:1px solid currentColor;border-radius:99px;padding:5px 9px;color:inherit;text-decoration:none;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:transform .18s,background .18s}.xx-social-dock a:hover{transform:translateY(-3px);background:#ffffff5c}.xx-public .xx-featured-link{margin:0 0 28px;display:flex;align-items:center;text-decoration:none;text-align:left;background:#111;color:#fff;border:1px solid #000;min-height:125px;overflow:hidden}.xx-featured-art{width:128px;min-height:125px;flex-shrink:0;background:radial-gradient(circle at 30% 70%,#444,#111);display:grid;place-items:center;color:#fff;font:400 70px 'Cormorant Garamond',serif;border-right:1px solid #ffffff22}.xx-featured-body{padding:16px}.xx-featured-body small{font-size:8px;letter-spacing:.17em;display:block;color:#ccc}.xx-featured-body strong{display:block;font:500 27px/.9 'Cormorant Garamond',serif;margin:10px 0}.xx-featured-body span{font-size:9px;font-weight:800;letter-spacing:.06em}.xx-mini-sections{margin-top:35px}.xx-mini-sections section{padding:29px 0;border-color:#c5c1b8}.xx-mini-sections h2{font-size:44px;letter-spacing:-.035em}.xx-gallery div{height:150px;background:linear-gradient(140deg,#101010,#444);display:flex;align-items:end;position:relative;overflow:hidden;font:500 18px 'Cormorant Garamond',serif}.xx-gallery div:before{content:'↗';font:500 55px 'Cormorant Garamond',serif;position:absolute;top:12px;right:18px;color:#ffffff55}.xx-gallery div+div{background:repeating-linear-gradient(45deg,#222 0,#222 14px,#333 15px,#333 16px)}.xx-inquiry{border-radius:5px}.xx-profile-footer{border-top:1px solid #d1cdc5;padding-top:23px;font-size:8px;letter-spacing:.18em}
.theme-noir .xx-cover{background:linear-gradient(120deg,#222,#050505)}.theme-noir .xx-social-dock a{border-color:#555}.theme-noir .xx-featured-link{background:#eae8e2;color:#111}.theme-noir .xx-featured-art{color:#fff}.theme-noir .xx-featured-body small{color:#444}.theme-noir .xx-role,.theme-noir .xx-greeting{color:#aaa}.theme-noir .xx-profile-footer{border-color:#444}
.theme-future .xx-cover{background:repeating-linear-gradient(90deg,#111 0,#111 1px,#222 1px,#222 42px)}.theme-future .xx-link-card{border-radius:1px;box-shadow:3px 3px 0 #1114}.theme-future .xx-featured-link{border-radius:0}.theme-future .xx-social-dock a{border-radius:2px}
.xx-public.theme-cyber{background:#111;color:#fff;border-color:#555}.theme-cyber .xx-cover{background:repeating-linear-gradient(145deg,#000 0,#000 13px,#1d1d1d 13px,#1d1d1d 14px)}.theme-cyber .xx-portrait{background:#fff;color:#111;border-color:#111;border-radius:15px;box-shadow:5px 5px 0 #aaa}.theme-cyber .xx-greeting{color:#bbb}.theme-cyber .xx-role,.theme-cyber .xx-bio{color:#aaa}.theme-cyber .xx-social-dock a{border-radius:3px;border-color:#aaa}.theme-cyber .xx-contact-actions button{background:#fff;color:#111}.theme-cyber .xx-contact-actions a{color:#fff;border-color:#888}.theme-cyber .xx-link-card{background:#242424;border-color:#777;box-shadow:4px 4px 0 #777;color:#fff;border-radius:1px}.theme-cyber .xx-link-card:hover{background:#333}.theme-cyber .xx-mini-sections section,.theme-cyber .xx-profile-footer{border-color:#444}.theme-cyber .xx-mini-sections p{color:#aaa}.theme-cyber .xx-featured-link{background:#eee;color:#111}.theme-cyber .xx-featured-body small{color:#555}
.xx-preview-device .xx-public h1{font-size:47px}.xx-preview-device .xx-featured-link{min-height:88px}.xx-preview-device .xx-featured-art{width:80px;min-height:88px;font-size:44px}.xx-preview-device .xx-featured-body{padding:11px}.xx-preview-device .xx-featured-body strong{font-size:19px}.xx-preview-device .xx-social-dock{margin:15px 0}.xx-preview-device .xx-social-dock a{min-width:27px;height:27px;font-size:8px}.xx-preview-device .xx-cover{height:145px}.xx-preview-device .xx-cover:before{font-size:80px}
@media(max-width:500px){.xx-profile-main{padding:16px 9px 38px}.xx-public-inner{padding:0 20px 32px}.xx-public h1{font-size:55px}.xx-cover{height:166px}.xx-featured-art{width:95px;min-height:100px}.xx-featured-body strong{font-size:21px}.xx-public .xx-featured-link{min-height:100px}.xx-mini-sections h2{font-size:38px}}