.site-header{position:fixed;inset:0 0 auto;z-index:1000;padding:18px 0;transition:padding .32s var(--ease),background .32s var(--ease),border-color .32s var(--ease),backdrop-filter .32s var(--ease)}.site-header.is-scrolled{padding:10px 0;background:rgba(6,0,12,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-shell{width:min(1300px,calc(100% - 34px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:1}.brand__mark{font-size:1.35rem;font-weight:900;letter-spacing:.05em;text-shadow:0 0 18px var(--pink),0 0 34px rgba(185,0,255,.5)}.brand__sub{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.nav-links{display:flex;align-items:center;gap:22px;color:rgba(251,247,255,.8)}.nav-links a:not(.nav-cta){transition:color .25s,text-shadow .25s}.nav-links a:not(.nav-cta):hover{color:#fff;text-shadow:0 0 18px var(--pink)}.nav-cta{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 18px;font-weight:900}.menu-btn{display:none;width:46px;height:46px;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:50%;padding:12px;z-index:1002}.menu-btn span{display:block;height:2px;background:#fff;border-radius:99px;margin:5px 0;transition:.28s var(--ease)}.menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:100svh;position:relative;overflow:hidden;display:grid;align-items:center;padding:140px 0 74px}.hero__backdrop{position:absolute;inset:0;overflow:hidden}.hero__backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 37%,rgba(185,0,255,.27),transparent 32%),linear-gradient(180deg,rgba(6,0,12,.18),var(--bg) 90%)}.hero__shell{position:relative;z-index:3;width:min(1300px,calc(100% - 42px));margin:auto;display:grid;grid-template-columns:1.02fr .75fr;align-items:center;gap:54px}.hero__title{font-size:clamp(3.55rem,8.3vw,9.4rem);margin:18px 0 26px;max-width:820px;text-shadow:0 0 24px rgba(255,43,255,.24),0 0 90px rgba(185,0,255,.18)}.hero__lead{font-size:clamp(1.05rem,1.55vw,1.32rem);max-width:700px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:760px}.proof-strip span,.stat,.service-card,.testimonial,.faq-item{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:24px}.proof-strip span{padding:15px;text-align:center;color:var(--muted)}.proof-strip b{display:block;color:#fff;font-size:1.12rem}.hero__visual{display:flex;justify-content:center}.device-card{position:relative;width:min(380px,100%);border-radius:40px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);isolation:isolate}.device-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);animation:shine 4.6s infinite;z-index:2}.device-card img{height:610px;width:100%;object-fit:cover;object-position:center top;filter:saturate(1.16) contrast(1.02)}.device-card__badge{position:absolute;right:18px;bottom:18px;z-index:3;background:rgba(6,0,12,.64);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:900;backdrop-filter:blur(14px)}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:4;color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:8px}.scroll-cue span{width:18px;height:30px;border:1px solid var(--line);border-radius:999px;display:inline-flex;justify-content:center}.scroll-cue span:after{content:"";width:4px;height:4px;margin-top:6px;border-radius:50%;background:var(--pink);animation:scrollDot 1.4s infinite}.orb,.smoke,.laser{position:absolute;pointer-events:none}.orb{border-radius:50%;filter:blur(32px);animation:float 9s ease-in-out infinite}.orb--a{width:360px;height:360px;right:8%;top:12%;background:rgba(185,0,255,.48)}.orb--b{width:270px;height:270px;left:8%;bottom:16%;background:rgba(255,43,255,.25);animation-delay:-3s}.smoke{width:55vw;height:55vw;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 58%);filter:blur(46px);opacity:.18;animation:smoke 16s ease-in-out infinite}.smoke--a{right:-14%;top:-4%}.smoke--b{left:-15%;bottom:-12%;animation-delay:-6s}.laser{height:2px;width:70vw;background:linear-gradient(90deg,transparent,var(--pink),transparent);filter:blur(.2px);box-shadow:0 0 18px var(--pink);opacity:.38;transform:rotate(-9deg)}.laser--a{right:-12%;bottom:31%}.laser--b{left:-20%;top:24%;animation:laser 5s ease-in-out infinite}
.editorial-card{position:relative;border-radius:38px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.editorial-card img{height:520px;width:100%;object-fit:cover}.editorial-card span,.portrait__label{position:absolute;left:22px;bottom:22px;border:1px solid var(--line);background:rgba(6,0,12,.66);backdrop-filter:blur(14px);border-radius:999px;padding:10px 14px;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{text-align:center;padding:30px 20px;transition:.32s var(--ease)}.stat strong{display:block;font-size:clamp(2.2rem,4.4vw,4.8rem);line-height:1;color:#fff;text-shadow:0 0 34px var(--pink)}.stat span{color:var(--muted)}.stat:hover,.service-card:hover,.testimonial:hover{transform:translateY(-7px);border-color:rgba(255,43,255,.42);box-shadow:var(--shadow)}.portrait{position:relative}.portrait__image{height:640px;border-radius:42px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:30px;min-height:238px;transition:.32s var(--ease)}.service-card i{display:grid;place-items:center;width:50px;height:50px;border-radius:18px;border:1px solid rgba(255,43,255,.3);background:rgba(185,0,255,.16);box-shadow:0 0 24px rgba(255,43,255,.2);font-style:normal;margin-bottom:18px;color:#fff}.service-card h3{font-size:1.45rem;margin-bottom:10px}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:10px 16px;cursor:pointer;transition:.25s var(--ease)}.filter:hover,.filter.active{background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 0 24px rgba(255,43,255,.25)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px}.work{position:relative;display:block;border:0;padding:0;background:transparent;border-radius:28px;overflow:hidden;cursor:pointer;text-align:right}.work[hidden]{display:none}.work__img{position:absolute;inset:0;transition:transform .5s var(--ease),filter .5s var(--ease)}.work__img--b{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 12%),linear-gradient(135deg,#2d1238,#07000b 70%,#5d007e)}.work__img--c{background:linear-gradient(135deg,#0c010f,#320044),repeating-linear-gradient(45deg,transparent 0 10px,rgba(255,255,255,.08) 10px 11px)}.work__img--d{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.4),transparent 8%),linear-gradient(140deg,#100018,#050008,#63008c)}.work__img--e{background:radial-gradient(circle at 75% 25%,rgba(255,43,255,.55),transparent 19%),linear-gradient(135deg,#14071a,#050008 55%,#2d0042)}.work__img--f{background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.2),transparent 11%),linear-gradient(135deg,#42005c,#09000e 62%,#230034)}.work--tall{grid-row:span 2}.work--wide{grid-column:span 2}.work em{position:absolute;top:18px;right:18px;font-style:normal;font-weight:900;text-shadow:0 0 16px #000}.work:after{content:"לצפייה בעבודה";position:absolute;right:18px;bottom:18px;border:1px solid var(--line);background:rgba(6,0,12,.66);backdrop-filter:blur(12px);border-radius:999px;padding:8px 12px;opacity:0;transform:translateY(12px);transition:.3s var(--ease)}.work:hover .work__img{transform:scale(1.07);filter:saturate(1.25)}.work:hover:after{opacity:1;transform:none}.process-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:62px}.process-copy{position:sticky;top:128px;align-self:start}.timeline{position:relative;display:grid;gap:16px}.timeline:before{content:"";position:absolute;right:29px;top:0;bottom:0;width:2px;background:linear-gradient(var(--pink),rgba(255,43,255,.05))}.step{position:relative;margin-right:58px;padding:24px 28px;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:25px;transition:.3s var(--ease)}.step:before{content:"";position:absolute;right:-41px;top:31px;width:18px;height:18px;border-radius:50%;background:#170020;border:2px solid var(--pink);box-shadow:0 0 22px var(--pink)}.step.is-active,.step:hover{transform:translateX(-5px);border-color:rgba(255,43,255,.48);box-shadow:var(--shadow)}.step b{color:var(--pink)}.step h3{font-size:1.35rem;margin:6px 0}.why-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.why-list li{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06)}.why-list li:before{content:"✦";color:var(--pink);margin-left:10px}.studio-panel{position:relative;min-height:650px;border-radius:44px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.studio-panel__image{position:absolute;inset:0;border:0;border-radius:0;opacity:.82}.studio-panel__copy{position:absolute;right:30px;bottom:30px;width:min(650px,calc(100% - 60px));background:rgba(6,0,12,.68);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:30px;padding:34px}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{border:1px solid var(--line);background:rgba(255,255,255,.075);border-radius:999px;padding:8px 14px;font-weight:900}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.testimonial{padding:28px;transition:.3s var(--ease)}.testimonial p{font-size:1.02rem}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px}.faq-list{display:grid;gap:12px}.faq-item{overflow:hidden}.faq-item button{width:100%;background:transparent;border:0;text-align:right;padding:20px 22px;cursor:pointer;font-weight:900}.faq-item button:after{content:"+";float:left;color:var(--pink);font-size:1.35rem}.faq-item.is-open button:after{content:"−"}.faq-item p{max-height:0;overflow:hidden;margin:0;padding:0 22px;transition:max-height .32s var(--ease),padding .32s var(--ease)}.faq-item.is-open p{max-height:170px;padding:0 22px 20px}.cta-box{text-align:center;border:1px solid rgba(255,255,255,.17);border-radius:46px;background:radial-gradient(circle at 50% 0,rgba(255,43,255,.36),transparent 32%),linear-gradient(135deg,rgba(185,0,255,.18),rgba(255,255,255,.05));box-shadow:var(--shadow);padding:74px 26px}.cta-box p{margin-inline:auto}.site-footer{border-top:1px solid var(--line);background:#030005;padding:38px 0 28px;color:var(--muted)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-grid strong{display:block;color:#fff;font-size:1.3rem}.footer-grid nav{display:flex;gap:15px;flex-wrap:wrap}.copyright{text-align:center;margin:26px 0 0;font-size:.9rem}.mobile-cta{display:none}.modal{position:fixed;inset:0;z-index:2000;display:none}.modal.is-open{display:block}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(12px)}.modal__panel{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(960px,calc(100% - 30px));display:grid;grid-template-columns:1.15fr .85fr;background:#0a0310;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:0 0 90px rgba(255,43,255,.28)}.modal__image{min-height:520px;border:0;border-radius:0}.modal__copy{padding:34px}.modal__copy h3{font-size:2.2rem;margin:10px 0 18px}.modal__close{position:absolute;left:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(6,0,12,.72);font-size:2rem;cursor:pointer}


/* Premium logo placement */
.brand--logo{
  width:112px;
  min-height:56px;
  align-items:flex-start;
  justify-content:center;
}
.brand__logo{
  width:112px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(255,43,255,.58)) drop-shadow(0 0 34px rgba(185,0,255,.28));
  transition:transform .32s var(--ease), filter .32s var(--ease);
}
.brand--logo:hover .brand__logo{
  transform:translateY(-2px) scale(1.025);
  filter:drop-shadow(0 0 22px rgba(255,43,255,.78)) drop-shadow(0 0 48px rgba(185,0,255,.38));
}

/* Hero offer image: luxury animated neon outline */
.device-card{
  border:1px solid rgba(255,43,255,.42);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 38px rgba(255,43,255,.34),
    0 32px 100px rgba(185,0,255,.34);
}
.device-card:after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:42px;
  padding:2px;
  background:linear-gradient(120deg, transparent 0%, rgba(255,43,255,.95) 22%, rgba(185,0,255,.65) 45%, transparent 68%, rgba(255,255,255,.42) 88%, transparent 100%);
  background-size:260% 260%;
  animation:neonBorderTravel 4.8s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:4;
  opacity:.92;
}
.device-card__badge{
  color:#fff;
  box-shadow:0 0 24px rgba(255,43,255,.35);
}
.hero__visual:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,43,255,.24), transparent 68%);
  filter:blur(16px);
  z-index:-1;
  animation:offerPulse 4.2s ease-in-out infinite;
}
.hero__visual{position:relative}

@keyframes neonBorderTravel{
  0%{background-position:0% 50%}
  100%{background-position:260% 50%}
}
@keyframes offerPulse{
  0%,100%{transform:scale(.92);opacity:.52}
  50%{transform:scale(1.05);opacity:.9}
}

@media (max-width:680px){
  .brand--logo{width:88px;min-height:46px}
  .brand__logo{width:88px}
}

/* Hero summer offer fix */
.device-card{
  max-width:420px;
  aspect-ratio:1/1;
  overflow:hidden;
}
.device-card__media{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#120014;
  padding:12px;
}
@media (max-width:980px){
  .device-card{
    max-width:340px;
    margin-inline:auto;
  }
}

/* Hero image full square premium containment v3 */
.device-card{
  width:min(430px,100%);
  max-width:430px;
  aspect-ratio:1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,43,255,.18), transparent 62%),
    linear-gradient(135deg,#15001b,#050008);
  padding:10px;
}
.device-card img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:28px;
  background:#09000e;
}
.device-card__badge{
  right:22px;
  bottom:22px;
}
@media (max-width:980px){
  .device-card{
    width:min(360px,88vw);
    max-width:360px;
  }
}
@media (max-width:680px){
  .device-card{
    width:min(330px,88vw);
    max-width:330px;
    padding:8px;
  }
}


/* Hide image labels */
.device-card__badge,
.media-card__badge,
.studio-panel__badge{
display:none !important;
}


/* Premium studio slideshow */
.studio-slideshow{
  position:relative;
  width:100%;
  min-height:520px;
  border-radius:34px;
  overflow:hidden;
  background:#090009;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 24px 80px rgba(170,0,255,.22);
}
.studio-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.04);
  transition:
    opacity 1.2s ease,
    transform 5.2s ease;
}
.studio-slide.active{
  opacity:1;
  transform:scale(1);
}
@media (max-width:768px){
  .studio-slideshow{
    min-height:420px;
  }
}


