@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Montserrat:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--black:#000;--gold:#D4AF37;--silver:#C0C0C0;--lightgold:#F4D06F;--lightsilver:#F2F2F2;--muted:#9c9c9c;--line:rgba(255,255,255,.14);--glass:rgba(255,255,255,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030303;color:#fff;font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(212,175,55,.07),transparent 24%),radial-gradient(circle at 15% 75%,rgba(192,192,192,.04),transparent 25%);z-index:-1}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;gap:26px;padding:0 4vw;background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.2));backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.15)}.brand img{width:160px;height:68px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(212,175,55,.16));transition:transform .45s ease,filter .45s ease}.brand:hover img{transform:scale(1.035);filter:drop-shadow(0 0 25px rgba(212,175,55,.28))}.site-header nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.site-header nav a,.footer-col a,.footer-col span{font-size:10px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;color:#ddd;transition:.3s}.site-header nav a:hover{color:var(--lightgold)}.header-actions{display:flex;align-items:center;gap:12px}.gold-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid var(--gold);font-size:10px;letter-spacing:1.8px;font-weight:800;text-transform:uppercase;transition:.35s;cursor:pointer}.gold-btn{background:linear-gradient(135deg,var(--gold),var(--lightgold));color:#080808;box-shadow:0 0 24px rgba(212,175,55,.15)}.gold-btn:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(212,175,55,.35)}.outline-btn{background:rgba(0,0,0,.25);color:#fff;border-color:rgba(255,255,255,.4)}.outline-btn:hover{border-color:var(--gold);color:var(--lightgold);background:rgba(212,175,55,.06)}.lang-btn,.menu-btn{border:1px solid var(--line);background:transparent;color:#fff;padding:10px 12px;cursor:pointer;font-weight:800;font-size:10px;letter-spacing:1px}.menu-btn{display:none;font-size:18px}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08)}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.2) 100%),linear-gradient(0deg,#030303 0,transparent 25%,rgba(0,0,0,.2) 100%)}.scanlines{position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px);mix-blend-mode:overlay;pointer-events:none}.hero-content{position:relative;z-index:2;width:min(1000px,88vw);margin-left:8vw}
.eyebrow{display:block;color:var(--lightgold);font-size:10px;letter-spacing:3px;font-weight:800;text-transform:uppercase;margin-bottom:18px}.hero-title,h2,h3{font-family:Montserrat,Arial,sans-serif}.hero-title{font-size:clamp(58px,8.5vw,140px);line-height:.84;letter-spacing:-5px;margin:0 0 28px;font-weight:900;max-width:1050px}.hero-title span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.8);text-shadow:0 0 30px rgba(212,175,55,.08)}.typewriter-wrap{height:36px;font-family:Montserrat;font-size:clamp(15px,2vw,22px);font-weight:600;color:#fff;letter-spacing:.2px}.cursor{color:var(--gold);animation:blink .7s infinite}.hero-sub{color:#bdbdbd;max-width:680px;font-size:12px;letter-spacing:2px;text-transform:uppercase}.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:30px;left:8vw;right:8vw;display:flex;align-items:center;gap:18px;color:#aaa;font-size:9px;letter-spacing:2px}.scroll-line{height:1px;background:linear-gradient(90deg,var(--gold),transparent);width:120px}.section{position:relative;padding:140px 8vw;overflow:hidden}.section-no{position:absolute;right:5vw;top:80px;color:rgba(255,255,255,.12);font:900 120px/1 Montserrat;letter-spacing:-8px}.section-head{position:relative;z-index:2;margin-bottom:65px}.section-head h2,.lab-copy h2,.contact-copy h2,.market-content h2{font-size:clamp(50px,7vw,105px);line-height:.86;letter-spacing:-4px;margin:0;font-weight:900}.section-head h2 em,.lab-copy h2 em,.contact-copy h2 em,.market-content h2 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--lightgold);letter-spacing:-2px}.agency-section{background-image:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 46%,rgba(5,5,5,.4)),url("../assets/img_backgrounds/img-by-me-background02.png");background-size:cover;background-position:center}.agency-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.agency-copy p,.lab-copy p,.market-content p,.contact-copy p{color:#c3c3c3;line-height:1.9;text-align:justify;font-size:15px;max-width:650px}.agency-copy .lead{font-size:22px;color:#fff;line-height:1.5}.signature{font-family:"Playfair Display",serif;font-style:italic;font-size:35px;margin-top:42px;color:var(--lightgold)}.signature small{display:block;font:700 9px Montserrat;letter-spacing:3px;text-transform:uppercase;color:#aaa;margin-top:8px;font-style:normal}.founder-frame{position:relative;transform:rotate(-3.2deg);border:1px solid rgba(212,175,55,.55);padding:10px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px rgba(255,255,255,.05),30px 35px 80px rgba(0,0,0,.7)}.founder-frame img{width:100%;display:block;filter:grayscale(.1) contrast(1.06)}.frame-glow{position:absolute;inset:-20px;border:1px solid rgba(212,175,55,.14);z-index:-1}.founder-label{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(90deg,rgba(0,0,0,.9),transparent);padding:18px}.founder-label span{font-size:11px;letter-spacing:2px;font-weight:800}.founder-label b{font-size:8px;letter-spacing:2px;color:var(--lightgold)}.ticker-section{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;background:#080808}.ticker{display:flex;align-items:center;gap:32px;width:max-content;animation:ticker 25s linear infinite;font:900 16px Montserrat;letter-spacing:3px}.ticker i{color:var(--gold);font-style:normal}.expertise-section{background:linear-gradient(180deg,#030303,#080808)}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expert-card{min-height:280px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent);transition:.45s;overflow:hidden}.expert-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 70%);right:-80px;bottom:-80px;transition:.5s}.expert-card:hover{background:linear-gradient(145deg,rgba(212,175,55,.08),transparent);transform:translateY(-5px)}.expert-card:hover:after{transform:scale(1.6)}.expert-card>span{font:700 10px Montserrat;color:#777}.expert-card h3{font-size:27px;line-height:1;margin:40px 0 15px;letter-spacing:-1px}.expert-card p{font-size:12px;color:#aaa;line-height:1.7;max-width:300px;text-align:justify}.card-arrow{position:absolute;right:25px;top:25px;color:var(--gold);font-size:22px}.market-section{min-height:850px;position:relative;overflow:hidden;padding:130px 8vw;background:#010101}.market-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(212,175,55,.11),transparent 24%),linear-gradient(180deg,#010101,rgba(0,0,0,.4)),url("../assets/img_backgrounds/img-by-me-background03.png");background-size:cover;background-position:center;opacity:.42}.market-content{position:relative;z-index:4;width:450px}.market-content p{font-size:13px}.market-content .outline-btn{margin-top:15px}.galaxy{position:absolute}.orb{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 9px Montserrat;letter-spacing:1px;color:#080808;background:radial-gradient(circle at 35% 30%,#fff,#f4d06f 25%,#d4af37 65%,#5f4d18);box-shadow:0 0 20px rgba(212,175,55,.3);animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(212,175,55,.16);border-radius:50%;animation:spin 24s linear infinite}.work-section{background:#050505}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;border:1px solid var(--line);color:#aaa;padding:10px 15px;font-size:9px;letter-spacing:2px;font-weight:800;cursor:pointer}.filters button.active,.filters button:hover{color:#050505;background:var(--gold);border-color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portfolio-card{height:390px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0b0b0b}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:.7s;filter:saturate(.75)}.portfolio-card:hover img{transform:scale(1.07);filter:saturate(1)}.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.92));pointer-events:none}.portfolio-info{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:22px}.portfolio-info span{font-size:8px;letter-spacing:2px;color:var(--lightgold)}.portfolio-info h3{font-size:24px;margin:7px 0}.portfolio-info a{font-size:9px;letter-spacing:2px;color:#ddd}.lab-section{background:linear-gradient(135deg,#090909,#020202)}.lab-copy{max-width:780px}.lab-chain{display:flex;align-items:center;justify-content:center;gap:12px;margin:75px 0 65px;flex-wrap:wrap}.lab-chain div{width:105px;height:105px;border:1px solid rgba(212,175,55,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:800 9px Montserrat;color:#888;background:rgba(255,255,255,.025)}.lab-chain div b{font-size:11px;color:#fff;margin-top:8px}.lab-chain i{color:var(--gold);font-size:22px}.lab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lab-cards article{border:1px solid var(--line);padding:30px;min-height:180px;background:linear-gradient(140deg,rgba(212,175,55,.06),transparent)}.lab-cards b{color:var(--gold);font:700 10px Montserrat}.lab-cards h3{font-size:21px}.lab-cards p{color:#999;font-size:12px;line-height:1.6}.pricing-section{background:linear-gradient(180deg,#030303,#090909)}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.price-card{border:1px solid var(--line);padding:28px 22px;min-height:360px;position:relative;display:flex;flex-direction:column;background:linear-gradient(155deg,rgba(255,255,255,.04),transparent)}.price-card.featured{border-color:var(--gold);box-shadow:0 0 35px rgba(212,175,55,.08)}.ribbon{position:absolute;top:0;right:0;background:var(--gold);color:#000;font:800 8px Montserrat;letter-spacing:1px;padding:8px 10px}.price-top{display:flex;justify-content:space-between;color:#aaa;font-size:9px;letter-spacing:1.5px}.price-top span{color:var(--gold)}.price{font:900 35px Montserrat;margin:45px 0 15px;letter-spacing:-2px}.price small{display:block;font:600 8px Montserrat;color:#777;letter-spacing:1px;text-transform:uppercase;margin-top:6px}.price-card p{font-size:11px;color:#aaa;line-height:1.7;flex:1;text-align:justify}.price-card>a{font:800 9px Montserrat;color:var(--lightgold);letter-spacing:1.5px}.pricing-note{color:#777;font-size:10px;line-height:1.7;max-width:850px;margin-top:30px}.testimonials-section{background:url("../assets/img_backgrounds/img-by-me-background01.png") center/cover fixed}.testimonials-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.8)}.testimonials-section>*{position:relative}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.testimonial{border:1px solid var(--line);padding:30px;background:rgba(0,0,0,.52);backdrop-filter:blur(10px);min-height:220px}.stars{color:var(--gold);letter-spacing:3px}.testimonial p{color:#ddd;font-family:"Playfair Display",serif;font-size:17px;line-height:1.65}.testimonial b{font-size:9px;letter-spacing:1.5px}.testimonial small{display:block;color:#777;margin-top:5px}.center{text-align:center}.news-section{background:#070707}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.news-grid article{background:#070707;padding:38px;min-height:250px}.news-grid span{color:var(--gold);font:700 8px Montserrat;letter-spacing:2px}.news-grid h3{font-size:24px;line-height:1.1;margin:30px 0 15px}.news-grid p{font-size:12px;color:#999;line-height:1.7;text-align:justify}.contact-section{position:relative;padding:150px 8vw;min-height:850px;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.7)),url("../assets/img_backgrounds/img-by-me-background03.png") center/cover fixed;opacity:.8}.contact-inner{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.contact-copy p{font-size:14px}.contact-details{margin-top:35px;display:flex;flex-direction:column;gap:9px;font-size:11px;color:#999}.contact-details b{color:var(--lightgold);font-size:10px;letter-spacing:2px}.contact-details a{color:#fff}.glass-form{padding:32px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);backdrop-filter:blur(18px);box-shadow:0 25px 80px rgba(0,0,0,.4)}.glass-form label{display:block;margin-bottom:18px}.glass-form label>span{display:block;color:#aaa;font:700 8px Montserrat;letter-spacing:2px;margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.glass-form input,.glass-form textarea,.glass-form select{width:100%;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.15);color:#fff;padding:13px;outline:none}.glass-form input:focus,.glass-form textarea:focus,.glass-form select:focus{border-color:var(--gold)}.glass-form select option{background:#111}.file-label input{padding:9px}.site-footer{background:#020202;border-top:1px solid rgba(212,175,55,.25);padding:70px 8vw 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:50px}.footer-logo{width:120px;height:55px;object-fit:contain}.footer-top p{font-size:9px;letter-spacing:2px;color:#777}.footer-col{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;gap:13px}.footer-col b{font:800 9px Montserrat;color:var(--gold);letter-spacing:2px;margin-bottom:7px}.footer-col a:hover{color:var(--lightgold)}.admin-link{margin-top:15px;color:var(--gold)!important}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:#555;font:700 8px Montserrat;letter-spacing:1.5px}.toast{position:fixed;z-index:2000;right:25px;bottom:25px;padding:15px 18px;background:#111;border:1px solid var(--gold);color:#fff;font-size:11px;transform:translateY(120px);opacity:0;transition:.4s}.toast.show{transform:translateY(0);opacity:1}.page-message{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px}.success-mark{font-size:70px;color:var(--gold)}.success-box{max-width:700px}.success-box h1{font:900 60px Montserrat;letter-spacing:-3px}.success-box p{color:#aaa;line-height:1.8}.loader-mark{font:900 34px Montserrat;letter-spacing:-2px}.loader-mark span{color:var(--gold)}.loader-line{height:2px;background:var(--gold);width:120px;margin-top:20px;animation:load 1.2s ease-in-out infinite alternate}@keyframes load{to{width:280px}}#preloader{position:fixed;inset:0;z-index:5000;background:#000;display:grid;place-content:center;justify-items:center;transition:opacity .6s}.loaded #preloader{opacity:0;pointer-events:none}@keyframes blink{50%{opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.site-header nav{gap:12px}.site-header nav a{font-size:8px}.pricing-grid{grid-template-columns:repeat(3,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.site-header nav{position:fixed;top:88px;left:0;right:0;background:rgba(0,0,0,.97);backdrop-filter:blur(20px);padding:25px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-btn{display:block}.site-header .gold-btn{display:none}.agency-grid,.contact-inner{grid-template-columns:1fr}.founder-frame{max-width:650px;margin:auto}.expertise-grid,.testimonials-grid,.lab-cards,.news-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.section{padding:105px 6vw}.section-no{font-size:80px}.market-content{width:min(450px,90vw)}}@media(max-width:600px){.brand img{width:112px;height:52px}.site-header{height:72px;padding:0 5vw}.site-header nav{top:72px}.hero{min-height:680px}.hero-content{margin-left:6vw}.hero-title{font-size:52px;letter-spacing:-3px}.hero-sub{font-size:9px}.section-head h2,.lab-copy h2,.contact-copy h2,.market-content h2{font-size:48px}.expertise-grid,.testimonials-grid,.portfolio-grid,.lab-cards,.news-grid,.pricing-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-col{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.footer-bottom{flex-direction:column;gap:10px}.hero-bottom{left:6vw;right:6vw}.lab-chain i{display:none}.lab-chain div{width:88px;height:88px}.contact-section{padding:110px 6vw}.glass-form{padding:20px}.section-no{top:45px}.portfolio-card{height:430px}}

/* BY ME & NGA premium refinement — preserves existing layout and dimensions */
.site-header nav a{position:relative;padding:8px 0;color:#d9d9d9}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--gold),var(--lightgold));box-shadow:0 0 12px rgba(212,175,55,.45);transition:right .35s ease}.site-header nav a:hover:after,.site-header nav a.active:after{right:0}.site-header nav a.active{color:#fff}.site-header nav a:before{content:"✦";position:absolute;left:-11px;top:7px;font-size:6px;color:var(--silver);opacity:0;transition:.25s}.site-header nav a:hover:before,.site-header nav a.active:before{opacity:1}.
.agency-copy p{text-align:justify}.agency-copy .lead{font-family:Montserrat,Arial,sans-serif;font-weight:900;letter-spacing:-.5px;color:#fff}.agency-closing{font-size:18px!important;color:var(--lightgold)!important;font-weight:700;margin-top:24px}.agency-welcome{font-size:17px!important;color:#fff!important;font-weight:700}.signature{font-size:39px}.founder-frame{transform:rotate(-3.2deg) scale(1.04);transform-origin:center;max-height:none}.founder-frame img{object-fit:contain}.founder-label b{color:#fff;font-size:10px}.frame-glow{box-shadow:0 0 40px rgba(212,175,55,.12),0 0 90px rgba(192,192,192,.08)}
.market-section{min-height:920px}.market-bg{background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.54)),url("../assets/img_backgrounds/img-background11.png") center/cover no-repeat;opacity:.72}.market-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,transparent 0 20%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.72) 100%);pointer-events:none}.market-content{z-index:5}.galaxy{position:absolute;inset:0;z-index:3;pointer-events:none}.orbit{box-shadow:0 0 24px rgba(212,175,55,.08),inset 0 0 24px rgba(192,192,192,.04)}.orb{color:#fff!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65),rgba(212,175,55,.75) 32%,rgba(20,20,20,.96) 70%);border:1px solid rgba(244,208,111,.8);box-shadow:0 0 18px rgba(212,175,55,.28),0 0 42px rgba(192,192,192,.08);font-size:8px!important;text-shadow:0 1px 3px #000}.orb:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(255,255,255,.07);border-radius:50%;animation:orbPulse 2.8s ease-in-out infinite}.market-content p{position:relative;z-index:2}.
.portfolio-grid{align-items:stretch}.portfolio-card{height:420px;background:linear-gradient(135deg,#080808,#141414);isolation:isolate}.portfolio-card img{object-fit:contain!important;padding:14px;background:linear-gradient(135deg,#070707,#181818);filter:saturate(.85) contrast(1.04)}.portfolio-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(192,192,192,.16);z-index:1;pointer-events:none;transition:.45s}.portfolio-card:hover:before{inset:6px;border-color:rgba(244,208,111,.45);box-shadow:0 0 28px rgba(212,175,55,.14)}.portfolio-card:after{background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.94))}.portfolio-info{z-index:3}.portfolio-card:hover{box-shadow:0 25px 60px rgba(0,0,0,.55),0 0 30px rgba(212,175,55,.08)}
.lab-section{background:radial-gradient(circle at 50% 45%,rgba(212,175,55,.07),transparent 32%),linear-gradient(135deg,#090909,#020202)}.lab-chain{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:75px 0 65px;padding:24px 0}.lab-chain:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--silver),var(--gold),transparent);opacity:.42}.lab-chain div{position:relative;z-index:2;width:118px;height:118px;margin:auto;border-radius:50%;border:1px solid rgba(212,175,55,.4);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.1),rgba(212,175,55,.04) 38%,rgba(0,0,0,.86) 72%);box-shadow:0 0 0 5px rgba(255,255,255,.018),0 0 35px rgba(212,175,55,.08);transition:.45s}.lab-chain div:hover{transform:translateY(-8px) scale(1.05);border-color:var(--gold);box-shadow:0 0 45px rgba(212,175,55,.22)}.lab-chain i{position:relative;z-index:3;color:var(--lightgold);font-size:24px;text-shadow:0 0 15px rgba(212,175,55,.5);align-self:center}.lab-chain i:nth-of-type(1){grid-column:2}.lab-chain i:nth-of-type(2){grid-column:3}.lab-chain i:nth-of-type(3){grid-column:4}.lab-chain i:nth-of-type(4){grid-column:5}.lab-chain i:nth-of-type(5){grid-column:6}.lab-chain i:nth-of-type(6){grid-column:7}.lab-chain div:nth-of-type(2){grid-column:3}.lab-chain div:nth-of-type(3){grid-column:4}.lab-chain div:nth-of-type(4){grid-column:5}.lab-chain div:nth-of-type(5){grid-column:6}.lab-chain div:nth-of-type(6){grid-column:7}.lab-chain div:nth-of-type(7){grid-column:8}.lab-chain{grid-template-columns:repeat(7,minmax(80px,1fr))}.lab-chain div:nth-of-type(7){grid-column:7}.lab-chain i:nth-of-type(6){grid-column:6}.lab-chain i:nth-of-type(5){grid-column:5}.lab-chain i:nth-of-type(4){grid-column:4}.lab-chain i:nth-of-type(3){grid-column:3}.lab-chain i:nth-of-type(2){grid-column:2}.lab-chain i:nth-of-type(1){grid-column:1}.lab-chain{display:flex;flex-wrap:nowrap}.lab-chain i{flex:0 0 28px}.lab-cards article{transition:.45s;position:relative;overflow:hidden}.lab-cards article:after{content:"";position:absolute;inset:auto -30% -70% -30%;height:160px;background:radial-gradient(circle,rgba(212,175,55,.17),transparent 65%);transition:.5s}.lab-cards article:hover{transform:translateY(-7px);border-color:rgba(212,175,55,.45);box-shadow:0 20px 50px rgba(0,0,0,.4)}.lab-cards article:hover:after{transform:translateY(-20px)}
.price-card{transition:transform .4s,box-shadow .4s,border-color .4s;cursor:pointer}.price-card:hover,.price-card.is-selected{transform:translateY(-10px) scale(1.025);z-index:20;border-color:var(--gold);box-shadow:0 30px 75px rgba(0,0,0,.62),0 0 34px rgba(212,175,55,.15)}.price-card.is-selected:before{content:"";position:absolute;inset:8px;border:1px solid rgba(192,192,192,.2);pointer-events:none}.pricing-note{font-size:13px;line-height:1.85;max-width:1050px;color:#9e9e9e}.
.testimonials-section{background:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.88)),url("../assets/img-background11.png") center/cover fixed}.testimonial{position:relative;overflow:hidden;transition:.45s;border-color:rgba(192,192,192,.18)}.testimonial:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.08),transparent 42%,rgba(192,192,192,.04));opacity:.8}.testimonial>*{position:relative}.testimonial:hover{transform:translateY(-8px);border-color:rgba(212,175,55,.5);box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.1)}
.contact-section{perspective:1200px}.contact-copy.reveal-left,.reveal-left{transform:translateX(-55px);opacity:0}.contact-copy.reveal-left.is-visible,.reveal-left.is-visible{transform:none;opacity:1;transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal-right{transform:translateX(55px);opacity:0}.reveal-right.is-visible{transform:none;opacity:1;transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.section-head,.expert-card,.portfolio-card,.lab-cards article,.price-card,.testimonial,.news-grid article{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--reveal-delay),transform .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay)}.section-head.is-visible,.expert-card.is-visible,.portfolio-card.is-visible,.lab-cards article.is-visible,.price-card.is-visible,.testimonial.is-visible,.news-grid article.is-visible{opacity:1;transform:none}.
.site-footer{position:relative;background:linear-gradient(145deg,#020202,#080808 55%,#111 100%);box-shadow:inset 0 1px 0 rgba(244,208,111,.12),inset 0 30px 80px rgba(192,192,192,.025)}.footer-col{position:relative}.footer-col a{position:relative;padding-left:0;transition:.35s}.footer-col a:before{content:"→";display:inline-block;color:var(--gold);margin-right:8px;transform:translateX(-8px);opacity:.8;transition:.35s}.footer-col a:hover{color:#fff;transform:translateX(7px)}.footer-col a:hover:before{color:var(--lightgold);transform:translateX(0)}.footer-premium-bottom{display:flex;justify-content:center;padding-top:28px}.back-top{width:58px;height:58px;border-radius:50%;border:1px solid rgba(212,175,55,.5);background:radial-gradient(circle,#161616,#050505);color:var(--lightgold);font:800 10px Montserrat;letter-spacing:1px;cursor:pointer;box-shadow:0 0 28px rgba(212,175,55,.12);transition:.35s}.back-top:hover{transform:translateY(-5px);border-color:var(--lightgold);box-shadow:0 0 38px rgba(212,175,55,.28)}.
@keyframes orbPulse{0%,100%{transform:scale(.95);opacity:.45}50%{transform:scale(1.08);opacity:.9}}
@media(max-width:900px){.lab-chain{overflow-x:auto;justify-content:flex-start;padding:30px 5px}.lab-chain:before{display:none}.lab-chain div{flex:0 0 104px}.lab-chain i{flex:0 0 22px}.founder-frame{transform:rotate(-2deg) scale(1.01)}}

/* Precision premium refinements — preserve existing layout */
.agency-copy .lead{font-size:21px!important;line-height:1.55!important;text-align:justify!important;color:#fff!important}
.agency-copy p:not(.lead){text-align:justify}
.founder-frame{transform:rotate(-3.2deg) scale(1.04);transform-origin:center center;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s ease}
.founder-frame:hover{transform:rotate(-3.2deg) scale(1.065) translateY(-4px);box-shadow:0 0 0 1px rgba(212,175,55,.18),30px 45px 95px rgba(0,0,0,.75),0 0 45px rgba(212,175,55,.12)}
.footer-logo{width:165px;height:72px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(212,175,55,.12))}
.admin-return-login{margin-top:16px;width:100%;text-align:center}
.portfolio-image-trigger{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;z-index:2;display:block}
.portfolio-image-trigger img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important}
.portfolio-info{position:relative;z-index:4;pointer-events:none}
.portfolio-info a{pointer-events:auto}
.portfolio-lightbox{position:fixed;inset:0;z-index:6000;background:rgba(0,0,0,.94);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
.portfolio-lightbox.open{opacity:1;visibility:visible}
body.lightbox-open{overflow:hidden}
.lightbox-stage{width:min(86vw,1250px);height:min(78vh,820px);display:flex;align-items:center;justify-content:center;perspective:1200px;padding:30px}
.lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;opacity:0;transform:rotateY(-90deg) rotateZ(-2deg) scale(.72);transform-origin:center;filter:drop-shadow(0 30px 70px rgba(0,0,0,.7));transition:opacity .65s ease,transform .8s cubic-bezier(.18,.8,.2,1)}
.lightbox-stage img.lightbox-in{opacity:1;transform:rotateY(0) rotateZ(0) scale(1)}
.lightbox-close{position:absolute;top:25px;right:30px;width:54px;height:54px;border:1px solid rgba(244,208,111,.6);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:35px;line-height:1;cursor:pointer;z-index:3;transition:.3s}
.lightbox-close:hover{transform:rotate(90deg);border-color:var(--lightgold);color:var(--lightgold);box-shadow:0 0 30px rgba(212,175,55,.25)}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:86px;border:1px solid rgba(192,192,192,.35);background:rgba(0,0,0,.38);color:#fff;font:300 55px/1 Arial;cursor:pointer;z-index:3;transition:.3s}
.lightbox-nav:hover{background:rgba(212,175,55,.1);border-color:var(--gold);color:var(--lightgold);box-shadow:0 0 30px rgba(212,175,55,.18)}
.lightbox-prev{left:28px}.lightbox-next{right:28px}
.lightbox-caption{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.5);backdrop-filter:blur(12px);max-width:80vw;white-space:nowrap}
.lightbox-caption span{font:700 9px Montserrat;color:var(--gold);letter-spacing:2px}.lightbox-caption strong{font:800 12px Montserrat;color:#fff;letter-spacing:1px;text-transform:uppercase}
@media(max-width:700px){.footer-logo{width:145px}.lightbox-stage{width:94vw;height:72vh;padding:20px}.lightbox-nav{width:45px;height:65px;font-size:42px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{top:15px;right:15px;width:46px;height:46px}.lightbox-caption{bottom:14px;max-width:88vw;white-space:normal;text-align:center;justify-content:center;flex-wrap:wrap;gap:8px}.founder-frame{transform:rotate(-2.4deg) scale(1.01)}.founder-frame:hover{transform:rotate(-2.4deg) scale(1.025)}}

/* V4 — targeted premium refinements; existing structure preserved */
.lab-chain:before{display:none!important}

/* Part 04 — preserve full artwork, add fluid motion and requested title placements */
.portfolio-card{overflow:hidden;transform-origin:center;transition:opacity .8s ease var(--reveal-delay),transform .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay),box-shadow .55s ease}
.portfolio-card img{transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .65s ease}
.portfolio-card:hover img{transform:scale(1.035) rotate(.35deg);filter:saturate(1) contrast(1.06) brightness(1.04)}
.portfolio-card:nth-child(4) .portfolio-info,.portfolio-card:nth-child(6) .portfolio-info{position:absolute;top:50%;left:14px;bottom:auto;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;text-align:left;max-width:none;padding:0;display:flex;align-items:flex-start;gap:10px}
.portfolio-card:nth-child(6) .portfolio-info{left:auto;right:14px;rotate:0deg}
.portfolio-card:nth-child(4) .portfolio-info h3,.portfolio-card:nth-child(6) .portfolio-info h3{white-space:nowrap}
.portfolio-card:nth-child(4) .portfolio-info a,.portfolio-card:nth-child(6) .portfolio-info a{writing-mode:horizontal-tb;display:none}
.portfolio-card:nth-child(1) .portfolio-info,.portfolio-card:nth-child(2) .portfolio-info,.portfolio-card:nth-child(3) .portfolio-info,.portfolio-card:nth-child(5) .portfolio-info,.portfolio-card:nth-child(7) .portfolio-info,.portfolio-card:nth-child(8) .portfolio-info,.portfolio-card:nth-child(9) .portfolio-info{bottom:0}

/* Premium website links space */
.web-showcase{margin-top:85px;padding:70px 0 15px;border-top:1px solid rgba(192,192,192,.12);position:relative}
.web-showcase:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--silver),var(--gold),transparent);opacity:.32}
.web-showcase-head{max-width:850px;margin-bottom:38px}
.web-showcase-head h3{font:900 clamp(34px,4.2vw,62px)/.92 Montserrat,sans-serif;letter-spacing:-2px;margin:12px 0 18px;color:#fff}
.web-showcase-head h3 em{font-family:"Playfair Display",serif;font-weight:700;color:var(--lightgold);font-style:italic}
.web-showcase-head p{max-width:720px;color:#aaa;line-height:1.8;text-align:justify}
.web-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.web-showcase-card{position:relative;min-height:235px;padding:24px 22px 20px;border:1px solid rgba(192,192,192,.14);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.62));backdrop-filter:blur(10px);overflow:hidden;color:#fff;text-decoration:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .5s ease}
.web-showcase-card:before{content:"";position:absolute;inset:-30% -15%;background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.18),transparent 34%),radial-gradient(circle at 90% 100%,rgba(192,192,192,.08),transparent 35%);opacity:.8;transition:transform .8s ease}
.web-showcase-card:hover{transform:translateY(-8px) rotateX(1deg);border-color:rgba(244,208,111,.55);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 35px rgba(212,175,55,.1)}
.web-showcase-card:hover:before{transform:scale(1.12) rotate(3deg)}
.web-index,.web-card-line,.web-card-copy,.web-open{position:relative;z-index:2}
.web-index{font:800 10px Montserrat;color:var(--lightgold);letter-spacing:2px}
.web-card-line{height:1px;width:58px;margin:18px 0 20px;background:linear-gradient(90deg,var(--gold),var(--silver),transparent)}
.web-card-copy small{display:block;font:700 8px Montserrat;color:#a9a9a9;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:10px}
.web-card-copy h4{font:900 20px/1.05 Montserrat;margin:0 0 12px;letter-spacing:-.5px}
.web-card-copy p{font:400 12px/1.65 DM Sans;color:#aaa;margin:0;max-width:330px}
.web-open{display:inline-block;margin-top:18px;font:800 8px Montserrat;letter-spacing:1.5px;color:var(--lightgold);transition:transform .35s ease}
.web-showcase-card:hover .web-open{transform:translateX(6px)}

/* Footer logo larger without changing footer architecture */
.footer-logo{width:210px;height:88px}

@media(max-width:900px){.web-showcase-grid{grid-template-columns:1fr 1fr}.portfolio-card:nth-child(4) .portfolio-info,.portfolio-card:nth-child(6) .portfolio-info{position:relative;left:auto;right:auto;top:auto;bottom:0;transform:none;writing-mode:horizontal-tb;rotate:0deg;display:block;padding:18px}.portfolio-card:nth-child(4) .portfolio-info a,.portfolio-card:nth-child(6) .portfolio-info a{display:inline-block}}
@media(max-width:600px){.web-showcase{margin-top:55px;padding-top:50px}.web-showcase-grid{grid-template-columns:1fr}.web-showcase-card{min-height:205px}.footer-logo{width:190px;height:82px}.portfolio-card:nth-child(4) .portfolio-info,.portfolio-card:nth-child(6) .portfolio-info{display:block;position:absolute;left:0;right:0;bottom:0;top:auto;transform:none;padding:18px;writing-mode:horizontal-tb}}

/* V5 precision refinements — structure preserved */
#preloader{transition:opacity 1s cubic-bezier(.2,.8,.2,1);}
.loader-mark{font-size:clamp(32px,4vw,58px);letter-spacing:-2.5px;text-transform:uppercase;text-align:center}
.loader-mark span{color:var(--lightgold)}
html{scroll-behavior:smooth}
body{scroll-behavior:smooth}

/* Fluid portfolio filtering and entrance */
.portfolio-grid{transition:opacity .42s ease,transform .55s cubic-bezier(.2,.8,.2,1);}
.portfolio-grid.is-filtering{opacity:0;transform:translateY(10px) scale(.992);pointer-events:none}
.portfolio-card{animation:portfolioIn .72s cubic-bezier(.2,.8,.2,1) both;}
.portfolio-card:nth-child(2){animation-delay:.06s}.portfolio-card:nth-child(3){animation-delay:.12s}.portfolio-card:nth-child(4){animation-delay:.18s}.portfolio-card:nth-child(5){animation-delay:.24s}.portfolio-card:nth-child(6){animation-delay:.30s}.portfolio-card:nth-child(7){animation-delay:.36s}.portfolio-card:nth-child(8){animation-delay:.42s}.portfolio-card:nth-child(9){animation-delay:.48s}
@keyframes portfolioIn{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}

/* Exact title placements requested for the original 3x3 portfolio */
.portfolio-card[data-order="1"] .portfolio-info,
.portfolio-card[data-order="2"] .portfolio-info,
.portfolio-card[data-order="3"] .portfolio-info,
.portfolio-card[data-order="5"] .portfolio-info,
.portfolio-card[data-order="6"] .portfolio-info{position:absolute;left:0;right:0;bottom:0;top:auto;transform:none;writing-mode:horizontal-tb;rotate:0deg;padding:22px;display:block;}
.portfolio-card[data-order="4"] .portfolio-info,
.portfolio-card[data-order="7"] .portfolio-info,
.portfolio-card[data-order="8"] .portfolio-info,
.portfolio-card[data-order="9"] .portfolio-info{position:absolute;top:50%;left:14px;right:auto;bottom:auto;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;text-align:left;max-width:none;padding:0;display:flex;align-items:flex-start;gap:10px;}
.portfolio-card[data-order="4"] .portfolio-info h3,
.portfolio-card[data-order="7"] .portfolio-info h3,
.portfolio-card[data-order="8"] .portfolio-info h3,
.portfolio-card[data-order="9"] .portfolio-info h3{white-space:nowrap}
.portfolio-card[data-order="4"] .portfolio-info a,
.portfolio-card[data-order="7"] .portfolio-info a,
.portfolio-card[data-order="8"] .portfolio-info a,
.portfolio-card[data-order="9"] .portfolio-info a{writing-mode:horizontal-tb;display:none}
.portfolio-card[data-order="7"] .portfolio-info,
.portfolio-card[data-order="8"] .portfolio-info,
.portfolio-card[data-order="9"] .portfolio-info{left:14px;right:auto;rotate:180deg;}

/* Section numbering: 07 right, 09 left */
.testimonials-section .section-no{right:5vw;left:auto}
#contact .section-no{left:5vw;right:auto}

/* Footer logo — larger without distortion */
.footer-logo{width:260px;height:104px;object-fit:contain}

@media(max-width:900px){
 .portfolio-card[data-order="4"] .portfolio-info,.portfolio-card[data-order="7"] .portfolio-info,.portfolio-card[data-order="8"] .portfolio-info,.portfolio-card[data-order="9"] .portfolio-info{position:absolute;left:0;right:0;top:auto;bottom:0;transform:none;writing-mode:horizontal-tb;rotate:0deg;display:block;padding:18px}
 .footer-logo{width:225px;height:92px}
}
@media(max-width:600px){.footer-logo{width:210px;height:86px}}

/* V6 precision refinements — no structural changes */
.hero-intro-lines{display:flex;flex-direction:column;gap:8px;max-width:760px;opacity:.96;}
.hero-intro-lines span{display:block;}
.hero-intro-lines span:last-child{color:#f4d06f;font-weight:800;letter-spacing:2.6px;text-shadow:0 0 18px rgba(212,175,55,.18);}
body:not(.loaded) .hero-content{opacity:0;transform:translateY(18px);}
.hero-content{transition:opacity 1.25s cubic-bezier(.2,.8,.2,1),transform 1.25s cubic-bezier(.2,.8,.2,1);}
body.loaded .hero-content{opacity:1;transform:none;}
body.loaded .hero-sub{animation:heroSubIn 1.2s .18s both;}
@keyframes heroSubIn{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
/* Portfolio readability — second and third rows */
.portfolio-card[data-order="4"] .portfolio-info,
.portfolio-card[data-order="7"] .portfolio-info,
.portfolio-card[data-order="8"] .portfolio-info,
.portfolio-card[data-order="9"] .portfolio-info{
 text-shadow:0 2px 18px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.75);
 filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));
}
.portfolio-card[data-order="4"] .portfolio-info{left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55));padding:18px 12px;border-left:1px solid rgba(212,175,55,.45);border-right:1px solid rgba(212,175,55,.18);}
.portfolio-card[data-order="4"] .portfolio-info h3{font-size:27px;letter-spacing:-.5px;}
.portfolio-card[data-order="5"] .portfolio-info,
.portfolio-card[data-order="6"] .portfolio-info{padding:24px 24px 22px;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.38),transparent);}
.portfolio-card[data-order="5"] .portfolio-info h3,
.portfolio-card[data-order="6"] .portfolio-info h3{font-size:26px;text-shadow:0 2px 16px #000;}
.portfolio-card[data-order="7"] .portfolio-info,
.portfolio-card[data-order="8"] .portfolio-info,
.portfolio-card[data-order="9"] .portfolio-info{left:18px;top:50%;padding:14px 10px;min-height:150px;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08));border-left:1px solid rgba(212,175,55,.42);}
.portfolio-card[data-order="7"] .portfolio-info h3,
.portfolio-card[data-order="8"] .portfolio-info h3,
.portfolio-card[data-order="9"] .portfolio-info h3{font-size:24px;letter-spacing:1px;}
.portfolio-card[data-order="7"] .portfolio-info span,
.portfolio-card[data-order="8"] .portfolio-info span,
.portfolio-card[data-order="9"] .portfolio-info span{font-size:9px;color:#f4d06f;font-weight:800;}
#testimonials .section-no{right:5vw;left:auto;}
@media(max-width:900px){
 .hero-intro-lines{gap:6px;}
 .portfolio-card[data-order="4"] .portfolio-info{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);writing-mode:vertical-rl;rotate:180deg;padding:12px;}
 .portfolio-card[data-order="4"] .portfolio-info a{display:none;}
 .portfolio-card[data-order="7"] .portfolio-info,.portfolio-card[data-order="8"] .portfolio-info,.portfolio-card[data-order="9"] .portfolio-info{left:14px;top:50%;bottom:auto;transform:translateY(-50%);}
}
/* Final portfolio typography refinement — preserve layout, make requested labels permanently visible */
.portfolio-card[data-order="4"] .portfolio-info,
.portfolio-card[data-order="6"] .portfolio-info,
.portfolio-card[data-order="7"] .portfolio-info,
.portfolio-card[data-order="8"] .portfolio-info,
.portfolio-card[data-order="9"] .portfolio-info{opacity:1;visibility:visible;z-index:5;text-shadow:0 2px 18px rgba(0,0,0,.95)}
.portfolio-card[data-order="6"] .portfolio-info{position:absolute;left:14px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;text-align:left;max-width:none;padding:14px 10px;display:flex;align-items:flex-start;gap:10px;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08));border-left:1px solid rgba(212,175,55,.42);}
.portfolio-card[data-order="6"] .portfolio-info a{display:none}
.portfolio-card[data-order="6"] .portfolio-info h3{white-space:nowrap;font-size:24px;letter-spacing:1px}
@media(max-width:900px){.portfolio-card[data-order="6"] .portfolio-info{position:absolute;left:0;right:0;top:auto;bottom:0;transform:none;writing-mode:horizontal-tb;rotate:0deg;display:block;padding:18px;border-left:0}.portfolio-card[data-order="6"] .portfolio-info a{display:inline-block}}
/* V7 FINAL — requested artistic refinements, preserving the existing structure */
.founder-frame{transform:rotate(-5deg) translateX(-4px);transform-origin:center center;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}
.founder-frame:hover{transform:rotate(-5.8deg) translateX(-7px) scale(1.012);box-shadow:0 0 0 1px rgba(255,255,255,.06),35px 40px 90px rgba(0,0,0,.75),0 0 30px rgba(212,175,55,.12)}
/* The five requested portfolio labels remain visible before opening the image. */
.portfolio-card[data-order="4"] .portfolio-info,.portfolio-card[data-order="6"] .portfolio-info,.portfolio-card[data-order="7"] .portfolio-info,.portfolio-card[data-order="8"] .portfolio-info,.portfolio-card[data-order="9"] .portfolio-info{position:absolute;top:50%;bottom:auto;left:14px;right:auto;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;display:flex;align-items:flex-start;justify-content:center;gap:10px;min-height:170px;padding:14px 10px;z-index:5;opacity:1;visibility:visible;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.08));border-left:1px solid rgba(212,175,55,.45);text-shadow:0 2px 18px rgba(0,0,0,.95)}
.portfolio-card[data-order="4"] .portfolio-info span,.portfolio-card[data-order="6"] .portfolio-info span,.portfolio-card[data-order="7"] .portfolio-info span,.portfolio-card[data-order="8"] .portfolio-info span,.portfolio-card[data-order="9"] .portfolio-info span{font-size:9px;color:var(--lightgold);font-weight:800;white-space:nowrap}
.portfolio-card[data-order="4"] .portfolio-info h3,.portfolio-card[data-order="6"] .portfolio-info h3,.portfolio-card[data-order="7"] .portfolio-info h3,.portfolio-card[data-order="8"] .portfolio-info h3,.portfolio-card[data-order="9"] .portfolio-info h3{font-size:22px;letter-spacing:1px;white-space:nowrap;margin:0}
.portfolio-card[data-order="4"] .portfolio-info a,.portfolio-card[data-order="6"] .portfolio-info a,.portfolio-card[data-order="7"] .portfolio-info a,.portfolio-card[data-order="8"] .portfolio-info a,.portfolio-card[data-order="9"] .portfolio-info a{display:none}
/* Project Lab circles and fluid modal */
.lab-chain{gap:14px;align-items:center}
.lab-node{width:112px;height:112px;border-radius:50%;border:1px solid rgba(212,175,55,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:800 9px Montserrat;color:#777;background:radial-gradient(circle at 35% 28%,rgba(244,208,111,.12),rgba(255,255,255,.025) 48%,rgba(0,0,0,.45));cursor:pointer;transition:transform .45s ease,border-color .35s ease,box-shadow .45s ease,color .35s ease;padding:12px}
.lab-node span{font:800 9px Montserrat;color:#777;letter-spacing:1px}.lab-node b{font-size:11px;color:#fff;margin-top:8px;letter-spacing:1px}.lab-node:hover{transform:translateY(-7px) scale(1.045);border-color:var(--gold);box-shadow:0 0 35px rgba(212,175,55,.16),inset 0 0 30px rgba(212,175,55,.05)}
.lab-node-last{margin-left:8px}
.lab-modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}.lab-modal.open{opacity:1;visibility:visible;pointer-events:auto}.lab-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(16px)}.lab-modal-panel{position:relative;z-index:2;width:min(760px,92vw);max-height:min(78vh,760px);overflow:auto;padding:48px 92px 92px;text-align:center;border:1px solid rgba(212,175,55,.42);background:linear-gradient(145deg,rgba(20,20,20,.96),rgba(3,3,3,.98));box-shadow:0 35px 100px rgba(0,0,0,.75),0 0 50px rgba(212,175,55,.08);transform:translateY(25px) scale(.97);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.lab-modal.open .lab-modal-panel{transform:none}.lab-modal-close{position:absolute;top:16px;right:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:28px;cursor:pointer}.lab-modal-panel h3{font-size:clamp(34px,5vw,62px);margin:0 0 25px;color:var(--lightgold);letter-spacing:-2px}.lab-modal-panel p{margin:0 auto 13px;color:#c6c6c6;font-size:14px;line-height:1.8;max-width:590px}.lab-modal-panel.lab-content-transition #labModalNumber,.lab-modal-panel.lab-content-transition #labModalTitle,.lab-modal-panel.lab-content-transition #labModalText{opacity:0;filter:blur(10px);transform:translateY(8px)}.lab-modal-panel #labModalNumber,.lab-modal-panel #labModalTitle,.lab-modal-panel #labModalText{transition:opacity .8s ease,filter .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.lab-modal-panel p:last-child{margin-bottom:0}.lab-modal-open{overflow:hidden}.testimonial-photo{width:68px;height:68px;border-radius:50%;object-fit:cover;border:1px solid rgba(212,175,55,.45);margin-bottom:15px}
@media(max-width:900px){.lab-chain{gap:10px}.lab-node{width:92px;height:92px}.lab-node-last{margin-left:0}.portfolio-card[data-order="4"] .portfolio-info,.portfolio-card[data-order="6"] .portfolio-info,.portfolio-card[data-order="7"] .portfolio-info,.portfolio-card[data-order="8"] .portfolio-info,.portfolio-card[data-order="9"] .portfolio-info{left:0;right:0;top:auto;bottom:0;transform:none;writing-mode:horizontal-tb;rotate:0deg;min-height:0;display:block;padding:18px;border-left:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.2));}.portfolio-card[data-order="4"] .portfolio-info h3,.portfolio-card[data-order="6"] .portfolio-info h3,.portfolio-card[data-order="7"] .portfolio-info h3,.portfolio-card[data-order="8"] .portfolio-info h3,.portfolio-card[data-order="9"] .portfolio-info h3{white-space:normal}.portfolio-card[data-order="4"] .portfolio-info a,.portfolio-card[data-order="6"] .portfolio-info a,.portfolio-card[data-order="7"] .portfolio-info a,.portfolio-card[data-order="8"] .portfolio-info a,.portfolio-card[data-order="9"] .portfolio-info a{display:inline-block}.lab-modal-panel{padding:42px 48px 88px}}
@media(max-width:600px){.founder-frame{transform:rotate(-3.8deg)}.founder-frame:hover{transform:rotate(-4.2deg) scale(1.01)}.lab-chain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.lab-chain i{display:none}.lab-node{width:108px;height:108px}.lab-node-last{grid-column:1/-1}.lab-modal{padding:15px}.lab-modal-panel{max-height:82vh;padding:42px 28px 82px}.lab-modal-panel p{font-size:13px}}

/* BY ME & NGA — final visual refinements, preserving the existing layout */
/* Requested portfolio captions: visible directly below the five project images. */
.portfolio-card[data-order="4"] .portfolio-info,
.portfolio-card[data-order="6"] .portfolio-info,
.portfolio-card[data-order="7"] .portfolio-info,
.portfolio-card[data-order="8"] .portfolio-info,
.portfolio-card[data-order="9"] .portfolio-info{
  position:absolute;left:0;right:0;top:auto;bottom:0;transform:none;
  writing-mode:horizontal-tb;rotate:0deg;display:block;min-height:0;
  padding:18px 20px 19px;background:linear-gradient(0deg,rgba(0,0,0,.97),rgba(0,0,0,.72) 58%,rgba(0,0,0,0));
  border-left:0;border-top:1px solid rgba(212,175,55,.22);text-align:left;
}
.portfolio-card[data-order="4"] .portfolio-info span,
.portfolio-card[data-order="6"] .portfolio-info span,
.portfolio-card[data-order="7"] .portfolio-info span,
.portfolio-card[data-order="8"] .portfolio-info span,
.portfolio-card[data-order="9"] .portfolio-info span{display:block;font-size:9px;letter-spacing:2px;color:var(--lightgold);font-weight:800;white-space:normal}
.portfolio-card[data-order="4"] .portfolio-info h3,
.portfolio-card[data-order="6"] .portfolio-info h3,
.portfolio-card[data-order="7"] .portfolio-info h3,
.portfolio-card[data-order="8"] .portfolio-info h3,
.portfolio-card[data-order="9"] .portfolio-info h3{font-size:22px;letter-spacing:.2px;white-space:normal;margin:6px 0 0;line-height:1.1}
.portfolio-card[data-order="4"] .portfolio-info a,
.portfolio-card[data-order="6"] .portfolio-info a,
.portfolio-card[data-order="7"] .portfolio-info a,
.portfolio-card[data-order="8"] .portfolio-info a,
.portfolio-card[data-order="9"] .portfolio-info a{display:none}

/* Project Lab modal navigation */
.lab-modal-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:82px;border:1px solid rgba(212,175,55,.35);background:rgba(0,0,0,.55);color:var(--lightgold);font:300 48px/1 Georgia,serif;cursor:pointer;display:grid;place-items:center;transition:.3s;backdrop-filter:blur(8px)}
.lab-modal-nav:hover{background:rgba(212,175,55,.1);border-color:var(--gold);box-shadow:0 0 25px rgba(212,175,55,.12)}
.lab-modal-prev{left:22px;top:auto;bottom:20px;transform:none}.lab-modal-next{right:22px;top:auto;bottom:20px;transform:none}
.lab-modal-progress{margin-top:28px;padding-top:15px;border-top:1px solid rgba(212,175,55,.18);font:800 9px Montserrat;letter-spacing:3px;color:#777;text-align:center}

/* Spectacular footer — layered without changing its structure */
.site-footer{isolation:isolate;overflow:hidden;padding-top:92px;background:
  radial-gradient(circle at 10% 0%,rgba(212,175,55,.12),transparent 24%),
  radial-gradient(circle at 88% 30%,rgba(192,192,192,.07),transparent 25%),
  linear-gradient(145deg,#010101 0%,#070707 48%,#111 100%);}
.site-footer:before{content:"";position:absolute;left:-8%;right:-8%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--silver),var(--gold),var(--lightgold),var(--gold),var(--silver),transparent);box-shadow:0 0 24px rgba(212,175,55,.45)}
.site-footer:after{content:"BY ME & NGA";position:absolute;right:-2vw;bottom:30px;font:900 clamp(70px,14vw,210px)/.8 Montserrat;letter-spacing:-10px;color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none;z-index:-1}
.footer-top{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:45px;padding-bottom:55px}
.footer-logo{width:125px;filter:drop-shadow(0 0 22px rgba(212,175,55,.12));transition:.5s}.footer-logo:hover{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 0 28px rgba(212,175,55,.3))}
.footer-top>div:first-child p{max-width:280px;color:#aaa;line-height:1.7;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.footer-col{position:relative;padding-left:18px}.footer-col:before{content:"";position:absolute;left:0;top:2px;width:1px;height:100%;background:linear-gradient(180deg,var(--gold),transparent)}
.footer-col b{display:block;margin-bottom:20px;color:var(--lightgold);font:800 9px Montserrat;letter-spacing:3px}
.footer-col a,.footer-col span{display:block;margin:0 0 11px;transition:.3s}.footer-col a:hover{color:var(--lightgold);transform:translateX(4px)}
.footer-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:25px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);font-size:8px;letter-spacing:2px;color:#777}
.footer-premium-bottom{position:relative;z-index:3;display:flex;justify-content:flex-end;padding-top:12px}.back-top{border:1px solid rgba(212,175,55,.4);background:rgba(0,0,0,.35);color:var(--lightgold);padding:10px 14px;font:800 8px Montserrat;letter-spacing:2px;cursor:pointer;transition:.3s}.back-top:hover{background:rgba(212,175,55,.08);box-shadow:0 0 25px rgba(212,175,55,.14);transform:translateY(-2px)}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.lab-modal-nav{width:40px;height:64px;font-size:38px}.lab-modal-prev{left:8px}.lab-modal-next{right:8px}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.site-footer:after{font-size:62px;letter-spacing:-4px}.lab-modal-nav{top:auto;bottom:18px;transform:none;height:42px;width:58px;font-size:32px}.lab-modal-prev{left:22px}.lab-modal-next{right:22px}.lab-modal-progress{text-align:center;margin-bottom:45px}}

