.inter-text {font-family: 'Inter', sans-serif;font-weight: 400;/* Regular */font-style: normal;font-size: 20px;line-height: 100%;/* same as 1 */letter-spacing: 0%;text-align: center;}


#page-header.ph-cap-xxxxlg .ph-caption-title {font-size: clamp(98px, 9vw, 254px);}
.pgi-image-wrap {box-shadow: 0px 70px 55px -75px rgb(0 0 0 / 60%);}
.pgi-image-holder {position: relative;border-style: solid;border-width: 12px 12px 20px 12px;border-color: rgb(126 126 126 / 13%);}
.pgi-image-holder::after {position: absolute;content: "";display: block;left: 50%;bottom: -13px;width: 6px;height: 6px;background-color: rgb(126 126 126 / 22%);border-radius: 50px;transform: translateX(-50%);}
.pgi-image img {object-position: 50% 0;transition: object-position 3s ease-in-out;will-change: object-position;}
.pgi-image-holder:hover .pgi-image img {object-position: 50% 99.5%;}
.demo-features-wrap > ul {display: flex;list-style: none;margin: 0;padding: 0;flex-wrap: wrap;}
.demo-features-wrap > ul > li {display: flex;justify-content: center;width: 25%;text-align: center;}
.head2{font-size:42px;font-weight:900;display:block;}


/******** second 2 section ******/

.section2part{height:100vh;align-items:center;}
/* ===== GRID ===== */
.singers {list-style: none;padding:0;margin:0;display:grid;grid-template-columns: repeat(3, 1fr);gap:5px;
perspective: 1800px;}
.singers img {width: 100%;display: block;border-radius: 12px;backface-visibility: hidden;}
/* ===== INITIAL FOLDED BOX STATE ===== */
#artists .animate-left,
#artists .animate-right,
#artists .section2mid {opacity: 0;transform-style: preserve-3d;will-change: transform, opacity;}
/* ===== LEFT PANEL (BOX OPEN) ===== */
#artists .animate-left {transform-origin: left center;transform:
perspective(1800px)
translateX(-240px)
rotateY(75deg)
rotateZ(-6deg)
scale(0.9);transition: all 3.8s cubic-bezier(0.19, 1, 0.22, 1);}
/* ===== RIGHT PANEL (BOX OPEN) ===== */
#artists .animate-right {transform-origin: right center;transform:perspective(1800px)
translateX(240px)
rotateY(-75deg)
rotateZ(6deg)
scale(0.9);transition: all 3.8s cubic-bezier(0.19, 1, 0.22, 1);}

/* ===== MIDDLE PANEL (ZOOM-OUT FROM CAMERA) ===== */
#artists .section2mid {transform-origin: center center;transform:perspective(1800px)translateZ(260px)/* CAMERA KE PASS */scale(1.35); /* BADA */transition: all 5.8s cubic-bezier(0.19, 1, 0.22, 1);}

/* ===== ACTIVE – ALL MOVE TOGETHER ===== */
.swiper-slide-active#artists .animate-left,
.swiper-slide-active#artists .animate-right,
.swiper-slide-active#artists .section2mid {opacity: 1;transform:
perspective(1800px)
translateX(0)
translateZ(0)
rotateY(0)
rotateZ(0)
scale(1);}

