/* HANU DIGIHIVE — responsive agency website */
:root{--bg:#080808;--bg-soft:#101010;--bg-card:#111;--bg-hover:#191713;--text:#f5f3ed;--muted:#aaa69b;--muted-2:#77736a;--accent:#f4b942;--accent-2:#f07824;--line:rgba(255,255,255,.11);--line-gold:rgba(244,185,66,.32);--font-heading:"Manrope",sans-serif;--font-body:"DM Sans",sans-serif;--container:1200px;--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:radial-gradient(circle at 50% -10%,rgba(244,185,66,.07),transparent 35%),var(--bg);color:var(--text);font:15px/1.7 var(--font-body);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:var(--accent);color:#090909}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip-link{position:fixed;z-index:3000;top:8px;left:8px;padding:10px 15px;background:var(--accent);color:#111;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.section{padding:108px 0}
.accent-text{color:var(--accent)}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.6}
.eyebrow-number{display:inline-grid;width:27px;height:27px;place-items:center;border:1px solid var(--line-gold);border-radius:50%;font-size:10px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.section-heading h2,.about-content h2,.contact-content h2,.why-copy h2,.faq-heading h2{margin-top:22px;font:800 clamp(36px,5vw,58px)/1.13 var(--font-heading);letter-spacing:-2.5px}
.section-intro{max-width:390px;color:var(--muted);font-size:14px;line-height:1.9}
.announcement-bar{min-height:36px;padding:7px 24px;display:flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#111;font-size:10px;font-weight:800;letter-spacing:.7px}
.announcement-bar p{display:flex;align-items:center;gap:9px}
.announcement-dot{width:6px;height:6px;border-radius:50%;background:#111}
.announcement-bar a{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(9,9,9,.86);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav-container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:inline-flex;align-items:center;flex-shrink:0}
.brand-logo{width:clamp(72px,9vw,90px);height:auto;flex-shrink:0}
.footer-brand .brand-logo{width:clamp(112px,11vw,132px)}
.main-nav{display:flex;align-items:center;gap:28px}
.nav-link{position:relative;color:#c2c0b9;font-size:12px;font-weight:700;transition:color .2s}
.nav-link::after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s}
.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-contact{display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid var(--line-gold);border-radius:4px;color:var(--accent)}
.nav-contact::after{display:none}
.nav-contact:hover{background:var(--accent);color:#111}
.nav-contact span{font-size:16px}
.menu-toggle{display:none;width:43px;height:43px;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--text);transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){display:none}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.btn{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 21px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:800;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);transition:transform .7s;z-index:-1}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(244,185,66,.13)}
.btn:hover::before{transform:translateX(120%)}
.btn span{font-size:17px}
.btn-primary{background:var(--accent);color:#111}
.btn-primary:hover{background:#ffd16b}
.btn-secondary{border-color:var(--line);background:transparent;color:var(--text)}
.btn-secondary:hover{border-color:var(--accent)}
.btn-dark{background:#090909;color:var(--accent)}
.hero{position:relative;min-height:650px;padding-top:88px;padding-bottom:40px;overflow:hidden;background:radial-gradient(ellipse at 82% 35%,rgba(244,185,66,.1),transparent 32%),radial-gradient(ellipse at 18% 20%,rgba(240,120,36,.12),transparent 27%),linear-gradient(180deg,#12110f,#080808);background-size:130% 130%,120% 120%,100% 100%;animation:heroCamera 26s ease-in-out infinite alternate}
.hero::before{content:"";position:absolute;top:-140px;right:-100px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(244,185,66,.2),transparent 63%);filter:blur(20px);pointer-events:none;animation:haloPulse 12s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;top:5%;left:3%;width:500px;height:500px;border-radius:50%;border:1px solid rgba(244,185,66,.08);pointer-events:none;animation:driftRing 20s ease-in-out infinite alternate}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:54px}
.hero-content{position:relative;z-index:2}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px rgba(244,185,66,.8)}
.hero h1{max-width:700px;margin-top:27px;font:800 clamp(43px,6vw,76px)/1.06 var(--font-heading);letter-spacing:-4px}
.outline-text{color:transparent;-webkit-text-stroke:1px rgba(245,243,237,.75)}
.hero-description{max-width:480px;margin-top:25px;color:var(--muted);font-size:14px;line-height:1.95}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:35px}
.note-line{width:34px;height:1px;background:var(--accent)}
.hero-note p{color:#8e8b84;font-size:10px;letter-spacing:.3px}
.hero-visual{min-height:470px;position:relative;display:grid;place-items:center;perspective:1000px}
.visual-glow{position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(240,120,36,.14);filter:blur(90px)}
.visual-card-main{width:min(100%,400px);min-height:400px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid rgba(244,185,66,.28);border-radius:12px;background:linear-gradient(145deg,rgba(24,22,18,.97),rgba(12,12,12,.96));box-shadow:var(--shadow),0 0 22px rgba(244,185,66,.08);transform:perspective(1500px) rotateX(5deg) rotateY(-8deg) rotateZ(-1deg);animation:floatCard 8s ease-in-out infinite alternate}
.visual-card-main::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgba(255,236,184,.1) 48%,transparent 70%);background-size:240% 100%;pointer-events:none;animation:lightSweep 9s ease-in-out infinite}
.visual-card-main>*{position:relative;z-index:1}
.visual-top,.visual-caption{display:flex;align-items:center;justify-content:space-between;gap:12px}
.visual-label,.visual-index,.visual-caption{font-size:9px;font-weight:800;letter-spacing:1.5px}
.visual-label{color:var(--accent)}.visual-index{color:#77736b}
.hive-art{width:100%;max-width:310px;align-self:center;margin:10px auto}
.hive-art svg{width:100%;overflow:visible;filter:drop-shadow(0 0 13px rgba(244,185,66,.08));animation:hiveFloat 7s ease-in-out infinite alternate}
.visual-caption{padding-top:16px;border-top:1px solid var(--line);color:#bdb7a8}
.caption-arrow{color:var(--accent);font-size:19px}
.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid rgba(244,185,66,.2);border-radius:8px;background:rgba(19,19,19,.92);box-shadow:0 18px 40px rgba(0,0,0,.3);backdrop-filter:blur(10px);animation:driftCard 10s ease-in-out infinite alternate}
.floating-card-top{top:48px;right:-8px}.floating-card-bottom{bottom:38px;left:-20px;animation-delay:1.5s}
.floating-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:6px;background:rgba(244,185,66,.12);color:var(--accent);font-size:20px}
.floating-card div{display:flex;flex-direction:column}.floating-card strong{font-size:10px}.floating-card small{margin-top:2px;color:var(--muted);font-size:9px}
.orbit{position:absolute;z-index:1;border:1px solid rgba(244,185,66,.12);border-radius:50%;animation:orbitPulse 12s ease-in-out infinite alternate}
.orbit-one{width:500px;height:260px;transform:rotate(-25deg)}.orbit-two{width:430px;height:350px;transform:rotate(35deg);animation-delay:1.2s}
.hero-bottom{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:64px;padding-top:22px;border-top:1px solid var(--line)}
.hero-bottom>span:not(.hero-bottom-line){color:#88857c;font-size:9px;font-weight:800;letter-spacing:1.8px;text-align:center}
.hero-bottom-line{width:35px;height:1px;background:var(--line-gold)}
.intro-strip{overflow:hidden;padding:19px 0;border-top:1px solid var(--line-gold);border-bottom:1px solid var(--line-gold);background:linear-gradient(90deg,#100f0b,#1b160c,#100f0b)}
.intro-strip-inner{display:flex;width:max-content;animation:marquee var(--marquee-duration,21s) linear infinite}
.intro-strip-group{display:flex;flex-shrink:0;align-items:center;gap:32px;padding-right:32px}
.intro-strip p{flex-shrink:0;color:#d3cbb8;font-size:10px;font-weight:800;letter-spacing:1.4px;text-align:center;white-space:nowrap}.strip-star{flex-shrink:0;color:var(--accent);font-size:18px}
.work-section{background:#0c0c0c}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.portfolio-card{min-width:0;border:1px solid var(--line);background:#101010;transition:transform .3s,border-color .3s,box-shadow .3s}
.portfolio-card:hover{transform:translateY(-5px);border-color:var(--line-gold);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.portfolio-video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,rgba(244,185,66,.12),transparent 55%),linear-gradient(145deg,#191711,#080808)}
.portfolio-video-frame::before{content:"HD VIDEO";position:absolute;top:12px;left:12px;z-index:1;padding:5px 8px;border:1px solid rgba(244,185,66,.3);border-radius:3px;background:rgba(8,8,8,.72);color:#f4b942;font-size:8px;font-weight:800;letter-spacing:1.2px;pointer-events:none}
.portfolio-video-frame video{position:relative;width:100%;height:100%;object-fit:contain}
.portfolio-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px}
.portfolio-category{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:1.5px}
.portfolio-info h3{margin-top:5px;font:700 14px var(--font-heading);overflow-wrap:anywhere}
.portfolio-disclaimer{display:flex;gap:8px;align-items:flex-start;margin-top:17px;color:var(--muted-2);font-size:11px}
.services-section{background:var(--bg)}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:300px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(17,17,17,.15),rgba(17,17,17,.6));transition:background .3s,transform .3s,box-shadow .3s,border-color .3s}
.service-card:hover{z-index:1;background:linear-gradient(180deg,rgba(29,25,20,.8),#111);transform:translateY(-5px);box-shadow:0 22px 48px rgba(0,0,0,.28);border-color:rgba(244,185,66,.24)}
.service-card-top{width:100%;display:flex;align-items:center;justify-content:space-between}
.service-number{color:#77746d;font-size:11px;font-weight:700;letter-spacing:1px}
.service-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line-gold);border-radius:8px;color:var(--accent);font-size:25px;background:rgba(244,185,66,.04)}
.service-card h3{margin-top:28px;font:750 21px/1.3 var(--font-heading);letter-spacing:-.5px}
.service-card p{margin-top:13px;color:var(--muted);font-size:12px;line-height:1.85}
.service-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:23px;color:var(--accent);font-size:11px;font-weight:800}
.service-link span{font-size:17px;transition:transform .2s}.service-link:hover span{transform:translate(3px,-3px)}
.service-card-featured{background:linear-gradient(145deg,rgba(244,185,66,.09),rgba(17,17,17,.8))}
.featured-label{margin-top:20px;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:1.4px}.service-card-featured h3{margin-top:8px}
.why-section{background:#0d0d0d}
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.why-copy>p,.faq-heading>p{max-width:460px;margin-top:22px;color:var(--muted);font-size:14px;line-height:1.95}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:27px;color:var(--accent);font-size:12px;font-weight:800}
.text-link span{font-size:18px}
.why-list{border-top:1px solid var(--line)}
.why-item{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.why-item>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1px}
.why-item h3{font:700 17px var(--font-heading)}
.why-item p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.8}
.about-section{background:#080808}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:80px}
.about-visual{position:relative;padding:15px 25px 15px 0}
.about-image-frame{min-height:430px;padding:16px;border:1px solid var(--line-gold);background:linear-gradient(135deg,rgba(244,185,66,.06),rgba(255,255,255,.01))}
.about-art{min-height:395px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:28px;background:radial-gradient(circle at center,rgba(244,185,66,.12),transparent 45%),#10100e}
.about-art::before,.about-art::after{content:"";position:absolute;top:50%;left:50%;border:1px solid rgba(244,185,66,.22);border-radius:50%;transform:translate(-50%,-50%)}
.about-art::before{width:220px;height:220px}.about-art::after{width:300px;height:300px;border-color:rgba(244,185,66,.1)}
.about-art-small,.about-art-bottom{position:relative;z-index:1;color:#c9b98f;font-size:9px;font-weight:800;letter-spacing:2px}
.about-art-logo{position:relative;z-index:1;width:min(55%,190px);height:auto;filter:drop-shadow(0 0 24px rgba(244,185,66,.12))}
.about-stamp{position:absolute;right:0;bottom:45px;width:95px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#111;font-size:9px;font-weight:800;line-height:1.2;transform:rotate(9deg);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.about-stamp strong{font:800 15px var(--font-heading)}
.about-side-note{position:absolute;left:-22px;bottom:3px;color:#77736b;font-size:8px;font-weight:800;letter-spacing:1.6px;transform:rotate(-90deg);transform-origin:left center}
.about-content>p{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.95}
.about-values{display:grid;gap:16px;margin-top:27px}
.value-item{display:flex;align-items:center;gap:13px}
.value-check{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line-gold);border-radius:50%;color:var(--accent);font-size:12px}
.value-item div{display:flex;flex-direction:column}.value-item strong{font-size:12px}.value-item small{color:var(--muted);font-size:11px}
.team-note{display:flex;gap:13px;margin-top:28px;padding:17px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.team-note-icon{color:var(--accent);font-size:20px}.team-note strong{font-size:12px}.team-note p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.8}
.process-section{background:#0d0d0d}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.process-card{min-height:260px;position:relative;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}
.process-card:hover{background:rgba(244,185,66,.035)}
.process-count{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1px}
.process-icon{margin-top:27px;color:var(--accent);font-size:25px}
.process-card h3{margin-top:12px;font:750 18px var(--font-heading)}
.process-card p{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.85}
.process-arrow{position:absolute;right:23px;top:22px;color:#6f6b62;font-size:17px}
.faq-section{background:#080808}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:22px 38px 22px 0;font:700 14px var(--font-heading)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:5px;top:15px;color:var(--accent);font-size:23px;font-weight:400}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 25px 22px 0;color:var(--muted);font-size:12px;line-height:1.9}
.cta-section{padding:65px 0;background:linear-gradient(115deg,#d99c2b,#f4b942 45%,#d77a20);color:#111;overflow:hidden}
.cta-inner{display:flex;align-items:center;gap:30px}
.cta-orb{width:120px;height:120px;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(0,0,0,.25);border-radius:50%;transform:rotate(-10deg)}
.cta-orb img{width:78%;height:78%;object-fit:contain}
.cta-copy{flex:1}.cta-copy .eyebrow{color:#28200f;font-size:9px;letter-spacing:1.7px}.cta-copy h2{margin-top:8px;font:800 clamp(34px,4vw,49px)/1.05 var(--font-heading);letter-spacing:-2px}.cta-copy h2 span{color:#fff5dc}.cta-copy p{margin-top:9px;font-size:12px;color:#2c2417}.cta-inner>.btn{margin-left:auto;flex-shrink:0}
.contact-section{background:#0c0c0c}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}
.contact-content>p{max-width:420px;margin-top:20px;color:var(--muted);font-size:13px;line-height:1.9}
.contact-details{display:grid;gap:12px;margin-top:30px}
.contact-detail{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.015);transition:border-color .2s}
a.contact-detail:hover{border-color:var(--line-gold)}
.contact-detail-icon{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line-gold);border-radius:6px;color:var(--accent);font-size:17px}
.contact-detail>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}
.contact-detail small{color:var(--muted-2);font-size:8px;font-weight:800;letter-spacing:1.4px}
.contact-detail strong{margin-top:3px;font-size:12px;overflow-wrap:anywhere}
.contact-detail-arrow{color:var(--accent);font-size:17px}
.contact-quick-links{display:flex;flex-wrap:wrap;gap:17px;margin-top:19px}
.quick-link{color:var(--accent);font-size:11px;font-weight:800}.quick-link span{margin-left:6px}
.contact-form-card{padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,#131313,#0e0e0e);box-shadow:var(--shadow)}
.form-kicker{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.7px}
.form-heading h3{margin-top:8px;font:750 25px var(--font-heading);letter-spacing:-.7px}
.form-heading p{margin-top:8px;color:var(--muted);font-size:12px}
#contactForm{margin-top:25px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-group label{font-size:11px;font-weight:700;color:#d9d5cc}
.form-group label span,.consent-row b{color:var(--accent)}
.form-group input,.form-group select,.form-group textarea{width:100%;min-height:46px;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#090909;color:var(--text);font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s}
.form-group input::placeholder,.form-group textarea::placeholder{color:#6f6b63}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,185,66,.08)}
.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:115px}
.consent-row{display:flex;align-items:flex-start;gap:10px;margin:3px 0 20px;color:var(--muted);font-size:10px;line-height:1.7}
.consent-row input{margin-top:4px;accent-color:var(--accent);flex-shrink:0}
.consent-row a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.form-submit{width:100%;cursor:pointer}
.form-submit:disabled{opacity:.65;cursor:wait;transform:none}
.form-disclaimer{margin-top:12px;color:var(--muted-2);font-size:10px;line-height:1.7}
.form-status{min-height:0;margin-top:10px;font-size:11px;line-height:1.7}
.form-status:empty{display:none}.form-status.success{color:#8de0a4}.form-status.error{color:#ffaaa0}
.form-whatsapp{display:block;margin-top:12px;color:var(--accent);font-size:11px;font-weight:800}
.form-whatsapp span{margin-left:5px}
.site-footer{padding:65px 0 0;background:#070707;border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:1.3fr .75fr .9fr 1.15fr;gap:38px;padding-bottom:50px}
.footer-brand-block>p{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.9}
.social-links{display:flex;gap:8px;margin-top:18px}
.social-links a{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);transition:background .2s,color .2s,border-color .2s}
.social-links svg{width:16px;height:16px}
.social-links a:hover{background:var(--accent);border-color:var(--accent);color:#111}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-column h4{margin-bottom:8px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.6px}
.footer-column>a{color:var(--muted);font-size:11px;overflow-wrap:anywhere;transition:color .2s}
.footer-column>a:hover{color:var(--accent)}
.footer-bottom{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}
.footer-bottom p,.footer-bottom a{color:var(--muted-2);font-size:10px}.footer-bottom a{font-weight:800;letter-spacing:1px}.footer-bottom a:hover{color:var(--accent)}
.whatsapp-float{position:fixed;right:23px;bottom:22px;z-index:900;width:55px;height:55px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#1fae5b;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .2s}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.04)}.whatsapp-float svg{width:27px;height:27px}
.reveal{opacity:1;transform:none}
.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.js-ready .services-grid .service-card:nth-child(3n + 2){transition-delay:80ms}
.js-ready .services-grid .service-card:nth-child(3n){transition-delay:140ms}
@keyframes heroCamera{from{background-position:0 0,0 0,0 0}to{background-position:100% 50%,60% 100%,0 0}}
@keyframes haloPulse{from{transform:scale(.94);opacity:.65}to{transform:scale(1.08);opacity:1}}
@keyframes driftRing{from{transform:translate(-10px,0)}to{transform:translate(35px,25px)}}
@keyframes floatCard{from{transform:perspective(1500px) rotateX(5deg) rotateY(-8deg) rotateZ(-1deg) translateY(0)}to{transform:perspective(1500px) rotateX(2deg) rotateY(-4deg) rotateZ(0) translateY(-9px)}}
@keyframes lightSweep{0%,60%{background-position:140% 0}100%{background-position:-140% 0}}
@keyframes hiveFloat{from{transform:translateY(0) scale(.99)}to{transform:translateY(-7px) scale(1.015)}}
@keyframes driftCard{from{translate:0 0}to{translate:0 -8px}}
@keyframes orbitPulse{from{opacity:.35;scale:.97}to{opacity:.8;scale:1.03}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1050px){.main-nav{gap:18px}.hero-grid{gap:30px}.hero h1{letter-spacing:-3px}.about-grid{gap:45px}.why-grid{gap:50px}.contact-grid{gap:40px}.portfolio-art{min-height:260px}.footer-main{gap:25px}}
@media(max-width:850px){.section{padding:80px 0}.menu-toggle{display:block}.main-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;align-items:stretch;gap:0;padding:12px 24px 22px;border-bottom:1px solid var(--line);background:rgba(9,9,9,.98);box-shadow:0 20px 30px rgba(0,0,0,.35)}.main-nav.is-open{display:flex;flex-direction:column}.nav-link{padding:13px 4px}.nav-link::after{display:none}.nav-contact{justify-content:space-between;margin-top:8px;padding:12px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-content{max-width:700px}.hero-visual{min-height:440px}.hero-bottom{margin-top:28px}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-large{grid-column:1/-1}.portfolio-large .portfolio-art{min-height:310px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.about-visual{max-width:500px;width:100%;margin:0 auto}.about-content{max-width:720px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-inner{flex-wrap:wrap}.cta-copy{flex-basis:calc(100% - 155px)}.cta-inner>.btn{margin-left:0}.contact-content{max-width:650px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.section{padding:65px 0}.announcement-bar{gap:10px;padding:7px 10px;font-size:8px}.announcement-bar p{font-size:7px;letter-spacing:.3px}.announcement-bar a{font-size:8px}.brand-mark{width:38px;height:38px}.brand-name strong{font-size:15px}.nav-container{min-height:68px}.hero{padding-top:55px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{margin-top:22px;font-size:clamp(40px,10.8vw,55px);letter-spacing:-2.5px}.hero-description{margin-top:18px;font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-note{margin-top:24px}.hero-note p{font-size:9px}.hero-visual{min-height:365px;margin-top:0}.visual-card-main{width:87%;min-height:315px;padding:17px}.hive-art{max-width:230px}.floating-card{gap:7px;padding:9px}.floating-card-top{top:15px;right:0}.floating-card-bottom{bottom:15px;left:0}.floating-card strong{font-size:9px}.floating-card small{font-size:8px}.floating-icon{width:27px;height:27px;font-size:15px}.orbit-one{width:330px;height:200px}.orbit-two{width:300px;height:240px}.hero-bottom{gap:9px;margin-top:20px;padding-top:16px}.hero-bottom>span:not(.hero-bottom-line){max-width:85px;font-size:7px;letter-spacing:.7px}.hero-bottom-line{width:10px}.intro-strip{padding:15px 0}.intro-strip-inner{gap:8px}.intro-strip p{font-size:7px;letter-spacing:.5px}.strip-star{font-size:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:32px}.section-heading h2,.about-content h2,.contact-content h2,.why-copy h2,.faq-heading h2{font-size:38px;letter-spacing:-1.8px}.section-intro{font-size:13px}.portfolio-grid{grid-template-columns:1fr}.portfolio-large{grid-column:auto}.portfolio-art,.portfolio-large .portfolio-art{min-height:275px}.art-big-type{font-size:53px}.services-grid{grid-template-columns:1fr}.service-card{min-height:270px;padding:23px}.service-card h3{font-size:22px}.service-card p{max-width:380px}.why-item{grid-template-columns:30px 1fr;gap:12px}.about-visual{padding-right:5px}.about-image-frame{min-height:320px;padding:12px}.about-art{min-height:292px;padding:20px}.about-art-symbol{font-size:92px}.about-art::before{width:160px;height:160px}.about-art::after{width:210px;height:210px}.about-stamp{right:-10px;bottom:24px;width:72px;height:72px;font-size:8px}.about-stamp strong{font-size:11px}.about-side-note{left:-9px;font-size:7px}.process-grid{grid-template-columns:1fr}.process-card{min-height:210px}.cta-section{padding:45px 0}.cta-inner{align-items:flex-start;gap:18px}.cta-orb{width:68px;height:68px;font-size:32px;letter-spacing:-4px}.cta-copy{flex-basis:calc(100% - 90px)}.cta-copy h2{font-size:35px;letter-spacing:-1.5px}.cta-copy p{font-size:11px}.cta-copy .eyebrow{font-size:7px;letter-spacing:.7px}.cta-inner>.btn{width:100%}.contact-form-card{padding:22px 17px}.form-heading h3{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}.contact-detail{gap:10px;padding:12px}.contact-detail strong{font-size:11px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 18px}.footer-brand-block,.footer-contact{grid-column:1/-1}.footer-bottom{min-height:75px;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:14px 0}.whatsapp-float{right:15px;bottom:15px;width:49px;height:49px}.whatsapp-float svg{width:24px;height:24px}}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.portfolio-grid{grid-template-columns:1fr}.portfolio-info{gap:8px;padding:14px}.portfolio-info h3{font-size:13px}}
.intro-strip .intro-strip-inner{gap:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-ready .reveal{opacity:1;transform:none}.intro-strip-inner{width:100%;animation:none}.intro-strip-group{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 18px}.intro-strip-group[aria-hidden=true]{display:none}.intro-strip p{white-space:normal}}