/* FINAL V4 — footer logo visibility only */
.site-footer .footer-logo{width:300px;height:125px;object-fit:contain;display:block;filter:drop-shadow(0 0 22px rgba(212,175,55,.22));}
@media(max-width:600px){.site-footer .footer-logo{width:230px;height:96px;}}

/* FINAL V5 — precise requested refinements */
#testimonials .section-no{left:auto!important;right:5vw!important;text-align:right;}

/* Portfolio lightbox: soft, premium rotational arrival when navigating */
@keyframes portfolioRotateRight{0%{opacity:0;transform:perspective(1100px) translateX(34px) rotateY(7deg) rotateZ(1.2deg) scale(.965);filter:blur(2px)}55%{opacity:1;transform:perspective(1100px) translateX(-5px) rotateY(-1.2deg) rotateZ(-.15deg) scale(1.005);filter:blur(0)}100%{opacity:1;transform:perspective(1100px) translateX(0) rotateY(0) rotateZ(0) scale(1);filter:none}}
@keyframes portfolioRotateLeft{0%{opacity:0;transform:perspective(1100px) translateX(-34px) rotateY(-7deg) rotateZ(-1.2deg) scale(.965);filter:blur(2px)}55%{opacity:1;transform:perspective(1100px) translateX(5px) rotateY(1.2deg) rotateZ(.15deg) scale(1.005);filter:blur(0)}100%{opacity:1;transform:perspective(1100px) translateX(0) rotateY(0) rotateZ(0) scale(1);filter:none}}
#portfolioLightbox #lightboxImage.lightbox-in{animation-duration:1.18s;animation-timing-function:cubic-bezier(.2,.78,.22,1);animation-fill-mode:both;will-change:transform,opacity,filter}
#portfolioLightbox #lightboxImage.lightbox-rotate-right{animation-name:portfolioRotateRight}
#portfolioLightbox #lightboxImage.lightbox-rotate-left{animation-name:portfolioRotateLeft}