/* Studio atmosphere automatic slideshow - fixed background layer */
.studio-panel{
  position:relative;
  overflow:hidden;
}
.studio-slideshow{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
  border-radius:0;
  overflow:hidden;
  background:#090009;
  z-index:0;
}
.studio-slideshow::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 18%, rgba(255,43,255,.22), transparent 34%),
    linear-gradient(90deg, rgba(6,0,12,.68), rgba(6,0,12,.22) 52%, rgba(6,0,12,.78));
  z-index:2;
  pointer-events:none;
}
.studio-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:0;
  transform:scale(1.055);
  transition:opacity 1.25s ease, transform 5.4s ease;
  z-index:1;
}
.studio-slide.active{
  opacity:1;
  transform:scale(1);
}
.studio-panel__copy{
  z-index:3;
}


/* Fix 1: real Or image in About section */
.portrait__image--real{
  height:640px;
  border-radius:42px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:#09000e;
}
.portrait__real-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* Fix 1: bigger hero campaign card for better symmetry */
.hero__visual{
  align-self:center;
}
.device-card{
  width:min(560px,100%) !important;
  max-width:560px !important;
  aspect-ratio:1 / 1 !important;
  transform:perspective(1000px) rotateY(-4deg) rotateX(2deg) translateY(-28px);
  padding:10px !important;
}
.device-card img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:30px;
  background:#09000e;
}

