:root{--paper:#f4f1ea;--ink:#111;--muted:#706b62;--line:#d8d1c6;--cyan:#00d9ff;--lime:#b7ff3c;--dark:#090a0b;--radius:24px;--space:clamp(20px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Helvetica,Arial,sans-serif;line-height:1.15;overflow-x:hidden}.page-loading{opacity:0}.loaded{opacity:1;transition:opacity .5s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--space);background:rgba(244,241,234,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,17,17,.08)}.brand{font-size:clamp(22px,2vw,36px);font-weight:900;letter-spacing:-.08em}.main-nav{display:flex;gap:10px}.main-nav a,.menu-toggle{border:1px solid var(--ink);border-radius:999px;padding:10px 16px;font-weight:700;background:transparent}.main-nav a:hover,.menu-toggle:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.home-hero{min-height:78vh;padding:clamp(90px,8vw,130px) var(--space) 40px;display:grid;align-content:end;border-bottom:1px solid var(--ink)}.eyebrow{font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(14px,1.4vw,22px);margin:0 0 30px}.home-hero h1{font-size:clamp(120px,28vw,430px);line-height:.72;letter-spacing:-.12em;margin:0;text-transform:uppercase}.hero-copy{font-size:clamp(22px,3vw,46px);letter-spacing:-.04em;max-width:1180px;margin:34px 0 0}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}.portal-grid a{min-height:230px;padding:32px;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.portal-grid a:last-child{border-right:0}.portal-grid a:hover{background:var(--ink);color:var(--paper)}.portal-grid span{font-size:clamp(26px,3vw,54px);font-weight:900;letter-spacing:-.06em}.portal-grid small{font-size:16px;color:inherit}.intro-split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space);padding:var(--space);border-bottom:1px solid var(--ink)}.intro-split h2{font-size:clamp(54px,8vw,150px);line-height:.88;letter-spacing:-.08em;margin:0}.intro-split p{font-size:clamp(20px,2.2vw,34px);letter-spacing:-.035em;color:#252525;margin-top:0}.featured-band{position:relative;margin:var(--space);border:1px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:#030406;color:var(--paper);min-height:640px}.featured-band img{width:100%;height:100%;min-height:640px;object-fit:cover;opacity:.82}.band-text{position:absolute;inset:auto 30px 30px 30px;max-width:900px}.band-text span{color:var(--cyan);font-weight:900;letter-spacing:.12em}.band-text h2{font-size:clamp(50px,8vw,150px);line-height:.85;letter-spacing:-.08em;margin:12px 0}.band-text p{font-size:clamp(20px,2.2vw,34px);max-width:760px}.projects-preview,.page-main{padding:var(--space)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head p,.page-title p{font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.section-head h2,.page-title h1{font-size:clamp(58px,10vw,180px);line-height:.84;letter-spacing:-.08em;margin:0}.section-head a{font-weight:900;border-bottom:2px solid var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid.compact .project-card:nth-child(n+7){display:none}.project-card{background:#fff;border:1px solid rgba(17,17,17,.18);border-radius:20px;overflow:hidden;transition:.25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(17,17,17,.18)}.project-card figure{margin:0;aspect-ratio:1.54;overflow:hidden;background:#111}.project-card img{width:100%;height:100%;object-fit:cover;transition:.6s ease}.project-card:hover img{transform:scale(1.05)}.project-info{padding:20px}.project-info span{display:inline-flex;border:1px solid var(--ink);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:14px}.project-info h3{font-size:clamp(24px,2.5vw,42px);line-height:.95;letter-spacing:-.06em;margin:0 0 12px}.project-info p{color:var(--muted);font-size:16px;line-height:1.45;margin:0}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:var(--space);background:var(--ink);color:var(--paper);margin-top:var(--space)}.site-footer strong{font-size:clamp(40px,7vw,110px);letter-spacing:-.1em}.site-footer p{max-width:560px;font-size:20px;color:#bbb}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.footer-links a{border-bottom:1px solid #777}.page-title{padding:70px 0 45px;border-bottom:1px solid var(--ink);margin-bottom:34px}.page-title h1{max-width:1320px}.page-title>p:last-child{font-size:clamp(20px,2.3vw,36px);font-weight:500;letter-spacing:-.04em;text-transform:none;color:#2b2b2b;max-width:1150px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.filter-row button,.button{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:11px 18px;font-weight:900;cursor:pointer}.filter-row button.active,.filter-row button:hover,.button:hover{background:var(--ink);color:var(--paper)}.bio-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space)}.big-paragraph{font-size:clamp(38px,5vw,92px)!important;line-height:.95!important;letter-spacing:-.065em!important;color:var(--ink)!important}.bio-layout p{font-size:24px;line-height:1.3;color:#333}.bio-card{border:1px solid var(--ink);border-radius:24px;padding:32px;background:#fff;position:sticky;top:120px;height:max-content}.bio-card h2{font-size:58px;letter-spacing:-.08em;margin:0 0 20px}.bio-card li{font-size:22px;margin:0 0 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.stats div{border:1px solid var(--ink);border-radius:18px;padding:28px;background:#fff}.stats strong{display:block;font-size:42px;letter-spacing:-.06em}.stats span{color:var(--muted)}.archive-list{display:grid}.archive-list a{display:grid;grid-template-columns:120px 1fr 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--ink);align-items:center}.archive-list strong{font-size:clamp(30px,4vw,72px);letter-spacing:-.07em}.archive-list em{font-style:normal;color:var(--muted);font-size:20px}.files-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.files-grid article{background:#fff;border:1px solid var(--ink);border-radius:20px;padding:26px;min-height:310px}.files-grid h2{font-size:42px;letter-spacing:-.07em;line-height:.95}.files-grid p{font-size:20px;color:#333;line-height:1.35}.contact-block{margin-top:40px;border:1px solid var(--ink);border-radius:24px;background:var(--ink);color:var(--paper);padding:44px}.contact-block h2{font-size:clamp(52px,8vw,150px);line-height:.85;letter-spacing:-.08em;margin:0}.contact-block p{font-size:26px;color:#ccc}.contact-block .button{display:inline-flex;color:var(--paper);border-color:var(--paper)}.project-hero p:first-child{font-weight:900;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.project-hero h1{font-size:clamp(70px,13vw,220px);line-height:.82;letter-spacing:-.08em;margin:0 0 20px}.project-hero p{font-size:clamp(22px,2.6vw,42px);max-width:1100px;letter-spacing:-.04em}.project-hero img{border-radius:24px;border:1px solid var(--ink);margin-top:40px;width:100%}.case-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.case-copy div{background:#fff;border:1px solid var(--ink);border-radius:20px;padding:26px}.case-copy h2{font-size:42px;letter-spacing:-.07em}.case-copy p{font-size:20px;line-height:1.35;color:#333}.next-project{display:flex;justify-content:space-between;margin-top:36px;font-weight:900}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.main-nav{position:fixed;inset:74px 14px auto 14px;background:var(--paper);border:1px solid var(--ink);border-radius:18px;padding:14px;display:none;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block}.portal-grid,.intro-split,.project-grid,.site-footer,.bio-layout,.stats,.files-grid,.case-copy{grid-template-columns:1fr}.portal-grid a{border-right:0;border-bottom:1px solid var(--ink)}.home-hero h1{font-size:22vw}.featured-band{margin:18px}.featured-band img{min-height:520px}.archive-list a{grid-template-columns:1fr}.footer-links{align-items:flex-start}.page-main,.projects-preview{padding:24px}.site-header{padding:18px 24px}}


/* Beonik V30.4 portfolio visual rework */
:root{--lime:#b7ff3c;--cyan:#00d9ff;--deep:#050607;--glass:rgba(5,6,7,.82)}
.brand-img{display:inline-flex;align-items:center;border:0!important;padding:0!important;background:transparent!important;min-width:160px;max-width:190px}
.brand-img img{height:42px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,217,255,.20))}
.site-header{background:rgba(244,241,234,.78)}
.home-hero{position:relative;background:radial-gradient(circle at 20% 0%,rgba(183,255,60,.16),transparent 32%),radial-gradient(circle at 85% 28%,rgba(0,217,255,.18),transparent 34%)}
.home-hero:after{content:"";position:absolute;inset:auto var(--space) 0 var(--space);height:1px;background:linear-gradient(90deg,var(--lime),transparent,var(--cyan));opacity:.55}.home-hero>*{position:relative;z-index:1}
.featured-band{box-shadow:0 40px 120px rgba(0,0,0,.25)}
.project-card{background:#fff;border-color:rgba(17,17,17,.28)}
.project-card figure{background:#050607}.project-card img{filter:saturate(1.05) contrast(1.04)}
.project-info span{background:#111;color:#f4f1ea;border-color:#111}.project-card:hover .project-info span{background:var(--lime);border-color:var(--lime);color:#0a0a0a}
.visual-lab{padding:var(--space);background:#090a0b;color:var(--paper);margin-top:var(--space)}
.visual-lab .section-head p,.visual-lab .section-head a{color:var(--lime);border-color:var(--lime)}.visual-lab .project-card{background:#0f1113;border-color:rgba(183,255,60,.25)}.visual-lab .project-info p{color:#b8b8b8}.visual-lab .project-info h3{color:#fff}.visual-lab .project-info span{background:rgba(183,255,60,.12);color:var(--lime);border-color:rgba(183,255,60,.45)}
.archive-gallery{margin-top:40px}.visual-card figure{aspect-ratio:1.55}.case-gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:38px}.case-gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;border:1px solid var(--ink);background:#111}.case-gallery img:first-child{grid-row:span 2}.project-hero img{box-shadow:0 30px 100px rgba(0,0,0,.22)}
@media(max-width:980px){.brand-img{max-width:150px;min-width:140px}.brand-img img{height:34px}.case-gallery{grid-template-columns:1fr}.case-gallery img:first-child{grid-row:auto}.visual-lab{padding:34px 18px}}


/* =========================================================
   BEONIK V30.6 — Clean Editorial Portfolio / server build
   Limpio, sin montajes cargados ni gradientes visuales.
   ========================================================= */
:root{--paper:#f7f5f0;--ink:#111111;--muted:#6f6a61;--line:#ded8cf;--cyan:#0b78ff;--radius:18px;--space:clamp(22px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:var(--paper)!important;color:var(--ink)!important;font-family:Inter,Helvetica,Arial,sans-serif;line-height:1.16;overflow-x:hidden;background-image:none!important}.page-loading{opacity:0}.loaded{opacity:1;transition:opacity .45s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--space)!important;background:rgba(247,245,240,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,17,17,.07)!important}.brand{display:flex!important;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em!important;font-size:clamp(20px,2vw,30px)!important}.brand-icon{width:32px;height:32px;object-fit:contain}.main-nav{display:flex;gap:24px}.main-nav a,.menu-toggle{border:0!important;background:transparent!important;padding:6px 0!important;border-radius:0!important;color:var(--ink)!important;font-weight:750}.main-nav a:hover,.menu-toggle:hover{color:var(--muted)!important}.menu-toggle{display:none}.home-hero{min-height:72vh!important;padding:clamp(90px,9vw,150px) var(--space) 54px!important;display:grid;align-content:end;border-bottom:1px solid rgba(17,17,17,.12)!important;background:none!important}.eyebrow{font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(13px,1.1vw,18px);color:var(--muted);margin:0 0 24px!important}.home-hero h1{font-size:clamp(58px,12vw,186px)!important;line-height:.9!important;letter-spacing:-.085em!important;margin:0!important;text-transform:none!important;max-width:1180px}.hero-copy{font-size:clamp(21px,2.2vw,36px)!important;letter-spacing:-.04em;line-height:1.16;max-width:1050px;margin:30px 0 0!important;color:#26231f}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(17,17,17,.12)!important;background:transparent!important}.portal-grid a{min-height:165px!important;padding:28px!important;border-right:1px solid rgba(17,17,17,.12)!important;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease;background:transparent!important}.portal-grid a:last-child{border-right:0!important}.portal-grid a:hover{background:#111!important;color:#f7f5f0!important}.portal-grid span{font-size:clamp(26px,3vw,50px);font-weight:900;letter-spacing:-.06em}.portal-grid small{font-size:15px;color:inherit}.intro-split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space);padding:var(--space);border-bottom:1px solid rgba(17,17,17,.12)!important;background:transparent!important}.intro-split h2{font-size:clamp(42px,6.5vw,108px)!important;line-height:.9!important;letter-spacing:-.075em;margin:0!important}.intro-split p{font-size:clamp(18px,1.9vw,28px)!important;line-height:1.24;color:#292621;margin-top:0}.featured-band{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:34px;align-items:center;margin:var(--space)!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;color:var(--ink)!important;min-height:auto!important}.featured-band:before,.featured-band:after,.project-card:before,.project-card:after{display:none!important}.featured-band img{width:100%;height:auto!important;min-height:auto!important;aspect-ratio:4/3;object-fit:cover;opacity:1!important;border:1px solid rgba(17,17,17,.12)!important;border-radius:18px!important;box-shadow:none!important;filter:none!important}.band-text{position:static!important;inset:auto!important;max-width:760px;color:var(--ink)!important;padding:0!important}.band-text span{color:var(--muted)!important;font-weight:850;letter-spacing:.12em}.band-text h2{font-size:clamp(42px,5.5vw,88px)!important;line-height:.92!important;letter-spacing:-.07em;margin:10px 0 14px!important}.band-text p{font-size:clamp(18px,1.8vw,28px)!important;line-height:1.26;color:#292621}.projects-preview,.page-main{padding:var(--space)!important;background:transparent!important}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head p,.page-title p{font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.section-head h2,.page-title h1{font-size:clamp(42px,7vw,108px)!important;line-height:.86!important;letter-spacing:-.075em;margin:0}.page-title{max-width:1180px}.page-title p:last-child{font-size:clamp(18px,2vw,30px);line-height:1.2;text-transform:none;letter-spacing:-.035em;color:#292621;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px!important}.project-grid.compact .project-card:nth-child(n+7){display:none}.project-card{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;transition:none!important;box-shadow:none!important}.project-card:hover{transform:none!important;box-shadow:none!important}.project-card figure{margin:0 0 14px!important;aspect-ratio:4/3;overflow:hidden;background:#fff;border:1px solid rgba(17,17,17,.12)!important;border-radius:18px!important}.project-card img{width:100%;height:100%;object-fit:cover;transition:none!important;filter:none!important;opacity:1!important}.project-card:hover img{transform:none!important}.project-info{padding:0!important;background:transparent!important;color:var(--ink)!important}.project-info span{display:inline-block!important;border:0!important;background:transparent!important;padding:0!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;font-weight:850}.project-info h3{font-size:clamp(25px,2.2vw,36px)!important;line-height:.98;letter-spacing:-.055em;margin:8px 0 10px!important;color:var(--ink)!important}.project-info p{font-size:17px!important;line-height:1.34;color:#333!important;margin:0!important}.visual-feed{padding:var(--space);border-top:1px solid rgba(17,17,17,.12)}.feed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feed-grid figure{margin:0}.feed-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:1px solid rgba(17,17,17,.12)}.feed-grid figcaption{font-size:14px;color:var(--muted);margin-top:10px}.archive-list a{display:grid;grid-template-columns:100px 1fr minmax(200px,.6fr);gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(17,17,17,.12)!important}.archive-list a span{color:var(--muted)}.archive-list a strong{font-size:clamp(22px,2vw,32px);letter-spacing:-.04em}.archive-list a em{font-style:normal;color:var(--muted)}.files-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.files-grid article,.bio-card,.contact-block{background:#fff!important;border:1px solid rgba(17,17,17,.12)!important;border-radius:18px!important;color:var(--ink)!important;box-shadow:none!important}.site-footer{border-top:1px solid rgba(17,17,17,.12)!important;background:transparent!important;color:var(--ink)!important;margin-top:40px}.button{background:#111!important;color:#f7f5f0!important;border-radius:999px!important;border:0!important}.button:hover{background:#333!important}.filter-row{gap:10px;flex-wrap:wrap}.filter-row button{border-radius:999px!important;border:1px solid rgba(17,17,17,.18)!important;background:transparent!important;color:var(--ink)!important;padding:9px 14px!important}.filter-row button.active,.filter-row button:hover{background:#111!important;color:#f7f5f0!important}.case-hero img{border-radius:18px!important;border:1px solid rgba(17,17,17,.12)!important;filter:none!important}.case-main,.case-content,.case-hero{background:transparent!important;color:var(--ink)!important}@media (max-width:960px){.featured-band{grid-template-columns:1fr!important}.project-grid,.portal-grid,.feed-grid,.files-grid{grid-template-columns:1fr 1fr}.intro-split{grid-template-columns:1fr}.home-hero h1{font-size:clamp(54px,14vw,118px)!important}}@media (max-width:680px){.portal-grid,.project-grid,.feed-grid,.files-grid{grid-template-columns:1fr}.main-nav{position:fixed;inset:68px 16px auto 16px;background:#f7f5f0!important;border:1px solid rgba(17,17,17,.1)!important;padding:16px;border-radius:18px;display:none;flex-direction:column;box-shadow:0 24px 80px rgba(17,17,17,.15)}.main-nav.open{display:flex}.menu-toggle{display:block}.home-hero{min-height:auto!important;padding-top:92px!important}.home-hero h1{font-size:clamp(48px,15vw,72px)!important}.archive-list a{grid-template-columns:1fr;gap:8px}.section-head{display:block}}


/* V30.7 — Mexican Business Portfolio refinements */
.project-hero img{max-height:900px;object-fit:cover;object-position:center;background:#fff!important;box-shadow:none!important}
.case-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:38px!important}
.case-gallery img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:18px!important;border:1px solid rgba(17,17,17,.12)!important;background:#fff!important;filter:none!important;box-shadow:none!important;grid-row:auto!important}
.case-gallery img:first-child{grid-row:auto!important}
.project-card figure{background:#f2eee7!important}
.project-card img{object-position:center!important}
.visual-feed .section-head{align-items:flex-start}.feed-grid figcaption{font-weight:750}.brand-img img{max-height:44px;width:auto}.project-detail .site-footer{margin-top:72px}
@media(max-width:980px){.case-gallery{grid-template-columns:1fr!important}.project-hero h1{font-size:clamp(52px,14vw,118px)!important}.project-hero p{font-size:clamp(20px,5vw,28px)!important}.brand-img img{max-height:36px}}


/* V30.8 — updated brand marks and real brand case assets */
.brand-img{max-width:210px!important;min-width:170px!important}
.brand-img img{height:46px!important;width:auto!important;filter:none!important;object-fit:contain!important}
.case-logo-lockup{margin:30px 0 10px;display:flex;align-items:center;justify-content:flex-start;background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:18px;padding:24px;max-width:420px}
.case-logo-lockup img{max-height:170px!important;width:auto!important;border:0!important;border-radius:0!important;margin:0!important;object-fit:contain!important;background:transparent!important}
.project-hero .case-logo-lockup + img{margin-top:28px!important}
.site-footer .footer-links{gap:10px}
@media(max-width:680px){.brand-img{min-width:130px!important;max-width:155px!important}.brand-img img{height:34px!important}.case-logo-lockup{max-width:100%;justify-content:center}.case-logo-lockup img{max-height:120px!important}}