:root{--pink:#0067b1;--rose:#64b5e8;--plum:#003478;--deep:#001e3c;--cream:#f3f7fb;--white:#fff;--ink:#21354a;--muted:#607286;--line:rgba(0,52,120,.14);--shadow:0 18px 52px rgba(0,30,60,.13);--radius:3px;--container:min(1160px,calc(100% - 44px));--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--surface:#ffffff;--surface-soft:#fcf8fb;--shadow-soft:0 12px 38px rgba(49,18,45,.09);--pink-bright:#1685c5;--cyan:#28d8dc;--deep-2:#071b31;--deep-3:#0b2745;--paper:#f3f7fb;--line-dark:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:var(--container);margin-inline:auto}
.section{padding:105px 0}
.eyebrow{display:inline-block;margin-bottom:14px;color:#ffe1f0;font-size:.75rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.eyebrow.dark{color:var(--pink)}
h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif;line-height:1.08;margin:0 0 18px;letter-spacing:-.035em}
h1{font-size:clamp(3.5rem,7vw,7rem);max-width:900px;color:#fff;font-weight:800}
h2{font-size:clamp(2.6rem,4.8vw,4.7rem);font-weight:750}
h3{font-size:1.55rem}
p{margin:0 0 22px}
.lead{font-size:1.16rem;color:#4e424e}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 25px;border:1px solid transparent;border-radius:6px;background:linear-gradient(135deg,var(--pink),#aa2f8b);color:#fff;font-weight:700;box-shadow:0 12px 30px rgba(216,66,147,.28);cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(216,66,147,.38)}
.btn-small{padding:10px 18px;font-size:.82rem}
.btn-outline{background:transparent;color:var(--plum);border-color:rgba(82,23,77,.3);box-shadow:none}
.btn-light{background:#fff;color:var(--plum)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:18px 0;color:#fff;transition:.3s}
.site-header.scrolled{background:rgba(37,13,43,.93);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.15);padding:10px 0}
.nav-wrap{display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.42);border-radius:50%}
.brand strong{display:block;font:700 1.17rem/1 Outfit,sans-serif}
.brand small{display:block;font-size:.57rem;letter-spacing:.16em;text-transform:uppercase}
.main-nav{display:flex;align-items:center;gap:23px;margin-left:auto}
.main-nav a{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.main-nav a:hover{color:#ffbadc}
.nav-toggle{display:none;background:none;border:0;padding:8px}
.nav-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--deep)}
.hero-slider,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;transition:opacity .8s;display:flex;align-items:center}
.hero-slide.active{opacity:1;z-index:1}
.hero-image,.hero-slide picture{position:absolute;inset:0;width:100%;height:100%}
.hero-image{object-fit:cover;transform:scale(1.035);transition:transform 7s}
.hero-slide.active .hero-image{transform:scale(1)}
.hero-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#2a0e30,#9e337e)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,7,36,.86) 0%,rgba(65,12,60,.47) 48%,rgba(33,4,35,.1) 76%),linear-gradient(0deg,rgba(30,5,28,.38),transparent 45%)}
.hero-content{position:relative;z-index:2;padding-top:105px}
.hero-content p{max-width:600px;color:#f8eaf3;font-size:1.08rem}
.hero-controls{position:absolute;z-index:4;right:max(24px,calc((100vw - 1180px)/2));bottom:40px;display:flex;align-items:center;gap:12px}
.hero-controls button,.testimonial-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.hero-dots,#testDots{display:flex;gap:8px}
.hero-dots button,#testDots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45)}
.hero-dots button.active,#testDots button.active{width:24px;border-radius:6px;background:#fff}
.scroll-cue{position:absolute;z-index:4;left:24px;bottom:38px;color:#fff;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}
.intro-strip{position:relative;z-index:5}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:var(--shadow);transform:translateY(-36px);background:#fff;border-radius:var(--radius);overflow:hidden}
.intro-grid>div{padding:34px 32px;border-right:1px solid var(--line)}
.intro-grid>div:last-child{border:0}
.intro-grid i{color:var(--pink);font-size:1.5rem;margin-bottom:16px}
.intro-grid h3{font-size:1.35rem;margin-bottom:8px}
.intro-grid p{color:var(--muted);font-size:.9rem;margin:0}
.about{padding-top:70px;background:linear-gradient(180deg,#fff,#fff8fc)}
.about-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:6px;padding:55px;box-shadow:0 18px 60px rgba(64,16,57,.08)}
.section-heading{margin-bottom:48px;max-width:730px}
.section-heading.centered{text-align:center;margin-inline:auto}
.section-heading p{color:var(--muted)}
.card-grid{display:grid;gap:28px}
.classes-grid{grid-template-columns:repeat(3,1fr)}
.class-card,.event-card,.teacher-card,.price-card{border-radius:8px;background:#fff;box-shadow:0 16px 45px rgba(53,20,48,.10);overflow:hidden;transition:.3s}
.class-card:hover,.event-card:hover,.teacher-card:hover{transform:translateY(-7px)}
.class-image,.event-image,.price-image{position:relative;height:285px;overflow:hidden;background:#f3e7ef}
.class-image img,.event-image img,.price-image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.class-card:hover img,.event-card:hover img{transform:scale(1.05)}
.class-body,.event-body,.teacher-copy,.price-content{padding:27px}
.class-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--pink);font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.class-body p,.event-body p,.teacher-copy p{color:var(--muted);font-size:.92rem}
.feature-list{padding:0;margin:18px 0;list-style:none}
.feature-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.87rem}
.inline-link{color:var(--pink);font-weight:700;font-size:.9rem}
.feature-band{min-height:630px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(38,7,38,.9),rgba(71,17,68,.42)),url("../images/dance-feature.jpg") center/cover fixed;color:#fff}
.feature-content{max-width:650px}
.feature-content h2{font-size:clamp(3rem,6vw,5.3rem)}
.events{background:#fff7fb}
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.event-date{position:absolute;top:18px;left:18px;width:66px;height:72px;border-radius:6px;background:#fff;color:var(--pink);display:grid;place-content:center;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.13)}
.event-date strong{font:800 1.7rem/1 Outfit}
.event-date small{text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.event-location{font-size:.84rem!important;color:var(--pink)!important}
.teacher-grid{grid-template-columns:repeat(3,1fr)}
.teacher-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.skill-tags span{padding:7px 11px;border-radius:6px;background:#fae9f2;color:var(--plum);font-size:.75rem;font-weight:700}
.video-section{background:linear-gradient(135deg,#351039,#7f266a);color:#fff}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.video-card{position:relative;border:0;padding:0;overflow:hidden;border-radius:8px;cursor:pointer;background:#000;min-height:270px}
.video-card img{width:100%;height:100%;object-fit:cover;opacity:.72}
.play-icon{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:2.5rem}
.masonry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-item{position:relative;width:100%;aspect-ratio:4/3;border:0;padding:0;margin:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#f3e7ef}
.gallery-item picture{display:block;width:100%;height:100%}
.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.35s}
.gallery-item:hover img{transform:scale(1.025)}
.gallery-item span{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:5px;background:rgba(35,10,35,.78);color:#fff;font-size:.75rem}
.testimonials{background:#fff7fb}
.testimonial-slider{max-width:850px;margin:auto;text-align:center}
.testimonial{display:none}
.testimonial.active{display:block;animation:fade .45s}
.testimonial-avatar{width:90px;height:90px;object-fit:cover;border-radius:50%;margin:0 auto 22px}
.testimonial blockquote{font:600 clamp(1.5rem,3vw,2.25rem)/1.4 Outfit,sans-serif;margin:0 0 24px;letter-spacing:-.025em}
.stars{color:#e3a328}
.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px}
.testimonial-controls button{color:var(--plum);border-color:var(--line);background:#fff}
.testimonial-controls #testDots button{background:#d8bfd0}
.testimonial-controls #testDots button.active{background:var(--pink)}
.price-grid{grid-template-columns:repeat(3,1fr)}
.price-card{border:1px solid var(--line)}
.price-card.featured{background:linear-gradient(145deg,var(--plum),#85216f);color:#fff;transform:translateY(-10px)}
.price{font:800 2.8rem/1 Outfit,sans-serif;color:var(--pink);margin:20px 0}
.featured .price{color:#fff}
.price-card ul{list-style:none;padding:0;margin:0 0 26px}
.price-card li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.featured li{border-color:rgba(255,255,255,.14)}
.brands{padding:42px 0;border-block:1px solid var(--line)}
.brand-row{display:flex;align-items:center;justify-content:center;gap:45px;flex-wrap:wrap}
.brand-image{max-width:180px;max-height:75px;object-fit:contain;filter:grayscale(1);opacity:.7}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 0;font:700 1.08rem Outfit;display:flex;justify-content:space-between;gap:20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary i{transform:rotate(45deg)}
.faq-item div{padding-bottom:18px;color:var(--muted)}
.contact{background:linear-gradient(135deg,#351039,#7f266a);color:#fff}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}
.contact-details{display:grid;gap:15px;margin:30px 0}
.contact-details>a,.contact-details>div{display:flex;gap:15px;align-items:center}
.contact-details i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.contact-details small{display:block;opacity:.7}
.socials{display:flex;gap:10px}
.socials a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--plum);overflow:hidden}
.social-icon-image{width:24px;height:24px;object-fit:contain}
.contact-form{background:#fff;color:var(--ink);padding:34px;border-radius:8px;box-shadow:var(--shadow)}
label{display:block;font-size:.8rem;font-weight:700;margin-bottom:16px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
input,textarea,select{width:100%;margin-top:8px;padding:13px 14px;border:1px solid var(--line);border-radius:6px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--pink)}
.form-note{font-size:.75rem;color:var(--muted);margin-top:14px}
.footer{padding:70px 0 24px;background:#1f0b25;color:#e9dce7}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:50px}
.footer h4{font-size:1rem}
.footer a{display:block;margin:8px 0}
.footer-brand{margin-bottom:20px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:45px;font-size:.8rem}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(18,4,20,.92);display:none;place-items:center;padding:35px}
.lightbox.open{display:grid}
.lightbox-content{max-width:1100px;max-height:85vh}
.lightbox-content img{max-height:85vh;border-radius:8px}
.lightbox-content iframe{width:min(1000px,88vw);aspect-ratio:16/9;border:0;border-radius:8px}
.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--plum);font-size:1.2rem}
.page-loader{position:fixed;inset:0;background:#fff;z-index:200;display:grid;place-items:center;transition:.35s}
.page-loader.hide{opacity:0;visibility:hidden}
.page-loader span{width:45px;height:45px;border:4px solid #f2d3e5;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}
.reveal{opacity:0;transform:translateY(24px);transition:.65s}
.reveal.visible{opacity:1;transform:none}
.setup-warning{position:fixed;left:15px;right:15px;bottom:15px;z-index:300;padding:12px 16px;background:#fff4c2;color:#4b3900;border:1px solid #e6c968;border-radius:6px;font-size:.8rem;box-shadow:0 8px 30px rgba(0,0,0,.2)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:980px){.main-nav{position:absolute;top:74px;left:20px;right:20px;display:none;flex-direction:column;align-items:flex-start;background:rgba(37,13,43,.98);padding:24px;border-radius:8px}
.main-nav.open{display:flex}
.nav-toggle{display:block;margin-left:auto}
.nav-cta{display:none}
.classes-grid,.teacher-grid,.price-grid{grid-template-columns:repeat(2,1fr)}
.about-panel,.faq-layout,.contact-grid{grid-template-columns:1fr;gap:45px}
.events-grid{grid-template-columns:1fr}
.video-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){:root{--container:min(100% - 28px,1180px)}
.section{padding:78px 0}
.hero-content{padding-top:120px}
.hero-controls{right:16px;bottom:24px}
.scroll-cue{display:none}
.intro-grid{grid-template-columns:1fr;transform:translateY(-25px)}
.intro-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:25px}
.about-panel{padding:30px}
.classes-grid,.teacher-grid,.price-grid,.video-grid{grid-template-columns:1fr}
.masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-row{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column}
.feature-band{background-attachment:scroll}
.price-card.featured{transform:none}}
@media (max-width:480px){h1{font-size:3.2rem}
.masonry-grid{grid-template-columns:1fr}
.contact-form{padding:23px}
.hero-controls button{display:none}}
/* Keep the design crisp rather than overly rounded. */
.btn,
.class-card,
.event-card,
.teacher-card,
.price-card,
.video-card,
.gallery-item,
.about-panel,
.contact-form,
.intro-grid,
.main-nav,
.setup-warning,
.lightbox-content img,
.lightbox-content iframe{border-radius:var(--radius-md)}
input,textarea,select,
.event-date,
.skill-tags span,
.gallery-item span{border-radius:var(--radius-sm)}
/* Lighter, more modern card treatment. */
.class-card,.event-card,.teacher-card,.price-card{box-shadow:var(--shadow-soft);border:1px solid rgba(82,23,77,.09)}
.class-card:hover,.event-card:hover,.teacher-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(49,18,45,.13)}
/* Teachers: compact cards that never stretch across the page. */
.teacher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,340px));justify-content:center;align-items:start;gap:26px}
.teacher-card{width:100%;min-width:0;align-self:start}
.teacher-card > picture,
.teacher-card > img{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f3e7ef}
.teacher-card > picture img,
.teacher-card > img,
.teacher-card .teacher-image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 22%;display:block}
.teacher-copy{padding:22px 23px 24px}
.teacher-copy h3{margin-bottom:9px;font-size:1.38rem}
.teacher-copy p{margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.skill-tags{margin-top:13px}
/* Gallery: strict, predictable image frames regardless of helper markup. */
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.gallery-item{position:relative;display:block;width:100%;min-width:0;aspect-ratio:4/3;padding:0;border:0;overflow:hidden;background:#eee5eb;cursor:pointer;appearance:none}
.gallery-item > picture,
.gallery-item > img,
.gallery-item picture{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;overflow:hidden}
.gallery-item picture img,
.gallery-item > img,
.gallery-item .gallery-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}
.gallery-item:hover picture img,
.gallery-item:hover > img{transform:scale(1.035)}
.gallery-item span{z-index:2;left:10px;bottom:10px;padding:5px 9px;background:rgba(35,10,35,.72);backdrop-filter:blur(5px)}
/* More controlled cards and imagery throughout. */
.classes-grid,.price-grid{align-items:start}
.class-image,.event-image,.price-image{height:auto;aspect-ratio:4/3}
.price-grid{grid-template-columns:repeat(auto-fit,minmax(270px,360px));justify-content:center}
.price-card.featured{transform:none}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.teacher-grid{grid-template-columns:minmax(0,1fr)}
.teacher-card{max-width:430px;margin-inline:auto}
.gallery-grid{grid-template-columns:1fr;gap:14px}}
/* Buttons intentionally remain unchanged. */
h1,h2,h3,h4,
.brand strong,
.event-date strong,
.testimonial blockquote,
.price,
.faq-item summary{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
h1,h2,h3,h4{letter-spacing:-.025em;line-height:1.16}
h1{font-size:clamp(2.7rem,5.2vw,5.25rem);font-weight:700;max-width:820px}
h2{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:700}
h3{font-size:1.32rem;font-weight:650}
.feature-content h2{font-size:clamp(2.25rem,4.5vw,4rem)}
.testimonial blockquote{font-size:clamp(1.35rem,2.4vw,1.95rem);font-weight:600}
/* Events: compact, centred cards with controlled media. */
.events-grid{grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;align-items:start;gap:24px}
.event-card{width:100%;max-width:360px;align-self:start}
.event-image > picture,
.event-image > img,
.event-image picture{display:block;width:100%;height:100%}
.event-image picture img,
.event-image > img,
.event-image .card-image{width:100%;height:100%;object-fit:cover;object-position:center}
.event-body{padding:19px 20px 21px}
.event-body h3{margin-bottom:8px;font-size:1.2rem}
.event-body > p:not(.event-location){margin-bottom:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}
.event-location{margin-bottom:8px;line-height:1.45}
.event-card .feature-list{margin:11px 0 0}
.event-card .feature-list li{padding:6px 0;font-size:.8rem}
.event-date{top:12px;left:12px;width:56px;height:61px}
.event-date strong{font-size:1.42rem;font-weight:800}
.event-date small{font-size:.67rem}
@media (max-width:620px){h1{font-size:clamp(2.45rem,12vw,3.4rem)}
h2{font-size:clamp(1.8rem,9vw,2.45rem)}
.event-card{max-width:430px}
.events-grid{grid-template-columns:minmax(0,1fr)}}
.brand-logo-link{flex:0 0 auto;line-height:0}
.site-logo{display:block;width:auto;height:52px;max-width:190px;object-fit:contain}
.site-header.scrolled .site-logo{height:46px}
@media (max-width:700px){.site-logo{height:43px;max-width:155px}
.site-header.scrolled .site-logo{height:40px}}
.hero-content{width:100%;text-align:left;align-items:flex-start;justify-content:center}
.hero-content > *{max-width:720px}
.hero-content p{max-width:620px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-actions .btn{margin-top:0}
.btn-hero-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(6px)}
.btn-hero-secondary:hover{background:#fff;color:var(--plum)}
.footer{position:relative;overflow:hidden}
.footer-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),#ef91c4,var(--pink))}
.footer-brand-column > p{max-width:330px;opacity:.78;line-height:1.7;margin:17px 0 20px}
.footer-logo-link{display:inline-block!important;margin:0!important;line-height:0}
.footer-logo{display:block;width:auto;height:62px;max-width:230px;object-fit:contain}
.footer-socials{display:flex;align-items:center;gap:10px}
.footer-socials a{display:grid;place-items:center;width:38px;height:38px;margin:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:5px;overflow:hidden;transition:transform .2s ease,background .2s ease}
.footer-socials a:hover{transform:translateY(-2px);background:rgba(255,255,255,.18)}
.footer-socials picture,
.footer-socials img{display:block;width:22px;height:22px}
.footer-social-icon{width:22px;height:22px;object-fit:contain}
@media (max-width:700px){.hero-content{text-align:left;align-items:flex-start}
.hero-actions{gap:10px}
.footer-brand-column{text-align:center}
.footer-brand-column > p{margin-inline:auto}
.footer-logo{height:50px;margin-inline:auto}
.footer-socials{justify-content:center}}
body{font-family:"Poppins",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;font-size:15px}
h1,h2,h3,h4,h5,h6,
.brand strong,
.event-date strong,
.testimonial blockquote,
.price{font-family:"Poppins",Arial,sans-serif;letter-spacing:-.025em}
h1{font-size:clamp(3rem,6vw,5.6rem);line-height:1.02;font-weight:800}
h2{font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.12;font-weight:700}
h3{font-size:1.28rem;line-height:1.3;font-weight:600}
p{line-height:1.75}
.section{padding:92px 0}
.section-heading{margin-bottom:46px}
.section-heading p{max-width:680px}
.section-heading.centered p{margin-inline:auto}
.eyebrow{position:relative;padding-top:13px;margin-bottom:18px;font-size:.7rem;letter-spacing:.17em;font-weight:600}
.eyebrow::before{content:"";position:absolute;left:0;top:0;width:44px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.section-heading.centered .eyebrow::before{left:50%;transform:translateX(-50%)}
/* Header remains the same structure, with cleaner typography */
.site-header{padding:17px 0}
.site-header.scrolled{background:rgba(15,15,15,.96);padding:11px 0}
.main-nav{gap:27px}
.main-nav a{font-size:.76rem;font-weight:600;letter-spacing:.035em}
.site-logo{height:48px}
/* Hero: stronger contrast and less decorative softness */
.hero-overlay{background:linear-gradient(90deg,rgba(8,8,10,.88) 0%,rgba(18,10,18,.66) 45%,rgba(12,8,12,.24) 78%),
    linear-gradient(0deg,rgba(0,0,0,.46),transparent 52%)}
.hero-content p{color:rgba(255,255,255,.72);font-size:1.06rem;max-width:700px}
.hero-controls button,
.testimonial-controls button{border-radius:2px}
/* Flatten the overall card language */
.intro-grid,
.about-panel,
.class-card,
.event-card,
.teacher-card,
.price-card,
.video-card,
.gallery-item,
.contact-form,
.faq-item{border-radius:var(--radius)}
.intro-grid{box-shadow:0 12px 30px rgba(0,0,0,.08)}
.intro-grid>div{padding:31px 30px}
.about{background:var(--paper);padding-top:78px}
.about-panel{border:0;box-shadow:none;padding:0;background:transparent;gap:68px}
.about-panel::after{content:"";display:block;min-height:390px;background:linear-gradient(135deg,rgba(216,66,147,.18),rgba(40,216,220,.10)),url("../images/dance-feature.jpg") center/cover;box-shadow:var(--shadow)}
/* Services/classes become the principal dark section */
.classes-section{background:var(--deep);color:#fff}
.classes-section .section-heading p,
.classes-section .class-body p{color:#95969d}
.classes-section .eyebrow.dark{color:#fff}
.classes-section .class-card{background:var(--deep-2);border:1px solid transparent;box-shadow:none}
.classes-section .class-card:hover{border-color:rgba(216,66,147,.55);transform:translateY(-4px)}
.classes-section .class-image{height:240px;background:#222}
.classes-section .class-body{padding:25px}
.classes-section .feature-list li{border-color:var(--line-dark)}
.classes-section .class-meta{color:var(--pink-bright)}
/* Feature band: simpler, agency-style */
.feature-band{min-height:530px;background:linear-gradient(90deg,rgba(7,7,8,.91),rgba(20,10,19,.48)),
    url("../images/dance-feature.jpg") center/cover fixed}
.feature-content h2{font-size:clamp(2.6rem,5vw,4.5rem)}
/* Events: compact, narrow, clean cards */
.events{background:#fff}
.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.event-card{width:100%;max-width:350px;margin-inline:auto;border:1px solid var(--line);box-shadow:none}
.event-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.07)}
.event-image{height:auto;aspect-ratio:16/9}
.event-body{padding:20px 21px 22px}
.event-body h3{margin-bottom:8px}
.event-body p{font-size:.84rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.event-date{top:12px;left:12px;width:54px;height:59px;border-radius:2px;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.event-date strong{font-size:1.28rem}
.event-date small{font-size:.56rem}
/* Teachers: compact dark cards without oversized portraits */
.teachers{background:var(--paper)}
.teacher-grid{grid-template-columns:repeat(3,minmax(0,320px));justify-content:center;gap:25px}
.teacher-card{border:1px solid var(--line);box-shadow:none;max-width:320px}
.teacher-card img,
.teacher-card picture{width:100%}
.teacher-card img{aspect-ratio:4/3;object-fit:cover}
.teacher-copy{padding:21px}
.teacher-copy p{font-size:.84rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skill-tags span{border-radius:2px;background:#ececef;color:#4a4b53;font-weight:500}
/* Gallery: crisp geometric grid */
.gallery{background:#fff}
.gallery-grid,
.masonry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gallery-item{border:1px solid rgba(0,0,0,.06);box-shadow:0 7px 20px rgba(0,0,0,.05)}
.gallery-item img{transition:transform .4s ease,filter .4s ease}
.gallery-item:hover img{transform:scale(1.035);filter:brightness(.82)}
.gallery-item span{left:0;bottom:0;width:100%;border-radius:0;padding:11px 14px;background:linear-gradient(transparent,rgba(0,0,0,.76));font-size:.72rem}
/* Testimonials use a dark background, as in the reference */
.testimonials{background:var(--deep);color:#fff}
.testimonials .section-heading p,
.testimonials .testimonial strong{color:#aaa}
.testimonials .eyebrow.dark{color:#fff}
.testimonial blockquote{font-size:clamp(1.35rem,2.6vw,2rem);font-weight:500;color:#f6f6f6}
.testimonial-controls button{color:#fff;border-color:var(--line-dark);background:var(--deep-2)}
/* Pricing */
.pricing{background:#fff}
.price-grid{gap:24px}
.price-card{box-shadow:none;border:1px solid var(--line)}
.price-card.featured{transform:none;background:var(--deep-2);border-color:var(--deep-2)}
.price-content{padding:25px}
.price{font-size:2.35rem}
/* FAQ returns to a pale neutral background */
.faqs{background:var(--paper)}
.faq-item{border:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}
.faq-item summary{padding:21px 0}
/* Contact mirrors the reference's clean dark form */
.contact{background:var(--deep);color:#fff}
.contact .eyebrow{color:#fff}
.contact-copy p,
.contact-details small,
.form-note{color:#96979e}
.contact-details a,
.contact-details>div{border-color:var(--line-dark)}
.contact-form{background:transparent;border:0;box-shadow:none;padding:0}
.contact-form label{color:#aaa;font-size:.78rem}
.contact-form input,
.contact-form textarea,
.contact-form select{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.20);border-radius:2px;padding:15px 16px}
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus{border-color:var(--pink);outline:0}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:#777}
/* Footer */
.footer{background:var(--deep-2);color:#a2a3a8}
.footer-accent{height:2px}
.footer-grid{padding-top:66px;padding-bottom:55px}
.footer h4{color:#fff;font-size:1rem}
.footer a:hover{color:var(--pink-bright)}
.footer-logo{height:58px}
.footer-bottom{border-color:var(--line-dark);background:#111}
.footer-socials a,
.socials a{border-radius:2px;border:1px solid var(--line-dark);background:transparent}
/* All media emitted by creatix_picture remains tightly constrained */
.class-image picture,
.event-image picture,
.price-image picture,
.gallery-item picture,
.video-card picture,
.teacher-card picture{display:block;width:100%;height:100%}
.class-image img,
.event-image img,
.price-image img,
.gallery-item img,
.video-card img,
.teacher-card img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:1050px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.teacher-grid{grid-template-columns:repeat(2,minmax(0,320px))}}
@media (max-width:760px){:root{--container:min(100% - 28px,1160px)}
.section{padding:72px 0}
h1{font-size:clamp(2.65rem,12vw,4rem)}
h2{font-size:clamp(1.85rem,8vw,2.7rem)}
.events-grid,
  .teacher-grid,
  .gallery-grid,
  .masonry-grid{grid-template-columns:1fr}
.event-card,
  .teacher-card{max-width:100%}
.about-panel{grid-template-columns:1fr;gap:35px}
.about-panel::after{min-height:300px}
.site-logo{height:42px}}
/* Products, categories and variations */
.products-section{background:#f4f4f4}
.product-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 34px}
.product-filter{appearance:none;border:1px solid #d7d7d7;background:#fff;color:var(--ink);padding:10px 18px;border-radius:4px;font:600 .82rem Poppins,sans-serif;cursor:pointer;transition:.2s}
.product-filter:hover,.product-filter.active{border-color:var(--pink);background:var(--pink);color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.product-card{background:#fff;border:1px solid #e2e2e2;border-radius:4px;overflow:hidden;box-shadow:0 12px 30px rgba(20,20,20,.06)}
.product-image{position:relative;aspect-ratio:1/1;background:#ececec;overflow:hidden}
.product-image img{object-fit:cover;transition:transform .35s ease}
.product-card:hover .product-image img{transform:scale(1.025)}
.product-category-badge,.stock-badge{position:absolute;top:14px;padding:7px 10px;border-radius:3px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.product-category-badge{left:14px;background:rgba(17,17,17,.88);color:#fff}
.stock-badge{right:14px;background:#fff;color:#222}
.stock-badge.low{color:#9b5b00}
.stock-badge.out{background:#9d2449;color:#fff}
.product-body{padding:22px}
.product-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px}
.product-heading-row h3{font-size:1.15rem;margin:0}
.product-price{white-space:nowrap;color:var(--pink);font:700 1.18rem Poppins,sans-serif}
.product-body>p{color:var(--muted);font-size:.9rem;margin:0 0 18px}
.variant-label{display:block;margin:0 0 18px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.variant-select{margin-top:8px;border-radius:3px;background:#fff;font:500 .86rem Poppins,sans-serif}
.product-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}
.product-actions .btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.stock-text{color:var(--muted);font-size:.76rem}
@media (max-width:980px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.product-grid{grid-template-columns:1fr}
.product-heading-row{align-items:center}
.product-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
.product-filter{white-space:nowrap}}
.products-section{background:linear-gradient(180deg,#f7f5f6 0%,#ffffff 55%,#f8f6f7 100%)}
.product-section-heading{max-width:680px}
.product-section-heading p{max-width:560px;margin-inline:auto}
.product-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 38px}
.product-filter{appearance:none;border:1px solid #d8d3d7;background:#fff;color:#514951;padding:10px 17px;border-radius:3px;font:600 .76rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.075em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.product-filter:hover{border-color:#9f8d99;transform:translateY(-1px)}
.product-filter.active{border-color:var(--pink);background:var(--pink);color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,360px));justify-content:center;gap:30px;align-items:start}
.product-grid-single{grid-template-columns:minmax(285px,390px)}
.product-card{background:#fff;border:1px solid #e6e1e4;border-radius:4px;overflow:hidden;box-shadow:0 18px 45px rgba(31,23,29,.075);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product-card:hover{transform:translateY(-5px);border-color:#d7cbd2;box-shadow:0 28px 64px rgba(31,23,29,.12)}
.product-card[hidden]{display:none}
.product-media{position:relative;background:#ece8ea;overflow:hidden}
.product-image{position:relative;aspect-ratio:6/7;overflow:hidden;background:linear-gradient(135deg,#f1edef,#e7e1e5)}
.product-image picture,.product-image img{display:block;width:100%;height:100%}
.product-image img,.product-image-main{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-image img{transform:scale(1.035)}
.product-badges{position:absolute;inset:14px 14px auto 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}
.product-category-badge,.stock-badge{position:static;padding:7px 9px;border-radius:2px;font:700 .63rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.075em;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.product-category-badge{background:rgba(27,24,27,.9);color:#fff}
.stock-badge{margin-left:auto;background:#fff;color:#343034}
.stock-badge.in{color:#24653d}
.stock-badge.low{background:#fff3dc;color:#8d5b09}
.stock-badge.out{background:#3d3439;color:#fff}
.variation-count{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:2px;background:rgba(255,255,255,.92);color:#474047;font:600 .68rem Poppins,sans-serif;letter-spacing:.03em;backdrop-filter:blur(6px)}
.product-body{padding:24px 24px 22px}
.product-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #ece7ea}
.product-kicker{display:block;margin-bottom:5px;color:var(--pink);font:700 .65rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.11em}
.product-topline h3{margin:0;font-size:1.22rem;line-height:1.25;letter-spacing:-.025em}
.product-price{display:flex;align-items:flex-start;white-space:nowrap;color:#211d20;font:700 1.25rem/1 Poppins,sans-serif;letter-spacing:-.03em}
.product-price .currency{font-size:.72em;margin-top:2px;margin-right:1px;color:var(--pink)}
.product-description{color:#746d72;font-size:.88rem;line-height:1.65;margin:16px 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.variant-control{margin:0 0 20px}
.variant-control>label{display:block;margin-bottom:7px;color:#4d464b;font:600 .73rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.07em}
.select-wrap{position:relative}
.select-wrap select{width:100%;appearance:none;border:1px solid #dcd6da;border-radius:3px;background:#fbfafb;color:#3b3539;padding:12px 38px 12px 12px;font-size:.84rem;line-height:1.35;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.select-wrap select:focus{background:#fff;border-color:var(--pink);box-shadow:0 0 0 3px rgba(216,66,147,.12)}
.select-wrap i{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#6a6067;font-size:.68rem;pointer-events:none}
.product-footer{display:grid;gap:14px;padding-top:18px;border-top:1px solid #ece7ea}
.product-stock-copy{display:flex;align-items:center;gap:8px;color:#6d656a;font-size:.76rem}
.product-stock-copy i{color:var(--pink);font-size:.85rem}
.product-button{width:100%;justify-content:space-between;min-height:46px;border-radius:4px;padding-inline:18px;box-shadow:none}
.product-button:hover{box-shadow:0 12px 24px rgba(216,66,147,.24)}
.product-button[aria-disabled="true"]{opacity:.48;pointer-events:none;filter:grayscale(.25)}
@media (max-width:760px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-grid-single{grid-template-columns:minmax(0,390px)}
.product-body{padding:21px}}
@media (max-width:560px){.product-grid,.product-grid-single{grid-template-columns:1fr}
.product-card{max-width:420px;margin-inline:auto;width:100%}
.product-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-bottom:30px}
.product-filter{white-space:nowrap}}
.product-catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;justify-content:stretch}
.product-catalogue-card{width:100%;max-width:none;border-radius:3px;box-shadow:0 10px 28px rgba(31,23,29,.065)}
.product-card-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.compact-product-media{display:block;position:relative;overflow:hidden;background:#ece8ea}
.compact-product-image{display:block;aspect-ratio:1/1}
.compact-product-image picture,.compact-product-image img{width:100%;height:100%;display:block}
.compact-product-image img{object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.product-catalogue-card:hover .compact-product-image img{transform:scale(1.035)}
.compact-stock-badge{position:absolute;top:12px;right:12px;left:auto}
.compact-product-body{display:block;padding:18px 18px 19px}
.compact-product-title{display:block;margin:4px 0 12px;color:#211d20;font:600 1.02rem/1.35 Poppins,sans-serif;letter-spacing:-.02em}
.compact-product-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #ece7ea;color:#766e73;font-size:.73rem}
.compact-product-price{color:#211d20;font:700 .96rem Poppins,sans-serif}
.compact-product-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--pink);font:600 .78rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.compact-product-link i{transition:transform .2s ease}
.product-catalogue-card:hover .compact-product-link i{transform:translateX(4px)}
.product-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .22s ease,visibility .22s ease}
.product-modal.open{visibility:visible;opacity:1}
.product-modal-backdrop{position:absolute;inset:0;background:rgba(16,13,15,.72);backdrop-filter:blur(6px)}
.product-modal-panel{position:relative;width:min(940px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;background:#fff;border-radius:4px;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:translateY(12px) scale(.985);transition:transform .24s ease}
.product-modal.open .product-modal-panel{transform:none}
.product-modal-close{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:2px;background:rgba(255,255,255,.94);color:#211d20;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.product-quickview{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.product-quickview-media{background:#eee9ec;min-height:100%}
.product-quickview-image{height:100%;min-height:560px}
.product-quickview-image picture,.product-quickview-image img{display:block;width:100%;height:100%}
.product-quickview-image img{object-fit:cover}
.product-quickview-copy{padding:58px 48px 44px;align-self:center}
.product-quickview-copy h3{margin:7px 0 12px;font-size:clamp(1.65rem,3vw,2.35rem)}
.product-quickview-copy>p{margin:18px 0 24px;color:#70686d;line-height:1.75}
.product-modal-price{color:#211d20;font:700 1.45rem Poppins,sans-serif;margin-bottom:18px}
.product-modal-stock{display:flex;align-items:center;gap:9px;margin:20px 0;color:#655d62;font-size:.83rem}
.product-modal-stock i{color:var(--pink)}
.product-modal-button{width:100%;justify-content:center;margin-top:3px}
.product-modal-button[aria-disabled="true"]{opacity:.5;pointer-events:none}
body.product-modal-open{overflow:hidden}
@media (max-width:980px){.product-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.product-quickview{grid-template-columns:1fr 1fr}
.product-quickview-copy{padding:48px 34px 36px}}
@media (max-width:700px){.product-modal{padding:12px}
.product-modal-panel{max-height:calc(100vh - 24px)}
.product-quickview{grid-template-columns:1fr}
.product-quickview-image{min-height:0;aspect-ratio:1/1}
.product-quickview-copy{padding:30px 22px 26px}}
@media (max-width:560px){.product-catalogue-grid{grid-template-columns:1fr;gap:18px}
.product-catalogue-card{max-width:390px;margin-inline:auto}}
.products-section{background:#f5f5f5}
.product-catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,340px));justify-content:center;gap:28px;align-items:start}
.product-catalogue-card{width:100%;max-width:340px;margin:0;background:#fff;border:1px solid #e7e2e5;border-radius:4px;overflow:hidden;box-shadow:0 12px 30px rgba(25,20,23,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-catalogue-card:hover{transform:translateY(-5px);border-color:#d8cdd3;box-shadow:0 18px 42px rgba(25,20,23,.12)}
.product-card-open{display:flex;flex-direction:column;width:100%;padding:0;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer;font:inherit}
.compact-product-media{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f3f1f2;border-bottom:1px solid #ece7ea}
.compact-product-image,
.compact-product-image picture,
.compact-product-image img{display:block;width:100%;height:100%}
.compact-product-image img,
.compact-product-image .product-image-main{object-fit:contain!important;object-position:center;padding:18px;background:#fff;transition:transform .35s ease}
.product-catalogue-card:hover .compact-product-image img{transform:scale(1.025)}
.compact-product-body{display:flex;flex-direction:column;min-height:178px;padding:18px 20px 20px}
.compact-product-body .product-kicker{display:block;margin-bottom:7px;color:#a02b70;font-size:.69rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.compact-product-title{display:block;margin:0 0 13px;color:#191619;font:600 1rem/1.45 Poppins,sans-serif;letter-spacing:-.015em}
.compact-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #eee9ec;color:#776f74;font-size:.72rem}
.compact-product-price{color:#191619;font:700 .98rem/1.2 Poppins,sans-serif}
.compact-product-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;color:var(--pink);font:600 .75rem/1.2 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase}
@media (max-width:1100px){.product-catalogue-grid{grid-template-columns:repeat(2,minmax(0,340px))}}
@media (max-width:720px){.product-catalogue-grid{grid-template-columns:minmax(0,340px);gap:20px}
.product-catalogue-card{max-width:340px;margin-inline:auto}}
.product-page-main{padding-top:74px;background:#fff}
.product-detail-section{padding:54px 0 92px}
.product-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#8b8388;font-size:.76rem}
.product-breadcrumb a{color:#6c6469;text-decoration:none}
.product-breadcrumb a:hover{color:var(--pink)}
.product-breadcrumb i{font-size:.52rem;color:#b9b2b6}
.product-breadcrumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:72px;align-items:start}
.product-detail-gallery{min-width:0}
.product-detail-stage{position:relative;aspect-ratio:1/1;background:#f5f3f4;border:1px solid #e8e3e6;overflow:hidden}
.product-detail-image{display:none;width:100%;height:100%}
.product-detail-image.active{display:block}
.product-detail-image picture,.product-detail-image img{display:block;width:100%;height:100%}
.product-detail-main-image{object-fit:contain!important;object-position:center;padding:34px;background:#fff}
.product-detail-thumbs{display:flex;gap:12px;margin-top:14px;overflow-x:auto;padding-bottom:4px}
.product-thumb{flex:0 0 86px;width:86px;height:86px;padding:0;border:1px solid #ded8dc;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.product-thumb.active,.product-thumb:hover{border-color:var(--pink);box-shadow:0 0 0 2px rgba(216,66,147,.12)}
.product-thumb picture,.product-thumb img{display:block;width:100%;height:100%}
.product-thumb-image{object-fit:contain!important;padding:6px;background:#fff}
.product-detail-copy{position:sticky;top:112px;padding-top:14px}
.product-detail-copy h1{margin:6px 0 16px;font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.045em}
.product-detail-price{margin-bottom:22px;color:#1d191c;font:700 1.55rem/1 Poppins,sans-serif}
.product-detail-description{margin:0 0 28px;color:#6f686d;line-height:1.8}
.product-options{margin:0 0 24px;padding:0;border:0}
.product-options legend{margin-bottom:11px;color:#474045;font:600 .78rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.product-option-grid{display:grid;gap:10px}
.product-option{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:14px 16px;border:1px solid #ded8dc;background:#fff;color:#302b2e;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.product-option span{font-weight:500}
.product-option strong{font-size:.86rem}
.product-option:hover,.product-option.active{border-color:var(--pink);background:#fff9fc;box-shadow:0 0 0 2px rgba(216,66,147,.08)}
.product-detail-stock{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:13px 14px;border:1px solid #e6e0e3;background:#faf9fa;color:#625a5f;font-size:.82rem}
.product-detail-stock.is-in i{color:#2f7b4d}
.product-detail-stock.is-low i{color:#b67912}
.product-detail-stock.is-out i{color:#8a3b47}
.product-enquiry-button{width:100%;justify-content:center;min-height:50px}
.product-enquiry-button[aria-disabled="true"]{opacity:.5;pointer-events:none}
.product-detail-assurance{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid #ece7ea}
.product-detail-assurance>div{display:flex;gap:11px;align-items:flex-start;color:#5f585d}
.product-detail-assurance i{margin-top:2px;color:var(--pink)}
.product-detail-assurance span{display:grid;gap:2px}
.product-detail-assurance strong{font-size:.76rem}
.product-detail-assurance small{font-size:.68rem;color:#8b8388;line-height:1.45}
.related-products-section{background:#f5f5f5;border-top:1px solid #ece8ea}
.product-not-found{min-height:65vh;display:grid;align-items:center}
.product-not-found .narrow{max-width:680px}
.product-not-found h1{margin-bottom:12px}
.product-not-found p{margin-bottom:24px;color:#70686d}
@media (max-width:980px){.product-detail-grid{grid-template-columns:1fr;gap:38px}
.product-detail-copy{position:static;padding-top:0}
.product-detail-stage{max-width:720px}
.product-detail-assurance{max-width:560px}}
@media (max-width:620px){.product-page-main{padding-top:64px}
.product-detail-section{padding:34px 0 66px}
.product-breadcrumb{margin-bottom:20px}
.product-detail-main-image{padding:18px}
.product-detail-thumbs{gap:9px}
.product-thumb{flex-basis:72px;width:72px;height:72px}
.product-detail-copy h1{font-size:2rem}
.product-detail-assurance{grid-template-columns:1fr}
.product-option{padding:13px}}
.hero-content{position:relative;z-index:2;width:var(--container);max-width:none;margin-inline:auto;padding-top:105px;padding-right:clamp(24px,5vw,72px);padding-left:clamp(24px,5vw,72px)}
.hero-content > *{max-width:640px}
.hero-content .eyebrow{max-width:560px;margin-bottom:16px}
.hero-content h1{max-width:11ch;margin-bottom:24px;font-size:clamp(2.9rem,5.6vw,5.7rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
.hero-content p{max-width:540px;font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.7;color:#f8edf4}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.hero-overlay{background:linear-gradient(90deg,rgba(25,5,28,.90) 0%,rgba(48,8,45,.72) 34%,rgba(56,10,51,.32) 60%,rgba(24,4,25,.08) 82%),
    linear-gradient(0deg,rgba(22,4,22,.42),transparent 48%)}
@media (max-width:900px){.hero-content{padding-right:32px;padding-left:32px}
.hero-content h1{max-width:12ch;font-size:clamp(2.75rem,8vw,4.8rem)}}
@media (max-width:700px){.hero-content{width:100%;padding-top:120px;padding-right:22px;padding-left:22px}
.hero-content > *{max-width:min(100%,560px)}
.hero-content h1{max-width:10.5ch;margin-bottom:18px;font-size:clamp(2.35rem,11vw,3.7rem);line-height:1.08}
.hero-content .eyebrow{margin-bottom:12px}
.hero-actions{margin-top:24px}}
@media (max-width:420px){.hero-content{padding-right:18px;padding-left:18px}
.hero-content h1{max-width:9.5ch;font-size:clamp(2.15rem,12vw,3.1rem)}
.hero-actions{align-items:stretch}
.hero-actions .btn{min-width:0}}
@media (min-width:701px){.site-header{transition:background-color .28s ease,box-shadow .28s ease,padding .28s ease,border-color .28s ease}
.site-header.scrolled{background:rgba(22,18,22,.97)!important;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 34px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header.scrolled .main-nav a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.site-header.scrolled .main-nav a:hover,
  .site-header.scrolled .main-nav a:focus-visible{color:#ffb9da}
.site-header.scrolled .nav-cta{color:#fff}}
.footer{padding-bottom:0}
.footer-bottom-bar{width:100%;margin-top:0;background:#111;border-top:1px solid var(--line-dark, rgba(255,255,255,.10))}
.footer-bottom{min-height:72px;margin-top:0;padding:18px 0;border-top:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:24px}
.back-to-top{appearance:none;border:0;background:transparent;color:#b6b6bb;padding:8px 0;margin:0;font:inherit;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .2s ease, transform .2s ease}
.back-to-top:hover,
.back-to-top:focus-visible{color:#fff;transform:translateY(-2px);outline:none}
.back-to-top i{color:var(--pink-bright, #d84293)}
@media (max-width:700px){.footer-bottom{min-height:auto;align-items:flex-start;padding:20px 0}}
.hero-image,
.hero-slide picture img,
.class-image img,
.event-image img,
.price-image img,
.teacher-card img,
.video-card img,
.gallery-item img,
.testimonial-avatar,
.feature-band img{object-position:center center!important}
/* Cropped editorial images stay centred */
.hero-image,
.class-image img,
.event-image img,
.price-image img,
.teacher-card img,
.video-card img,
.gallery-item img,
.testimonial-avatar{object-fit:cover}
/* Product and logo images remain fully visible and centred */
.product-image img,
.compact-product-image img,
.compact-product-image .product-image-main,
.product-detail-main-image,
.product-thumb-image,
.brand-image,
.social-icon-image,
.footer-social-icon{object-position:center center!important}
.product-image img,
.compact-product-image img,
.compact-product-image .product-image-main,
.product-detail-main-image,
.product-thumb-image,
.brand-image{object-fit:contain!important}
/* Ensure picture wrappers do not affect centring */
.hero-slide picture,
.class-image picture,
.event-image picture,
.price-image picture,
.teacher-card picture,
.video-card picture,
.gallery-item picture,
.product-image picture,
.compact-product-image picture,
.product-detail-image picture,
.product-thumb picture{width:100%;height:100%;display:block}
.gallery-grid.gallery-masonry{display:block!important;columns:3;column-gap:22px}
.gallery-grid.gallery-masonry .gallery-item{position:relative;display:inline-block;width:100%;height:auto;min-height:0;aspect-ratio:auto!important;margin:0 0 22px;padding:0;overflow:hidden;break-inside:avoid;border:1px solid rgba(0,0,0,.07);border-radius:4px;background:#f3eef1;box-shadow:0 7px 20px rgba(0,0,0,.05);vertical-align:top;cursor:pointer}
.gallery-grid.gallery-masonry .gallery-item > picture,
.gallery-grid.gallery-masonry .gallery-item picture,
.gallery-grid.gallery-masonry .gallery-item > img{position:static!important;inset:auto!important;display:block;width:100%;height:auto!important;max-width:100%;overflow:visible}
.gallery-grid.gallery-masonry .gallery-item picture img,
.gallery-grid.gallery-masonry .gallery-item > img,
.gallery-grid.gallery-masonry .gallery-item .gallery-image{position:static!important;inset:auto!important;display:block;width:100%;height:auto!important;max-width:100%;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;transform:none;transition:transform .35s ease, filter .35s ease}
.gallery-grid.gallery-masonry .gallery-item:hover picture img,
.gallery-grid.gallery-masonry .gallery-item:hover > img{transform:scale(1.018);filter:brightness(.88)}
.gallery-grid.gallery-masonry .gallery-item span{position:absolute;z-index:2;left:0;right:0;bottom:0;width:100%;padding:34px 14px 12px;border-radius:0;color:#fff;text-align:center;font-size:.76rem;font-weight:600;background:linear-gradient(to top,rgba(15,8,13,.82),rgba(15,8,13,0));pointer-events:none}
@media (max-width:980px){.gallery-grid.gallery-masonry{columns:2;column-gap:18px}
.gallery-grid.gallery-masonry .gallery-item{margin-bottom:18px}}
@media (max-width:620px){.gallery-grid.gallery-masonry{columns:1}
.gallery-grid.gallery-masonry .gallery-item{margin-bottom:15px}}
.classes-grid-refined{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.class-card-refined{display:flex;flex-direction:column;min-width:0;background:#181718;border:1px solid rgba(255,255,255,.08);box-shadow:none;border-radius:4px;overflow:hidden}
.class-card-refined:hover{transform:translateY(-4px);border-color:rgba(216,66,147,.38);box-shadow:0 18px 38px rgba(0,0,0,.18)}
.class-image-refined{height:auto;aspect-ratio:3/2;background:#202020}
.class-image-refined picture,.class-image-refined img{width:100%;height:100%}
.class-image-refined img{object-fit:cover;object-position:center}
.class-image-shade{position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.35));pointer-events:none}
.class-body-refined{display:flex;flex:1;flex-direction:column;padding:24px 24px 0;color:#fff}
.class-meta-refined{gap:8px;margin-bottom:9px}
.class-meta-refined span{font-size:.66rem;color:#ff4aa7;letter-spacing:.09em}
.class-body-refined h3{margin:0 0 12px;font-size:1.28rem;letter-spacing:-.025em}
.class-description{min-height:3.1em;margin:0 0 18px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#aaa2aa!important;line-height:1.65}
.class-details{display:grid;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.09)}
.class-details>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.class-details dt{color:#fff;font-size:.75rem;font-weight:700}
.class-details dd{margin:0;color:#bdb6bc;font-size:.78rem}
.class-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px -24px 0;padding:15px 24px;border-top:1px solid rgba(255,255,255,.09);color:#fff;font-size:.78rem;font-weight:650;transition:.2s}
.class-action:hover{background:var(--pink)}
.events-grid-refined{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.event-card-refined{display:flex;flex-direction:column;min-width:0;border:1px solid #e5e1e3;border-radius:4px;background:#fff;box-shadow:none}
.event-card-refined:hover{transform:translateY(-4px);border-color:#d3cbd0;box-shadow:0 18px 38px rgba(32,24,29,.09)}
.event-image-refined{height:auto;aspect-ratio:16/10;background:#eee}
.event-image-refined picture,.event-image-refined img{width:100%;height:100%}
.event-image-refined img{object-fit:cover;object-position:center}
.event-date-refined{top:auto;bottom:0;left:0;width:78px;height:auto;min-height:86px;padding:12px 10px;border-radius:0;background:#181718;color:#fff;box-shadow:none}
.event-date-refined strong{font:700 1.7rem/1 Poppins,sans-serif}
.event-date-refined span{color:#ff4aa7;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.event-date-refined small{color:#aaa2aa;font-size:.61rem}
.event-body-refined{display:flex;flex:1;flex-direction:column;padding:22px}
.event-body-refined h3{margin:0 0 9px;font-size:1.2rem}
.event-summary{min-height:3em;margin:0 0 16px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.event-location-refined{display:flex;align-items:flex-start;gap:8px;margin:0 0 15px!important;color:#625b60!important;line-height:1.45}
.event-location-refined i{margin-top:3px;color:var(--pink)}
.event-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.event-tags span{padding:6px 8px;border:1px solid #e6e1e4;background:#faf9fa;color:#696166;font-size:.67rem}
.event-tags strong{color:#302b2e}
.event-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid #ebe7e9;color:#282327;font-size:.77rem;font-weight:650}
.event-action:hover{color:var(--pink)}
.product-detail-stage{cursor:zoom-in}
.product-zoom-hint{position:absolute;z-index:3;right:14px;bottom:14px;display:flex;align-items:center;gap:7px;padding:8px 10px;background:rgba(20,18,19,.82);color:#fff;font-size:.69rem;pointer-events:none}
.product-option-grid-visual{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-option-visual{display:grid;grid-template-columns:48px minmax(0,1fr) auto;min-height:68px;padding:9px 12px}
.product-option-thumb{display:grid;place-items:center;width:48px;height:48px;background:#f4f2f3;overflow:hidden}
.product-option-thumb picture,.product-option-thumb img{width:100%;height:100%}
.product-option-thumb-image{object-fit:contain!important;padding:4px}
.product-option-name{font-size:.78rem;line-height:1.35}
.product-order-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}
.product-quantity-label{color:#4e484c;font-size:.76rem;font-weight:650;text-transform:uppercase;letter-spacing:.07em}
.product-quantity{display:grid;grid-template-columns:38px 50px 38px;height:40px;border:1px solid #ddd7db}
.product-quantity button{border:0;background:#f7f5f6;color:#302b2e;cursor:pointer}
.product-quantity input{width:100%;border:0;border-inline:1px solid #ddd7db;text-align:center;-moz-appearance:textfield}
.product-quantity input::-webkit-outer-spin-button,.product-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.product-enquiry-button{width:100%}
@media (max-width:1050px){.classes-grid-refined,.events-grid-refined{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.classes-grid-refined,.events-grid-refined{grid-template-columns:1fr}
.class-description,.event-summary{min-height:0}
.product-option-grid-visual{grid-template-columns:1fr}}
.teacher-card > picture,
.teacher-card > img,
.teacher-card .teacher-image{display:block;width:100%}
.teacher-card > picture{aspect-ratio:4 / 5;overflow:hidden;background:#efe7ec}
.teacher-card > picture img,
.teacher-card > img,
.teacher-card .teacher-image{width:100%!important;height:100%!important;aspect-ratio:4 / 5;object-fit:cover!important;object-position:center 18%!important}
@media (max-width:700px){.teacher-card > picture,
  .teacher-card > img,
  .teacher-card .teacher-image{aspect-ratio:4 / 5;object-position:center 15%!important}}
.gallery-grid.gallery-masonry--compact{columns:5;column-gap:14px}
.gallery-grid.gallery-masonry--compact .gallery-item{margin-bottom:14px;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.045)}
.gallery-grid.gallery-masonry--compact .gallery-item span{padding:26px 10px 9px;font-size:.68rem}
.gallery-grid.gallery-masonry--compact .gallery-item:hover picture img,
.gallery-grid.gallery-masonry--compact .gallery-item:hover > img{transform:scale(1.012)}
@media (max-width:1180px){.gallery-grid.gallery-masonry--compact{columns:4;column-gap:13px}
.gallery-grid.gallery-masonry--compact .gallery-item{margin-bottom:13px}}
@media (max-width:860px){.gallery-grid.gallery-masonry--compact{columns:3;column-gap:12px}
.gallery-grid.gallery-masonry--compact .gallery-item{margin-bottom:12px}}
@media (max-width:620px){.gallery-grid.gallery-masonry--compact{columns:2;column-gap:10px}
.gallery-grid.gallery-masonry--compact .gallery-item{margin-bottom:10px}
.gallery-grid.gallery-masonry--compact .gallery-item span{font-size:.62rem;padding:22px 8px 7px}}
.pricing-refined{background:#f8f6f7}
.price-grid-refined{display:grid;grid-template-columns:repeat(3,minmax(0,340px));justify-content:center;align-items:stretch;gap:26px}
.price-card-refined{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;border:1px solid #e3dde1;border-radius:5px;background:#fff;box-shadow:0 12px 32px rgba(35,25,31,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.price-card-refined:hover{transform:translateY(-5px);border-color:#d1c6cc;box-shadow:0 20px 46px rgba(35,25,31,.11)}
.price-card-refined.featured{transform:none;border-color:rgba(216,66,147,.55);background:#211d20;color:#fff}
.price-card-refined.featured:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(24,18,22,.2)}
.price-popular{position:absolute;z-index:4;top:12px;right:12px;padding:7px 10px;border-radius:3px;background:var(--pink);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.price-image-refined{display:grid;place-items:center;width:100%;height:auto;aspect-ratio:4 / 3;padding:18px;overflow:hidden;background:#f1eef0}
.price-card-refined.featured .price-image-refined{background:#f5f1f3}
.price-image-refined picture{display:block;width:100%;height:100%}
.price-image-refined picture img,
.price-image-refined > img,
.price-package-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0}
.price-content-refined{display:flex;flex:1;flex-direction:column;padding:25px}
.price-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #ece7ea}
.price-card-refined.featured .price-heading-row{border-color:rgba(255,255,255,.13)}
.price-heading-row h3{margin:3px 0 0;max-width:58%;font-size:1.12rem;line-height:1.3;letter-spacing:-.02em}
.price-refined{flex:none;margin:0;color:var(--pink);font-family:Poppins,sans-serif;font-size:1.65rem;font-weight:750;line-height:1;letter-spacing:-.04em}
.price-card-refined.featured .price-refined{color:#ff62b2}
.price-currency{margin-right:2px;font-size:.72em;vertical-align:top}
.price-features{display:grid;gap:0;margin:18px 0 24px!important;padding:0!important;list-style:none}
.price-features li{display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:9px!important;padding:10px 0!important;border-bottom:1px solid #eee9ec!important;color:#625b60;font-size:.78rem!important;line-height:1.45}
.price-card-refined.featured .price-features li{border-color:rgba(255,255,255,.11)!important;color:#d3ccd0}
.price-features i{margin-top:3px;color:var(--pink);font-size:.72rem}
.price-features strong{color:#2d282b}
.price-card-refined.featured .price-features strong{color:#fff}
.price-button{width:100%;margin-top:auto;border-radius:4px;box-shadow:none}
.price-card-refined:not(.featured) .price-button{background:#221e20}
.price-card-refined:not(.featured) .price-button:hover{background:var(--pink)}
@media (max-width:1040px){.price-grid-refined{grid-template-columns:repeat(2,minmax(0,340px))}}
@media (max-width:700px){.price-grid-refined{grid-template-columns:minmax(0,390px)}
.price-content-refined{padding:22px}
.price-image-refined{padding:14px}}
.price-image-refined{width:auto;margin:18px;aspect-ratio:4 / 3;padding:18px;border-radius:4px;background:#050505}
.price-card-refined.featured .price-image-refined{background:#050505}
.price-image-refined picture,
.price-image-refined > img{width:100%;height:100%}
.price-image-refined picture img,
.price-image-refined > img,
.price-package-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important}
.price-content-refined{padding-top:4px}
@media (max-width:700px){.price-image-refined{margin:14px;padding:14px}}
.price-card-refined .price-image-refined,
.price-card-refined.featured .price-image-refined{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:270px!important;min-height:270px!important;margin:18px!important;padding:18px!important;box-sizing:border-box!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:4px!important;background:#050505!important}
.price-card-refined .price-image-refined picture{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#050505!important}
.price-card-refined .price-image-refined picture img,
.price-card-refined .price-image-refined > img,
.price-card-refined .price-package-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center center!important}
@media (max-width:700px){.price-card-refined .price-image-refined,
  .price-card-refined.featured .price-image-refined{height:240px!important;min-height:240px!important;margin:14px!important;padding:14px!important}}
.price-card-refined .price-image-refined,
.price-card-refined.featured .price-image-refined{height:270px!important;min-height:270px!important;margin:18px!important;padding:16px!important;border:1px solid #e8e1e6!important;border-radius:5px!important;background:linear-gradient(145deg,#faf8f9,#f0ebee)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.price-card-refined.featured .price-image-refined{border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,#f8f5f7,#ece5e9)!important}
.price-card-refined .price-image-refined picture{background:transparent!important}
.price-card-refined .price-image-refined picture img,
.price-card-refined .price-image-refined > img,
.price-card-refined .price-package-image{object-fit:contain!important;object-position:center center!important;border-radius:3px!important}
@media (max-width:700px){.price-card-refined .price-image-refined,
  .price-card-refined.featured .price-image-refined{height:235px!important;min-height:235px!important;margin:14px!important;padding:12px!important}}
.price-card-refined .price-image-refined,
.price-card-refined.featured .price-image-refined{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:16 / 10!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#ddd!important;box-shadow:none!important}
.price-card-refined .price-image-refined picture,
.price-card-refined .price-image-refined > img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important}
.price-card-refined .price-image-refined picture img,
.price-card-refined .price-image-refined > img,
.price-card-refined .price-package-image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;object-fit:cover!important;object-position:center center!important;transition:transform .45s ease!important}
.price-card-refined:hover .price-package-image,
.price-card-refined:hover .price-image-refined picture img{transform:scale(1.035)}
.price-image-overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:48px 22px 18px;color:#fff;background:linear-gradient(to top,rgba(12,10,11,.88),rgba(12,10,11,.48) 48%,rgba(12,10,11,0));pointer-events:none}
.price-image-overlay h3{margin:0;max-width:62%;color:#fff;font-size:1.1rem;line-height:1.3;letter-spacing:-.02em}
.price-image-overlay .price-refined,
.price-card-refined.featured .price-image-overlay .price-refined{flex:none;margin:0;color:#fff;font-size:1.55rem;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.price-card-refined .price-content-refined{padding:22px 24px 24px}
.price-card-refined .price-features{margin-top:0!important}
@media (max-width:700px){.price-card-refined .price-image-refined,
  .price-card-refined.featured .price-image-refined{aspect-ratio:16 / 10!important}
.price-image-overlay{padding:42px 18px 15px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.shop-section-action{display:flex;justify-content:center;margin-top:38px}
.shop-category-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 34px}
.shop-category-pill{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(27,23,29,.12);background:#fff;color:#221d24;text-decoration:none;border-radius:5px;transition:.22s ease}
.shop-category-pill:hover{border-color:var(--primary,#d83a92);transform:translateY(-2px)}
.shop-category-pill span{font-weight:650}
.shop-category-pill small{color:#777;font-size:.76rem}
.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin-inline:auto}
.shop-page-main{background:#f6f4f5;min-height:70vh}
.shop-hero{padding:160px 0 74px;background:linear-gradient(135deg,#171318 0%,#262027 58%,#3b2232 100%);color:#fff}
.shop-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.shop-hero h1{max-width:760px;margin:.35rem 0 1rem;color:#fff;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.04em}
.shop-hero p{max-width:680px;margin:0;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.75}
.shop-hero-count{min-width:140px;text-align:right;font-size:3.8rem;font-weight:700;line-height:.9;color:#fff}
.shop-hero-count small{display:block;margin-top:12px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.shop-catalogue-section{padding-top:56px}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid rgba(26,22,28,.12)}
.shop-category-nav{display:flex;flex-wrap:wrap;gap:8px}
.shop-category-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid transparent;color:#4a434b;text-decoration:none;font-size:.88rem;font-weight:600;border-radius:4px}
.shop-category-nav a span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;background:#ece8eb;color:#706a70;border-radius:3px;font-size:.7rem}
.shop-category-nav a:hover,.shop-category-nav a.active{background:#211c22;color:#fff}
.shop-category-nav a.active span,.shop-category-nav a:hover span{background:rgba(255,255,255,.14);color:#fff}
.shop-search{position:relative;display:block;flex:0 0 270px}
.shop-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#847d84;font-size:.9rem}
.shop-search input{width:100%;height:44px;padding:0 14px 0 40px;border:1px solid rgba(27,23,29,.16);background:#fff;color:#221d24;border-radius:4px;font:inherit}
.shop-search input:focus{outline:2px solid rgba(216,58,146,.17);border-color:var(--primary,#d83a92)}
.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1160px;margin-inline:auto}
.shop-empty-message{padding:60px 20px;text-align:center;color:#706970}
.product-group-summary{display:block;margin-top:8px;color:#827a82;font-size:.75rem;line-height:1.5}
.grouped-product-options{display:grid;gap:26px;margin:30px 0 24px}
.variant-group{min-width:0;margin:0;padding:0;border:0}
.variant-group legend{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:12px;font-weight:700;color:#251f26}
.variant-group legend span{font-size:.76rem;font-weight:500;color:#8a828a}
.variant-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.variant-button-grid{display:flex;flex-wrap:wrap;gap:10px}
.variant-choice{appearance:none;border:1px solid rgba(31,26,32,.16);background:#fff;color:#2c262d;border-radius:5px;cursor:pointer;transition:.2s ease;font:inherit}
.variant-colour-choice{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;text-align:left}
.variant-choice-image{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;overflow:hidden;background:#f1edef;border-radius:3px}
.variant-choice-image picture,.variant-choice-image img{display:block;width:100%;height:100%}
.variant-choice-thumb{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.variant-colour-choice>span:last-child{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;font-weight:600;white-space:nowrap}
.variant-size-choice{min-width:62px;padding:11px 16px;font-size:.86rem;font-weight:650;text-align:center}
.variant-choice:hover{border-color:#9d8d98;transform:translateY(-1px)}
.variant-choice.active{border-color:var(--primary,#d83a92);box-shadow:0 0 0 2px rgba(216,58,146,.13);background:#fff8fc;color:#a91f70}
.variant-validation{margin:0;color:#9a6b82;font-size:.8rem}
.variant-validation.is-complete{color:#4f8b62}
.product-enquiry-button.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}
@media (max-width:1000px){.home-product-grid,.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-toolbar{align-items:flex-start;flex-direction:column}
.shop-search{flex-basis:auto;width:min(100%,380px)}
.shop-hero-inner{align-items:flex-start;flex-direction:column}
.shop-hero-count{text-align:left}}
@media (max-width:720px){.shop-hero{padding:128px 0 58px}
.shop-hero-count{font-size:2.9rem}
.home-product-grid,.shop-product-grid{grid-template-columns:1fr;max-width:390px}
.variant-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.variant-swatch-grid{grid-template-columns:1fr}}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,h4,h5,h6,.brand strong,.price,.faq-item summary{font-family:Poppins,Inter,Arial,sans-serif}
.site-header{background:rgba(255,255,255,.97);color:var(--deep);box-shadow:0 7px 28px rgba(0,30,60,.1)}
.site-header.scrolled{background:rgba(0,30,60,.97)!important;color:#fff}
.site-header:not(.scrolled) .main-nav a{color:var(--deep)}
.site-header:not(.scrolled) .nav-toggle span{background:var(--deep)}
.site-header.scrolled .main-nav a,.site-header.scrolled .nav-toggle span{color:#fff;background:#fff}
.site-logo{height:64px;max-width:330px}
.main-nav a:hover{color:#1685c5!important}
.btn{background:linear-gradient(135deg,#0067b1,#003478);border-radius:7px;box-shadow:0 10px 26px rgba(0,103,177,.24)}
.btn:hover{background:linear-gradient(135deg,#1685c5,#003478)}
.hero-overlay{background:linear-gradient(90deg,rgba(0,20,45,.94),rgba(0,52,120,.68) 46%,rgba(0,52,120,.12) 82%)}
.hero-fallback{background:radial-gradient(circle at 78% 40%,rgba(0,103,177,.65),transparent 34%),linear-gradient(120deg,#001e3c,#003478)}
.hero-content h1{text-transform:uppercase;max-width:11ch}
.hero-content p{color:#e8f5ff}
.eyebrow{color:#9bdcff}
.eyebrow.dark{color:#0067b1}
.eyebrow::before,.footer-accent{background:linear-gradient(90deg,#0067b1,#64b5e8,#003478)}
.intro-grid{border-radius:14px;box-shadow:var(--shadow)}
.intro-grid i,.class-meta,.inline-link,.event-location,.product-kicker{color:#0067b1!important}
.about{background:#f3f7fb}
.about-panel{border-radius:18px;border:1px solid #d8e2ec;box-shadow:var(--shadow);background:#fff}
.about-panel::after{background:linear-gradient(135deg,rgba(0,52,120,.06),rgba(0,103,177,.08)),url("../images/dance-feature.jpg") center/cover}
.classes-section,.video-section,.testimonials{background:linear-gradient(135deg,#001e3c,#003478);color:#fff}
.classes-section .class-card{background:#071b31;border-color:rgba(255,255,255,.1)}
.classes-section .class-meta-refined span{color:#75c9f6!important}
.class-action:hover{background:#0067b1}
.feature-band{background:linear-gradient(90deg,rgba(0,30,60,.94),rgba(0,52,120,.58)),url("../images/dance-feature.jpg") center/cover fixed;color:#fff}
.feature-band h2{color:#fff}
.feature-band p{color:#e8f5ff}
.events,.teachers,.pricing,.faqs,.products-section,.related-products-section{background:#f3f7fb}
.teacher-card,.event-card,.price-card,.product-card,.testimonial-card,.faq-item{border-color:#d8e2ec;box-shadow:0 14px 38px rgba(0,30,60,.09)}
.skill-tags span{background:#e6f2fa;color:#003478}
.price-card-refined.featured{background:linear-gradient(145deg,#003478,#001e3c);border-color:#0067b1}
.price-popular{background:#0067b1;color:#fff}
.price-image-overlay .price-refined,.price-image-overlay .price-currency{color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-text-stroke:0!important;text-shadow:none!important}
.price-features i{color:#1685c5}
.testimonials-grid-section{background:linear-gradient(180deg,#f3f7fb,#e8f2f9)}
.contact{background:linear-gradient(135deg,#001e3c,#003478);color:#fff}
.contact-form{background:#fff;color:#21354a;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.contact-form input,.contact-form textarea,.contact-form select{background:#f8fbfd;color:#21354a;border-color:#cbdce8}
.footer{background:#06172c}
.footer-logo{height:72px;max-width:360px}
.footer a:hover{color:#64b5e8}
.shop-hero{background:linear-gradient(135deg,#001e3c,#003478);color:#fff}
.product-filter.active,.product-filter:hover{background:#0067b1;border-color:#0067b1}
.product-option:hover,.product-option.active,.variant-choice:hover,.variant-choice.active{border-color:#0067b1;box-shadow:0 0 0 2px rgba(0,103,177,.1)}
.product-detail-assurance i,.product-modal-stock i,.product-stock-copy i{color:#0067b1}
.page-loader span{border-color:#d7e8f4;border-top-color:#0067b1}
@media (max-width:700px){.site-logo{height:50px;max-width:235px}
.feature-band{background-attachment:scroll}}
/* Scrolled header links: transparent with readable white text. */
.site-header.scrolled .main-nav a,
.site-header.scrolled .main-nav a:link,
.site-header.scrolled .main-nav a:visited{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:none!important}
.site-header.scrolled .main-nav a:hover,
.site-header.scrolled .main-nav a:focus-visible,
.site-header.scrolled .main-nav a.active{color:#85d4ff!important;background:transparent!important}
/* Bespoke workshop about section. */
.about-transit{padding:110px 0!important;background:#f3f7fb!important}
.about-transit-panel{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid #d8e2ec!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 55px rgba(0,30,60,.14)!important}
.about-transit-panel::after{display:none!important}
.about-transit-media{position:relative;min-height:560px;overflow:hidden;background:#dceaf5}
.about-transit-image{display:block;width:100%!important;height:100%!important;min-height:560px;object-fit:cover!important;object-position:center!important;transition:transform .7s ease}
.about-transit-panel:hover .about-transit-image{transform:scale(1.02)}
.about-transit-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,30,60,.42));pointer-events:none}
.about-transit-badge{position:absolute;z-index:2;left:28px;bottom:28px;display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(0,30,60,.9);color:#fff;box-shadow:0 14px 30px rgba(0,30,60,.26);backdrop-filter:blur(10px)}
.about-transit-badge i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0067b1}
.about-transit-badge span{font-size:.82rem;line-height:1.3;color:#dceeff}
.about-transit-badge strong{display:block;font-size:1.05rem;text-transform:uppercase;letter-spacing:.035em;color:#fff}
.about-transit-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px 68px!important;background:linear-gradient(145deg,#fff,#f7fbfe)}
.about-transit-copy h2{margin:0 0 26px!important;color:#001e3c!important;font-size:clamp(2.35rem,3.8vw,4rem)!important;line-height:.98!important;text-transform:uppercase!important}
.about-transit-copy .lead{margin:0 0 28px!important;color:#40546a!important;font-size:1.06rem!important;line-height:1.8!important}
.about-transit-points{display:grid;gap:12px;width:100%;margin:0 0 34px}
.about-transit-points div{display:flex;align-items:flex-start;gap:11px;color:#001e3c;font-weight:700}
.about-transit-points i{margin-top:4px;color:#0067b1}
/* Review cards replace the oversized full-width quotation. */
.testimonials-grid-section{background:linear-gradient(180deg,#f3f7fb 0%,#eaf2f8 100%)!important;color:#26374a!important}
.testimonials-grid-section .section-heading h2{color:#001e3c!important}
.testimonials-grid-section .section-heading p{color:#5d6c7d!important}
.testimonials-grid-section .eyebrow.dark{color:#0067b1!important}
.testimonial-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.testimonial-card{display:flex;flex-direction:column;min-height:310px;padding:30px;background:#fff;border:1px solid rgba(0,52,120,.12);border-radius:18px;box-shadow:0 16px 42px rgba(0,30,60,.11);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(0,30,60,.16);border-color:rgba(0,103,177,.28)}
.testimonial-card-header{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.testimonial-card-header strong{display:block;color:#001e3c!important;font-size:1rem;line-height:1.25}
.testimonial-card-avatar,.testimonial-avatar-placeholder{flex:0 0 58px;width:58px!important;height:58px!important;border-radius:50%;object-fit:cover;border:3px solid #e2eef7}
.testimonial-avatar-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0067b1,#003478);color:#fff;font-weight:800;font-size:1.25rem}
.testimonial-card-stars,.review-modal-stars{color:#f0ad24!important;letter-spacing:.11em;font-size:.88rem;line-height:1.2}
.testimonial-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;color:#4b5b6d!important;font-size:.96rem!important;line-height:1.65!important;margin:0 0 22px!important}
.testimonial-read-more{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:auto;padding:0;border:0;background:transparent;color:#0067b1;font-weight:800;cursor:pointer}
.testimonial-read-more:hover{color:#003478}
.review-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px}
.review-modal.open{display:grid}
.review-modal-backdrop{position:absolute;inset:0;background:rgba(0,18,40,.82);backdrop-filter:blur(8px)}
.review-modal-panel{position:relative;z-index:1;width:min(720px,100%);max-height:min(84vh,850px);overflow:auto;padding:42px;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.review-modal-close{position:absolute;top:17px;right:17px;width:42px;height:42px;border:0;border-radius:50%;background:#eef5fa;color:#003478;cursor:pointer}
.review-modal-customer{display:flex;align-items:center;gap:16px;padding-right:48px;margin-bottom:26px}
.review-modal-avatar-wrap img,.review-modal-avatar-wrap .testimonial-avatar-placeholder{width:72px!important;height:72px!important;border-radius:50%;object-fit:cover}
.review-modal-customer h3{margin:6px 0 0;color:#001e3c;font-size:1.45rem}
.review-modal blockquote{margin:0;color:#34475a;font:500 1.06rem/1.8 Inter,Arial,sans-serif;letter-spacing:0;white-space:pre-line}
.review-modal-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(0,52,120,.12)}
.review-modal-controls button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(0,52,120,.16);border-radius:8px;background:#f3f7fb;color:#003478;font-weight:800;cursor:pointer}
.review-modal-controls span{color:#6a7887;font-size:.82rem;font-weight:700}
body.review-modal-open{overflow:hidden}
/* FAQ and contact spacing/contrast. */
.faqs{background:#f3f7fb!important}
.faq-layout{gap:72px!important}
.faq-list{display:grid!important;gap:14px!important}
.faq-item{background:#fff!important;border:1px solid #dce7f0!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(0,30,60,.07)!important;overflow:hidden!important}
.faq-item summary{padding:21px 25px!important}
.faq-item>div{padding:0 25px 22px!important}
.contact{padding:105px 0!important;background:linear-gradient(135deg,#001e3c,#003478)!important}
.contact-grid{align-items:center!important;gap:72px!important}
.contact-copy h2{color:#fff!important;font-size:clamp(2.7rem,5vw,4.8rem)!important;line-height:1!important}
.contact-copy>p{color:#c9e5f7!important;max-width:520px}
.contact-details{gap:18px!important}
.contact-details a,.contact-details>div{color:#fff!important}
.contact-form{background:#fff!important;color:#26374a!important;padding:38px!important;border-radius:18px!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important}
.contact-form label{color:#26374a!important;margin-bottom:18px!important}
.contact-form input,.contact-form textarea,.contact-form select{margin-top:8px!important;padding:14px 15px!important;background:#f8fbfd!important;color:#26374a!important;border:1px solid #c9dbe8!important}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form .btn{margin-top:4px}
.form-note{margin-top:15px!important;color:#5d6c7d!important}
@media (max-width:980px){.about-transit-panel{grid-template-columns:1fr!important}
.about-transit-media,.about-transit-image{min-height:430px}
.about-transit-copy{padding:58px 52px!important}
.testimonial-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-layout,.contact-grid{grid-template-columns:1fr!important;gap:40px!important}}
@media (max-width:650px){.about-transit{padding:74px 0!important}
.about-transit-panel{border-radius:16px!important}
.about-transit-media,.about-transit-image{min-height:320px}
.about-transit-copy{padding:42px 28px!important}
.about-transit-copy h2{font-size:2.65rem!important}
.about-transit-badge{left:16px;right:16px;bottom:16px}
.testimonial-card-grid{grid-template-columns:1fr}
.testimonial-card{min-height:0;padding:25px}
.review-modal{padding:12px}
.review-modal-panel{padding:32px 22px 24px;border-radius:16px}
.review-modal-controls{flex-wrap:wrap}
.review-modal-controls span{order:-1;width:100%;text-align:center}
.contact{padding:75px 0!important}
.contact-form{padding:25px!important}}
.seo-intro-section{padding:82px 0!important;background:#fff!important}
.seo-intro-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:56px;align-items:center;padding:48px 52px;border:1px solid #d8e2ec;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f5faff 100%);box-shadow:0 18px 50px rgba(0,30,60,.09)}
.seo-intro-copy h2{margin:0 0 18px;max-width:18ch;color:#001e3c;font-size:clamp(2.15rem,4vw,3.8rem);line-height:1.06;letter-spacing:-.035em}
.seo-intro-copy p{max-width:760px;margin:0;color:#4b6075;font-size:1.08rem;line-height:1.8}
.seo-intro-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.seo-intro-tags span{padding:9px 13px;border:1px solid rgba(0,103,177,.18);border-radius:999px;background:#eaf5fc;color:#003478;font-size:.78rem;font-weight:750;line-height:1.2}
/* Hero and feature buttons must always remain readable. */
.hero .btn,
.hero-slider .btn,
.feature-band .btn,
.feature-band .btn-light{color:#fff!important;-webkit-text-fill-color:#fff!important}
.hero .btn:hover,
.hero-slider .btn:hover,
.feature-band .btn:hover,
.feature-band .btn-light:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
.feature-band .btn-light{background:linear-gradient(135deg,#0067b1,#003478)!important;border-color:transparent!important}
/* Slightly tighter Transit-Tech about heading. */
.about-transit-copy h2{max-width:11ch}
@media (max-width:900px){.seo-intro-panel{grid-template-columns:1fr;gap:28px}
.seo-intro-tags{justify-content:flex-start}}
@media (max-width:650px){.seo-intro-section{padding:62px 0!important}
.seo-intro-panel{padding:32px 25px;border-radius:14px}
.seo-intro-copy h2{font-size:clamp(1.9rem,9vw,2.65rem)}
.seo-intro-copy p{font-size:1rem}}
.contact-copy h2{max-width:10ch!important;font-size:clamp(2.25rem,4vw,3.8rem)!important;line-height:1.06!important;letter-spacing:-.04em!important}
.location-map-section{position:relative;background:#e9f1f7;border-top:1px solid rgba(0,52,120,.14)}
.location-map-wrap{position:relative;min-height:560px;overflow:hidden}
.location-map-frame{display:block;width:100%;height:560px;border:0;filter:saturate(.88) contrast(1.02)}
.location-map-overlay-wrap{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}
.location-map-card{width:min(430px,calc(100% - 32px));margin-left:0;padding:34px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:rgba(255,255,255,.96);color:#21354a;box-shadow:0 24px 70px rgba(0,30,60,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}
.location-map-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border-radius:50%;background:linear-gradient(135deg,#0067b1,#003478);color:#fff;box-shadow:0 12px 28px rgba(0,103,177,.28);font-size:1.35rem}
.location-map-card .eyebrow{margin-bottom:12px}
.location-map-card h2{margin:0 0 13px;color:#001e3c;font-size:clamp(2rem,3vw,2.8rem);line-height:1.08}
.location-map-card p{margin:0 0 24px;color:#50657a;font-size:1rem;line-height:1.7}
.location-map-button{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:760px){.location-map-wrap,
  .location-map-frame{min-height:620px;height:620px}
.location-map-overlay-wrap{align-items:flex-end;padding-bottom:20px}
.location-map-card{width:100%;padding:26px;border-radius:14px}}
/* Keep the embedded map as a fixed visual: no dragging, zooming or clicking. */
.location-map-frame{pointer-events:none!important;user-select:none}
/* Give the card enough width for a single-line heading on desktop. */
.location-map-card{width:min(540px,calc(100% - 32px))!important}
.location-map-card h2{max-width:none!important;font-size:clamp(1.75rem,2.35vw,2.25rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;white-space:nowrap}
.location-map-button{color:#fff!important;-webkit-text-fill-color:#fff!important}
.location-map-button i{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:760px){.location-map-card{width:100%!important}
.location-map-card h2{font-size:clamp(1.7rem,8vw,2.15rem)!important;white-space:normal}}
.header-telephone-numbers{display:flex;align-items:center;gap:18px;flex:0 0 auto;margin-left:6px;padding-left:18px;border-left:1px solid rgba(0,52,120,.18)}
.header-telephone-numbers a{display:grid;gap:1px;color:#003478;line-height:1.15;white-space:nowrap}
.header-telephone-numbers span{color:#607286;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.header-telephone-numbers strong{color:inherit;font-size:.82rem;font-weight:750;letter-spacing:-.015em}
.site-header.scrolled .header-telephone-numbers{border-left-color:rgba(255,255,255,.18)}
.site-header.scrolled .header-telephone-numbers a,
.site-header.scrolled .header-telephone-numbers strong{color:#fff}
.site-header.scrolled .header-telephone-numbers span{color:#9bdcff}
.header-telephone-numbers a:hover strong{color:#1685c5}
@media (max-width:1120px){.header-telephone-numbers{gap:12px;padding-left:12px}
.header-telephone-numbers strong{font-size:.76rem}
.main-nav{gap:16px}}
@media (max-width:900px){.header-telephone-numbers{margin-left:auto}}
@media (max-width:700px){.header-telephone-numbers{display:none}}
/* Pricing buttons: force white text and arrow on all cards, including featured. */
.price-card-refined .price-button,
.price-card-refined .price-button:link,
.price-card-refined .price-button:visited,
.price-card-refined .price-button:hover,
.price-card-refined .price-button:focus-visible,
.price-card-refined .price-button span,
.price-card-refined .price-button i,
.price-card-refined .price-button svg,
.price-card-refined.featured .price-button,
.price-card-refined.featured .price-button:link,
.price-card-refined.featured .price-button:visited,
.price-card-refined.featured .price-button:hover,
.price-card-refined.featured .price-button:focus-visible,
.price-card-refined.featured .price-button span,
.price-card-refined.featured .price-button i,
.price-card-refined.featured .price-button svg{color:#ffffff!important;fill:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.price-card-refined.featured .price-button{background:linear-gradient(135deg, #0067b1, #004783)!important}


/* ==========================================================
   Transit-Tech v47 final layout corrections
   Keep this block at the end of the stylesheet.
   ========================================================== */

/* ABOUT / WORKSHOP PANEL */
.about-transit{
  padding:90px 0 !important;
  background:#f3f7fb !important;
}

.about-transit .container{
  width:min(1160px,calc(100% - 48px)) !important;
  margin-inline:auto !important;
}

.about-transit-panel{
  display:grid !important;
  grid-template-columns:minmax(0,54%) minmax(0,46%) !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:1px solid #d8e2ec !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 18px 52px rgba(0,30,60,.12) !important;
}

.about-transit-media{
  min-width:0 !important;
  min-height:560px !important;
}

.about-transit-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  object-fit:cover !important;
  object-position:center !important;
}

.about-transit-copy{
  min-width:0 !important;
  overflow:hidden !important;
  padding:58px 54px 58px 52px !important;
  box-sizing:border-box !important;
}

.about-transit-copy h2{
  max-width:100% !important;
  margin:0 0 24px !important;
  color:#001e3c !important;
  font-size:clamp(2rem,3.15vw,3.35rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.about-transit-copy .lead,
.about-transit-copy p{
  max-width:100% !important;
  color:#40546a !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}

.about-transit-points{
  width:100% !important;
  gap:11px !important;
  margin-bottom:30px !important;
}

.about-transit-points div{
  font-size:.92rem !important;
  line-height:1.45 !important;
}

/* PRICING BUTTONS */
.price-card-refined .price-button,
.price-card-refined .price-button:link,
.price-card-refined .price-button:visited,
.price-card-refined .price-button:hover,
.price-card-refined .price-button:focus,
.price-card-refined .price-button:focus-visible,
.price-card-refined .price-button span,
.price-card-refined .price-button i,
.price-card-refined .price-button svg,
.price-card-refined.featured .price-button,
.price-card-refined.featured .price-button:link,
.price-card-refined.featured .price-button:visited,
.price-card-refined.featured .price-button:hover,
.price-card-refined.featured .price-button:focus,
.price-card-refined.featured .price-button:focus-visible,
.price-card-refined.featured .price-button span,
.price-card-refined.featured .price-button i,
.price-card-refined.featured .price-button svg{
  color:#fff !important;
  fill:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
}

.price-card-refined.featured .price-button{
  background:linear-gradient(135deg,#0879c9,#00549a) !important;
  border-color:transparent !important;
}

/* CONTACT SECTION */
.contact{
  padding:82px 0 !important;
}

.contact .container{
  width:min(1160px,calc(100% - 48px)) !important;
  margin-inline:auto !important;
}

.contact-grid{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  gap:58px !important;
  align-items:center !important;
}

.contact-copy{
  min-width:0 !important;
}

.contact-copy h2{
  max-width:9ch !important;
  margin:0 0 22px !important;
  font-size:clamp(2.15rem,3.55vw,3.55rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.contact-copy > p{
  max-width:470px !important;
  margin-bottom:28px !important;
  font-size:.98rem !important;
  line-height:1.75 !important;
}

.contact-details{
  gap:15px !important;
}

.contact-form{
  padding:34px 38px !important;
  border-radius:16px !important;
}

.contact-form label{
  font-size:.76rem !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select{
  padding:13px 14px !important;
}

.contact-form textarea{
  min-height:140px !important;
}

/* TABLET */
@media(max-width:980px){
  .about-transit-panel{
    grid-template-columns:1fr !important;
  }

  .about-transit-media,
  .about-transit-image{
    min-height:430px !important;
  }

  .about-transit-copy{
    padding:46px 40px !important;
  }

  .about-transit-copy h2{
    font-size:clamp(2rem,6vw,3rem) !important;
  }

  .contact-grid{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }

  .contact-copy h2{
    max-width:12ch !important;
  }
}

/* MOBILE */
@media(max-width:650px){
  .about-transit,
  .contact{
    padding:64px 0 !important;
  }

  .about-transit .container,
  .contact .container{
    width:min(100% - 28px,1160px) !important;
  }

  .about-transit-panel{
    border-radius:14px !important;
  }

  .about-transit-media,
  .about-transit-image{
    min-height:300px !important;
  }

  .about-transit-copy{
    padding:34px 24px !important;
  }

  .about-transit-copy h2{
    font-size:clamp(1.8rem,9vw,2.45rem) !important;
  }

  .contact-copy h2{
    max-width:10ch !important;
    font-size:clamp(2rem,10vw,2.8rem) !important;
  }

  .contact-form{
    padding:24px !important;
  }
}



/* ==========================================================
   Transit-Tech v48: Contact first, Recovery button last
   ========================================================== */
.header-action-buttons{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  margin-left:4px;
}

.header-action-buttons .nav-cta{
  margin:0;
  white-space:nowrap;
}

.recovery-header-button,
.recovery-header-button:link,
.recovery-header-button:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:11px 17px;
  border:1px solid #e86d00 !important;
  border-radius:7px;
  background:linear-gradient(135deg,#ff8a00,#e76500) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 10px 24px rgba(232,109,0,.27) !important;
  font-size:.78rem;
  font-weight:750;
  letter-spacing:0;
  text-transform:none;
}

.recovery-header-button i,
.recovery-header-button span,
.site-header.scrolled .recovery-header-button,
.site-header.scrolled .recovery-header-button i{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.recovery-header-button:hover,
.recovery-header-button:focus-visible{
  background:linear-gradient(135deg,#ff9b28,#f27300) !important;
  border-color:#f27300 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(232,109,0,.34) !important;
}

@media(max-width:1120px){
  .header-action-buttons{
    gap:7px;
  }

  .header-action-buttons .nav-cta{
    padding-inline:13px;
    font-size:.73rem;
  }
}

@media(max-width:980px){
  .header-action-buttons{
    display:none;
  }

  .main-nav .mobile-header-action{
    width:100%;
  }
}


/* ==========================================================
   Transit-Tech v49: SMTP contact form
   ========================================================== */
.contact-honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.contact-form-alert{
  margin:0 0 20px;
  padding:13px 15px;
  border:1px solid;
  border-radius:8px;
  font-size:.88rem;
  font-weight:650;
  line-height:1.55;
}

.contact-form-alert.is-success{
  border-color:#99d4ad;
  background:#edf9f1;
  color:#22623a;
}

.contact-form-alert.is-error{
  border-color:#e2aaaa;
  background:#fff1f1;
  color:#8b2929;
}

.contact-form .btn i{
  color:#fff !important;
}


/* ==========================================================
   Transit-Tech v51: contact form validation and captcha
   ========================================================== */
.contact-captcha{
  margin:4px 0 20px;
  padding:16px;
  border:1px solid #c9dbe8;
  border-radius:10px;
  background:#f3f8fc;
}

.contact-captcha label{
  margin:0 0 10px !important;
  color:#26374a !important;
  font-size:.8rem !important;
}

.contact-captcha strong{
  color:#003478;
}

.contact-captcha input{
  max-width:180px;
  margin-top:0 !important;
  background:#fff !important;
}


/* ==========================================================
   Transit-Tech v52: corrected mobile navigation
   ========================================================== */
.mobile-menu-actions{
  display:none;
}

@media(max-width:980px){
  .site-header{
    z-index:1000 !important;
  }

  .nav-wrap{
    position:relative;
  }

  .nav-toggle{
    position:relative;
    z-index:1003;
    display:block !important;
    width:48px;
    height:48px;
    margin-left:auto !important;
    padding:10px;
    border:0;
    background:transparent;
    cursor:pointer;
  }

  .nav-toggle span{
    position:absolute;
    left:11px;
    width:27px;
    height:3px;
    margin:0 !important;
    border-radius:3px;
    background:#001e3c !important;
    transition:transform .25s ease,opacity .2s ease,top .25s ease;
  }

  .nav-toggle span:nth-child(1){top:14px}
  .nav-toggle span:nth-child(2){top:22px}
  .nav-toggle span:nth-child(3){top:30px}

  .site-header.scrolled .nav-toggle span{
    background:#fff !important;
  }

  .nav-toggle.is-open span:nth-child(1){
    top:22px;
    transform:rotate(45deg);
  }

  .nav-toggle.is-open span:nth-child(2){
    opacity:0;
  }

  .nav-toggle.is-open span:nth-child(3){
    top:22px;
    transform:rotate(-45deg);
  }

  .main-nav{
    position:absolute !important;
    z-index:1002 !important;
    top:calc(100% + 12px) !important;
    left:0 !important;
    right:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    max-height:0;
    margin:0 !important;
    padding:0 18px !important;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px !important;
    background:#002b57 !important;
    box-shadow:0 24px 55px rgba(0,20,45,.38) !important;
    transform:translateY(-10px);
    transition:max-height .3s ease,opacity .22s ease,transform .25s ease,visibility .25s ease,padding .25s ease;
  }

  .main-nav.open{
    max-height:calc(100vh - 120px);
    padding:16px 18px 18px !important;
    overflow-y:auto;
    visibility:visible;
    opacity:1;
    transform:none;
  }

  .main-nav > a{
    display:block !important;
    width:100%;
    padding:14px 10px !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:.9rem !important;
    font-weight:700 !important;
    letter-spacing:.045em !important;
    line-height:1.25;
    text-transform:uppercase;
  }

  .main-nav > a:hover,
  .main-nav > a:focus-visible{
    padding-left:16px !important;
    background:rgba(255,255,255,.08) !important;
    color:#8bd8ff !important;
    -webkit-text-fill-color:#8bd8ff !important;
  }

  .mobile-menu-actions{
    display:grid;
    gap:10px;
    width:100%;
    padding-top:16px;
  }

  .mobile-menu-actions .btn{
    display:flex !important;
    width:100%;
    min-height:48px;
    margin:0 !important;
    justify-content:center;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:.9rem;
    text-transform:none;
  }

  .mobile-contact-button{
    border-color:transparent !important;
    background:linear-gradient(135deg,#0879c9,#004783) !important;
  }

  .mobile-recovery-button{
    order:2;
  }

  .header-action-buttons{
    display:none !important;
  }

  body.mobile-menu-open{
    overflow:hidden;
  }
}

@media(max-width:700px){
  .main-nav{
    left:-2px !important;
    right:-2px !important;
    top:calc(100% + 8px) !important;
    border-radius:14px !important;
  }
}


/* ==========================================================
   Transit-Tech v53: AJAX contact form
   ========================================================== */
.contact-form-alert[hidden]{
  display:none !important;
}

.contact-submit-button{
  min-width:168px;
}

.contact-submit-button:disabled{
  cursor:wait;
  opacity:.82;
  transform:none !important;
}

.contact-submit-button.is-sending .contact-submit-icon{
  animation:contact-submit-spin .8s linear infinite;
}

@keyframes contact-submit-spin{
  to{transform:rotate(360deg)}
}


/* ==========================================================
   Transit-Tech v54: Creatix footer credit
   ========================================================== */
.footer-legal{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.footer-credit,
.footer-platform-credit{
  color:#aeb8c4;
  font-size:.76rem;
  line-height:1.45;
}

.footer-credit a,
.footer-platform-credit a{
  display:inline;
  margin:0;
  color:#ff8a00;
  font-weight:750;
  text-decoration:none;
}

.footer-credit a:hover,
.footer-credit a:focus-visible,
.footer-platform-credit a:hover,
.footer-platform-credit a:focus-visible{
  color:#ffb04f;
}

@media(max-width:700px){
  .footer-bottom{
    align-items:center;
    text-align:center;
  }

  .footer-legal{
    align-items:center;
  }

  .back-to-top{
    align-self:center;
  }
}