:root{--bg:#07101f;--panel:#0d1727cc;--gold:#f6a12a;--gold2:#ffd27a;--text:#f7f7f7;--muted:#b8c0cc;--line:#f6a12a55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#14274d 0,#07101f 40%,#03060d 100%);color:var(--text);font-family:Inter,Arial,sans-serif}.nav{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#03060db5;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.05em;line-height:1}.mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#ff6b00);color:#08111f;font-weight:900}nav{display:flex;gap:20px;align-items:center}nav a{color:#dce3ee;text-decoration:none;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07101f;text-decoration:none;font-weight:800;box-shadow:0 0 30px #f6a12a40}.btn.small{padding:10px 16px}.btn.ghost{background:transparent;color:white;border:1px solid var(--line);box-shadow:none}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:130px 7% 70px;position:relative;overflow:hidden}.glow{position:absolute;width:420px;height:420px;background:#ff8a0033;filter:blur(90px);right:-120px;top:160px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.22em;font-weight:800;font-size:.82rem}h1,h2,h3{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:.045em;margin:.1em 0}h1{font-size:clamp(4rem,9vw,9rem);line-height:.88}h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.95}h3{font-size:2rem}h1 span,h2 span{color:var(--gold)}p{color:var(--muted);font-size:1.05rem;line-height:1.75}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-art,.dark-card,.cards article,.logos span,.work-card,.photo-grid article,.add-box{background:linear-gradient(145deg,#ffffff10,#ffffff04);border:1px solid var(--line);box-shadow:inset 0 1px #fff2,0 22px 70px #0008;backdrop-filter:blur(12px)}.hero-art{min-height:430px;border-radius:34px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,#f6a12a55,transparent,#223e78,transparent);animation:spin 9s linear infinite}.hero-art:after{content:"";position:absolute;inset:1px;border-radius:34px;background:linear-gradient(145deg,#0b1426,#050913)}.logo-shape{position:relative;z-index:1;font-size:14rem;color:var(--gold);filter:drop-shadow(0 0 45px #f6a12a80)}.hero-stats{position:absolute;z-index:2;bottom:24px;left:24px;right:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-stats span{border:1px solid #ffffff18;border-radius:16px;padding:16px;background:#ffffff0a;text-align:center;color:#dce3ee}.hero-stats b{display:block;color:var(--gold2)}.section{padding:90px 7%}.alt{background:#03060d55}.center{text-align:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{border-radius:24px;padding:28px;min-height:220px;transition:.35s}.cards article:hover,.work-card:hover,.photo-grid article:hover{transform:translateY(-8px);box-shadow:0 0 50px #f6a12a22}.cards b{font-family:'Bebas Neue';font-size:3.5rem;color:var(--gold)}.dark-card{margin:40px 7%;border-radius:30px;padding:40px;display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}.add-box{border-radius:24px;padding:26px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.work-card{border-radius:24px;padding:28px;min-height:270px;transition:.35s}.work-card span,.photo-grid span{display:inline-block;color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.work-card a{color:var(--gold2);font-weight:800;text-decoration:none}.thumb{height:150px;border-radius:20px;background:radial-gradient(circle at 50% 50%,#f6a12a55,#101b31 60%);display:grid;place-items:center;font-size:3rem;margin-bottom:20px;border:1px solid var(--line)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.photo-grid article{min-height:240px;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#182b4e,#08101e)}.photo-grid article:nth-child(even){background:linear-gradient(145deg,#251508,#09111f)}.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:35px}.logos span{border-radius:18px;min-height:92px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:1.05rem;color:white}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:70px 7%;background:#03060d;border-top:1px solid var(--line)}.contact-box{display:grid;gap:12px}.contact-box a{color:var(--gold2);font-weight:800;text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:1s}.reveal.active{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){nav{gap:12px}.hero,.dark-card{grid-template-columns:1fr}.grid,.portfolio-grid,.photo-grid,.logos{grid-template-columns:1fr 1fr}}@media(max-width:760px){nav{display:none}footer{display:block}.hero-stats{grid-template-columns:1fr}.logo-shape{font-size:9rem}.hero-art{min-height:360px}}@media(max-width:560px){.grid,.portfolio-grid,.photo-grid,.logos{grid-template-columns:1fr}.section{padding:65px 6%}.hero{padding-inline:6%}h1{font-size:4.4rem}.dark-card{margin:20px 6%;padding:28px}}
.work-img{width:100%;height:170px;object-fit:cover;border-radius:18px;margin-bottom:18px;border:1px solid var(--line);background:#111}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;margin-bottom:18px;border:1px solid var(--line);background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.work-card small{display:block;color:#d7d7d7;margin:0 0 12px}.work-card{overflow:hidden}
.logos .client-logo{border-radius:18px;min-height:110px;display:grid;place-items:center;text-align:center;font-weight:900;color:white;text-decoration:none;background:linear-gradient(145deg,#ffffff10,#ffffff04);border:1px solid var(--line);box-shadow:inset 0 1px #fff2,0 22px 70px #0008;backdrop-filter:blur(12px);padding:16px;gap:8px}.logos .client-logo img{max-width:100%;max-height:58px;object-fit:contain;filter:drop-shadow(0 8px 20px #0007)}.logos .client-logo small{font-size:.72rem;color:var(--muted);font-family:Inter,Arial,sans-serif}.logos .client-logo b{font-family:Inter,Arial,sans-serif;font-size:1rem}
.site-logo{height:46px;max-width:150px;object-fit:contain;margin-right:10px}.brand{display:flex;align-items:center;gap:10px}
.btn.tiny{padding:9px 13px;font-size:.82rem;box-shadow:none}.work-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.project-link{color:var(--gold2);font-weight:800;text-decoration:none}.portfolio-modal{position:fixed;inset:0;z-index:99;display:none;align-items:center;justify-content:center;padding:22px}.portfolio-modal.is-open{display:flex}.portfolio-modal__backdrop{position:absolute;inset:0;background:#02050bcc;backdrop-filter:blur(12px)}.portfolio-modal__box{position:relative;width:min(920px,100%);max-height:90vh;overflow:auto;border-radius:28px;padding:28px;background:linear-gradient(145deg,#0d1727,#050913);border:1px solid var(--line);box-shadow:0 30px 110px #000}.portfolio-modal__close{position:absolute;right:18px;top:14px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff22;background:#ffffff0d;color:white;font-size:1.8rem;cursor:pointer}.portfolio-modal__media{margin-bottom:22px}.portfolio-modal__media img{width:100%;max-height:430px;object-fit:cover;border-radius:20px;border:1px solid var(--line)}.portfolio-modal__media iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;background:#000}.modal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.modal-meta span{border:1px solid #ffffff16;border-radius:16px;padding:14px;background:#ffffff08}.modal-meta b{display:block;color:var(--gold2);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.modal-meta em{font-style:normal;color:white;font-weight:700}@media(max-width:700px){.modal-meta{grid-template-columns:1fr}.portfolio-modal__box{padding:22px}.portfolio-modal__close{right:12px;top:10px}}
.card-thumb{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative;text-align:left}.card-thumb .work-img{height:190px;margin-bottom:18px;transition:.35s}.card-thumb:hover .work-img{transform:scale(1.03);filter:brightness(.82)}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);width:58px;height:58px;border-radius:50%;display:grid!important;place-items:center;background:#0009;border:1px solid var(--line);color:var(--gold2)!important;font-size:1.45rem;letter-spacing:0!important;box-shadow:0 0 35px #000}.photo-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:-8px 0 22px}.gallery-thumb{border:1px solid #ffffff1f;border-radius:12px;padding:0;overflow:hidden;background:#ffffff08;cursor:pointer;opacity:.72}.gallery-thumb.active,.gallery-thumb:hover{opacity:1;border-color:var(--gold)}.gallery-thumb img{width:100%;height:74px;object-fit:cover;display:block}.empty-media{border:1px dashed #ffffff24;border-radius:20px;min-height:240px;display:grid;place-items:center;color:var(--muted);background:#ffffff06}.portfolio-modal__media img{object-fit:contain;background:#03060d}@media(max-width:700px){.photo-gallery{grid-template-columns:repeat(3,1fr)}.gallery-thumb img{height:64px}}

.portfolio-swiper{width:100%;border-radius:20px;overflow:hidden;background:#03060d;border:1px solid var(--line)}.portfolio-swiper .swiper-slide{display:grid;place-items:center;min-height:420px}.portfolio-swiper img{width:100%;max-height:520px;object-fit:contain;display:block}.portfolio-swiper .swiper-button-next,.portfolio-swiper .swiper-button-prev{color:var(--gold2)}.portfolio-swiper .swiper-pagination-bullet-active{background:var(--gold)}

/* ===== UI Remake 2026: clean cinematic portfolio ===== */
:root{--bg:#05070d;--surface:#0b1019;--surface2:#111827;--gold:#d6a84f;--gold2:#ffe3a3;--text:#f8fafc;--muted:#9ca3af;--line:rgba(255,255,255,.10);--glass:rgba(255,255,255,.055)}
body{background:linear-gradient(180deg,#05070d 0%,#080d18 44%,#030407 100%);overflow-x:hidden}.nav{padding:14px 6%;background:rgba(5,7,13,.72);border-bottom:1px solid var(--line)}.brand{letter-spacing:.02em;text-transform:none}.brand span{font-size:.92rem}.mark,.site-logo{box-shadow:0 12px 32px rgba(0,0,0,.34)}nav a{font-size:.92rem;color:#e5e7ebaa;transition:.25s}nav a:hover{color:#fff}.admin-link{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.btn{background:linear-gradient(135deg,#ffe6aa,#c99131);box-shadow:none;border:0;transition:.25s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn.ghost{background:rgba(255,255,255,.04);border:1px solid var(--line)}
.hero{grid-template-columns:1.1fr .9fr;padding:128px 6% 78px;min-height:94vh}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(214,168,79,.18),transparent 28%),radial-gradient(circle at 85% 28%,rgba(45,86,150,.18),transparent 30%);pointer-events:none}.hero-text{position:relative;z-index:1;max-width:820px}h1{font-size:clamp(4.2rem,8.6vw,8.7rem);letter-spacing:.02em}.hero-text p:not(.eyebrow){max-width:660px}.hero-art{border-radius:32px;min-height:440px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid var(--line)}.hero-art:before{background:conic-gradient(from 180deg,transparent,rgba(214,168,79,.32),transparent,rgba(255,255,255,.04),transparent)}.hero-art:after{background:linear-gradient(145deg,#0b1019,#05070d)}.logo-shape{font-size:12rem;color:#f3c86f}.hero-stats span{background:rgba(255,255,255,.055);border:1px solid var(--line);backdrop-filter:blur(16px)}
.section{padding:88px 6%}.section>h2.center,.section>.eyebrow.center{max-width:920px;margin-left:auto;margin-right:auto}.cards article,.work-card,.dark-card,.add-box,.client-logo{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.cards article{border-radius:28px;min-height:210px}.cards article b{font-size:2.5rem;color:#f4d28c}.cards article h3{font-size:1.75rem}.portfolio-intro{margin:30px 6%;border-radius:34px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{position:relative;padding:16px 16px 20px;border-radius:28px;min-height:unset}.work-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);pointer-events:none}.card-thumb .work-img,.work-img{height:220px;border-radius:22px;border:1px solid var(--line);margin-bottom:16px}.work-card h3{font-family:Inter,Arial,sans-serif;font-size:1.12rem;letter-spacing:-.02em;line-height:1.25;margin:8px 0;color:#fff}.work-card p{font-size:.92rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card span{font-size:.68rem;letter-spacing:.16em;color:#f3d18a}.work-card small{color:#9ca3af;margin-top:10px}.work-actions{justify-content:space-between;margin-top:16px}.btn.tiny{width:100%;border-radius:14px;padding:11px 14px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#fff}.project-link{display:none!important}.play-badge{background:rgba(5,7,13,.72);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.18)}.logos{grid-template-columns:repeat(5,1fr)}.logos .client-logo{background:rgba(255,255,255,.045);border:1px solid var(--line);box-shadow:none}.portfolio-modal__box{background:linear-gradient(145deg,#101827,#05070d);border-color:rgba(255,255,255,.14);box-shadow:0 40px 120px rgba(0,0,0,.78)}.portfolio-modal__close{background:rgba(255,255,255,.08);border:1px solid var(--line)}.modal-meta span{background:rgba(255,255,255,.045);border:1px solid var(--line)}footer{background:#04060b;padding:80px 6%;border-top:1px solid var(--line)}
@media(max-width:1080px){.portfolio-grid,.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{min-height:340px}.logos{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.portfolio-grid,.grid,.logos{grid-template-columns:1fr}.nav{position:sticky}.hero{padding-top:70px}.portfolio-intro{margin:18px 6%;grid-template-columns:1fr}.card-thumb .work-img,.work-img{height:210px}}

.testimonials-section{position:relative}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.testimonial-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:flex-start;padding:24px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.testimonial-img,.testimonial-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:rgba(255,255,255,.08)}.testimonial-avatar{display:grid;place-items:center;font-weight:900;font-size:1.6rem;color:var(--gold2)}.stars{color:var(--gold2);letter-spacing:.12em;margin-bottom:12px}.review-text{color:#d1d5db;line-height:1.7;margin:0 0 18px}.testimonial-card h3{font-family:Inter,Arial,sans-serif;font-size:1rem;margin:0 0 4px}.testimonial-card span{font-size:.8rem;color:var(--muted);letter-spacing:.04em}@media(max-width:1080px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.testimonial-grid{grid-template-columns:1fr}.testimonial-card{grid-template-columns:1fr}.testimonial-img,.testimonial-avatar{width:64px;height:64px}}
.section-title{position:relative;text-align:center;margin-bottom:26px}.section-title .view-all{margin-top:14px}.page-hero{padding:150px 6% 45px;text-align:center;min-height:380px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 50% 20%,rgba(214,168,79,.18),transparent 32%)}.page-hero h1{font-size:clamp(4rem,8vw,8rem);margin:0}.page-hero p{max-width:760px;margin:10px auto 0}.work-card .work-actions,.work-card .project-link{display:none!important}.work-card{cursor:pointer}.work-card:hover .work-img{filter:brightness(.78);transform:scale(1.02)}

/* Plyr video portfolio */
.portfolio-modal__media .plyr{width:100%;border-radius:24px;overflow:hidden;background:#000;}
.portfolio-modal__media video{width:100%;display:block;border-radius:24px;background:#000;}


/* Hero highlight video + floating WhatsApp */
.hero-video-card{padding:0}.hero-video-card:after{display:none}.hero-video-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:linear-gradient(145deg,#111827,#05070d);cursor:pointer;border-radius:32px;overflow:hidden;color:#fff;text-align:left}.hero-video-open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:.35s}.hero-video-open:hover img{transform:scale(1.04);opacity:.45}.hero-video-open:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.85));z-index:1}.hero-play{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:rgba(5,7,13,.76);border:1px solid rgba(255,255,255,.18);color:var(--gold2);font-size:2rem;box-shadow:0 24px 60px rgba(0,0,0,.35)}.hero-video-open strong{position:absolute;z-index:2;left:26px;right:26px;bottom:116px;font-family:Inter,Arial,sans-serif;font-size:1.35rem;letter-spacing:-.02em}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:#25D366;color:#03130a;text-decoration:none;font-weight:900;box-shadow:0 18px 55px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.28);transition:.25s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.35);font-size:1.1rem}.floating-whatsapp b{font-size:.95rem}@media(max-width:680px){.hero-video-open strong{bottom:150px;font-size:1.05rem}.floating-whatsapp{right:14px;bottom:14px;padding:12px}.floating-whatsapp b{display:none}}

/* Real WhatsApp icon button */
.floating-whatsapp .wa-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.32);color:#062915}.floating-whatsapp .wa-icon svg{display:block}

/* category filters + icon-only WhatsApp */
.filter-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 34px}.filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:11px 17px;font-weight:800;cursor:pointer;transition:.25s}.filter-btn:hover,.filter-btn.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07101f}.work-card.is-hidden{display:none}.floating-whatsapp.icon-only{width:58px;height:58px;padding:0;justify-content:center;border-radius:50%}.floating-whatsapp.icon-only .wa-icon{background:transparent;width:100%;height:100%;font-size:0}.floating-whatsapp.icon-only .wa-icon svg{width:31px;height:31px}.floating-whatsapp.icon-only b{display:none}

/* ===== Premium Attractive UI Update + Clean URL ready ===== */
html{scroll-behavior:smooth}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 10%,rgba(214,168,79,.16),transparent 30%),radial-gradient(circle at 90% 5%,rgba(69,103,180,.18),transparent 34%),linear-gradient(180deg,#03050b,#080d18 50%,#03050b)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%)}
.nav{backdrop-filter:blur(22px);box-shadow:0 18px 60px rgba(0,0,0,.18)}.brand{gap:12px}.site-logo{width:48px;height:48px;object-fit:contain;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:6px}.mark{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07101f}.admin-link{background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important}
.hero{overflow:hidden}.hero-text .eyebrow,.page-hero .eyebrow{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(214,168,79,.1);border:1px solid rgba(214,168,79,.24);color:var(--gold2)}.hero h1,.page-hero h1{line-height:.88;text-shadow:0 18px 80px rgba(214,168,79,.12)}.hero h1 span,.page-hero h1 span,h2 span{background:linear-gradient(135deg,#fff2c8,#d6a84f 45%,#8b5f1d);-webkit-background-clip:text;background-clip:text;color:transparent}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{border-radius:999px;padding:14px 22px;font-weight:900;letter-spacing:.02em}.btn.small{padding:10px 16px}.hero-video-card{box-shadow:0 36px 120px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08)}.hero-play{animation:pulsePlay 1.8s ease-in-out infinite}@keyframes pulsePlay{0%,100%{box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 0 rgba(214,168,79,.35)}50%{box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 18px rgba(214,168,79,0)}}
.section-title h2,.section h2{letter-spacing:-.01em}.cards article:hover,.work-card:hover,.testimonial-card:hover,.client-logo:hover{transform:translateY(-6px);border-color:rgba(214,168,79,.34);box-shadow:0 34px 90px rgba(0,0,0,.36)}.cards article,.work-card,.testimonial-card,.client-logo{transition:.28s ease}.work-img{transition:.35s ease}.work-card{overflow:hidden}.work-card:after{content:"";position:absolute;left:18px;right:18px;top:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,227,163,.7),transparent);opacity:.55}.filter-bar{position:relative}.filter-btn{backdrop-filter:blur(14px)}.filter-btn.active{box-shadow:0 14px 35px rgba(214,168,79,.16)}.client-logo img{max-width:100%;max-height:72px;object-fit:contain;filter:grayscale(.15);transition:.25s}.client-logo:hover img{filter:grayscale(0)}
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,168,79,.8),transparent)}.portfolio-grid{align-items:stretch}.work-card{display:flex;flex-direction:column}.card-thumb{position:relative}.play-badge{position:absolute;inset:auto 14px 14px auto}.modal-meta{gap:10px}.portfolio-modal__box{border-radius:32px}.floating-whatsapp.icon-only{background:#25D366;box-shadow:0 18px 55px rgba(37,211,102,.25)}
@media(max-width:820px){.nav{gap:12px}.nav nav{width:100%;overflow:auto;justify-content:flex-start;padding-bottom:6px}.hero h1{font-size:clamp(3.4rem,18vw,5.6rem)}.hero{min-height:auto}.hero-stats{grid-template-columns:1fr}.actions .btn{width:100%;text-align:center}.page-hero h1{font-size:clamp(3rem,15vw,5rem)}}

.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.research-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.18)}.research-card img{width:100%;height:220px;object-fit:cover;display:block}.research-card>div{padding:24px}.research-chip{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(212,175,55,.14);color:#d4af37;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.research-card h3{margin:14px 0 10px;font-size:24px}.research-card h3 a{color:inherit;text-decoration:none}.research-card p{color:rgba(255,255,255,.72);line-height:1.7}.research-card small{display:block;color:rgba(255,255,255,.55);margin-bottom:18px}.read-more{color:#d4af37;text-decoration:none;font-weight:700}.research-single{max-width:1050px;margin:0 auto;padding:140px 24px 80px}.research-single-head{text-align:center;max-width:850px;margin:0 auto 32px}.research-single h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,96px);line-height:.9;margin:10px 0}.research-single-head p{color:rgba(255,255,255,.75);font-size:18px;line-height:1.7}.article-meta{color:#d4af37;margin-top:14px}.research-cover{width:100%;max-height:560px;object-fit:cover;border-radius:32px;margin:28px 0;box-shadow:0 40px 110px rgba(0,0,0,.25)}.research-content{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:clamp(24px,5vw,56px);line-height:1.85;color:rgba(255,255,255,.86);margin-bottom:28px}.research-content h2,.research-content h3{color:#fff}.research-content a{color:#d4af37}.research-content img{max-width:100%;border-radius:18px}@media(max-width:900px){.research-grid{grid-template-columns:1fr}.research-card img{height:240px}.research-single{padding-top:110px}}

/* Research page UI fix */
.research-hero{position:relative;overflow:hidden}
.research-hero:after{content:"";position:absolute;inset:auto -10% -35% -10%;height:260px;background:radial-gradient(circle,rgba(212,175,55,.22),transparent 65%);pointer-events:none}
.research-page-wrap{padding-top:56px}.research-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.research-toolbar h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,6vw,72px);line-height:.9;margin:4px 0 0}.research-count{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:12px 16px;border-radius:999px;color:rgba(255,255,255,.75);font-weight:700}.empty-state{border:1px dashed rgba(255,255,255,.18);border-radius:28px;padding:50px;text-align:center;background:rgba(255,255,255,.04)}
.research-single{max-width:1120px;margin:0 auto;padding:130px 24px 84px}.research-single-head{position:relative;text-align:center;max-width:900px;margin:0 auto 34px;padding:36px 24px;border:1px solid rgba(255,255,255,.1);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.20);overflow:hidden}.research-single-head:before{content:"";position:absolute;inset:-60% -20% auto;height:280px;background:radial-gradient(circle,rgba(212,175,55,.20),transparent 65%);pointer-events:none}.research-single-head>*{position:relative}.back-link{display:inline-flex;margin-bottom:16px;color:#d4af37;text-decoration:none;font-weight:800}.research-single h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(46px,8vw,94px);line-height:.9;margin:10px 0 16px;letter-spacing:.01em}.research-lead{max-width:760px;margin:0 auto;color:rgba(255,255,255,.78);font-size:18px;line-height:1.75}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.article-meta span{display:inline-flex;border:1px solid rgba(212,175,55,.28);background:rgba(212,175,55,.1);color:#d4af37;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800}.research-cover{width:100%;max-height:560px;object-fit:cover;border-radius:34px;margin:0 0 28px;box-shadow:0 36px 120px rgba(0,0,0,.28)}.research-content{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:clamp(24px,5vw,58px);line-height:1.9;color:rgba(255,255,255,.88);font-size:17px;margin-bottom:28px;overflow:hidden}.research-content h1,.research-content h2,.research-content h3{color:#fff;line-height:1.15;margin:1.4em 0 .55em}.research-content p{margin:0 0 1.1em}.research-content ul,.research-content ol{padding-left:24px;margin:0 0 1.2em}.research-content blockquote{margin:28px 0;padding:22px 24px;border-left:4px solid #d4af37;background:rgba(212,175,55,.08);border-radius:18px}.research-content a{color:#d4af37}.research-content img{max-width:100%;height:auto;border-radius:20px}.research-bottom-nav{text-align:center}.research-not-found{min-height:70vh}@media(max-width:720px){.research-toolbar{align-items:flex-start;flex-direction:column}.research-single{padding-top:106px}.research-single-head{padding:28px 18px;border-radius:28px}.article-meta{justify-content:flex-start}.research-single-head{text-align:left}.research-lead{margin:0}.research-cover,.research-content{border-radius:26px}}

/* Start Website Preloader */
.site-preloader{
  position:fixed; inset:0; z-index:99999; display:grid; place-items:center;
  background:radial-gradient(circle at 50% 45%, rgba(212,175,55,.16), transparent 34%), linear-gradient(135deg,#050b16,#08182f 52%,#030713);
  transition:opacity .55s ease, visibility .55s ease;
}
.site-preloader.is-hidden{opacity:0; visibility:hidden; pointer-events:none;}
.preloader-orb{position:relative; width:190px; height:190px; display:grid; place-items:center; text-align:center; color:#fff;}
.preloader-orb:before,.preloader-orb:after{content:""; position:absolute; inset:0; border-radius:50%; border:1px solid rgba(212,175,55,.28); box-shadow:0 0 45px rgba(212,175,55,.14), inset 0 0 35px rgba(255,255,255,.04);}
.preloader-orb:before{animation:preloaderSpin 1.4s linear infinite; border-top-color:#d4af37; border-right-color:rgba(255,255,255,.55);}
.preloader-orb:after{inset:22px; animation:preloaderSpin 2.2s linear infinite reverse; border-bottom-color:#d4af37;}
.preloader-orb span{position:absolute; width:58px; height:58px; border-radius:18px; transform:rotate(45deg); background:linear-gradient(135deg,#f7e39a,#b88722,#fff0b8); box-shadow:0 0 35px rgba(212,175,55,.45); animation:preloaderPulse 1.4s ease-in-out infinite;}
.preloader-orb strong{position:relative; margin-top:88px; font-size:14px; letter-spacing:.12em; text-transform:uppercase;}
.preloader-orb em{position:absolute; bottom:36px; font-style:normal; font-size:11px; letter-spacing:.35em; text-transform:uppercase; color:rgba(255,255,255,.62);}
@keyframes preloaderSpin{to{transform:rotate(360deg)}}
@keyframes preloaderPulse{0%,100%{transform:rotate(45deg) scale(.9)}50%{transform:rotate(45deg) scale(1.06)}}
body.preloading{overflow:hidden;}

.upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.upcoming-card{background:rgba(255,255,255,.055);border:1px solid rgba(212,175,55,.18);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22)}.upcoming-card img{width:100%;height:230px;object-fit:cover;display:block}.upcoming-card>div{padding:22px}.status-badge,.date-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.25);color:#f4d77a;font-size:12px;font-weight:800;margin-right:8px}.progress-line{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:14px 0}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,#a87921,#f4d77a);border-radius:999px}.progress-line.big{height:13px}.single-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:130px 6vw 60px}.single-hero img{width:100%;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);max-height:460px;object-fit:cover}.single-content{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.content-card{background:rgba(255,255,255,.055);border:1px solid rgba(212,175,55,.16);border-radius:28px;padding:28px}.rich-content{line-height:1.85;color:#d6dceb}.rich-content h2,.rich-content h3{color:#fff}.single-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.single-gallery img{width:100%;height:180px;object-fit:cover;border-radius:18px}@media(max-width:900px){.upcoming-grid,.single-hero,.single-content{grid-template-columns:1fr}.single-hero{padding-top:110px}}

/* Admin button hidden on frontend */
.frontend-admin-link,.admin-link{display:none!important}


/* =========================================================
   FINAL PREMIUM UI REMAKE - Typography, spacing, cards
   ========================================================= */
:root{
  --lux-bg:#040812;
  --lux-bg-2:#071426;
  --lux-panel:rgba(255,255,255,.075);
  --lux-panel-strong:rgba(255,255,255,.11);
  --lux-border:rgba(245,194,102,.22);
  --lux-gold:#d4af37;
  --lux-gold-2:#ffe6a3;
  --lux-text:#f8fafc;
  --lux-muted:#c6d0df;
}
html{font-size:16px;scroll-padding-top:92px}
body{
  background:
    radial-gradient(circle at 12% 6%,rgba(212,175,55,.18),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(67,117,207,.15),transparent 30%),
    linear-gradient(145deg,var(--lux-bg),var(--lux-bg-2) 48%,#03050a);
  color:var(--lux-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 80%)}
.nav{padding:20px 7%;background:rgba(3,6,13,.72);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 20px 70px rgba(0,0,0,.22)}
.brand{letter-spacing:.08em;line-height:1.35;max-width:420px}.brand span,.brand b{line-height:1.35}.mark{box-shadow:0 12px 36px rgba(212,175,55,.24)}
nav a{line-height:1.45;opacity:.9;transition:.25s}nav a:hover{color:var(--lux-gold-2);opacity:1}
.hero{gap:56px;padding-top:150px}.hero:after{content:"";position:absolute;inset:auto 7% 35px;height:1px;background:linear-gradient(90deg,transparent,var(--lux-border),transparent)}
.eyebrow{line-height:1.65;margin-bottom:20px;color:var(--lux-gold-2)}
h1,h2,h3{line-height:1.18;letter-spacing:.035em;text-wrap:balance}h1{line-height:1.08;margin-bottom:24px}h2{line-height:1.16;margin-bottom:18px}h3{line-height:1.28;margin-bottom:14px}
p,li{line-height:1.95;color:var(--lux-muted)}
.hero p{max-width:720px;font-size:1.12rem;line-height:2.05}.section>p,.center p{max-width:780px;margin-left:auto;margin-right:auto}.section{padding:108px 7%}.section.center h2{max-width:900px;margin-left:auto;margin-right:auto}
.btn{position:relative;overflow:hidden;line-height:1.35;transition:.28s ease}.btn:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:.55s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 45px rgba(212,175,55,.26)}.btn:hover:before{transform:translateX(110%)}
.hero-art,.dark-card,.cards article,.work-card,.photo-grid article,.add-box,.logos .client-logo,.logos span{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid var(--lux-border);box-shadow:inset 0 1px rgba(255,255,255,.16),0 24px 80px rgba(0,0,0,.33);backdrop-filter:blur(18px);border-radius:30px}.hero-art{border-radius:42px;min-height:480px}.hero-art:after{border-radius:42px;background:linear-gradient(145deg,rgba(12,22,39,.98),rgba(5,9,19,.96))}.hero-stats span{line-height:1.55;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.075)}
.grid,.portfolio-grid,.photo-grid{gap:26px}.cards article,.work-card{padding:32px}.cards article:hover,.work-card:hover,.photo-grid article:hover,.logos .client-logo:hover{transform:translateY(-10px);border-color:rgba(255,230,163,.45);box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 45px rgba(212,175,55,.13)}
.work-img,.thumb,.video-frame{border-radius:24px}.thumb{background:radial-gradient(circle at 40% 30%,rgba(255,230,163,.52),rgba(212,175,55,.16) 34%,rgba(13,23,39,.88) 72%)}
.work-card h3,.cards h3{line-height:1.35}.work-card small{line-height:1.7;color:#d7dfec}.work-actions{margin-top:20px}
.photo-grid article{min-height:290px;background:linear-gradient(145deg,rgba(24,43,78,.88),rgba(8,16,30,.92))}.logos{gap:18px}.logos .client-logo,.logos span{min-height:120px;transition:.28s}
footer{padding:80px 7%;background:linear-gradient(180deg,rgba(3,6,13,.55),#03060d);border-top:1px solid var(--lux-border)}footer h2,footer h3{line-height:1.25}.contact-box a{line-height:1.7}
.portfolio-modal__box{border-radius:34px;background:linear-gradient(145deg,rgba(13,23,39,.98),rgba(4,8,18,.98));border-color:rgba(255,230,163,.28)}.portfolio-modal__box h2,.portfolio-modal__box h3{line-height:1.25}.modal-meta span{line-height:1.55}.view-description{line-height:2}
.whatsapp-float,.whatsapp-btn{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 18px 46px rgba(37,211,102,.32);transition:.28s}.whatsapp-float:hover,.whatsapp-btn:hover{transform:translateY(-3px) scale(1.04)}.whatsapp-float span,.whatsapp-btn span,.whatsapp-float .text,.whatsapp-btn .text{display:none!important}
@media(max-width:1000px){.hero{gap:34px}.nav{padding:16px 6%}h1{line-height:1.12}.hero p{line-height:1.95}}
@media(max-width:760px){.hero{padding-top:120px}.hero-art{min-height:370px}.section{padding:76px 6%}h1{font-size:clamp(3.25rem,17vw,5.2rem);line-height:1.12}h2{font-size:clamp(2.25rem,12vw,4rem);line-height:1.18}p{line-height:1.85}.brand{font-size:.9rem}}
/* Photography detail page */
.photo-detail-hero .btn{margin-top:22px}.photo-detail-meta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.photo-detail-meta span{min-width:130px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:18px;padding:13px 18px;color:#fff}.photo-detail-meta b{display:block;color:var(--gold2);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px}.photo-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo-detail-card{position:relative;display:block;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:rgba(255,255,255,.06);box-shadow:0 24px 70px rgba(0,0,0,.28);min-height:260px}.photo-detail-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:.35s ease}.photo-detail-card span{position:absolute;left:16px;right:16px;bottom:16px;border-radius:999px;padding:10px 14px;background:rgba(3,6,13,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);color:var(--gold2);font-weight:900;text-align:center}.photo-detail-card:hover img{transform:scale(1.04);filter:brightness(.78)}.open-gallery-link{margin-top:16px}@media(max-width:1080px){.photo-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.photo-detail-grid{grid-template-columns:1fr}.photo-detail-card,.photo-detail-card img{min-height:230px}}

/* Fixed video modal close button arrangement */
.portfolio-modal__box{padding-top:72px;}
.portfolio-modal__close{
  position:sticky;
  top:0;
  float:right;
  margin:-54px 0 12px 12px;
  z-index:25;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:28px;
  font-weight:400;
  border-radius:999px;
  background:rgba(5,8,18,.92);
  border:1px solid rgba(255,230,163,.35);
  color:#fff;
  box-shadow:0 10px 35px rgba(0,0,0,.45);
}
.portfolio-modal__close:hover{background:rgba(212,175,55,.2);border-color:var(--gold);}
.portfolio-modal__media{clear:both;}
.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{
  width:100%;
  border-radius:20px;
  overflow:hidden;
  background:#000;
}
@media(max-width:700px){
  .portfolio-modal{padding:12px;}
  .portfolio-modal__box{padding:64px 16px 20px;}
  .portfolio-modal__close{width:40px;height:40px;margin:-48px 0 10px 10px;font-size:26px;}
}


/* Compact video preview modal: fit screen height without scroll bar */
.portfolio-modal.is-video-modal{
  padding:12px;
  align-items:center;
}
.portfolio-modal.is-video-modal .portfolio-modal__box{
  width:min(1040px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  overflow:hidden;
  padding:58px 18px 16px;
  border-radius:26px;
  display:flex;
  flex-direction:column;
}
.portfolio-modal.is-video-modal .portfolio-modal__close{
  position:absolute;
  top:12px;
  right:14px;
  float:none;
  margin:0;
  width:38px;
  height:38px;
  font-size:25px;
}
.portfolio-modal.is-video-modal .portfolio-modal__media{
  flex:0 1 auto;
  margin:0 0 12px;
  clear:none;
  min-height:0;
}
.portfolio-modal.is-video-modal .portfolio-modal__media iframe,
.portfolio-modal.is-video-modal .portfolio-modal__media video,
.portfolio-modal.is-video-modal .portfolio-modal__media .plyr,
.portfolio-modal.is-video-modal .portfolio-modal__media .plyr__video-embed{
  width:100%;
  max-height:min(62dvh,620px);
  aspect-ratio:16/9;
  border-radius:18px;
}
.portfolio-modal.is-video-modal .portfolio-modal__media video{
  height:auto;
}
.portfolio-modal.is-video-modal #modalGallery{display:none;}
.portfolio-modal.is-video-modal .eyebrow{
  margin:0 0 4px;
  font-size:.7rem;
}
.portfolio-modal.is-video-modal h2{
  font-size:clamp(1.55rem,3.2vw,2.4rem);
  line-height:1.05;
  margin:0 0 6px;
}
.portfolio-modal.is-video-modal #modalDescription{
  margin:0 0 10px;
  font-size:.9rem;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.portfolio-modal.is-video-modal .modal-meta{
  margin:0;
  gap:8px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.portfolio-modal.is-video-modal .modal-meta span{
  padding:8px 10px;
  border-radius:12px;
}
.portfolio-modal.is-video-modal .modal-meta b{
  font-size:.62rem;
  letter-spacing:.1em;
}
.portfolio-modal.is-video-modal .modal-meta em{
  font-size:.82rem;
}
@media(max-width:700px){
  .portfolio-modal.is-video-modal{padding:8px;}
  .portfolio-modal.is-video-modal .portfolio-modal__box{
    width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
    padding:54px 12px 12px;
    border-radius:20px;
  }
  .portfolio-modal.is-video-modal .portfolio-modal__media iframe,
  .portfolio-modal.is-video-modal .portfolio-modal__media video,
  .portfolio-modal.is-video-modal .portfolio-modal__media .plyr,
  .portfolio-modal.is-video-modal .portfolio-modal__media .plyr__video-embed{
    max-height:52dvh;
    border-radius:14px;
  }
  .portfolio-modal.is-video-modal #modalDescription{
    -webkit-line-clamp:1;
    font-size:.84rem;
  }
  .portfolio-modal.is-video-modal .modal-meta{grid-template-columns:1fr 1fr 1fr;}
  .portfolio-modal.is-video-modal .modal-meta span{padding:7px 8px;}
}
@media(max-height:620px){
  .portfolio-modal.is-video-modal .portfolio-modal__box{padding-top:48px;}
  .portfolio-modal.is-video-modal .portfolio-modal__media iframe,
  .portfolio-modal.is-video-modal .portfolio-modal__media video,
  .portfolio-modal.is-video-modal .portfolio-modal__media .plyr,
  .portfolio-modal.is-video-modal .portfolio-modal__media .plyr__video-embed{max-height:55dvh;}
  .portfolio-modal.is-video-modal #modalDescription{display:none;}
  .portfolio-modal.is-video-modal .modal-meta span{padding:6px 8px;}
}

/* Final modal no-scroll cleanup */
.portfolio-modal{overflow:hidden;}
.portfolio-modal__box{overflow:hidden;max-height:calc(100dvh - 28px);}
.portfolio-modal__media{min-height:0;}
.portfolio-modal__media img{max-height:58dvh;width:100%;object-fit:contain;}
.portfolio-modal .portfolio-swiper{max-height:58dvh;}
.portfolio-modal .portfolio-swiper img{max-height:58dvh;object-fit:contain;}
.portfolio-modal #modalDescription{max-height:4.2em;overflow:hidden;}
.portfolio-modal .modal-meta{flex-shrink:0;}
@media(max-width:700px){
  .portfolio-modal__box{max-height:calc(100dvh - 16px);}
  .portfolio-modal__media img,.portfolio-modal .portfolio-swiper,.portfolio-modal .portfolio-swiper img{max-height:48dvh;}
  .portfolio-modal #modalDescription{max-height:2.9em;}
}

/* Photo single page masonry layout */
.photo-detail-grid{
  display:block;
  columns:3 280px;
  column-gap:18px;
}
.photo-detail-card{
  display:inline-block;
  width:100%;
  min-height:0;
  margin:0 0 18px;
  break-inside:avoid;
  position:relative;
  overflow:hidden;
  border-radius:22px;
}
.photo-detail-card img{
  height:auto;
  min-height:0;
  object-fit:contain;
  background:#03060d;
  display:block;
  width:100%;
}
@media(max-width:760px){
  .photo-detail-grid{columns:2 220px;column-gap:16px;}
}
@media(max-width:520px){
  .photo-detail-grid{columns:1;}
}
}

/* Direct embed video modal: compact fit using the modern allow attribute */
.portfolio-modal__media .video-embed{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  max-height:calc(100dvh - 190px);
  border-radius:24px;
  overflow:hidden;
  background:#000;
}
.portfolio-modal__media .video-embed iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
@media (max-height:680px){
  .portfolio-modal__media .video-embed{max-height:calc(100dvh - 140px);}
}

/* --------------------------------------------------
   Remade spacious UI arrangement
   Better breathing room, balanced section widths, clean cards
-------------------------------------------------- */
:root{
  --page-pad:clamp(18px,5.5vw,86px);
  --section-space:clamp(72px,8vw,132px);
  --card-space:clamp(22px,2.4vw,34px);
  --soft-radius:30px;
}
body{overflow-x:hidden;}
.nav{
  padding:16px var(--page-pad);
  gap:24px;
}
nav{gap:clamp(12px,1.4vw,22px);}
nav a{white-space:nowrap;font-size:.95rem;}
.brand{min-width:max-content;}
.hero{
  grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);
  gap:clamp(42px,6vw,92px);
  padding:clamp(128px,12vw,168px) var(--page-pad) clamp(78px,8vw,118px);
  min-height:auto;
}
.hero-text{max-width:760px;}
.hero h1{max-width:860px;margin-top:12px;margin-bottom:26px;}
.hero p{max-width:680px;margin-bottom:0;}
.hero-art{min-height:clamp(430px,42vw,560px);}
.hero-stats{
  bottom:26px;
  left:26px;
  right:26px;
  gap:14px;
}
.hero-stats span{padding:15px 12px;border-radius:18px;}
.actions{margin-top:34px;gap:16px;}
.section{
  padding:var(--section-space) var(--page-pad);
  max-width:1520px;
  margin-left:auto;
  margin-right:auto;
}
.section.alt{
  max-width:none;
  padding-left:var(--page-pad);
  padding-right:var(--page-pad);
}
.section.alt > *{max-width:1520px;margin-left:auto;margin-right:auto;}
.section-title{
  display:grid;
  justify-items:center;
  gap:10px;
  margin:0 auto clamp(34px,4vw,58px);
  max-width:940px;
}
.section-title .eyebrow{margin:0;}
.section-title h2{margin:0;}
.section-title .view-all{
  margin-top:12px;
  padding-inline:24px;
}
.grid,
.portfolio-grid,
.testimonial-grid,
.research-grid,
.upcoming-grid,
.logos{
  gap:clamp(22px,2.2vw,34px);
}
.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr));}
.portfolio-grid{grid-template-columns:repeat(3,minmax(280px,1fr));}
.cards article,
.work-card,
.testimonial-card,
.research-card,
.upcoming-card,
.logos .client-logo,
.logos span{
  border-radius:var(--soft-radius);
}
.cards article,
.work-card{
  padding:var(--card-space);
  min-height:auto;
  display:flex;
  flex-direction:column;
}
.cards article p,
.work-card p,
.research-card p,
.upcoming-card p,
.review-text{
  margin-top:8px;
  margin-bottom:0;
}
.work-card h3{margin-top:14px;}
.work-img,
.card-thumb .work-img{
  height:clamp(210px,17vw,290px);
  border-radius:24px;
  margin-bottom:22px;
}
.work-card small{margin-top:16px;}
.testimonial-grid{grid-template-columns:repeat(3,minmax(280px,1fr));}
.testimonial-card{padding:clamp(22px,2.2vw,32px);}
.research-card,
.upcoming-card{height:100%;}
.research-card img,
.upcoming-card img{height:clamp(220px,18vw,300px);}
.research-card>div,
.upcoming-card>div{padding:clamp(22px,2.2vw,32px);}
.logos{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
.logos .client-logo,
.logos span{min-height:130px;padding:22px;}
footer{
  padding:clamp(62px,7vw,96px) var(--page-pad);
  gap:clamp(28px,5vw,80px);
}
footer>div:first-child{max-width:780px;}
.page-hero{
  padding:clamp(132px,12vw,172px) var(--page-pad) clamp(58px,6vw,92px);
  min-height:auto;
}
.filter-bar{margin-bottom:clamp(32px,4vw,56px);}
.photo-detail-grid{column-gap:clamp(18px,2vw,30px);}
.photo-detail-card{margin-bottom:clamp(18px,2vw,30px);}
.single-hero,
.single-content,
.research-single{
  padding-left:var(--page-pad);
  padding-right:var(--page-pad);
}
@media(max-width:1180px){
  .hero{grid-template-columns:1fr;}
  .hero-art{max-width:760px;width:100%;margin-inline:auto;}
  .grid.cards,.portfolio-grid,.testimonial-grid,.research-grid,.upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:860px){
  .nav{padding:14px var(--page-pad);}
  nav{display:none;}
  .brand{min-width:0;}
  .hero{padding-top:112px;gap:36px;}
  .hero-art{min-height:390px;}
  .hero-stats{grid-template-columns:repeat(3,1fr);left:16px;right:16px;bottom:16px;}
  .hero-stats span{font-size:.84rem;padding:12px 8px;}
  .grid.cards,.portfolio-grid,.testimonial-grid,.research-grid,.upcoming-grid{grid-template-columns:1fr;}
  .work-img,.card-thumb .work-img{height:260px;}
  footer{display:grid;grid-template-columns:1fr;}
}
@media(max-width:560px){
  :root{--page-pad:18px;--section-space:64px;}
  .hero{padding-top:104px;padding-bottom:62px;}
  .hero-art{min-height:360px;border-radius:24px;}
  .hero-video-open{border-radius:24px;}
  .hero-stats{grid-template-columns:1fr;position:relative;left:auto;right:auto;bottom:auto;margin:18px;}
  .hero-video-open strong{bottom:24px;}
  .work-img,.card-thumb .work-img{height:220px;}
  .cards article,.work-card,.testimonial-card,.research-card>div,.upcoming-card>div{padding:22px;}
  .actions .btn{width:100%;}
}

/* =========================================================
   COMPACT SPACED UI + SOCIAL FOOTER REMAKE
   ========================================================= */
:root{--compact-x:clamp(18px,5vw,72px);--compact-gap:clamp(18px,2.4vw,34px)}
.nav{padding:14px var(--compact-x)!important}
.section{padding:72px var(--compact-x)!important}
.hero{padding:118px var(--compact-x) 70px!important;gap:var(--compact-gap)!important;min-height:auto!important}
.page-hero,.single-hero{padding:126px var(--compact-x) 58px!important}
.section-title{margin-bottom:28px!important}
h1{margin-bottom:16px!important}h2{margin-bottom:14px!important}h3{margin-bottom:10px!important}
p,li{line-height:1.72!important}.hero p{line-height:1.78!important;margin-bottom:22px!important}
.grid,.portfolio-grid,.photo-grid,.testimonial-grid,.research-grid,.upcoming-grid{gap:20px!important}
.cards article,.work-card,.testimonial-card,.research-card,.upcoming-card,.dark-card,.add-box{padding:22px!important;border-radius:24px!important}
.work-img,.card-thumb,.thumb,.video-frame{border-radius:18px!important}.work-card p,.cards article p{margin-bottom:14px!important}
.work-actions,.btn-row{gap:12px!important;margin-top:16px!important}.btn{padding:12px 18px!important;border-radius:999px!important}.btn.small{padding:9px 14px!important}
.logos{gap:14px!important}.logos .client-logo,.logos span{min-height:92px!important;border-radius:20px!important;padding:16px!important}
.filter-bar{gap:10px!important;margin:0 0 24px!important}.filter-btn{padding:9px 15px!important;border-radius:999px!important}
.site-footer{padding:46px var(--compact-x) 28px!important;background:linear-gradient(180deg,rgba(3,6,13,.72),#03060d)!important;border-top:1px solid rgba(245,194,102,.2)!important}
.footer-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px;align-items:start;margin-bottom:28px}
.footer-kicker{display:inline-flex;margin-bottom:12px;padding:7px 12px;border:1px solid rgba(255,230,163,.26);border-radius:999px;color:var(--lux-gold-2);font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.055)}
.footer-brand h2{max-width:720px;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1!important;margin:0 0 14px!important}
.footer-brand p{max-width:620px;margin:0;color:var(--lux-muted)}
.footer-contact{display:grid!important;gap:12px!important;justify-content:stretch!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border:1px solid rgba(245,194,102,.2);border-radius:24px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.26)}
.footer-contact a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff!important;text-decoration:none;word-break:break-word;transition:.25s}
.footer-contact a:hover{transform:translateY(-2px);border-color:rgba(255,230,163,.36);background:rgba(212,175,55,.1)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}
.footer-bottom p{margin:0;font-size:.9rem;color:rgba(229,237,247,.78)!important;line-height:1.5!important}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);color:#fff;text-decoration:none;transition:.25s;box-shadow:0 12px 35px rgba(0,0,0,.16)}
.social-links a span{width:22px;height:22px;display:grid;place-items:center;color:var(--lux-gold-2)}.social-links svg{width:18px;height:18px;display:block}.social-links em{font-style:normal;font-size:.84rem;font-weight:800;letter-spacing:.02em}
.social-links a:hover{transform:translateY(-2px);border-color:rgba(255,230,163,.38);background:rgba(212,175,55,.13)}
@media(max-width:900px){.footer-main{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.section{padding:58px 6%!important}.hero{padding:105px 6% 58px!important}.page-hero,.single-hero{padding:112px 6% 48px!important}.social-links a em{display:none}.social-links a{width:44px;height:44px;padding:0;justify-content:center}.footer-contact{padding:14px}}

/* Google Drive video embed support */
.portfolio-modal__media .gdrive-video-wrap iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:24px;background:#000;display:block;}
.video-help{margin:10px 2px 0;color:#cfd6e6;font-size:.86rem;line-height:1.45;}
.video-help b{color:var(--gold2,#d6a84f);}

/* =========================================================
   FINAL COMPACT UI + FIT-TO-SCREEN MODALS
   ========================================================= */
:root{
  --final-x:clamp(16px,4.2vw,58px);
  --final-section:clamp(42px,5vw,68px);
  --final-gap:clamp(14px,1.7vw,22px);
}
body{font-size:15px;}
.nav{padding:10px var(--final-x)!important;min-height:66px;}
.brand{gap:9px;font-size:.88rem;}
.mark{width:38px!important;height:38px!important;border-radius:12px!important;}
nav{gap:14px!important;} nav a{font-size:.9rem!important;}
.hero{padding:96px var(--final-x) 48px!important;gap:var(--final-gap)!important;min-height:auto!important;}
.hero-art{min-height:330px!important;border-radius:24px!important;}
.logo-shape{font-size:clamp(7rem,11vw,11rem)!important;}
.hero-stats{bottom:14px!important;left:14px!important;right:14px!important;gap:8px!important;}
.hero-stats span{padding:10px 8px!important;border-radius:12px!important;font-size:.82rem!important;}
.section{padding:var(--final-section) var(--final-x)!important;}
.page-hero,.single-hero{padding:104px var(--final-x) 42px!important;min-height:auto!important;}
h1{font-size:clamp(3.2rem,7vw,7rem)!important;line-height:.9!important;}
h2{font-size:clamp(2.1rem,4vw,4.2rem)!important;line-height:.98!important;}
h3{font-size:clamp(1.15rem,1.7vw,1.65rem)!important;}
p{font-size:.96rem!important;line-height:1.6!important;}
.eyebrow{font-size:.72rem!important;letter-spacing:.17em!important;}
.actions{margin-top:18px!important;gap:10px!important;}
.btn{padding:10px 16px!important;font-size:.9rem!important;}
.btn.small,.btn.tiny{padding:8px 12px!important;font-size:.82rem!important;}
.section-title{margin-bottom:22px!important;gap:7px!important;}
.grid,.portfolio-grid,.photo-grid,.testimonial-grid,.research-grid,.upcoming-grid,.logos{gap:var(--final-gap)!important;}
.portfolio-grid{grid-template-columns:repeat(3,minmax(240px,1fr))!important;}
.cards article,.work-card,.testimonial-card,.research-card,.upcoming-card,.add-box,.dark-card{padding:18px!important;border-radius:20px!important;}
.work-card h3{margin:9px 0 6px!important;line-height:1.22!important;}
.work-card p,.cards article p{font-size:.88rem!important;line-height:1.45!important;-webkit-line-clamp:2!important;}
.work-img,.card-thumb .work-img{height:clamp(150px,14vw,210px)!important;border-radius:16px!important;margin-bottom:12px!important;}
.thumb,.video-frame{height:130px!important;border-radius:16px!important;margin-bottom:12px!important;}
.work-card small{margin-top:8px!important;font-size:.78rem!important;line-height:1.35!important;}
.work-actions{margin-top:10px!important;gap:8px!important;}
.filter-bar{margin-bottom:18px!important;gap:8px!important;}
.filter-btn{padding:8px 13px!important;font-size:.84rem!important;}
.logos .client-logo,.logos span{min-height:78px!important;padding:12px!important;border-radius:16px!important;}
footer,.site-footer{padding:38px var(--final-x) 24px!important;}
.footer-main{gap:20px!important;margin-bottom:20px!important;}
.footer-contact{padding:14px!important;border-radius:18px!important;gap:9px!important;}
.footer-contact a{min-height:42px!important;padding:9px 12px!important;border-radius:13px!important;font-size:.9rem!important;}
.social-links{gap:8px!important;}
.social-links a{min-height:40px!important;padding:8px 11px!important;}

.portfolio-modal{padding:10px!important;overflow:hidden!important;align-items:center!important;}
.portfolio-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);}
.portfolio-modal__box{
  position:relative!important;
  width:min(980px,calc(100vw - 20px))!important;
  max-height:calc(100dvh - 20px)!important;
  padding:48px 14px 14px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.portfolio-modal__close{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  float:none!important;
  font-size:24px!important;
  z-index:10!important;
}
.portfolio-modal__media{margin:0 0 9px!important;min-height:0!important;clear:none!important;}
.portfolio-modal__media img,.portfolio-modal .portfolio-swiper,.portfolio-modal .portfolio-swiper img{
  max-height:50dvh!important;
  object-fit:contain!important;
}
.portfolio-modal__media .video-embed,
.portfolio-modal__media iframe,
.portfolio-modal__media video,
.portfolio-modal__media .plyr,
.portfolio-modal__media .plyr__video-embed{
  width:100%!important;
  aspect-ratio:16/9!important;
  max-height:56dvh!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#000!important;
}
.portfolio-modal__media iframe{height:auto!important;border:0!important;display:block!important;}
.portfolio-modal .photo-gallery{gap:7px!important;margin:0 0 8px!important;max-height:60px!important;overflow:hidden!important;}
.portfolio-modal .gallery-thumb{width:54px!important;height:42px!important;border-radius:10px!important;}
.portfolio-modal .eyebrow{margin:0 0 3px!important;font-size:.66rem!important;}
.portfolio-modal h2{margin:0 0 5px!important;font-size:clamp(1.3rem,2.6vw,2rem)!important;line-height:1.05!important;}
.portfolio-modal #modalDescription{margin:0 0 8px!important;font-size:.84rem!important;line-height:1.35!important;max-height:2.7em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.portfolio-modal .modal-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important;}
.portfolio-modal .modal-meta span{padding:7px 8px!important;border-radius:11px!important;min-width:0!important;}
.portfolio-modal .modal-meta b{font-size:.58rem!important;letter-spacing:.08em!important;}
.portfolio-modal .modal-meta em{font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.video-help{font-size:.76rem!important;line-height:1.25!important;margin:6px 0 0!important;}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.hero{padding-top:86px!important}.section{padding:46px 18px!important}.page-hero,.single-hero{padding:92px 18px 34px!important}}
@media(max-width:620px){.portfolio-grid,.grid,.photo-grid,.testimonial-grid,.research-grid,.upcoming-grid{grid-template-columns:1fr!important}.portfolio-modal{padding:6px!important}.portfolio-modal__box{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:44px 10px 10px!important;border-radius:16px!important}.portfolio-modal__media .video-embed,.portfolio-modal__media iframe,.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{max-height:48dvh!important}.portfolio-modal__media img,.portfolio-modal .portfolio-swiper,.portfolio-modal .portfolio-swiper img{max-height:42dvh!important}.portfolio-modal #modalDescription{display:none!important}.portfolio-modal .modal-meta span{padding:6px!important}.footer-main{grid-template-columns:1fr!important}.work-img,.card-thumb .work-img{height:190px!important}}
@media(max-height:620px){.portfolio-modal__box{padding-top:40px!important}.portfolio-modal__media .video-embed,.portfolio-modal__media iframe,.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{max-height:52dvh!important}.portfolio-modal .eyebrow,.portfolio-modal #modalDescription{display:none!important}.portfolio-modal .modal-meta span{padding:5px 7px!important}.portfolio-modal h2{font-size:1.25rem!important;margin-bottom:5px!important}}

/* =========================================================
   FINAL UI FIX v3: compact layout, no modal scrollbars, balanced spacing
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important;}
:root{--final-pad:clamp(16px,4.5vw,58px);--final-gap:16px;--final-radius:18px;}
.nav{padding:10px var(--final-pad)!important;min-height:64px!important;}
.brand{gap:9px!important;font-size:.88rem!important;line-height:1.08!important;}
.site-logo,.mark{width:38px!important;height:38px!important;border-radius:12px!important;object-fit:contain!important;}
nav{gap:12px!important;}nav a{font-size:.88rem!important;}
.hero{padding:92px var(--final-pad) 42px!important;gap:24px!important;min-height:auto!important;}
.hero-text{max-width:760px!important;}.hero-art{min-height:330px!important;border-radius:22px!important;}
.hero-video-open{border-radius:22px!important;}.hero-video-open img{height:100%!important;object-fit:cover!important;}
.hero-stats{left:12px!important;right:12px!important;bottom:12px!important;gap:8px!important;}.hero-stats span{padding:9px 8px!important;border-radius:12px!important;font-size:.78rem!important;}
h1{font-size:clamp(3rem,7vw,7.5rem)!important;line-height:.9!important;margin:.02em 0 10px!important;}h2{font-size:clamp(2rem,4.2vw,4.4rem)!important;line-height:.96!important;margin:0 0 10px!important;}h3{font-size:clamp(1.35rem,2.2vw,1.9rem)!important;line-height:1.05!important;margin:0 0 8px!important;}
.eyebrow{font-size:.72rem!important;letter-spacing:.16em!important;margin:0 0 8px!important;}p,li{font-size:.94rem!important;line-height:1.55!important;} .hero p{font-size:1rem!important;line-height:1.55!important;margin-bottom:14px!important;}
.section{padding:48px var(--final-pad)!important;}.section-title{margin-bottom:20px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}.section-title .center{text-align:left!important}.section-title .view-all{margin-left:auto!important;}
.grid,.portfolio-grid,.photo-grid,.testimonial-grid,.research-grid,.upcoming-grid{gap:16px!important;margin-top:20px!important;}
.cards article,.work-card,.testimonial-card,.research-card,.upcoming-card,.dark-card,.add-box{padding:16px!important;border-radius:18px!important;min-height:0!important;}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.work-card{display:flex!important;flex-direction:column!important;height:100%!important;}.work-card span{font-size:.68rem!important;letter-spacing:.1em!important;margin-bottom:6px!important;}.work-card p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0 0 8px!important;min-height:2.9em!important;}.work-card small{font-size:.8rem!important;line-height:1.35!important;margin-top:auto!important;}
.work-img,.card-thumb .work-img{height:145px!important;border-radius:14px!important;margin-bottom:12px!important;}.thumb{height:145px!important;border-radius:14px!important;margin-bottom:12px!important;}.play-badge{width:46px!important;height:46px!important;font-size:1.05rem!important;}
.work-actions,.actions{gap:10px!important;margin-top:14px!important}.btn{padding:10px 15px!important;font-size:.88rem!important;}.btn.small,.btn.tiny{padding:8px 12px!important;font-size:.78rem!important;}
.logos{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.logos .client-logo,.logos span{min-height:74px!important;padding:12px!important;border-radius:16px!important;font-size:.88rem!important}.client-logo img{max-height:36px!important;max-width:92%!important;object-fit:contain!important;}
.site-footer{padding:34px var(--final-pad) 22px!important}.footer-main{gap:18px!important;margin-bottom:18px!important}.footer-brand h2{font-size:clamp(1.9rem,4vw,3.8rem)!important;margin-bottom:8px!important}.footer-contact{padding:14px!important;border-radius:18px!important;gap:8px!important}.footer-contact a{min-height:40px!important;padding:9px 11px!important;border-radius:12px!important}.footer-bottom{padding-top:16px!important;gap:14px!important}.social-links{gap:8px!important}.social-links a{min-height:38px!important;padding:7px 11px!important}.floating-whatsapp{width:48px!important;height:48px!important;right:18px!important;bottom:18px!important;}

/* Portfolio modal: fit viewport height without inner scrollbars */
body.modal-open,body:has(.portfolio-modal.is-open){overflow:hidden!important;}
.portfolio-modal{position:fixed!important;inset:0!important;z-index:9999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:10px!important;overflow:hidden!important;}
.portfolio-modal.is-open{display:flex!important;}
.portfolio-modal__backdrop{position:absolute!important;inset:0!important;background:rgba(2,5,11,.88)!important;backdrop-filter:blur(10px)!important;}
.portfolio-modal__box{position:relative!important;width:min(900px,calc(100vw - 20px))!important;height:auto!important;max-height:calc(100dvh - 20px)!important;overflow:hidden!important;padding:48px 16px 14px!important;border-radius:20px!important;display:grid!important;grid-template-rows:minmax(0,auto) auto auto auto auto!important;gap:8px!important;}
.portfolio-modal__close{position:absolute!important;top:9px!important;right:9px!important;width:34px!important;height:34px!important;margin:0!important;z-index:5!important;display:grid!important;place-items:center!important;font-size:24px!important;line-height:1!important;}
.portfolio-modal__media{margin:0!important;min-height:0!important;max-height:54dvh!important;overflow:hidden!important;border-radius:14px!important;}
.portfolio-modal__media .video-embed,.portfolio-modal__media .plyr-video-wrap,.portfolio-modal__media iframe,.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{width:100%!important;height:auto!important;max-height:54dvh!important;aspect-ratio:16/9!important;border-radius:14px!important;display:block!important;background:#000!important;overflow:hidden!important;}
.portfolio-modal__media img{width:100%!important;height:auto!important;max-height:50dvh!important;object-fit:contain!important;border-radius:14px!important;background:#03060d!important;}
.portfolio-modal .portfolio-swiper{max-height:50dvh!important;border-radius:14px!important;}.portfolio-modal .portfolio-swiper .swiper-slide{min-height:0!important;height:50dvh!important}.portfolio-modal .portfolio-swiper img{max-height:50dvh!important;height:100%!important;object-fit:contain!important;}
.photo-gallery{margin:2px 0 0!important;gap:6px!important;grid-template-columns:repeat(6,1fr)!important;max-height:54px!important;overflow:hidden!important}.gallery-thumb{border-radius:8px!important}.gallery-thumb img{height:48px!important;}
.portfolio-modal .eyebrow{margin:3px 0 0!important;font-size:.64rem!important;line-height:1.1!important;}.portfolio-modal h2{font-size:clamp(1.35rem,3vw,2.25rem)!important;line-height:1!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.portfolio-modal #modalDescription{font-size:.84rem!important;line-height:1.35!important;margin:0!important;max-height:2.7em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.portfolio-modal .modal-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important;}.portfolio-modal .modal-meta span{padding:7px 8px!important;border-radius:10px!important;min-width:0!important;}.portfolio-modal .modal-meta b{font-size:.6rem!important;margin-bottom:2px!important;}.portfolio-modal .modal-meta em{display:block!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.video-help{display:none!important;}
.portfolio-modal.is-video-modal .portfolio-modal__box{width:min(860px,calc(100vw - 20px))!important;}.portfolio-modal.is-video-modal .portfolio-modal__media{max-height:58dvh!important;}.portfolio-modal.is-video-modal .portfolio-modal__media .video-embed,.portfolio-modal.is-video-modal .portfolio-modal__media .plyr-video-wrap,.portfolio-modal.is-video-modal .portfolio-modal__media iframe,.portfolio-modal.is-video-modal .portfolio-modal__media video,.portfolio-modal.is-video-modal .portfolio-modal__media .plyr,.portfolio-modal.is-video-modal .portfolio-modal__media .plyr__video-embed{max-height:58dvh!important;}

@media(max-width:1050px){.portfolio-grid,.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.logos{grid-template-columns:repeat(3,1fr)!important}.hero{grid-template-columns:1fr!important}.hero-art{min-height:290px!important}.footer-main{grid-template-columns:1fr!important}}
@media(max-width:680px){:root{--final-pad:16px}.nav nav{display:none!important}.hero{padding-top:82px!important}.section{padding:38px var(--final-pad)!important}.portfolio-grid,.grid.cards,.photo-grid,.testimonial-grid,.research-grid,.upcoming-grid{grid-template-columns:1fr!important}.work-img,.card-thumb .work-img,.thumb{height:175px!important}.section-title{align-items:flex-start!important}.section-title .view-all{margin-left:0!important}.hero-stats{position:relative!important;grid-template-columns:1fr 1fr 1fr!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important}.social-links a em{display:none!important}.social-links a{width:38px!important;height:38px!important;padding:0!important;justify-content:center!important}.portfolio-modal{padding:6px!important}.portfolio-modal__box{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:44px 10px 10px!important;border-radius:16px!important}.portfolio-modal__media,.portfolio-modal__media .video-embed,.portfolio-modal__media .plyr-video-wrap,.portfolio-modal__media iframe,.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{max-height:48dvh!important}.portfolio-modal__media img,.portfolio-modal .portfolio-swiper,.portfolio-modal .portfolio-swiper img{max-height:43dvh!important}.photo-gallery{grid-template-columns:repeat(4,1fr)!important;max-height:44px!important}.gallery-thumb img{height:40px!important}.portfolio-modal #modalDescription{display:none!important}.portfolio-modal .modal-meta{grid-template-columns:repeat(3,1fr)!important}.portfolio-modal .modal-meta span{padding:5px!important}.portfolio-modal .modal-meta b{font-size:.55rem!important}.portfolio-modal .modal-meta em{font-size:.68rem!important}}
@media(max-height:640px){.portfolio-modal__box{padding-top:40px!important;gap:5px!important}.portfolio-modal__media,.portfolio-modal__media .video-embed,.portfolio-modal__media .plyr-video-wrap,.portfolio-modal__media iframe,.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{max-height:52dvh!important}.portfolio-modal__media img,.portfolio-modal .portfolio-swiper,.portfolio-modal .portfolio-swiper img{max-height:45dvh!important}.portfolio-modal .eyebrow,.portfolio-modal #modalDescription{display:none!important}.portfolio-modal h2{font-size:1.25rem!important}.portfolio-modal .modal-meta span{padding:4px 6px!important}.photo-gallery{display:none!important}}
@media(max-height:500px){.portfolio-modal__media,.portfolio-modal__media .video-embed,.portfolio-modal__media .plyr-video-wrap,.portfolio-modal__media iframe,.portfolio-modal__media video,.portfolio-modal__media .plyr,.portfolio-modal__media .plyr__video-embed{max-height:62dvh!important}.portfolio-modal .modal-meta{display:none!important}.portfolio-modal h2{font-size:1.05rem!important}.portfolio-modal__box{padding:36px 8px 8px!important}.portfolio-modal__close{width:28px!important;height:28px!important;font-size:20px!important}}

/* =========================================================
   BALANCED FRONTEND UI PATCH: centered titles + stable layout
   ========================================================= */
:root{
  --balanced-max:1180px;
  --balanced-pad:clamp(16px,4.5vw,64px);
  --balanced-gap:clamp(14px,2vw,24px);
}
body{letter-spacing:.005em;}
.section,
.hero,
.page-hero,
.single-hero,
.site-footer{
  padding-left:var(--balanced-pad)!important;
  padding-right:var(--balanced-pad)!important;
}
.section > .eyebrow.center,
.section > h2.center,
.page-hero .eyebrow,
.page-hero h1,
.single-hero .eyebrow,
.single-hero h1{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section > h2.center,
.page-hero h1,
.single-hero h1{max-width:920px!important;}
.section-title{
  width:100%!important;
  max-width:var(--balanced-max)!important;
  margin:0 auto 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
}
.section-title .eyebrow,
.section-title h2,
.section-title .center{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-title h2{max-width:860px!important;}
.section-title .view-all{
  margin:10px auto 0!important;
  align-self:center!important;
}
.grid,
.portfolio-grid,
.photo-grid,
.testimonial-grid,
.research-grid,
.upcoming-grid,
.logos{
  max-width:var(--balanced-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
}
.cards article,
.work-card,
.testimonial-card,
.research-card,
.upcoming-card,
.add-box,
.logos .client-logo,
.logos span{
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.cards article b,
.cards article h3,
.work-card h3,
.testimonial-card h3,
.research-card h3,
.upcoming-card h3{
  text-align:center!important;
  width:100%!important;
}
.work-card p,
.cards article p,
.testimonial-card p,
.research-card p,
.upcoming-card p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.work-card small,
.research-card small,
.upcoming-card small{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}
.work-card .card-thumb,
.work-card .work-img,
.research-card img,
.upcoming-card img,
.testimonial-img{
  align-self:stretch!important;
}
.work-actions,
.actions,
.btn-row{
  justify-content:center!important;
}
.filter-bar{
  justify-content:center!important;
  max-width:var(--balanced-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero{
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-text{text-align:left!important;}
.hero-art{width:100%!important;}
.clients .logos{justify-content:center!important;}
.footer-main,
.footer-bottom{
  max-width:var(--balanced-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.footer-brand{text-align:center!important;}
.footer-brand h2,
.footer-brand p{margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
.footer-contact{text-align:left!important;}
.footer-bottom{justify-content:center!important;text-align:center!important;}
.social-links{justify-content:center!important;}
/* Modal title alignment and overflow fix */
.portfolio-modal h2,
.portfolio-modal .eyebrow,
.portfolio-modal #modalDescription{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.portfolio-modal .modal-meta{text-align:center!important;}
.portfolio-modal__box{box-sizing:border-box!important;}
/* Avoid broken card filtering layout */
.work-card.is-hidden{display:none!important;}
@media(max-width:1050px){
  .grid.cards,
  .portfolio-grid,
  .photo-grid,
  .testimonial-grid,
  .research-grid,
  .upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .hero-text{text-align:center!important;}
  .hero .actions{justify-content:center!important;}
  .grid.cards,
  .portfolio-grid,
  .photo-grid,
  .testimonial-grid,
  .research-grid,
  .upcoming-grid,
  .logos{grid-template-columns:1fr!important;}
  .footer-contact a{justify-content:center!important;text-align:center!important;}
}