:root{
 --pink:#e783b2;--hot:#ff3f91;--black:#070707;--ink:#111;--cream:#fffafc;--white:#fff;--muted:#6c676b;
 --line:rgba(0,0,0,.11);--radius:28px;--wrap:min(1240px,calc(100% - 42px));
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:100px} body{margin:0;font-family:'Heebo','Noto Sans Hebrew','Arial Hebrew',Arial,sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden} a{color:inherit;text-decoration:none} img{display:block;width:100%} button{font:inherit}
.wrap{width:var(--wrap);margin:auto}

/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:80;height:86px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.84),rgba(0,0,0,0));color:white}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:56px;height:56px;border-radius:14px;object-fit:cover}
.brand b{font-size:16px;letter-spacing:.05em}
.navlinks{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}
.navlinks a{opacity:.86;transition:.2s}.navlinks a:hover{opacity:1;color:#ff79b4}
.navcta{padding:11px 18px;border:1px solid rgba(255,255,255,.42);border-radius:999px;backdrop-filter:blur(8px)}

/* HERO */
.hero{position:relative;min-height:780px;background:var(--black);color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0 0 0 38%;}
.hero-media img{height:100%;object-fit:cover;object-position:center 55%;filter:saturate(1.08) contrast(1.03)}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,1) 0%,rgba(7,7,7,.93) 13%,rgba(7,7,7,.57) 37%,rgba(7,7,7,.12) 68%,rgba(7,7,7,.18) 100%),linear-gradient(0deg,rgba(7,7,7,.36),transparent 45%)}
.hero::before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:var(--hot);filter:blur(150px);opacity:.17;left:-110px;top:70px}
.hero-inner{position:relative;z-index:3;min-height:780px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-top:70px}
.hero-copy{width:min(700px,60%);align-self:flex-end;padding-bottom:110px}
.kicker{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.1em;color:#ff81b9;margin-bottom:20px} .kicker:before{content:'';width:42px;height:2px;background:#ff4f9b}
.hero h1{font-size:clamp(62px,7.6vw,112px);font-weight:900;line-height:.86;letter-spacing:-.055em;margin:0;max-width:760px}
.hero h1 .pink{color:#ff4f9b;position:relative;display:inline-block}
.hero h1 .pink:after{content:'';position:absolute;right:4%;left:0;bottom:-10px;height:12px;border-top:5px solid #ff4f9b;border-radius:50%;transform:rotate(-2deg)}
.hero-lead{margin:30px 0 0;max-width:610px;font-size:20px;line-height:1.75;color:rgba(255,255,255,.82);font-weight:400}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:15px;transition:.25s}
.btn.hot{background:#ff4f9b;color:white;box-shadow:0 14px 36px rgba(255,63,145,.28)} .btn.hot:hover{transform:translateY(-2px);background:#ff2b84}
.btn.ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}.btn.ghost:hover{background:rgba(255,255,255,.1)}
.hero-meta{position:absolute;z-index:4;bottom:26px;right:calc((100% - min(1240px,calc(100% - 42px)))/2);left:calc((100% - min(1240px,calc(100% - 42px)))/2);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;backdrop-filter:blur(14px)}
.meta-item{padding:17px 20px;background:rgba(8,8,8,.56)}.meta-item b{display:block;font-size:17px;margin-bottom:2px}.meta-item span{font-size:13px;color:rgba(255,255,255,.64)}

/* STATEMENT */
.statement{padding:118px 0 112px;background:#fff;position:relative;overflow:hidden}
.statement:before{content:'THIS IS BIA';position:absolute;top:34px;right:max(22px,calc((100% - 1240px)/2));font-size:clamp(76px,10.5vw,158px);line-height:.85;font-weight:900;letter-spacing:-.055em;color:rgba(255,63,145,.055);white-space:nowrap;pointer-events:none}
.statement-grid{position:relative;z-index:1;max-width:1080px;margin:0 auto;display:block}
.label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#ff3f91}
.statement .label{display:inline-flex;align-items:center;gap:14px;font-size:clamp(19px,1.65vw,25px);letter-spacing:.11em;margin-bottom:24px}
.statement .label:after{content:'';display:block;width:72px;height:3px;background:#ff3f91;border-radius:999px}
.statement h2{margin:0;font-size:clamp(48px,5.9vw,82px);line-height:1.03;letter-spacing:-.048em;font-weight:900;max-width:980px}
.statement h2 em{font-style:normal;color:#e783b2}
.statement p{font-size:19px;line-height:1.95;color:#6b656a;margin:30px 0 0;max-width:830px}

/* PINK FEATURE */
.feature{padding:70px 0 110px;background:#fff}
.feature-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:stretch}
.poster-card{border-radius:30px;overflow:hidden;background:#111;min-height:650px;box-shadow:0 30px 70px rgba(0,0,0,.14)}
.poster-card img{height:100%;object-fit:cover}
.feature-copy{background:var(--pink);border-radius:30px;padding:54px;display:flex;flex-direction:column;justify-content:space-between;min-height:650px;position:relative;overflow:hidden}
.feature-copy:after{content:'BIA';position:absolute;left:-15px;bottom:-58px;font-size:230px;font-weight:900;color:rgba(255,255,255,.16);line-height:1}
.feature-copy .top{position:relative;z-index:2}
.feature-copy h3{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:12px 0 20px;font-weight:900;letter-spacing:-.04em}
.feature-copy p{font-size:19px;line-height:1.85;margin:0;max-width:580px}
.values{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}
.value{padding:18px;border-top:1px solid rgba(0,0,0,.32);font-size:19px;font-weight:800}

/* STYLES */
.styles{background:var(--black);color:#fff;padding:100px 0}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}
.section-head h2{font-size:clamp(44px,5.7vw,76px);line-height:1;margin:10px 0 0;font-weight:900;letter-spacing:-.045em}
.section-head p{max-width:520px;color:rgba(255,255,255,.62);font-size:17px;line-height:1.8;margin:0}
.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.style{border:1px solid rgba(255,255,255,.12);border-radius:22px;min-height:210px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.015));transition:.25s}
.style:hover{transform:translateY(-4px);border-color:rgba(255,79,155,.7);background:linear-gradient(155deg,rgba(255,79,155,.14),rgba(255,255,255,.02))}
.style .n{font-size:12px;color:#ff73b0;font-weight:800;letter-spacing:.1em}
.style h3{font-size:28px;line-height:1.05;margin:0;font-weight:800}
.style span{font-size:14px;color:rgba(255,255,255,.55)}

/* SCHEDULE */
.schedule{padding:110px 0;background:#f7f2f4}
.schedule-grid{display:grid;grid-template-columns:1.36fr .64fr;gap:34px;align-items:center}
.schedule-frame{background:#111;padding:12px;border-radius:28px;box-shadow:0 26px 70px rgba(0,0,0,.16);position:relative}
.schedule-frame:before{content:'';display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#ff4f9b,#e783b2);margin-bottom:10px}
.schedule-frame img{border-radius:18px}
.schedule-copy h2{font-size:clamp(43px,5vw,68px);line-height:1.02;margin:10px 0 20px;font-weight:900;letter-spacing:-.045em}
.schedule-copy p{font-size:18px;line-height:1.85;color:#666065;margin:0 0 22px}
.schedule-list{display:grid;gap:10px;margin:28px 0}
.schedule-list div{padding:15px 0;border-top:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;gap:18px;font-weight:700} .schedule-list small{color:#8a8287;font-weight:500}
.schedule .btn.ghost{color:#111;border-color:rgba(0,0,0,.2);background:white}

/* SOCIAL */
.social{padding:110px 0;background:white}
.social-box{background:#111;color:white;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;min-height:520px}
.social-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}
.social-copy h2{font-size:clamp(44px,5.3vw,72px);line-height:1.02;margin:12px 0 20px;font-weight:900;letter-spacing:-.045em}
.social-copy p{color:rgba(255,255,255,.64);font-size:18px;line-height:1.85;margin:0 0 26px}
.social-visual{position:relative;background:#e783b2;display:flex;align-items:center;justify-content:center;padding:34px;overflow:hidden}
.social-visual:before{content:'@_studio_bia_';position:absolute;left:-18px;bottom:12px;transform:rotate(-90deg);transform-origin:left bottom;color:rgba(0,0,0,.32);font-weight:900;letter-spacing:.04em}
.social-visual img{width:min(420px,88%);max-height:440px;object-fit:cover;object-position:top;border-radius:22px;box-shadow:0 25px 55px rgba(0,0,0,.28);transform:rotate(-2deg)}

/* CTA */
.cta{padding:0 0 80px;background:white}
.cta-card{background:var(--hot);border-radius:32px;padding:58px;position:relative;overflow:hidden}
.cta-card:after{content:'STUDIO BIA';position:absolute;left:-18px;bottom:-35px;font-size:140px;line-height:1;font-weight:900;color:rgba(255,255,255,.16);white-space:nowrap}
.cta-card>*{position:relative;z-index:2}
.cta-card h2{font-size:clamp(44px,6vw,80px);line-height:.98;margin:10px 0 18px;letter-spacing:-.05em;font-weight:900}
.cta-card p{font-size:19px;line-height:1.8;max-width:720px;margin:0 0 28px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px} .cta .btn.hot{background:#111} .cta .btn.ghost{border-color:rgba(0,0,0,.26);color:#111;background:rgba(255,255,255,.28)}

footer{background:white;padding:0 0 34px}.footer{border-top:1px solid rgba(0,0,0,.12);padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#766f74;font-size:14px}.footer b{color:#111}
/* Reveal animation is progressive enhancement: content stays visible if JS fails. */
.reveal{opacity:1;transform:none}
.reveal-ready .reveal:not(.show){opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal-ready .reveal.show{opacity:1;transform:none}

@media(max-width:980px){
 .navlinks a:not(.navcta){display:none} .hero{min-height:760px} .hero-media{inset:0} .hero-media::after{background:linear-gradient(0deg,rgba(7,7,7,.96) 0%,rgba(7,7,7,.72) 48%,rgba(7,7,7,.22) 100%)}
 .hero-inner{min-height:760px;justify-content:flex-end;padding-bottom:150px} .hero-copy{width:100%;padding-bottom:0} .hero-meta{grid-template-columns:1fr 1fr 1fr}
 .statement-grid,.feature-grid,.schedule-grid,.social-box{grid-template-columns:1fr} .style-grid{grid-template-columns:repeat(2,1fr)}
 .poster-card{min-height:520px} .feature-copy{min-height:520px} .social-visual{min-height:500px}
}
@media(max-width:640px){
 :root{--wrap:min(100% - 28px,1240px)} .nav{height:72px} .brand img{width:46px;height:46px} .brand b{display:none} .navcta{padding:9px 14px;font-size:13px}
 .hero{min-height:720px} .hero-inner{min-height:720px;padding-bottom:175px} .hero h1{font-size:58px} .hero-lead{font-size:17px} .hero-meta{right:14px;left:14px;grid-template-columns:1fr} .meta-item{padding:10px 14px} .meta-item:nth-child(2),.meta-item:nth-child(3){display:none}
 .statement{padding:78px 0 72px} .statement:before{top:22px;right:14px;font-size:66px} .statement .label{font-size:17px;margin-bottom:18px} .statement .label:after{width:44px;height:2px} .statement h2{font-size:44px} .statement p{font-size:17px;margin-top:22px} .feature{padding:48px 0 80px} .feature-copy{padding:30px} .values{grid-template-columns:1fr}
 .styles{padding:78px 0} .section-head{flex-direction:column;align-items:flex-start} .style-grid{grid-template-columns:1fr 1fr} .style{min-height:170px;padding:20px} .style h3{font-size:23px}
 .schedule{padding:78px 0} .social{padding:78px 0} .social-copy{padding:34px} .social-visual{min-height:420px} .cta-card{padding:34px}
}
section[id]{scroll-margin-top:100px}