/* Intro: richer cinematic effects, preserving the existing Hero layout */
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 42%,rgba(212,175,55,.13),transparent 24%),radial-gradient(circle at 18% 65%,rgba(255,255,255,.045),transparent 20%);mix-blend-mode:screen;opacity:.75}
.hero-content:before{content:"";position:absolute;left:-28px;top:12%;width:2px;height:72%;background:linear-gradient(180deg,transparent,var(--gold),rgba(255,255,255,.7),transparent);box-shadow:0 0 22px rgba(212,175,55,.35);opacity:.75}
.hero-title{text-shadow:0 18px 45px rgba(0,0,0,.55)}
.hero-title span{filter:drop-shadow(0 0 14px rgba(212,175,55,.12))}
.hero-sub{position:relative}
.hero-sub:after{content:"";display:block;width:170px;height:1px;margin-top:13px;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 14px rgba(212,175,55,.28)}
@media(max-width:600px){.hero-content:before{left:-14px;height:62%}.hero:after{opacity:.5}}


/* FINAL V6.1 — requested precision refinements; no structural changes */
.site-header .brand img{
  width:130px;
  height:58px;
}
@keyframes ticker{
  from{transform:translateX(100vw)}
  to{transform:translateX(-100%)}
}
#testimonials .section-no{
  right:0.5vw!important;
}
@media(max-width:600px){
  .site-header .brand img{
    width:105px;
    height:48px;
  }
  #testimonials .section-no{
    right:0.5vw!important;
  }
}