@media (max-width:1060px){
  .device-card{
    width:min(440px,88vw) !important;
    transform:none;
  }
}
@media (max-width:680px){
  .device-card{
    width:min(360px,90vw) !important;
  }
  .portrait__image--real{
    height:460px;
  }
}


/* Fix 2: studio photos must be fully visible, no top/bottom crop */
.studio-panel{
  min-height: 980px !important;
  position: relative;
  overflow: hidden;
}
.studio-slideshow{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,43,255,.16), transparent 36%),
    linear-gradient(135deg,#070009,#16001f 60%,#050008);
  z-index: 0;
  overflow: hidden;
}
.studio-slideshow::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6,0,12,.82), rgba(6,0,12,.18) 52%, rgba(6,0,12,.82)),
    radial-gradient(circle at 70% 18%, rgba(255,43,255,.18), transparent 34%);
  z-index: 3;
  pointer-events: none;
}
.studio-slide{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 0;
  transform: scale(1.00);
  transition: opacity 1.25s ease;
  z-index: 2;
  background: #050008;
}
.studio-slide.active{
  opacity: 1;
}
.studio-panel__copy{
  z-index: 5;
}

@media (max-width: 1060px){
  .studio-panel{
    min-height: 860px !important;
  }
}
@media (max-width: 680px){
  .studio-panel{
    min-height: 760px !important;
  }
}