/* ===== TEXT ===== */
.ph-caption-title {color: #fff;text-align: center;line-height:1;}
/* ===== BG IMAGE ===== */
.tt-posl-image {width: 100%;height: 100vh;object-fit: cover;position: absolute;inset: 0;z-index: -1;}


.slider-item {overflow: hidden;position: relative; padding:0px; margin:0;}
/* White overlay */
.slider-item::after {content: "";position: absolute;inset: 0;background: white;opacity: 0;pointer-events: none;z-index: 5;}
/* Jab slide change ho */
.slider-item.flash::after {animation: whiteFlash 0.5s ease;}
/* Flash animation */
@keyframes whiteFlash {
0%   { opacity: 0; }
30%  { opacity: 0.8; }
100% { opacity: 0; }
}

.inner-slider img {width: 100% !important;height: 100%;object-fit: cover;position: absolute;opacity: 0;transform: scale(1.08);transition: opacity 0.8s ease, transform 1s ease;}
.inner-slider img.active {opacity: 1;transform: scale(1);}



/****** second 2 section End ******/



.demo-feature {margin: 0 10px 60px 10px;}
.df-icon {display: inline-flex;width: 120px;height: 120px;background-color: #2c2c2c;font-weight: 600;color: #FFF;justify-content: center;align-items: center;border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
.df-icon svg {fill: #FFF;}
.df-title {margin-top: 20px;font-size: 21px;line-height: 1.4;}

.section2{ background:#000;height: 100vh;padding:5% 0 1%;}
.section2mid{position: relative;height: 95vh;display: flex;align-items: center;justify-content: center;text-align: center;background-image: url("../img/secondmin.jpg");background-position: center;background-repeat: no-repeat;/* OPTION 1 (recommended) */background-size: cover;}

.singers{ margin:0; padding:0;}
.singers li{ margin:0; padding:0;list-style: none;display: contents;}
.singers li a{ margin:0; padding:0; list-style:none;}
.singers li a{ margin:0; padding:0; list-style:none;}
.singers li img {transition: transform 0.3s ease-in-out;height: 20.7vh;}
.singers li:hover img {transform: scale(1.1);}

.our-work{position: relative !important;display: block;height: 100% !important;overflow: auto !important;padding: 0;background-image: url(../img/our-workbg.png);background-repeat: repeat-x;background-size: auto 100%;background-position: 0 0;animation: bgSlide 60s linear infinite;}
/* Animation */
@keyframes bgSlide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -4000px 0;
  }
}

.our-work .tt-posl-item-caption {position: relative!important;top: 0!important;left: 0!important;max-width: 100%; transform: none!important;height: 100%; display: block;}
.portfolio-section {background: rgb(0 0 0 / 63%);padding: 0;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative; padding:8% 0 1%;}
.portfolio-content {position: relative;z-index: 2;text-align: center;max-width: 1200px;}
.portfolio-title {font-size: 54px;font-weight: 900;margin-bottom: 20px;text-shadow: 0 0 30px rgba(255, 136, 68, 0.3);transform: translateZ(30px);transform-style: preserve-3d;}
.portfolio-text {max-width:100%;margin: 0 auto 10px;font-size: 16px;line-height: 1.8;text-align: center;color: rgba(255, 255, 255, 0.9);}
.portfolio-text p{ margin: 0;}


.spotify {margin: 0;padding: 0;}
.spotify-theme-wrapper {width: 100%;background:linear-gradient(180deg, #9d002e, #9d002e);border-radius: 16px;padding: 16px;box-shadow: 0 20px 50px rgba(0,0,0,0.6);}
.spotify-header {color: #ffffff;margin-bottom: 12px;}
.spotify-header h2 {font-size: 18px;margin: 0;font-weight: 600;}
.spotify-header p {font-size: 13px;margin: 4px 0 0;opacity: 0.85;}
.spotify iframe {border-radius: 12px;width: 100%;height: 380px;border: none;}
.TrackListWidget_trackListGridContainer__GZGxh{ background-color: #9d002e !important;}



.instabg {margin: 0;padding: 0;border-radius: 15px;overflow: hidden;height: 420px;}
.insta-theme-wrapper {background:linear-gradient(180deg, #9d002e, #9d002e);border-radius: 16px;padding:0px;box-shadow: 0 20px 50px rgba(0,0,0,0.6);}
.insta-header {color: #ffffff;margin-bottom:0px;}
.insta-header h2 {font-size: 18px;margin: 0;font-weight: 600;}
.insta-header p {font-size: 13px;margin: 4px 0 0;opacity: 0.85;}
.insta-embed {background: #020000;border-radius: 12px;overflow: hidden;}


/* .spotify-container {background: #c41e3a;padding:20px;border-radius: 12px;margin: 0px auto;transform-style: preserve-3d;transition: all 0.5s ease;}
.spotify-container:hover {transform: translateZ(50px) rotateY(5deg);box-shadow: 0 40px 80px rgba(196, 30, 58, 0.5);} 
.spotify-player {background: #fff;border-radius: 8px;padding: 20px;text-align: left;}
.spotify-header {display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.spotify-album {width: 60px;height: 60px;background: linear-gradient(135deg, #c41e3a, #8b1128);border-radius: 4px;}
.spotify-info {flex: 1;}
.spotify-title {font-weight: 900;color: #000;font-size: 18px;margin-bottom: 5px;}
.spotify-artist {color: #666;font-size: 14px;}
.track-list {list-style: none;padding: 0;margin: 0;}
.track-item {padding: 10px 0;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;font-size: 13px;color: #000;transition: all 0.3s ease;}
.track-item:hover {background: #f5f5f5;padding-left: 10px;}
.instagram-section {background: #000;padding: 20px 10px 30px;min-height: 475px;border-radius: 15px;}
.instagram-stats {display: flex;justify-content: center;gap: 80px;margin: 0px 0;font-size: 16px;}
.stat-item {text-align: center;transform-style: preserve-3d;transition: transform 0.3s ease;}
.stat-item:hover {transform: translateZ(30px) scale(1.1);}
.stat-number {font-weight: 900;font-size: 28px;}
.instagram-grid {display: grid;grid-template-columns: repeat(3, 120px);grid-template-rows: repeat(2, 102px);gap: 2px;justify-content: center;margin-top: 10px;}
.insta-item {background: #333;border-radius: 8px;overflow: hidden;transform-style: preserve-3d;transition: all 0.5s ease;}
.insta-item:hover {transform: translateZ(40px) rotateY(5deg);box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);}
.insta-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.insta-item:hover img {transform: scale(1.1);} 

/******** five 5 section gear ******/

/* Scroll space */
.spacer{height:100vh;}
/* GRID */
 
/* COMMON ITEM STYLE */
.gear-item{overflow:hidden;border-radius:18px;transition:all 0.9s ease;opacity:0;}
.gear-item img{width:100%;height:100%;object-fit:cover;display:block;}
/* LEFT ITEM */
.gear-item.left{transform:translateX(-120px);}
/* MIDDLE ITEM */
.gear-item.middle{transform:translateY(-120px);}
.gear-item.middle img{}
/* RIGHT ITEM */
.gear-item.right{transform:translateX(120px);}
/* ACTIVE */
.gear-item.active{opacity:1;transform:translate(0,0);}
/* RESPONSIVE */
@media(max-width:900px){
.gear-grid{grid-template-columns:1fr;}
.gear-item.left,
.gear-item.middle,
.gear-item.right{/*transform:translateY(120px);*/}
}

/* .gear{position: relative!important;display: block;height: 100%!important;overflow-y: auto !important;padding:0;background: url(../img/ph-demo.jpg);}
.gear .tt-posl-item-caption {position: relative!important;top: 0!important;left: 0!important;max-width: 100%; transform: none!important;height: 100%;display: block;}
.gear-section {background: #000;padding: 100px 40px;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.gear-title {text-align: center;font-size: 60px;font-weight: 700;color: #fff;margin-bottom: 40px;text-shadow: 0 0 30px rgba(255, 136, 68, 0.3);transform: translateZ(30px);transform-style: preserve-3d;}
.gear-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;margin: 0 auto 20px;}
.gear-item {background: #1a1a1a;border-radius: 8px;overflow: hidden;height: 350px;transform-style: preserve-3d;transition: all 0.6s ease;border: 1px solid rgba(255, 136, 68, 0.2);}
.gear-item:hover {transform: translateZ(50px) rotateY(-5deg);border-color: rgba(255, 136, 68, 0.8);box-shadow: 0 40px 80px rgba(255, 136, 68, 0.3);}
.gear-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}
.gear-item:hover img {transform: scale(1.15) rotate(2deg);}
.download-section {text-align: center;}
.download-btn {background: #fff;color: #000;padding: 18px 50px;border-radius: 8px;text-decoration: none;font-weight: 900;font-size: 16px;display: inline-flex;align-items: center;gap: 15px;transition: all 0.4s ease;transform-style: preserve-3d;}
.download-btn:hover {background: #ff8844;color: #fff;transform: translateZ(30px) scale(1.05);box-shadow: 0 20px 50px rgba(255, 136, 68, 0.4);}
.download-icon {font-size: 24px;}
/******** five 5 section gear ******/

/******** sex 6 section ******/

.contact-section {background: #000;padding:80px 20px 20px;min-height: 100vh;display: flex;align-items: center;
justify-content: center;}
.contact-container {display: flex;max-width: 1400px;margin: 0 auto;gap: 80px;align-items: center;width: 100%;}
.map-wrapper {flex: 1;background: #333;border-radius: 15px;overflow: hidden;height: 400px;transform-style: preserve-3d;transition: all 0.6s ease;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);}
.map-wrapper:hover {transform: translateZ(50px) rotateY(-5deg);box-shadow: 0 40px 100px rgba(255, 136, 68, 0.3);}
.map-wrapper iframe {width: 100%;height: 100%;border: none;filter: grayscale(30%) contrast(1.1);transition: filter 0.5s ease;}
.map-wrapper:hover iframe {filter: grayscale(0%) contrast(1);}
.contact-info {flex: 1;color: #fff;}
.contact-title {font-size: 38px;font-weight: 800;margin-bottom: 10px;text-shadow: 0 0 30px rgba(255, 136, 68, 0.3);transform: translateZ(30px);transform-style: preserve-3d;}
.contact-detail {font-size: 18px;margin-bottom: 10px;line-height: 1.8;transform-style: preserve-3d;transition: all 0.3s ease;}
.contact-detail:hover {transform: translateZ(20px) translateX(10px);color: #ff8844;}
.contact-detail strong {font-size: 16px;font-weight: 700;color: #ff8844;margin-bottom: 8px;letter-spacing: 1px;}
.contact-footer {margin-top: 10px;font-size: 12px;color: rgba(255, 255, 255, 0.5);}

/******** sex 6 section ******/
 
/* ========================= STUDIO SECTION 3 ========================= */
.studio-section{height:100vh;background:#000;overflow:hidden;}
.studio-section .swiper-wrapper {gap: 8px;}
 
/* ========================= DESKTOP GRID ========================= */
@media(min-width:992px){
.studio-grid{display:flex;height:100vh;}
.studio-item{flex:1;transition:all 0.8s cubic-bezier(0.23,1,0.32,1);cursor:pointer;}
.studio-item:hover{flex:10;z-index:5;}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination{display:none;}
.studio-content{opacity:0;transform:translateY(30px);}
.studio-item:hover .studio-content{opacity:1;transform:translateY(0);}
.studio-item::after{opacity:0;}
.studio-item:hover::after{opacity:1;}

}
/* =========================   MOBILE SLIDER ========================= */
@media(max-width:991px){
.studio-grid{height:100vh;}
.studio-item{height:100vh;}
.studio-content{opacity:1;transform:none;bottom:40px;left:25px;}
.studio-item::after{opacity:1;}
}
/* =========================   COMMON STYLES========================= */
.studio-item{position:relative;overflow:hidden;}
.studio-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease;}
.studio-item:hover img{transform:scale(1.08);}
.studio-item::after{content:"";position:absolute;inset:0;background:linear-gradient(
to top,
rgba(0,0,0,0.85),
rgba(0,0,0,0.4),
rgba(0,0,0,0)
);transition:opacity 0.6s ease;
}
/* ========================= CONTENT ========================= */
/*.studio-content{position:absolute;bottom:60px;left:60px;max-width:420px;color:#fff;z-index:2;transition:all 0.6s ease; height:100%;}*/
.studio-content{position: absolute;bottom: 0;left: auto;max-width: 100%;color: #fff;z-index: 2;transition: all 0.6s ease;height: 100%;top: auto;right: 0; width:100%;}
.textbgpart{ background:rgb(14 0 0 / 30%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
    display: block;padding: 10px;position: absolute;right: 10%;top: 20%;min-width: 260px;max-width: 260px;min-height:inherit;max-height: 350px; overflow:auto;border-radius: 5px;}
.textbgpart p{ margin:0; padding:0;text-align: right;}
.studio-content h2{font-size:40px;font-weight:700;margin-bottom:15px;position: absolute;bottom: 10%; margin-left:5%;}
.studio-content p{font-size:16px;line-height:1.6;color:#ddd;}
/* =========================SWIPER NAVIGATION========================= */
.swiper-button-next,
.swiper-button-prev{color:#fff;}
.swiper-pagination-bullet{background:#fff;opacity:0.6;}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-pagination{ top:50%!important;}
.studio-section .swiper-pagination-bullet {width:10px; height:10px;border-radius: 6px;}
.swiper-pagination-bullet-active {opacity: 1;width: 30px!important;}



.tt-portfolio-slider-navigation {flex-direction: row !important;bottom: 30px !important;right: 30px !important;top: auto !important;left: auto !important;}
.tt-posl-nav-prev {margin-right: 15px;transform: rotate(180deg);}
.tt-posl-image-wrap {width: 100%;height: 100%;}


.bot{font-size: 14px;background-color: #2A1609 !important;box-shadow: 0px 0px 11px;border: 1px solid #FF8800!important;text-transform: capitalize;position: relative;color: #ffffff;transition: color 0.3s ease;border-radius: 45px;display: inline;padding: 10px 30px!important;}
.mobile{ display:none;}
@media (max-width: 768px) {
  .mobile{ display:block;}
.demo-features-wrap > ul > li {width: 33.33333%;}
/*.portfolio-section {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;padding: 25% 2% 1%;}*/
.portfolio-section {display: block;flex-direction: column;align-items: center;justify-content: center;position: relative;padding: 25% 2% 1%; overflow: auto;}

.gear-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;}
.gear-item{ height:auto;}
.portfolio-text{ padding:10px;}
.gear{padding:0px;}
.download-section {text-align: center;margin-top: 0;}
.contact-container {display: block;}
.contact-title {font-size: 28px;padding-top: 30px;margin-bottom: 10px;}

.studio-item img { height: 70%; }
.map-wrapper {height: 220px;}
.portfolio-title {font-size: 28px;margin-bottom: 0;margin-top: 20px;}
.gear-title{font-size: 28px;margin-bottom: 10px;margin-top: 20px;}
 

}
.booknow{ display:none}
 

@media (max-width: 767px) {

  .textbgpart p{ text-align: left;}

.portfolio-title {font-size: 28px;margin-bottom: 0;margin-top: 20px;}
.inner-slider {height: 13vh!important;}
.head2 {font-size: 35px;font-weight: 600;display: block;}
.booknow{display: block;background: #000;padding: 10px;position: fixed;z-index: 111;top: 40%;font-size: 40px;line-height: 40px;width: 170px;text-align: center;margin: 0 auto;right: 50%;font-weight: 900;text-transform: uppercase;}
.animate-left{ padding:0; margin:0;}
.animate-right{ padding:0; margin:0;}

.tt-portfolio-slider .swiper-slide {overflow: auto!important;}
.tt-posl-item-caption {position: relative;top: 0!important;left:0!important;max-width: 100%;text-align: center;z-index: 2;transform: none!important;height: 100%;display: flex;align-items: center;justify-content: center;}
.section2 {height: 100%;padding:22% 0 0%;}
.tt-portfolio-slider-item {overflow: auto;}
.section2mid{ display:none;}
.singers li img {transition: transform 0.3s ease-in-out; width:100%;}
.singers li {list-style: none;display:contents;width:100%;}
.spotify-container {padding: 15px;margin: 10px 10px;}
.portfolio-text{ padding:5px 10px; display: none;}
.gear-section {padding: 80px 20px;min-height: 100%;}
.instagram-stats {gap: 40px}

.instagram-grid {display: grid;grid-template-columns: repeat(3, 100px);grid-template-rows: repeat(2, 100px);gap: 2px;margin-top: 10px;width: 100%;}

.swiper-button-next, .swiper-button-prev {z-index: 111;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 35px!important;font-weight: 900!important;}

.singers li img {height: 11.7vh;object-fit: cover;}

.section2part{height: auto;align-items: center;}
.singers {grid-template-columns: repeat(2, 1fr);}
.spotify-player {height: 280px;overflow: auto;}

}

@media (max-width: 520px) {
.demo-features-wrap > ul > li {width: 50%;}
.studio-content {bottom: 10px;left: 20px;max-width: 100%;position: relative;}
.textbgpart {position: relative;right: 0;top: 0;width: 100%;min-width: 90%;}

.studio-content h2 {font-size:28px;margin-left: 0;font-weight: 700;margin-bottom: 10px; position:relative;bottom: 0;}

}