:root{--bg:#0b0c0e;--surface:#141518;--fg:#f6f5f3;--muted:#aaaab0;--cyan:#00e5e9;--pink:#ff168d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%}.header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid #ffffff2b}.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.075em;font-size:19px;white-space:nowrap}.brand span{color:var(--cyan)}.brand i{color:var(--pink);font-style:normal}.nav{display:flex;gap:30px}.nav a,.nav-book{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav a:hover,.footer a:hover{color:var(--cyan)}.nav-book{padding:14px 22px;border:1px solid var(--pink);white-space:nowrap}.nav-book span{color:var(--pink);margin-left:12px}.hero{min-height:810px;height:100svh;max-height:1080px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.88)}.hero-shade{background:linear-gradient(90deg,rgba(6,7,9,.96) 0%,rgba(6,7,9,.84) 32%,rgba(6,7,9,.35) 73%,rgba(6,7,9,.3) 100%),linear-gradient(0deg,#090a0caa,transparent 25%)}.hero-content{position:relative;z-index:2;padding:115px 7% 70px;width:min(920px,100%)}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.19em;color:#ccc;display:flex;align-items:center;gap:12px}.eyebrow .line{width:28px;height:2px;background:var(--cyan)}.hero-logo{width:clamp(230px,30vw,420px);margin:12px 0 0 -17px;mix-blend-mode:screen}.hero h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.065em;line-height:1.04}.hero h1{font-size:clamp(54px,7.3vw,112px);font-weight:800;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-content>p{font-size:clamp(15px,1.4vw,19px);line-height:1.65;color:#dedee0;max-width:555px}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 23px;font-size:11px;letter-spacing:.11em;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--cyan);color:#071013}.primary span{font-size:17px}.ghost,.outline{border:1px solid #ffffff65}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#c4c4c4;z-index:2}.intro,.experiences,.work{padding:105px 7%}.section-label .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan)}.section-label .pink{background:var(--pink)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end}.intro h2,.section-heading h2,.about h2,.cta h2{font-size:clamp(46px,6vw,88px);margin:26px 0 0;font-weight:800}.intro h2 span,.section-heading h2 span,.about h2 span{color:var(--cyan)}.intro-right p,.section-heading>p,.about-copy>p:not(.about-kicker){color:#bbbcc1;font-size:17px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tags span{border:1px solid #44474c;padding:10px 13px;font-size:10px;font-weight:700;letter-spacing:.08em}.experiences{background:#111215}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading h2{margin-top:20px}.section-heading>p{max-width:290px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.experience-card{min-height:640px;position:relative;overflow:hidden;background:#24262a}.card-media,.card-shade{position:absolute;inset:0}.card-media video{width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:saturate(.92)}.card-shade{background:linear-gradient(0deg,#08090bef 0%,#08090bb8 32%,#08090b22 75%)}.card-content{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:45px}.card-number{color:var(--cyan);font-size:28px;font-weight:800}.card-number span{font-size:10px;color:#eee;letter-spacing:.18em;margin-left:15px}.experience-card:nth-child(2) .card-number{color:var(--pink)}.card-content h3{font-size:clamp(50px,5vw,76px);margin:20px 0}.card-content p{max-width:350px;color:#e3e3e3;line-height:1.65;font-size:15px}.text-link{display:inline-block;border-bottom:2px solid var(--cyan);font-size:12px;letter-spacing:.12em;font-weight:800;padding:13px 0;margin-top:15px}.pink-link{border-color:var(--pink)}.work-head{align-items:end}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery figure{margin:0;overflow:hidden;background:#17181b}.gallery img{width:100%;height:380px;object-fit:cover;transition:transform .5s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{padding:15px 2px;font-size:10px;letter-spacing:.14em;color:#bfc0c5}.gallery-note{color:#9e9fa5;font-size:13px}.gallery-note a{color:var(--cyan)}.about{display:grid;grid-template-columns:1fr 1fr;background:#17181b}.about-photo{min-height:600px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.about-copy{padding:100px 12%;display:flex;flex-direction:column;justify-content:center}.about h2{margin-bottom:20px}.about-kicker{font-size:11px;letter-spacing:.2em;color:var(--pink);font-weight:800}.about-copy .text-link{align-self:flex-start}.cta{text-align:center;padding:115px 6%;background:radial-gradient(ellipse at 55% 90%,#0b3436 0%,transparent 60%),#0a0b0d}.cta .section-label{justify-content:center}.cta h2{margin:20px 0}.cta h2 span{color:var(--cyan)}.cta p{color:#bfc0c5;max-width:450px;margin:0 auto 30px;line-height:1.7}.footer{padding:34px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #333}.footer>span,.footer small,.footer>div{font-size:10px;letter-spacing:.1em;color:#bbb}.footer>div{display:flex;gap:25px}@media(max-width:900px){.nav{gap:12px}.nav a{font-size:9px}.hero{min-height:740px}.intro-grid{gap:30px}.experience-card{min-height:540px}.card-content{padding:27px}.about-copy{padding:65px 8%}}@media(max-width:680px){.header{height:65px;padding:0 5%}.brand{font-size:17px}.nav{display:none}.nav-book{padding:12px 14px;font-size:10px}.hero{min-height:700px;height:92svh}.hero-media video{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#07080aeb,#07080a88),linear-gradient(0deg,#07080ad9,transparent 35%)}.hero-content{padding:75px 7% 65px}.hero-logo{width:260px;margin-left:-12px}.hero h1{font-size:clamp(48px,11vw,70px)}.hero-content>p{font-size:15px}.hero-actions{gap:9px}.button{padding:15px 16px;gap:13px;font-size:10px}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.intro,.experiences,.work{padding:70px 6%}.intro-grid,.experience-grid,.about{grid-template-columns:1fr}.intro h2,.section-heading h2,.about h2,.cta h2{font-size:clamp(43px,10vw,66px)}.intro-right p{font-size:15px}.section-heading{display:block}.section-heading>p{font-size:15px}.experience-card{min-height:560px}.card-content h3{font-size:60px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery figure:nth-child(3){display:none}.gallery img{height:260px}.gallery figcaption{font-size:8px}.work-head .button{margin-top:22px}.about-photo{min-height:410px;max-height:500px}.about-copy{padding:65px 7%}.cta{padding:85px 7%}.footer{padding:30px 7%}.footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V2: transparent original logo and Miami Beach studio location */
.hero-logo{mix-blend-mode:normal;margin-left:-8px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.32))}
.location{display:grid;grid-template-columns:1.2fr .8fr;background:#101114;border-top:1px solid #2b2c31}
.location-copy{padding:100px 12% 105px 12%}
.location h2{font-size:clamp(42px,5.2vw,75px);margin:22px 0 25px}
.location h2 span{color:var(--cyan)}
.location-copy p{max-width:510px;color:#bfc0c5;line-height:1.8;font-size:16px}
.location address{font-style:normal;font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(19px,2.1vw,28px);line-height:1.5;margin:30px 0}
.location-actions{display:flex;gap:12px;flex-wrap:wrap}
.location-art{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 80% 25%,#512039 0%,transparent 45%),radial-gradient(circle at 10% 90%,#063c41 0%,transparent 48%),#0b0c0e;border-left:1px solid #282a30}
.location-big{font:800 clamp(145px,19vw,330px)/1 Manrope,sans-serif;letter-spacing:-.13em;color:#ffffff0d;transform:translateX(-.05em)}
.location-big span{color:var(--pink)}
.location-coord,.location-tag{position:absolute;font-size:11px;letter-spacing:.2em;font-weight:800}
.location-coord{top:45px;left:40px;color:var(--cyan)}
.location-tag{bottom:42px;right:45px;text-align:right;line-height:1.7;color:#eee}
.footer-address{font-size:10px;letter-spacing:.1em;color:#bbb}
@media(max-width:900px){.location-copy{padding:75px 8%}.location-art{min-height:390px}}
@media(max-width:680px){.hero-logo{margin-left:-5px}.location{grid-template-columns:1fr}.location-copy{padding:70px 7%}.location-art{min-height:240px;border-left:0;border-top:1px solid #282a30}.location-big{font-size:180px}.location-coord{top:25px;left:25px}.location-tag{bottom:25px;right:25px}}

/* V3: emphasize BAR + SKY (Barsky), avoid hero label/header and CTA/footer collisions */
.brand .brand-name{color:var(--fg)}
.brand .brand-highlight{color:var(--cyan)}
.hero{min-height:850px;height:auto;max-height:none;padding-top:76px;padding-bottom:56px}
.hero-content{padding-top:48px;padding-bottom:50px}
.eyebrow{position:relative;line-height:1.5;flex-wrap:wrap}
.hero-bottom{bottom:22px;justify-content:flex-end;pointer-events:none}
@media(min-width:681px) and (max-height:920px){
 .hero{min-height:850px}
}
@media(max-width:680px){
 .hero{min-height:780px;height:auto;padding-top:65px;padding-bottom:54px}
 .hero-content{padding-top:34px;padding-bottom:32px}
 .hero-bottom{bottom:18px}
 .hero-bottom span:last-child{display:inline}
 .eyebrow{font-size:9px;letter-spacing:.12em}
}

/* V4: keep both hero CTAs visible on standard laptop viewports */
@media (min-width:681px) and (max-height:920px){
  .hero{min-height:0;height:100svh;padding-top:76px;padding-bottom:18px}
  .hero-content{padding-top:clamp(8px,2vh,24px);padding-bottom:18px}
  .hero-logo{width:clamp(210px,26vh,300px);margin-top:6px}
  .hero h1{font-size:clamp(50px,8.8vh,78px);margin-bottom:12px;line-height:1.02}
  .hero-content>p{font-size:clamp(14px,1.85vh,17px);line-height:1.5;margin:12px 0}
  .hero-actions{margin-top:18px}
  .hero-actions .button{padding:14px 18px}
  .hero-bottom{bottom:12px}
}
@media(max-width:680px){
  .hero{min-height:0;height:auto;min-height:100svh}
  .hero-content{padding-top:24px;padding-bottom:32px}
  .hero-logo{width:clamp(190px,31vh,250px);margin-top:5px}
  .hero h1{font-size:clamp(42px,10vw,64px);margin-bottom:14px}
  .hero-actions{margin-top:20px}
}

/* V5: real Booksy portfolio + portrait; responsive, native swipe gallery */
.work-subtitle{font-size:15px;color:#bcbec2;line-height:1.6;margin:22px 0 0;max-width:540px}
.portfolio-controls{display:flex;align-items:center;justify-content:space-between;margin:4px 0 15px;gap:15px}
.portfolio-controls>span{font-size:10px;letter-spacing:.18em;color:#bcbec2;font-weight:700}
.portfolio-buttons{display:flex;gap:9px}
.portfolio-arrow{border:1px solid #55585e;color:#fff;background:transparent;width:44px;height:44px;cursor:pointer;font-size:20px;transition:border-color .2s,background .2s}
.portfolio-arrow:hover,.portfolio-arrow:focus-visible{border-color:var(--cyan);background:#123034}
.portfolio-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:thin;scrollbar-color:#4a4d52 transparent;overscroll-behavior-inline:contain;padding-bottom:10px}
.portfolio-slide{margin:0;background:#17181b;scroll-snap-align:start;min-width:0;overflow:hidden}
.portfolio-slide img{width:100%;height:430px;object-fit:cover;object-position:center 35%;transition:transform .4s ease}
.portfolio-slide:hover img{transform:scale(1.025)}
.portfolio-slide figcaption{padding:14px 12px 17px;font-size:10px;letter-spacing:.13em;color:#c8c9cd;font-weight:700}
.about-photo img{object-position:center 23%}
@media(max-width:900px){.portfolio-track{grid-auto-columns:calc((100% - 14px)/2)}.portfolio-slide img{height:380px}}
@media(max-width:680px){.portfolio-track{grid-auto-columns:80%;gap:12px;scroll-padding-left:0}.portfolio-slide img{height:380px}.portfolio-controls{margin-top:12px}.about-photo{max-height:none;min-height:0;aspect-ratio:4/4.2}.about-photo img{object-position:center 24%}.work-subtitle{font-size:14px}}

/* V6 — services and pricing in the former 305 location art panel */
.location{grid-template-columns:1.2fr .8fr}
.location-art.pricing-panel{display:flex;align-items:center;justify-content:center;padding:66px clamp(30px,4vw,78px);min-height:610px}
.pricing-inner{width:100%;max-width:520px;position:relative;z-index:1}
.pricing-label{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--cyan)}
.pricing-marker{width:7px;height:7px;border-radius:50%;background:var(--pink)}
.pricing-inner h3{font-size:clamp(34px,3.3vw,54px);margin:21px 0 30px;letter-spacing:-.06em;line-height:1.08}
.pricing-inner h3 span{color:var(--cyan)}
.pricing-list{border-top:1px solid #ffffff36}
.pricing-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #ffffff2b;padding:18px 0;font-size:15px;font-weight:600}
.pricing-row strong{white-space:nowrap;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.04em}
.pricing-row strong small{font-size:9px;font-weight:700;color:#aaa;letter-spacing:.1em;margin-right:6px}
.pricing-mobile{color:var(--fg)}
.pricing-mobile strong{color:var(--pink)}
.pricing-mobile em{display:block;margin-top:7px;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.15em;color:var(--pink)}
.pricing-disclaimer{font-size:12px;line-height:1.65;color:#aeb0b5;margin:20px 0 25px;max-width:410px}
.pricing-cta{width:100%;max-width:360px}
@media(max-width:1100px) and (min-width:681px){.location{grid-template-columns:1fr 1fr}.location-copy{padding:70px 7%}.location-art.pricing-panel{padding:55px 7%}.pricing-row{font-size:13px}.pricing-row strong{font-size:20px}}
@media(max-width:680px){.location{grid-template-columns:1fr}.location-art.pricing-panel{min-height:0;padding:55px 7% 65px;justify-content:flex-start}.pricing-inner{max-width:none}.pricing-inner h3{font-size:43px}.pricing-row{font-size:14px;padding:16px 0}.pricing-cta{max-width:none}}

/* V7: compact editorial FAQ */
.faq{padding:clamp(64px,8vw,124px) max(6vw,24px);background:#111316;border-top:1px solid rgba(255,255,255,.08)}
.faq h2{font-size:clamp(38px,5.6vw,76px);line-height:1.07;letter-spacing:-.055em;margin:24px 0 46px;color:#fff}.faq h2 span{color:#65e3e7}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 54px}.faq-item{border-top:1px solid rgba(255,255,255,.19);padding-top:22px}.faq-item h3{font-size:clamp(17px,1.5vw,22px);color:#fff;margin:0 0 12px;font-weight:700}.faq-item p{font-size:15px;line-height:1.8;color:#b9bdc2;margin:0;max-width:570px}.faq-item a{color:#69e4e9;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.faq{padding:72px 24px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq h2{margin-bottom:30px}}
