:root{--pink:#ed0050;--pink2:#ff1d68;--cyan:#12d4ca;--black:#050505;--panel:#101010;--muted:#aaa;--white:#fff;--line:#282828;--container:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:"Assistant","Open Sans",Arial,sans-serif;line-height:1.6;overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(var(--container),calc(100% - 44px));margin-inline:auto}.section{padding:105px 0}.site-header{height:82px;background:var(--pink);position:sticky;top:0;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.16)}.header-inner{height:100%;width:min(1380px,calc(100% - 42px));margin:auto;display:grid;grid-template-columns:275px 1fr 180px;align-items:center;direction:ltr}.brand{display:flex;align-items:center;gap:11px;direction:ltr;justify-self:start}.brand-mark{width:46px;height:46px;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%;fill:#fff}.brand-mark circle{fill:var(--cyan)}.brand-copy{display:flex;flex-direction:column;line-height:1.02;text-align:left}.brand-copy b{font-family:"Open Sans","Assistant",Arial,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.5px}.brand-copy small{font-size:11px;font-weight:700;letter-spacing:.2px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:31px;direction:rtl}.desktop-nav a{font-weight:700;font-size:15px;position:relative}.desktop-nav a:after{content:"";position:absolute;right:0;left:100%;bottom:-9px;height:2px;background:#fff;transition:.25s}.desktop-nav a:hover:after{left:0}.header-cta{justify-self:end;background:var(--cyan);color:#001d1c;padding:12px 23px;border-radius:3px;font-weight:800;direction:rtl;box-shadow:0 8px 20px rgba(0,0,0,.13)}.menu-toggle,.mobile-nav{display:none}
.hero{height:700px;min-height:620px;position:relative;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;background-image:var(--hero);background-size:cover;background-position:center}.hero-slide.is-active{opacity:1;visibility:visible}.hero-main{background-position:center}.hero-main .hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 45%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.12),transparent 48%)}.hero-photo .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.14) 50%,rgba(0,0,0,.38)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 60%)}.hero-content{position:relative;z-index:2;text-align:center;width:min(850px,calc(100% - 40px));animation:heroIn .75s ease both}.hero-content-left{margin-right:auto;margin-left:7%;text-align:right;width:min(680px,44vw);color:#111}.hero-main .hero-kicker{color:var(--pink)}.hero-main h1{text-shadow:none;color:#111}.hero-main p{color:#333;margin-right:0}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--pink2);font-size:13px;font-weight:800;letter-spacing:.7px;margin-bottom:14px}.hero-kicker:before,.eyebrow:before{content:"";width:31px;height:3px;background:currentColor}.hero h1,.hero h2{margin:0;font-size:clamp(55px,7vw,96px);line-height:.95;font-weight:800;letter-spacing:-3px;text-shadow:0 4px 35px rgba(0,0,0,.5)}.hero h1 em,.hero h2 em{font-style:normal;color:var(--pink2)}.hero p{max-width:650px;margin:23px auto 29px;color:#f2f2f2;font-size:19px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border-radius:2px;border:0;font-weight:800;cursor:pointer;transition:.25s}.button-pink{background:var(--pink);color:white;box-shadow:0 10px 30px rgba(237,0,80,.28)}.button-pink:hover{background:#ff1a63;transform:translateY(-2px)}.hero-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.28);color:white;font-size:35px;line-height:1;cursor:pointer}.hero-prev{right:28px}.hero-next{left:28px}.hero-dots{position:absolute;z-index:4;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.hero-dots button{width:10px;height:10px;padding:0;border:2px solid white;background:transparent;border-radius:50%;cursor:pointer}.hero-dots button.is-active{background:var(--pink);border-color:var(--pink)}
.about{background:#070707}.about-grid{display:grid;grid-template-columns:.78fr 1.05fr 1.25fr;gap:34px;align-items:center}.about-portrait{min-height:480px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.portrait-shape{position:absolute;inset:35px 8px 0;background:var(--pink);border-radius:48% 48% 12px 12px}.about-portrait img{position:relative;height:440px;object-fit:cover;object-position:50% 25%;border-radius:48% 48% 8px 8px;filter:saturate(.96) contrast(1.03)}.about-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:215px 215px;gap:12px}.about-collage figure{margin:0;overflow:hidden;border-radius:7px}.about-collage .collage-tall{grid-row:span 2}.about-collage img{height:100%;object-fit:cover;transition:.5s}.about-collage figure:hover img{transform:scale(1.05)}.about-copy h2,.section-heading h2,.why-copy h2,.showcase-content h2,.contact-box h2{font-size:clamp(42px,5vw,69px);line-height:1.05;letter-spacing:-2px;margin:0 0 24px;font-weight:800}.about-copy h2 span,.section-heading h2 span,.why-copy h2 span{color:var(--pink)}.about-copy>p{color:#bbb;font-size:17px;margin:0 0 27px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 30px}.feature-row div{border-top:1px solid #333;padding-top:14px}.feature-row i{color:var(--pink);font-style:normal}.feature-row b,.feature-row small{display:block}.feature-row b{font-size:15px;margin-top:5px}.feature-row small{color:#8f8f8f;font-size:12px;line-height:1.35;margin-top:4px}
.services{background:#0b0b0b}.section-heading{text-align:center;max-width:820px;margin:0 auto 55px}.section-heading .eyebrow{justify-content:center}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.music-card{background:#111;border-top:4px solid var(--pink);overflow:hidden;transition:.3s}.music-card:hover{transform:translateY(-7px)}.music-card img{aspect-ratio:1/1;object-fit:cover;background:#fff}.music-card>div{padding:25px}.music-card span{color:var(--pink);font-weight:800;font-size:12px}.music-card h3{font-size:30px;margin:5px 0 8px}.music-card p{color:#aaa;min-height:78px}.text-play{border:0;background:var(--pink);color:#fff;padding:9px 15px;font-weight:800;cursor:pointer}.showcase{position:relative;min-height:550px;display:flex;align-items:center;overflow:hidden}.showcase-bg,.showcase-overlay{position:absolute;inset:0}.showcase-bg{background-size:cover;background-position:center}.showcase-overlay{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(237,0,80,.1),transparent)}.showcase-content{position:relative;z-index:2}.showcase-content h2{max-width:700px;font-size:clamp(45px,6vw,78px)}.eyebrow.light{color:white}
.videos{background:#080808}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-card{position:relative;border:0;padding:0;background:#111;aspect-ratio:16/9;overflow:hidden;cursor:pointer;text-align:right;color:#fff}.video-card img{height:100%;object-fit:cover;transition:.5s}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 62%)}.video-card:hover img{transform:scale(1.05)}.play-icon{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--pink);font-size:19px;padding-left:3px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.video-title{position:absolute;z-index:2;right:20px;left:20px;bottom:17px;display:flex;flex-direction:column}.video-title small{color:var(--cyan);font-weight:800}.video-title b{font-size:21px;line-height:1.2}.gallery{background:#050505}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:14px}.gallery-item{padding:0;border:0;background:#111;overflow:hidden;border-radius:7px;cursor:pointer}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{height:100%;object-fit:cover;transition:.55s}.gallery-item:hover img{transform:scale(1.06)}
.why{background:#0c0c0c}.why-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}.why-photo{position:relative}.why-photo img{height:630px;object-fit:cover;object-position:50% 24%;border-radius:8px}.photo-badge{position:absolute;left:-24px;bottom:38px;background:var(--pink);padding:18px 28px;font-family:"Open Sans";font-size:28px;font-weight:800;transform:rotate(-90deg);transform-origin:center}.why-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}.why-list>div{border-top:1px solid #343434;padding-top:18px}.why-list span{color:var(--pink);font-family:"Open Sans";font-weight:800}.why-list h3{font-size:21px;margin:6px 0}.why-list p{color:#9e9e9e;margin:0}.contact{background:var(--pink);padding:90px 0}.contact-box{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.contact-box .eyebrow:before{background:white}.contact-box h2{font-size:clamp(42px,5vw,70px);margin:0}.direct-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.direct-contact a{background:#fff;color:#111;padding:10px 15px;font-weight:800}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.contact-form input,.contact-form select{height:52px;border:0;padding:0 15px;background:white;color:#111;border-radius:2px}.contact-form button{grid-column:span 2}.button-dark{background:#080808;color:white}.site-footer{background:#030303;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:300px 1fr 1fr;gap:55px;align-items:center}.footer-brand .brand-mark svg{fill:var(--pink)}.footer-grid p{color:#9b9b9b;max-width:500px}.footer-links{display:flex;gap:24px;justify-content:flex-start;flex-wrap:wrap}.footer-links a{font-weight:700}.footer-bottom{border-top:1px solid #1e1e1e;margin-top:46px;padding:18px;text-align:center;color:#777;font-size:13px}.lightbox{width:min(1100px,92vw);height:min(780px,88vh);padding:0;border:0;background:#000}.lightbox::backdrop,.video-modal::backdrop{background:rgba(0,0,0,.9)}.lightbox img{height:100%;object-fit:contain}.lightbox-close,.video-close{position:absolute;left:10px;top:8px;width:42px;height:42px;border:0;border-radius:50%;background:var(--pink);color:white;font-size:28px;z-index:3;cursor:pointer}.video-modal{width:min(1100px,94vw);padding:0;border:0;background:#000;overflow:visible}.video-frame{aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}.video-close{left:-12px;top:-12px}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.in-view{opacity:1;transform:none}@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.desktop-nav{gap:18px}.about-grid{grid-template-columns:1fr 1fr}.about-copy{grid-column:span 2}.about-portrait{min-height:420px}.music-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.why-grid{gap:35px}.contact-box{gap:35px}.header-inner{grid-template-columns:255px 1fr 155px}.hero-content-left{width:min(650px,52vw);margin-left:3%}}
@media(max-width:820px){.site-header{height:72px}.header-inner{grid-template-columns:1fr auto;direction:ltr}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:0;background:transparent}.menu-toggle span{height:2px;background:white;width:27px}.mobile-nav{position:absolute;top:72px;right:0;left:0;background:#111;padding:16px 22px;border-bottom:3px solid var(--pink);display:none;grid-template-columns:1fr 1fr;gap:8px}.mobile-nav.is-open{display:grid}.mobile-nav a{padding:10px;background:#191919;text-align:center;font-weight:700}.hero{height:650px}.hero h1,.hero h2{letter-spacing:-2px}.hero-arrow{display:none}.hero-content-left{width:min(620px,calc(100% - 44px));margin:0 auto;text-align:center;background:rgba(255,255,255,.78);padding:28px 22px;backdrop-filter:blur(5px)}.hero-main p{margin-inline:auto}.section{padding:76px 0}.about-grid{grid-template-columns:1fr}.about-copy{grid-column:auto}.about-portrait{min-height:390px}.about-collage{grid-template-rows:170px 170px}.feature-row{grid-template-columns:1fr}.music-grid,.video-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-item.wide{grid-column:span 2}.why-grid,.contact-box{grid-template-columns:1fr}.why-photo img{height:480px}.contact-form{grid-template-columns:1fr}.contact-form button{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-links{justify-content:flex-start}}
@media(max-width:520px){.container{width:min(100% - 28px,var(--container))}.brand-mark{width:38px;height:38px}.brand-copy b{font-size:18px}.brand-copy small{font-size:9px}.hero{height:610px}.hero h1,.hero h2{font-size:48px}.hero p{font-size:16px}.about-portrait img{height:370px}.about-collage{grid-template-columns:1fr 1fr;grid-template-rows:140px 140px}.about-copy h2,.section-heading h2,.why-copy h2,.showcase-content h2,.contact-box h2{font-size:42px}.gallery-grid{grid-auto-rows:150px}.why-list{grid-template-columns:1fr}.why-photo img{height:410px}.photo-badge{left:-35px}.contact-form{gap:12px}.direct-contact{flex-direction:column}.direct-contact a{text-align:center}}

/* ===== Refined singer layout: richer header + crop-safe imagery ===== */
.site-header{
  height:96px;
  isolation:isolate;
  overflow:visible;
  background:
    linear-gradient(90deg,rgba(231,0,73,.97) 0%,rgba(191,0,75,.94) 48%,rgba(76,0,64,.93) 100%),
    url('images/hero-live.webp') center 36%/cover no-repeat;
  border-bottom:3px solid var(--cyan);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 50%,rgba(255,255,255,.25),transparent 20%),
    repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.035) 35px 36px);
  pointer-events:none;
}
.site-header:after{
  content:"♫  •  ♪  •  ♫";
  position:absolute;
  left:4.5%;
  bottom:-14px;
  height:28px;
  min-width:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  background:#070707;
  border:1px solid rgba(18,212,202,.65);
  color:var(--cyan);
  font-size:12px;
  letter-spacing:4px;
  box-shadow:0 10px 24px rgba(0,0,0,.32);
}
.header-inner{height:100%;grid-template-columns:330px 1fr 190px;gap:18px}
.brand{
  position:relative;
  gap:8px;
  padding:8px 14px 8px 8px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.16);
}
.brand-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  overflow:hidden;
  border:3px solid #fff;
  box-shadow:0 0 0 3px rgba(18,212,202,.65),0 10px 22px rgba(0,0,0,.28);
  background:#fff;
}
.brand-avatar img{width:100%;height:100%;object-fit:cover;object-position:52% 30%}
.brand-mark{width:29px;height:29px;position:absolute;left:51px;bottom:2px;border-radius:50%;background:var(--cyan);border:2px solid #fff;padding:5px;box-shadow:0 5px 12px rgba(0,0,0,.22)}
.brand-mark svg{fill:#071b1a}.brand-mark circle{fill:#071b1a}
.brand-copy{padding-inline:7px 3px;text-shadow:0 2px 10px rgba(0,0,0,.24)}
.brand-copy b{font-size:23px}.brand-copy small{font-size:11px;opacity:.92}
.desktop-nav{
  width:max-content;
  max-width:100%;
  justify-self:center;
  gap:24px;
  padding:12px 25px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(8,8,8,.22);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.desktop-nav a{font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.desktop-nav a:after{bottom:-5px;background:var(--cyan)}
.header-cta{
  border-radius:999px;
  padding:13px 24px;
  background:#fff;
  color:#a50045;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
}
.header-cta:hover{background:var(--cyan);color:#00201f;transform:translateY(-2px)}

.about{position:relative;overflow:hidden;background:#070707}
.about:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.90) 48%,rgba(7,7,7,.78) 100%),
    url('images/about-live.webp') left center/70% auto no-repeat;
  opacity:.62;
  pointer-events:none;
}
.about:after{
  content:"";
  position:absolute;
  width:460px;height:460px;
  left:-190px;top:70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(237,0,80,.24),transparent 69%);
  pointer-events:none;
}
.about-grid{position:relative;z-index:1;grid-template-columns:.9fr 1.08fr 1.32fr;gap:28px}
.about-copy{
  position:relative;
  overflow:hidden;
  padding:46px 42px 42px;
  border:1px solid rgba(255,255,255,.12);
  border-right:4px solid var(--pink);
  border-radius:14px;
  background:
    linear-gradient(145deg,rgba(25,25,25,.94),rgba(5,5,5,.82)),
    radial-gradient(circle at 15% 20%,rgba(237,0,80,.18),transparent 35%);
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(9px);
}
.about-copy:before{
  content:"";
  position:absolute;
  inset:auto 38px 25px 38px;
  height:32px;
  opacity:.3;
  background:repeating-linear-gradient(90deg,var(--cyan) 0 2px,transparent 2px 9px);
  clip-path:polygon(0 62%,4% 33%,8% 75%,12% 18%,16% 70%,20% 41%,24% 79%,28% 26%,32% 63%,36% 43%,40% 74%,44% 20%,48% 66%,52% 36%,56% 77%,60% 27%,64% 64%,68% 39%,72% 75%,76% 23%,80% 68%,84% 37%,88% 73%,92% 32%,96% 63%,100% 48%,100% 100%,0 100%);
}
.about-watermark{position:absolute;left:-10px;top:-52px;font-family:serif;font-size:220px;line-height:1;color:rgba(237,0,80,.10);transform:rotate(-9deg);pointer-events:none}
.about-copy>*:not(.about-watermark){position:relative;z-index:1}
.about-copy>p{font-size:18px;line-height:1.85;color:#d1d1d1}
.about-portrait{
  min-height:560px;
  padding:24px 18px 0;
  border-radius:160px 160px 18px 18px;
  background:linear-gradient(180deg,#fff 0%,#f2f2f2 75%,#dedede 100%);
  box-shadow:0 22px 60px rgba(0,0,0,.36);
  border:1px solid rgba(255,255,255,.35);
}
.portrait-shape{inset:14px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.98),rgba(255,236,243,.88) 45%,rgba(237,0,80,.18) 100%);border-radius:150px 150px 14px 14px}
.about-portrait img{height:520px;width:100%;object-fit:contain;object-position:center bottom;border-radius:145px 145px 10px 10px;filter:none}
.portrait-caption{position:absolute;right:18px;left:18px;bottom:0;padding:11px 14px;border-radius:0 0 12px 12px;background:linear-gradient(90deg,rgba(237,0,80,.96),rgba(169,0,76,.96));font-weight:800;text-align:center;letter-spacing:.2px}
.about-collage{grid-template-rows:255px 255px;gap:14px}
.about-collage figure{position:relative;background:#121212;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.28)}
.about-collage figure:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.about-collage .collage-tall img{object-fit:cover;object-position:center}
.about-collage .landscape-fit img{object-fit:cover;object-position:center}
.about-collage img{width:100%;height:100%}

.video-grid{gap:22px}
.video-card{border-radius:8px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.32);background:#111}
.video-card img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.video-card:hover img{transform:scale(1.018)}
.video-card:after{background:linear-gradient(0deg,rgba(0,0,0,.90),rgba(0,0,0,.03) 70%)}

.why-photo{background:linear-gradient(145deg,#151515,#080808);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.11)}
.why-photo img{height:630px;object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 35%,#353535,#080808 72%);border-radius:0}

.gallery-item img{object-position:center}
.gallery-item.wide img{object-fit:cover}
.gallery-item.tall img{object-fit:contain;background:#111}

.footer-brand .brand-avatar{width:54px;height:54px;flex-basis:54px}
.footer-brand .brand-mark{display:none}

@media(max-width:1180px){
  .header-inner{grid-template-columns:285px 1fr 165px}.desktop-nav{gap:17px;padding-inline:19px}.desktop-nav a{font-size:14px}
  .about-grid{grid-template-columns:.85fr 1fr 1.2fr}.about-copy{padding:38px 30px}
}
@media(max-width:1050px){
  .site-header{height:88px}.header-inner{grid-template-columns:270px 1fr 155px}.brand-avatar{width:50px;height:50px;flex-basis:50px}.brand-mark{left:45px}.desktop-nav{gap:12px;padding:11px 14px}
  .about-grid{grid-template-columns:1fr 1fr}.about-copy{grid-column:span 2;order:3}.about-portrait{min-height:520px}.about-portrait img{height:480px}
}
@media(max-width:820px){
  .site-header{height:78px}.site-header:after{display:none}.header-inner{grid-template-columns:1fr auto;direction:ltr}.brand{padding:5px 10px 5px 5px;border-radius:999px}.brand-avatar{width:46px;height:46px;flex-basis:46px}.brand-mark{left:39px;bottom:0;width:25px;height:25px}.brand-copy b{font-size:19px}.brand-copy small{font-size:9px}.mobile-nav{top:78px;background:linear-gradient(145deg,#700039,#111);border-bottom-color:var(--cyan);box-shadow:0 18px 45px rgba(0,0,0,.42)}
  .about-grid{grid-template-columns:1fr}.about-copy{grid-column:auto;order:1}.about-collage{order:2}.about-portrait{order:3;min-height:500px}.about-portrait img{height:460px}.about-copy{padding:34px 26px}.about-watermark{font-size:170px}
  .about-collage{grid-template-rows:190px 190px}
}
@media(max-width:520px){
  .site-header{height:72px}.brand{border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0}.brand-avatar{width:43px;height:43px;flex-basis:43px}.brand-mark{left:36px;width:23px;height:23px}.brand-copy b{font-size:17px}.brand-copy small{font-size:8px}.mobile-nav{top:72px}
  .about-copy{padding:30px 22px}.about-copy>p{font-size:16px}.about-portrait{min-height:440px}.about-portrait img{height:405px}.portrait-caption{font-size:13px}.about-collage{grid-template-rows:155px 155px}.video-grid{gap:16px}
}

/* ===== V3: image-led hero and zero accidental photo cropping ===== */
.hero{
  height:720px;
  min-height:650px;
  background:
    radial-gradient(circle at 84% 18%,rgba(237,0,80,.30),transparent 25%),
    radial-gradient(circle at 12% 84%,rgba(18,212,202,.18),transparent 27%),
    #080808;
}
.hero-slide{
  display:none;
  position:absolute;
  inset:0;
  opacity:1;
  visibility:visible;
  background:none;
}
.hero-slide.is-active{display:block;z-index:1}
.hero-stage-layout{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);
  direction:ltr;
}
.hero-image-panel{
  position:relative;
  min-width:0;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.10);
}
.hero-image-panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset -70px 0 90px rgba(0,0,0,.42),inset 0 -70px 95px rgba(0,0,0,.24);
}
.hero-image-panel img{width:100%;height:100%;display:block}
.hero-image-light{
  background:
    radial-gradient(circle at 64% 34%,#fff 0 36%,#f5f0f2 65%,#ded7db 100%);
}
.hero-image-light img{object-fit:contain;object-position:center center;padding:30px 14px 0}
.hero-image-light:after{box-shadow:inset -70px 0 90px rgba(0,0,0,.18),inset 0 -60px 90px rgba(0,0,0,.13)}
.hero-image-dark{background:#111}
.hero-image-dark img{object-fit:cover;object-position:center center}
.hero-image-note{
  position:absolute;
  z-index:2;
  left:32px;
  bottom:28px;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(0,0,0,.70);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
  backdrop-filter:blur(8px);
}
.hero-copy-panel{
  position:relative;
  direction:rtl;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:78px clamp(42px,5vw,86px) 88px clamp(36px,4vw,66px);
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(10,10,10,.99),rgba(21,7,15,.96)),
    #090909;
}
.hero-copy-panel:before{
  content:"♪";
  position:absolute;
  left:-18px;
  top:18px;
  font-family:serif;
  font-size:330px;
  line-height:1;
  color:rgba(237,0,80,.075);
  transform:rotate(-13deg);
}
.hero-copy-panel:after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  bottom:54px;
  height:72px;
  opacity:.25;
  background:repeating-linear-gradient(90deg,var(--cyan) 0 2px,transparent 2px 11px);
  clip-path:polygon(0 60%,4% 37%,8% 70%,12% 28%,16% 68%,20% 46%,24% 77%,28% 34%,32% 67%,36% 42%,40% 74%,44% 25%,48% 65%,52% 38%,56% 76%,60% 29%,64% 64%,68% 42%,72% 72%,76% 30%,80% 67%,84% 43%,88% 73%,92% 36%,96% 64%,100% 49%,100% 100%,0 100%);
}
.hero-copy-panel>*{position:relative;z-index:1}
.hero-copy-panel .hero-kicker{color:var(--cyan);font-size:14px}
.hero-copy-panel h1,.hero-copy-panel h2{
  margin:0;
  max-width:650px;
  color:#fff;
  font-size:clamp(54px,5.6vw,88px);
  line-height:.96;
  letter-spacing:-2.8px;
  text-align:right;
  text-shadow:none;
}
.hero-copy-panel h1 em,.hero-copy-panel h2 em{display:inline;color:var(--pink2)}
.hero-copy-panel p{
  max-width:610px;
  margin:26px 0 30px;
  color:#d5d5d5;
  font-size:19px;
  line-height:1.7;
  text-align:right;
}
.hero-copy-panel .button{align-self:flex-start}
.hero-arrow{z-index:5;background:rgba(0,0,0,.66);backdrop-filter:blur(8px)}
.hero-dots{z-index:5}

/* Natural, uncropped gallery: each photo keeps its own aspect ratio */
.gallery-grid{
  display:block;
  columns:3 310px;
  column-gap:18px;
  grid-auto-rows:unset;
}
.gallery-item,
.gallery-item.wide,
.gallery-item.tall{
  display:block;
  width:100%;
  height:auto;
  margin:0 0 18px;
  break-inside:avoid;
  grid-column:auto;
  grid-row:auto;
  overflow:hidden;
  border-radius:10px;
  background:#111;
  border:1px solid rgba(255,255,255,.12);
}
.gallery-item img,
.gallery-item.wide img,
.gallery-item.tall img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:#111;
  transform:none;
}
.gallery-item:hover img{transform:scale(1.012)}

/* Portraits are always shown fully; landscape photos may fill landscape frames */
.about-collage .collage-tall img{object-fit:contain;object-position:center;background:linear-gradient(145deg,#1b1b1b,#080808)}
.about-collage .landscape-fit img{object-fit:cover;object-position:center center}
.why-photo img{object-fit:contain!important;object-position:center center!important}

@media(max-width:1050px){
  .hero-stage-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
  .hero-copy-panel{padding-inline:42px 38px}
  .hero-copy-panel h1,.hero-copy-panel h2{font-size:clamp(48px,6vw,70px)}
}
@media(max-width:820px){
  .hero{height:auto;min-height:0;padding-top:0}
  .hero-slide{position:relative;inset:auto;display:none;height:auto}
  .hero-slide.is-active{display:block}
  .hero-stage-layout{grid-template-columns:1fr;grid-template-rows:380px auto}
  .hero-image-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .hero-image-light img{padding-top:18px}
  .hero-copy-panel{padding:48px 26px 82px;min-height:390px}
  .hero-copy-panel:before{font-size:230px}
  .hero-copy-panel h1,.hero-copy-panel h2{font-size:clamp(46px,11vw,66px)}
  .hero-copy-panel p{font-size:17px}
  .hero-arrow{top:190px}
  .hero-dots{bottom:24px}
  .gallery-grid{columns:2 250px}
}
@media(max-width:560px){
  .hero-stage-layout{grid-template-rows:310px auto}
  .hero-image-note{left:18px;bottom:15px;font-size:11px}
  .hero-copy-panel{padding:40px 21px 76px;min-height:365px}
  .hero-copy-panel h1,.hero-copy-panel h2{font-size:44px;letter-spacing:-1.8px}
  .hero-copy-panel p{font-size:16px;line-height:1.62}
  .hero-arrow{display:none}
  .gallery-grid{columns:1}
}