:root{--bg:#0c0b20;--panel:#17152f;--ink:#f7f4ff;--muted:#b8b3cb;--purple:#c18cff;--pink:#ef9dd7;--line:rgba(255,255,255,.14);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 76% 12%,rgba(116,70,172,.24),transparent 34%),radial-gradient(ellipse at 8% 48%,rgba(73,80,155,.17),transparent 30%),linear-gradient(145deg,#100e2a,#0b0a1d 58%,#17102d)}.ambient{position:absolute;z-index:-1;filter:blur(70px);border-radius:50%;opacity:.38}.ambient-one{width:330px;height:330px;background:#8c53ce;top:130px;right:-150px}.ambient-two{width:270px;height:270px;background:#d27cb5;top:1100px;left:-160px}.section-wrap,.site-header{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:.04em}.brand b{font-weight:800}.brand-mark{width:30px;height:30px;border:2px solid #e8d8ff;border-radius:10px 3px 10px 3px;display:grid;place-items:center;font-weight:800;font-size:17px;transform:rotate(-8deg);color:#fff}.brand-mark span{color:var(--pink)}.nav-links{display:flex;gap:32px}.nav-links a,.site-footer>a:last-child{font-size:12px;color:#c8c3d6;text-decoration:none;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";display:block;height:2px;background:var(--purple);margin-top:8px}.nav-cta{padding:12px 17px;background:#fff;color:#17132c;text-decoration:none;border-radius:30px;font-size:12px;font-weight:700}.nav-cta span{margin-left:9px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:24px}.hero{min-height:640px;display:grid;grid-template-columns: .94fr 1.06fr;position:relative;align-items:center;padding-top:35px;padding-bottom:60px}.hero-copy{position:relative;z-index:2;padding:36px 0 30px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.22em;color:#c9c0df;font-weight:700}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:30px;padding:9px 13px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#e8a8ee;box-shadow:0 0 12px #e8a8ee}.hero h1{font:800 clamp(52px,6vw,82px)/.99 Manrope,sans-serif;letter-spacing:-.065em;margin:25px 0 22px}.hero h1 em,.section-heading h2 span,.intro-strip h2 span,.contact-section h2 span{font-style:normal;background:linear-gradient(100deg,#d8a0ff,#f0a5d8 65%,#ffc49b);-webkit-background-clip:text;background-clip:text;color:#e6a7ee}.dot{color:#efa1d7}.hero-intro{max-width:440px;color:#c9c4d8;font-size:15px;line-height:1.75}.hero-intro strong{color:#fff}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 19px;border-radius:30px;text-decoration:none;font-size:12px;font-weight:700;transition:transform .2s}.button:hover,.nav-cta:hover,.whatsapp-button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:#16132a}.text-link{display:flex;align-items:center;gap:10px;color:#e8e3f1;text-decoration:none;font-size:12px}.play{width:30px;height:30px;border:1px solid #aaa0c4;border-radius:50%;display:grid;place-items:center;font-size:9px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:65px;color:#918ba9;font-size:9px;letter-spacing:.16em}.note-line{width:38px;height:1px;background:#d5a1e6}.hero-art{height:535px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:80%;height:65%;border-radius:50%;background:radial-gradient(ellipse,rgba(176,104,224,.35),rgba(84,76,156,.08) 50%,transparent 72%);filter:blur(15px)}.orbit{position:absolute;border:2px solid transparent;border-radius:50%;transform:rotate(-28deg);z-index:1}.orbit-a{width:310px;height:430px;border-left-color:#dca4ff;border-right-color:#8c8cf9;border-top-color:#f4b5d8;box-shadow:0 0 25px #a76be8,inset 0 0 20px #8e73d9}.orbit-b{width:255px;height:360px;border-left:1px solid #ffd0b2;border-right:1px solid #8d9eff;transform:rotate(32deg);opacity:.8}.orb-main{width:185px;height:185px;border-radius:36% 64% 54% 46%/45% 40% 60% 55%;display:grid;place-items:center;background:linear-gradient(140deg,#f9c2f2,#a77bff 42%,#344ac0 78%,#f2b17b);box-shadow:inset -18px -18px 30px rgba(18,15,61,.55),inset 10px 10px 24px rgba(255,255,255,.65),0 0 55px rgba(183,116,255,.65);transform:rotate(-22deg);z-index:2}.orb-main span{font:800 29px Manrope,sans-serif;letter-spacing:.1em;color:white;text-shadow:0 3px 12px #4d347d;transform:rotate(22deg)}.glass-cube{position:absolute;width:70px;height:70px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(127,83,218,.22) 48%,rgba(250,166,218,.4));backdrop-filter:blur(4px);box-shadow:inset 0 0 20px rgba(255,255,255,.3),0 12px 30px rgba(0,0,0,.25);transform:rotate(35deg) skew(-7deg,-7deg);z-index:3}.cube-one{top:80px;left:18%;width:62px;height:62px}.cube-two{right:12%;top:185px;width:48px;height:48px;background:linear-gradient(135deg,#f9d8a1,#9c6bff 70%)}.cube-three{bottom:100px;left:19%;width:35px;height:35px}.spark{position:absolute;color:#ffe1f6;text-shadow:0 0 18px #f5a9f0;font-size:35px}.spark-one{right:12%;top:100px}.spark-two{left:8%;bottom:125px}.art-caption{position:absolute;right:0;top:105px;font:500 12px/1.6 Manrope,sans-serif;letter-spacing:.15em;color:#e7c6f2;transform:rotate(8deg)}.art-caption b{color:#fff}.art-floor{position:absolute;bottom:35px;width:100%;height:100px;background:radial-gradient(ellipse,rgba(196,126,228,.27),transparent 70%);border-bottom:1px solid rgba(225,186,255,.3);border-radius:50%}.hero-bottom{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:space-between;color:#77718f;font-size:9px;letter-spacing:.18em}.intro-strip{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;padding:80px 0 95px;border-top:1px solid var(--line)}.intro-strip h2,.contact-section h2{font:750 clamp(34px,4vw,50px)/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0 0}.intro-strip p,.contact-section p{max-width:440px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.work-section{padding:55px 0 65px;border-top:1px solid var(--line);scroll-margin-top:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{font:750 clamp(34px,4vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:12px 0 8px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.section-count{font-size:9px;letter-spacing:.16em;color:#928ba9;padding-bottom:7px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{min-width:0;position:relative;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));transition:transform .25s,border-color .25s;cursor:pointer}.work-card:hover{transform:translateY(-5px);border-color:rgba(220,164,255,.65)}.work-thumb{height:220px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--thumb,linear-gradient(135deg,#30245d,#a26db5))}.work-thumb:before,.work-thumb:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.work-thumb:before{width:190px;height:190px;right:-20px;top:-65px;background:rgba(255,255,255,.18)}.work-thumb:after{width:140px;height:140px;left:-35px;bottom:-70px;background:rgba(255,180,223,.22)}.thumb-symbol{font-size:52px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25));z-index:1}.thumb-label{position:absolute;left:18px;bottom:17px;font:800 11px Manrope,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.8);z-index:1}.work-meta{padding:16px 17px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.work-meta h3{font:700 14px Manrope,sans-serif;margin:0 0 5px}.work-meta p{font-size:11px;color:#aaa4bd;margin:0}.open-icon{width:31px;height:31px;flex:none;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;color:#fff}.reels-grid .work-thumb{height:255px}.design-grid .work-thumb{height:230px}.empty-card{cursor:default;border-style:dashed;border-color:rgba(255,255,255,.2)}.empty-card:hover{transform:none}.empty-card .work-thumb{background:linear-gradient(140deg,#201b42,#49345e 55%,#20274d)}.empty-card .thumb-symbol{font-size:42px;color:#e2c7ff}.statement{margin-top:55px;margin-bottom:85px;padding:65px 8%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:linear-gradient(110deg,rgba(61,43,100,.94),rgba(30,26,66,.94) 58%,rgba(91,53,106,.8));text-align:center}.statement-glow{position:absolute;width:420px;height:220px;right:-70px;top:-120px;background:#c06bc9;filter:blur(90px);opacity:.32}.statement h2{position:relative;font:750 clamp(30px,4vw,48px)/1.16 Manrope,sans-serif;letter-spacing:-.05em;margin:18px 0}.statement h2 em{font-style:normal;color:#e8b3f0}.statement p{color:#c8bfd8;font-size:13px;margin:0 0 24px}.statement .button{position:relative}.contact-section{padding:35px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-section h2{margin-bottom:18px}.contact-card{padding:28px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 20px 60px rgba(0,0,0,.12)}.contact-label{font-size:9px;letter-spacing:.2em;color:#aaa1c0}.contact-email{display:block;margin:14px 0 25px;color:#fff;font:700 clamp(17px,2vw,22px) Manrope,sans-serif;text-decoration:none}.contact-divider{height:1px;background:var(--line)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.contact-bottom>span{font-size:11px;color:#bdb6ce}.whatsapp-button{display:inline-flex;gap:14px;align-items:center;background:#c7f2d6;color:#123322;border-radius:30px;padding:12px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:.2s}.site-footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer>span{font-size:10px;color:#817b96}.lightbox{display:none;position:fixed;inset:0;z-index:20;background:rgba(5,4,16,.92);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox-content{width:min(950px,100%);max-height:85vh;display:grid;place-items:center}.lightbox-content iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.lightbox-content img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:12px}.lightbox-close{position:absolute;right:28px;top:18px;color:white;background:none;border:0;font-size:38px;cursor:pointer}
@media(max-width:850px){.section-wrap,.site-header{width:min(100% - 40px,var(--max))}.nav-links{gap:15px}.nav-links a{font-size:10px}.hero{grid-template-columns:1fr 1fr;min-height:590px}.hero-art{transform:scale(.85);margin-inline:-35px}.hero h1{font-size:clamp(47px,7vw,66px)}.work-thumb{height:180px}.reels-grid .work-thumb{height:220px}}
@media(max-width:650px){.site-header{height:70px}.menu-toggle{display:block;order:3}.nav-cta{margin-left:auto;margin-right:16px;padding:10px 13px}.nav-links{display:none;position:absolute;top:69px;left:-20px;right:-20px;padding:20px;background:#17142f;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.nav-links.open{display:flex}.nav-links a{font-size:13px}.nav-links a.active:after{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;min-height:auto}.hero-copy{padding:20px 0 0}.hero h1{font-size:clamp(55px,13vw,76px)}.hero-intro{font-size:14px}.hero-art{height:350px;width:100%;margin:-5px 0 15px;transform:scale(.82);transform-origin:center}.orbit-a{width:250px;height:330px}.orbit-b{width:210px;height:285px}.orb-main{width:145px;height:145px}.hero-note{margin-top:35px;font-size:8px}.hero-bottom{bottom:8px}.intro-strip{grid-template-columns:1fr;gap:20px;padding:65px 0}.intro-strip p{font-size:13px}.work-section{padding:45px 0}.section-heading{align-items:start;gap:12px;flex-direction:column}.section-count{padding:0}.work-grid{grid-template-columns:1fr 1fr;gap:12px}.work-thumb,.design-grid .work-thumb{height:165px}.reels-grid .work-thumb{height:200px}.work-meta{padding:12px}.work-meta h3{font-size:12px}.work-meta p{font-size:10px}.open-icon{width:27px;height:27px}.statement{padding:48px 20px;margin:35px auto 65px}.contact-section{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.contact-card{padding:22px}.contact-bottom{align-items:flex-start;flex-direction:column}.site-footer{padding:22px 0;flex-wrap:wrap}.site-footer>span{order:3;width:100%}}
@media(max-width:390px){.work-grid{grid-template-columns:1fr}.work-thumb,.reels-grid .work-thumb,.design-grid .work-thumb{height:210px}.hero-actions{gap:16px}.text-link{font-size:11px}}
.contact-social{display:flex;justify-content:space-between;gap:12px;padding-top:16px;color:#aaa1c0;font-size:10px;letter-spacing:.12em}.contact-social span:last-child{color:#eee7fb;letter-spacing:0}
/* INLINE SHORT-FORM VIDEO DISPLAY */
.reels-grid .work-thumb {
  height: 420px;
  background: #080711;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reels-grid .work-thumb video.card-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #080711;
  position: relative;
  z-index: 2;
  border: 0;
}

.reels-grid .work-card {
  cursor: default;
}

.reels-grid .work-card:hover {
  transform: translateY(-3px);
}

@media (max-width: 650px) {
  .reels-grid .work-thumb {
    height: 320px;
  }
}
/* ANC MAN BRAND LOGO */

.brand-logo {
  display: block;
  width: 58px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 46px;
    height: 40px;
  }
}
/* FOOTER LOGO */
.site-footer .brand-logo {
  width: 42px;
  height: 36px;
  object-fit: contain;
  display: block;
}

.hero-art.hero-photo::before,
.hero-art.hero-photo::after {
    display: none !important;
    content: none !important;
}

.hero-art.hero-photo .hero-portrait {
    display: block !important;
    width: auto !important;
    height: 100% !important;
    max-height: 680px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    /* Feather the lower edge */
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 76%,
        rgba(0,0,0,0.8) 84%,
        rgba(0,0,0,0.35) 93%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 76%,
        rgba(0,0,0,0.8) 84%,
        rgba(0,0,0,0.35) 93%,
        transparent 100%
    );
}

@media (max-width: 768px) {
    .hero-art.hero-photo {
        height: 500px !important;
        min-height: 500px;
    }

    .hero-art.hero-photo .hero-portrait {
        max-height: 500px !important;
    }
}

}

.hero-portrait {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 760px;
    object-fit: contain;
    object-position: center bottom;
    position: relative;
    z-index: 1;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    /* Soft elliptical fade around the lower edge and sides */
    -webkit-mask-image: radial-gradient(
        ellipse 78% 100% at 50% 38%,
        #000 63%,
        transparent 100%
    );

    mask-image: radial-gradient(
        ellipse 78% 100% at 50% 38%,
        #000 63%,
        transparent 100%
    );
}

@media (max-width: 768px) {
    .hero-photo {
        min-height: 380px;
    }

    .hero-portrait {
        max-height: 480px;
    }
}


/* FIX LONG-FORM VIDEO DISPLAY */

#long-form-grid .work-thumb {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #080711;
}