/* Ready portfolio folders */
.portfolio-switch{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:28px;
}
.portfolio-switch__btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.055);
  border-radius:999px;
  padding:12px 18px;
  cursor:pointer;
  transition:.25s var(--ease);
  font-weight:700;
}
.portfolio-switch__btn:hover,
.portfolio-switch__btn.is-active{
  background:linear-gradient(135deg,var(--purple),var(--pink));
  box-shadow:0 0 24px rgba(255,43,255,.25);
}
.gallery--dynamic{
  grid-auto-rows:260px;
}
.gallery--dynamic .work__img{
  background:#080009;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 80px rgba(185,0,255,.18);
}
.gallery--dynamic .work__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .5s var(--ease), filter .5s var(--ease);
}
.gallery--dynamic .work:hover .work__img img{
  transform:scale(1.06);
  filter:saturate(1.15) contrast(1.03);
}
.portfolio-empty{
  text-align:center;
  margin-top:18px;
}


/* Performance + sticky portfolio navigation */
.works--optimized{
  contain: layout paint style;
}
.portfolio-switch--sticky{
  position: sticky;
  top: 88px;
  z-index: 20;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(6,0,12,.68);
  backdrop-filter: blur(16px);
  border-radius: 999px;
  box-shadow: 0 10px 40px rgba(185,0,255,.14);
}
.gallery--dynamic{
  content-visibility: auto;
  contain-intrinsic-size: 1200px;
}
.gallery--dynamic .work{
  contain: layout paint style;
}
.gallery--dynamic .work__img{
  overflow: hidden;
}
.gallery--dynamic .work__img img{
  image-rendering: auto;
  transform: translateZ(0);
  will-change: transform;
}

