.team-detail{background:0 0;min-height:100vh;padding-top:80px}.team-detail-hero{border-bottom:1px solid var(--border);padding:60px 24px 100px}.team-detail-profile-card{background:var(--bg-card);border:2px solid var(--border);align-items:flex-start;gap:60px;max-width:1200px;margin:0 auto;padding:48px 40px 56px;transition:all .4s;display:flex;position:relative;box-shadow:0 8px 32px #0006}.team-detail-profile-card:hover{border-color:var(--primary);box-shadow:0 16px 48px rgba(var(--primary-rgb), .3)}.team-detail-profile-card:before,.team-detail-profile-card:after{content:"✦";color:var(--border);opacity:.5;font-size:1.5rem;transition:all .4s;position:absolute}.team-detail-profile-card:before{top:20px;left:20px}.team-detail-profile-card:after{bottom:20px;right:20px}.team-detail-profile-card:hover:before,.team-detail-profile-card:hover:after{color:var(--primary);opacity:1}.profile-left{text-align:center;flex-direction:column;flex:0 0 350px;align-items:center;display:flex}.profile-right{flex-direction:column;flex:1;justify-content:center;display:flex}.mystic-icon-large{text-align:center;color:var(--primary);opacity:.8;margin-bottom:32px;font-size:2rem;animation:3s ease-in-out infinite mysticFloat}@keyframes mysticFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.profile-image-wrapper{text-align:center;margin-bottom:40px;position:relative}.profile-image-wrapper:before,.profile-image-wrapper:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:80px;height:1px;margin:0 auto 24px;display:block}.profile-image-wrapper:after{margin:24px auto 0}.team-detail-image{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);object-fit:cover;border:3px solid var(--primary);filter:grayscale(20%);width:280px;height:280px;box-shadow:0 8px 24px rgba(var(--primary-rgb), .2);margin:0 auto;transition:all .4s;display:block}.team-detail-profile-card:hover .team-detail-image{filter:grayscale(0%);box-shadow:0 12px 32px rgba(var(--primary-rgb), .4);transform:scale(1.05)}.member-name{color:var(--text);letter-spacing:3px;text-transform:uppercase;margin-top:24px;margin-bottom:12px;font-size:2rem;font-weight:400}.team-detail-role{letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:16px;font-size:.8rem;font-weight:500;display:block}.arcana-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin-bottom:24px;font-size:.7rem;font-style:italic}.social-media-links{justify-content:center;gap:16px;margin-top:24px;display:flex}.social-icon{border:2px solid var(--border);width:44px;height:44px;color:var(--text-muted);background:rgba(var(--primary-rgb), .05);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .3s;display:inline-flex}.social-icon:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb), .15);box-shadow:0 4px 16px rgba(var(--primary-rgb), .3);transform:translateY(-4px)}.social-icon.phone:hover{border-color:var(--phone-green);color:var(--phone-green);box-shadow:0 4px 16px rgba(var(--phone-green-rgb), .3)}.social-icon.instagram:hover{border-color:var(--instagram-pink);color:var(--instagram-pink);box-shadow:0 4px 16px rgba(var(--instagram-pink-rgb), .3)}.social-icon.facebook:hover{border-color:var(--primary-deep);color:var(--primary-deep);box-shadow:0 4px 16px rgba(var(--primary-deep-rgb), .3)}.decorative-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:120px;height:2px;box-shadow:0 0 8px rgba(var(--primary-rgb), .3);margin:0 0 40px}.team-detail-description{color:var(--text-muted);text-align:left;font-size:1.1rem;line-height:1.9}.team-detail-description p{text-indent:0;margin-bottom:20px}.team-detail-description p:last-child{margin-bottom:0}.team-detail-portfolio{padding:100px 0}.portfolio-title{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:60px;font-size:.85rem;font-weight:500;position:relative}.portfolio-title:before,.portfolio-title:after{content:"✦";color:var(--primary);opacity:.6;font-size:.8rem;position:absolute}.portfolio-title:before{left:50%;transform:translate(-80px)}.portfolio-title:after{right:50%;transform:translate(80px)}.portfolio-grid{column-count:3;column-gap:24px;padding:0 24px}.portfolio-item{break-inside:avoid;background:var(--bg-card);border:3px solid var(--border);cursor:pointer;margin-bottom:24px;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 16px #0000004d}.portfolio-item:nth-child(3n+1){box-shadow:0 4px 16px #0000004d, 0 0 2px rgba(var(--primary-rgb), .1);transform:rotate(-.5deg)}.portfolio-item:nth-child(3n+2){box-shadow:0 4px 16px #0000004d, 0 0 2px rgba(var(--secondary-rgb), .1);transform:rotate(.3deg)}.portfolio-item:nth-child(3n+3){box-shadow:0 4px 16px #0000004d, 0 0 2px rgba(var(--grey-rgb), .1);transform:rotate(-.3deg)}.portfolio-item:before{content:"✦";color:var(--border);opacity:.4;z-index:2;font-size:1.2rem;transition:all .4s;position:absolute;top:8px;left:8px}.portfolio-item:after{content:"✦";color:var(--border);opacity:.4;z-index:2;font-size:1.2rem;transition:all .4s;position:absolute;bottom:8px;right:8px}.portfolio-item:hover{border-color:var(--primary);box-shadow:0 16px 48px rgba(var(--primary-rgb), .5);z-index:10;transform:translateY(-12px)rotate(0)scale(1.02)}.portfolio-item:hover:before,.portfolio-item:hover:after{opacity:1;color:var(--primary);transform:scale(1.2)}.image-frame{border:1px solid var(--border);background:0 0;padding:8px;position:relative}.image-frame:before,.image-frame:after{content:"";border:1px solid var(--border);opacity:.5;width:20px;height:20px;transition:all .3s;position:absolute}.image-frame:before{border-bottom:none;border-left:none;top:4px;right:4px}.image-frame:after{border-top:none;border-right:none;bottom:4px;left:4px}.portfolio-item:hover .image-frame:before,.portfolio-item:hover .image-frame:after{border-color:var(--primary);opacity:1;width:24px;height:24px}.portfolio-item img{filter:grayscale(10%)brightness(.95);width:100%;height:auto;transition:all .4s;display:block}.portfolio-item:hover img{filter:grayscale(0%)brightness();box-shadow:0 0 24px rgba(var(--primary-rgb), .4)}.portfolio-note{text-align:center;color:var(--text-muted);letter-spacing:1px;padding:80px 24px;font-size:.9rem}.portfolio-note a{color:var(--primary);text-decoration:none;transition:color .3s}.portfolio-note a:hover{color:var(--text)}@media (width<=768px){.team-detail-profile-card{flex-direction:column;gap:40px;padding:40px 24px 48px}.profile-left,.profile-right{flex:1;width:100%}.mystic-icon-large{font-size:1.8rem}.team-detail-image{width:220px;height:220px}.social-icon{width:40px;height:40px;font-size:1.1rem}.member-name{font-size:1.8rem}.team-detail-description{font-size:1rem}.decorative-line{margin:0 auto 32px}.portfolio-grid{column-count:2;column-gap:16px;padding:0 16px}.portfolio-item{border-width:2px;margin-bottom:16px;padding:12px}.portfolio-title:before,.portfolio-title:after{display:none}}@media (width<=480px){.team-detail-profile-card:before,.team-detail-profile-card:after{font-size:1rem}.mystic-icon-large{font-size:1.5rem}.team-detail-image{width:180px;height:180px}.social-icon{width:38px;height:38px;font-size:1rem}.portfolio-grid{column-count:1;column-gap:0;padding:0 16px}.portfolio-item{margin-bottom:20px;padding:12px}.portfolio-item:before,.portfolio-item:after{font-size:1rem}}.member-booking-btn{background:var(--primary);color:var(--bg-dark);border:1px solid var(--primary);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:12px;margin:24px 0 4px;padding:14px 26px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.member-booking-btn:hover{color:var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb), .3);background:0 0}.member-booking-btn .svg-inline--fa{font-size:1.1rem}.member-booking-btn span{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2;display:flex}.member-booking-btn small{letter-spacing:1px;text-transform:none;opacity:.75;font-size:.62rem;font-weight:400}@media (width<=768px){.member-booking-btn{justify-content:center;width:100%;padding:14px 18px}}a.portfolio-item{display:block}