#long-form-grid .work-thumb video.card-video {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #080711;
    z-index: 2;
}

#long-form-grid .work-thumb .thumb-label {
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

/* ANC ELIEZER — CLEAN HERO PORTRAIT */

.hero-art.hero-photo {
    height: 620px !important;
    min-height: 0 !important;
    width: 100%;
    position: relative;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
    isolation: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.hero-art.hero-photo::before,
.hero-art.hero-photo::after {
    content: none !important;
    display: none !important;
}

.hero-art.hero-photo .hero-portrait {
    display: block !important;
    width: auto !important;
    height: 100% !important;
    max-height: 620px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 78%,
        rgba(0,0,0,.8) 88%,
        rgba(0,0,0,.3) 96%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 78%,
        rgba(0,0,0,.8) 88%,
        rgba(0,0,0,.3) 96%,
        transparent 100%
    );
}

/* TABLET */
@media (max-width: 850px) {
    .hero-art.hero-photo {
        height: 540px !important;
        transform: none !important;
        margin: 0 !important;
    }

    .hero-art.hero-photo .hero-portrait {
        max-height: 540px !important;
    }
}

/* MOBILE */
@media (max-width: 650px) {
    .hero-art.hero-photo {
        height: 440px !important;
        min-height: 440px !important;
        width: 100%;
        transform: none !important;
        margin: 0 !important;
    }

    .hero-art.hero-photo .hero-portrait {
        max-height: 440px !important;
        max-width: 100% !important;
    }
}