.experience-reference{max-width:1050px;margin:auto}.experience-reference .experience-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 24px;border:0}.experience-reference .experience-title h1{font-size:clamp(24px,4vw,36px);letter-spacing:-.04em;line-height:1.15;margin:0 0 9px}.experience-title h1 span{color:var(--accent)}.experience-title p{color:var(--muted);margin:0;font-size:.95rem}.experience-title aside{font-size:.85rem;font-weight:800;line-height:1.4;font-style:italic;text-align:right;max-width:170px}.experience-title aside em{color:var(--accent)}.experience-reference .experience-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:0 0 16px}.experience-tabs .t-button{gap:7px;padding:12px 5px;font-size:.85rem;white-space:normal;border-radius:10px;min-width:0}.experience-banner{border:1px solid #76339a;border-radius:13px;padding:22px;min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(90deg,#06060ded 5%,#06060c90 55%,#3509616b),url(/brand/clients-banner.png) 50%/cover;color:#fff}.experience-banner h2{font-size:clamp(21px,3.2vw,32px);font-style:italic;letter-spacing:-.05em;line-height:1.1;margin:0 0 12px;font-weight:900}.experience-banner em{color:#c16aff}.experience-banner p{font-size:.8rem;line-height:1.4;margin:0}.experience-banner .t-button,.experience-footer-banner .t-button{background:#160729d9;border:1px solid #9d46df;color:white;border-radius:20px;font-size:.8rem;white-space:nowrap}.experience-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.experience-heading h2{font-size:1.2rem;margin:0}.experience-heading .t-button{font-size:.8rem;padding:8px}.experience-tattoos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.experience-tattoo{overflow:hidden;text-align:left;padding:0 0 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:inherit;display:flex;flex-direction:column;cursor:pointer;min-width:0}.experience-tattoo img{width:100%;aspect-ratio:4/5;object-fit:cover}.experience-tattoo small,.experience-tattoo span,.experience-tattoo strong{padding:0 9px;overflow-wrap:anywhere}.experience-tattoo strong{font-size:.9rem;margin:10px 0}.experience-tattoo span{font-size:.75rem}.experience-tattoo small{font-size:.65rem;color:var(--muted);margin-top:5px}.experience-appointment{display:flex;align-items:center;gap:18px;border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:16px;margin-bottom:12px}.experience-appointment>div:last-child{flex:1 1;min-width:0}.experience-appointment h3{font-size:1rem;margin:0 0 10px}.experience-appointment p{display:flex;align-items:center;gap:7px;font-size:.85rem;color:var(--muted);margin:7px 0}.experience-appointment-icon{display:grid;place-items:center;width:90px;height:105px;background:radial-gradient(ellipse,#69219944,transparent);border:1px solid var(--border);border-radius:12px;color:var(--accent);flex-shrink:0}.experience-appointment-icon svg{width:36px;height:36px}.experience-status{display:inline-block;background:#23aa7430;color:#23bd85;font-size:.7rem;padding:4px 7px;border-radius:6px}.experience-appointment .customer-actions{justify-content:flex-end}.experience-appointment .t-button{font-size:.8rem;padding:10px 13px}.experience-review{padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:12px}.experience-review-top{display:flex;align-items:center;gap:10px}.experience-review-top strong{font-size:.9rem}.experience-review-top small{font-size:.7rem;color:var(--muted)}.experience-review-top .t-button{margin-left:auto;padding:7px}.experience-stars{display:flex;gap:3px;color:#ffb832;margin:10px 0}.experience-review p{font-size:.9rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.experience-review>.t-button{font-size:.75rem;padding:7px;margin-top:10px}.experience-footer-banner{border:1px solid #7e369f;border-radius:14px;background:linear-gradient(90deg,#080610ef,#120521cd),url(/brand/deposits-banner.png) 50%/cover;display:flex;align-items:center;gap:12px;padding:20px 15px;margin:18px 0;color:white}.experience-footer-banner>svg{color:#aa50fc;width:36px;height:36px;flex-shrink:0}.experience-footer-banner>div{flex:1 1}.experience-footer-banner strong{font-size:1rem;font-style:italic}.experience-footer-banner em{color:#bc63ff}.experience-footer-banner p{font-size:.65rem;margin:7px 0 0;text-transform:uppercase}.experience-empty{padding:25px 15px;border:1px dashed var(--border);border-radius:13px;text-align:center;color:var(--muted);font-size:.9rem}.experience-empty>svg{color:var(--accent)}.experience-empty h3{color:var(--text)}.experience-empty .t-button{margin-top:10px}.experience-upload-options{display:grid;gap:12px}.experience-upload-options p{color:var(--muted);font-size:.85rem}.experience-work-detail{display:grid;gap:15px}.experience-work-detail img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:12px}.experience-reference a:focus-visible,.experience-reference button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:650px){.experience-reference .experience-title{gap:8px}.experience-title aside{font-size:.6rem;max-width:80px}.experience-reference .experience-title h1{font-size:25px}.experience-title p{font-size:.8rem}.experience-tabs .t-button{font-size:.65rem;gap:4px;padding:12px 3px}.experience-tabs svg{width:16px;flex-shrink:0}.experience-banner{padding:16px 12px;min-height:145px}.experience-banner h2{font-size:23px}.experience-banner p{font-size:.7rem}.experience-banner .t-button{padding:10px;font-size:.65rem;white-space:normal;max-width:155px}.experience-tattoos{gap:8px}.experience-tattoo strong{font-size:.73rem;padding:0 6px}.experience-tattoo span{font-size:.65rem;padding:0 6px}.experience-tattoo small{font-size:.6rem;padding:0 6px}.experience-appointment{padding:12px;gap:10px}.experience-appointment-icon{width:55px;height:85px}.experience-appointment h3{font-size:.9rem}.experience-appointment p{font-size:.75rem}.experience-appointment .t-button{font-size:.7rem;padding:8px}.experience-footer-banner{gap:9px;padding:15px 10px}.experience-footer-banner>svg{width:25px}.experience-footer-banner strong{font-size:.75rem}.experience-footer-banner p{font-size:.55rem}.experience-footer-banner .t-button{padding:9px;font-size:.65rem;white-space:normal}.experience-review-top{flex-wrap:wrap}}@media (max-width:380px){.experience-tattoos{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-title aside{display:none}.experience-tabs .t-button{flex-direction:column}.experience-banner,.experience-footer-banner{flex-wrap:wrap}}@media (max-width:700px){.experience-reference .experience-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:4px}.experience-reference .experience-tabs .t-button{flex:0 0 auto;flex-direction:row;white-space:nowrap;font-size:.8rem;padding:12px;min-height:44px}}