
:root{--pink:#d51a71;--pink2:#f05aa1;--ink:#1b1419;--muted:#5c5660;--cream:#fff3f8;--line:#f2dbe6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif;background:#fff4f9}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}em{font-style:normal;color:var(--pink)}.top{height:86px;background:#100a0e;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:30}.brand img{display:block;width:126px;height:78px;object-fit:contain}.top nav{display:flex;gap:27px;align-items:center;font-size:14px}.top nav a:hover{color:#f277af}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pink);border-radius:40px;background:var(--pink);color:white;padding:13px 23px;font-weight:700;box-shadow:0 7px 22px #b71c6040}.navcta{padding:10px 18px}.menu{display:none;background:transparent;border:0;color:white;font-size:30px}.hero{height:min(680px,75vw);min-height:530px;background:#0b080a;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff;padding:35px 4%}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,8,.97) 0%,rgba(8,5,8,.9) 22%,rgba(8,5,8,.50) 47%,rgba(8,5,8,.03) 83%)}.hero-content{position:relative;z-index:2;width:min(440px,47%)}.rating{display:inline-block;background:#fff;color:#1e1620;border-radius:22px;padding:6px 14px;font-size:13px;font-weight:700}.rating:first-letter{color:#d51a71}.hero h1{font-size:clamp(39px,4.6vw,72px);line-height:1.02;letter-spacing:-2px;margin:18px 0 13px}.hero p{font-size:clamp(15px,1.35vw,19px);line-height:1.4;margin:0 0 20px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 24px}.btn.outline{background:#130a10a0;border-color:#ed6ea8;box-shadow:none}.hero-note{display:flex;flex-wrap:wrap;gap:15px;font-size:13px}.hero-note a:hover{text-decoration:underline}.sound{position:absolute;right:25px;top:24px;z-index:3;background:#0b080a9e;border:1px solid #fff8;border-radius:24px;padding:9px 15px;color:#fff}.section{padding:50px 4%;scroll-margin-top:85px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--pink);font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.section-head h2,h2{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:7px 0 0}.all-services{color:var(--pink);border:1px solid var(--pink);border-radius:28px;padding:9px 17px;white-space:nowrap;font-size:13px}.services{background:linear-gradient(120deg,#fff3f9,#ffe4f0)}.catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.service{min-width:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #8e2e5612}.service img{width:100%;height:150px;object-fit:cover;display:block}.service>div{padding:11px;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:56px}.service h4{font-size:13px;margin:0;line-height:1.25}.service a{border-radius:50%;background:var(--pink);color:#fff;min-width:27px;height:27px;text-align:center;line-height:27px}.services .brow-heading{font-size:22px;margin:29px 0 15px}.catalog.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:490px}.catalog.two .service img{height:180px}.fine{background:var(--pink);color:#fff;padding:16px 22px;border-radius:10px;font-size:14px;margin:25px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff3f8}.about-card p{font-size:16px;color:#4d4750}.qualities{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.qualities span{background:#fff;border-radius:12px;padding:15px;font-size:13px;font-weight:700;box-shadow:0 3px 12px #a12b5510}.studio-placeholder{min-height:300px;border-radius:18px;background:linear-gradient(140deg,#7b274d,#e6a7c3 55%,#8d3159);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:30px}.studio-placeholder span{font-size:70px}.studio-placeholder strong{font-size:25px}.studio-placeholder p{max-width:300px}.gallery{background:#fff0f6}.gallery .section-head{display:block}.gallery .section-head p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#fff9fc}.contact-line{margin:13px 0;display:flex;flex-direction:column}.contact-line strong{color:var(--pink)}.map{height:360px;border-radius:16px;overflow:hidden}.map iframe{border:0;width:100%;height:100%}.booking{background:#fff0f6}.booking .section-head{display:block;text-align:center}.booking .section-head p{color:var(--muted)}.booking-form{max-width:830px;margin:25px auto 0;background:#fff;border-radius:20px;padding:27px;display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.booking-form label{font-size:14px;font-weight:700}.booking-form input,.booking-form select,.booking-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dcd5da;border-radius:10px;padding:12px;background:#fff}.full{grid-column:1/-1}.form-note{font-size:12px;color:#666;text-align:center;margin:0}footer{text-align:center;background:#11080e;color:#e8c8d9;padding:32px 20px;font-size:13px}.footer-brand img{width:140px;max-height:100px;object-fit:contain}footer p{margin:8px}
@media(max-width:850px){.top{height:75px;padding:0 18px}.brand img{width:112px;height:70px}.menu{display:block}.top nav{display:none;position:absolute;top:75px;left:0;right:0;background:#100a0e;padding:20px;flex-direction:column;align-items:stretch;gap:16px}.top nav.open{display:flex}.hero{height:660px;min-height:0;padding:30px 22px;align-items:end}.hero-video{object-position:62% center}.hero-shade{background:linear-gradient(0deg,#080608 0%,#080608e8 28%,#08060875 58%,#08060800 95%)}.hero-content{width:100%;max-width:480px}.hero h1{font-size:clamp(38px,8.5vw,56px);letter-spacing:-1.6px}.hero p{font-size:16px;max-width:460px}.actions{flex-direction:row;flex-wrap:wrap}.section{padding:36px 18px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.service img{height:140px}.service h4{font-size:12px}.about,.contact{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:190px}}
@media(max-width:500px){.hero{height:690px}.hero-video{object-position:55% top}.hero-shade{background:linear-gradient(0deg,#080608 0%,#080608f5 31%,#08060888 63%,#08060808 100%)}.hero-content{padding-bottom:10px}.hero h1{font-size:43px}.hero p{font-size:15px}.rating{font-size:12px}.actions .btn{font-size:14px;padding:11px 15px}.hero-note{font-size:11px}.section-head{display:block}.section-head h2{font-size:30px}.all-services{display:inline-block;margin-top:12px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.service img{height:160px}.catalog.two{max-width:none}.catalog.two .service img{height:150px}.qualities{grid-template-columns:repeat(2,1fr)}.qualities span{padding:12px;font-size:12px}.booking-form{grid-template-columns:1fr;padding:18px}.full{grid-column:1}.gallery-grid img{height:165px}}

/* v0.3: reference-aligned desktop layout and portrait-safe hero video */
.hero{height:610px;min-height:610px;isolation:isolate;background:#080608;}
.hero-video{inset:0 0 0 auto;width:65%;height:100%;object-fit:contain;object-position:center center;background:#080608;}
.hero-shade{background:linear-gradient(90deg,#080608 0%,#080608 26%,rgba(8,6,8,.86) 42%,rgba(8,6,8,.12) 67%,transparent 90%);}
.hero-content{width:37%;max-width:445px;}
.hero h1{font-size:clamp(40px,4.3vw,65px)}
.about{grid-template-columns:46% 1fr;gap:32px;}
.about-visual{position:relative;min-width:0;}
.studio-photo{width:100%;height:370px;object-fit:cover;object-position:center 48%;border-radius:18px;display:block;}
.experience{position:absolute;bottom:-14px;right:-8px;background:linear-gradient(110deg,#bb1160,#ee388a);color:white;padding:16px 22px;border-radius:14px;box-shadow:0 10px 24px #8d15502c;display:flex;flex-direction:column;}
.experience strong{font-size:32px;line-height:1}.experience span{font-size:13px}
.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
.gallery-grid img{height:190px;}
@media(max-width:850px){
.top{height:76px}.top nav{font-size:13px}
.hero{height:750px;min-height:750px;display:block;padding:0 22px 26px;}
.hero-video{top:0;right:0;bottom:auto;left:0;width:100%;height:555px;object-fit:contain;object-position:center top;}
.hero-shade{background:linear-gradient(0deg,#080608 0%,#080608 19%,rgba(8,6,8,.88) 36%,rgba(8,6,8,.08) 70%,transparent 100%)}
.hero-content{position:absolute;left:22px;right:22px;bottom:30px;width:auto;max-width:460px;}
.hero h1{font-size:clamp(35px,6.7vw,47px)}
.hero p{font-size:15px}
.sound{top:15px;right:14px}
.about{grid-template-columns:1fr 1fr;gap:18px}
.studio-photo{height:340px}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
.hero{height:780px;min-height:780px;}
.hero-video{height:550px;object-fit:contain;object-position:center top;}
.hero-shade{background:linear-gradient(0deg,#080608 0%,#080608 23%,rgba(8,6,8,.96) 37%,rgba(8,6,8,.18) 66%,transparent 95%)}
.hero-content{bottom:24px}
.hero h1{font-size:38px;max-width:410px;margin:10px 0}
.hero p{font-size:14px;max-width:360px;margin-bottom:14px}
.rating{font-size:11px}
.actions{margin-bottom:13px}
.hero-note{font-size:11px}
.about{grid-template-columns:1fr}
.about-visual{order:-1}
.studio-photo{height:360px;object-position:center 36%}
.experience{right:5px;bottom:-9px}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-grid img{height:165px}
}

.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;background:#20c65a;color:white;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px #0005;transition:transform .2s}.floating-whatsapp:hover{transform:scale(1.07)}.booking .section-head{max-width:680px;margin:auto;text-align:center}.booking .btn{margin-top:20px}