/* reduce animation cost in portfolio section */
.gallery--dynamic .work.reveal{
  opacity: 1;
  transform: none;
  transition: none;
}

@media (max-width: 680px){
  .portfolio-switch--sticky{
    top: 74px;
    padding: 8px 10px;
  }
}


/* Fix 4: full image lightbox */
.modal__panel{
  width:min(1240px,calc(100% - 24px));
  height:min(92vh,980px);
  grid-template-columns:1fr;
}
.modal__image{
  min-height:100%;
  height:100%;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#050008;
}
.modal__copy{
  position:absolute;
  right:20px;
  bottom:20px;
  left:auto;
  width:auto;
  max-width:min(420px,calc(100% - 40px));
  padding:18px 18px 16px;
  border-radius:24px;
  background:rgba(6,0,12,.68);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.12);
}
.modal__copy p:not(.eyebrow){
  margin-bottom:12px;
}
.modal__copy h3{
  font-size:1.5rem;
  margin:6px 0 10px;
}
@media (max-width:680px){
  .modal__panel{
    height:min(88vh,760px);
  }
  .modal__copy{
    right:12px;
    left:12px;
    bottom:12px;
    max-width:none;
    padding:14px;
  }
  .modal__copy p:not(.eyebrow){
    display:none;
  }
  .modal__copy h3{
    font-size:1.1rem;
    margin:4px 0 8px;
  }
}

/* Floating WhatsApp button */
.floating-wa{
  position:fixed;
  left:16px;
  bottom:18px;
  z-index:1200;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#25d366,#1db954);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.18);
  font-weight:700;
}
.floating-wa__icon{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:14px;
}
@media (max-width:680px){
  .floating-wa{
    left:12px;
    bottom:86px;
    padding:11px 14px;
  }
  .floating-wa__text{
    display:none;
  }
}


/* Fix 5: lower sticky portfolio switch so it does not hide under main header */
.portfolio-switch--sticky{
  top: 132px !important;
}
@media (max-width: 1060px){
  .portfolio-switch--sticky{
    top: 118px !important;
  }
}
@media (max-width: 680px){
  .portfolio-switch--sticky{
    top: 102px !important;
  }
}


/* Fix 6: icon-only WhatsApp button */
.floating-wa--icon{
  width:58px;
  height:58px;
  padding:0;
  border-radius:50%;
  justify-content:center;
  left:18px;
  bottom:18px;
}
.floating-wa__svg{
  width:28px;
  height:28px;
  display:block;
}
.floating-wa--icon .floating-wa__icon,
.floating-wa--icon .floating-wa__text{
  display:none !important;
}
@media (max-width:680px){
  .floating-wa--icon{
    left:12px;
    bottom:86px;
    width:54px;
    height:54px;
  }
}