@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#071a3b;--ink2:#0b2454;--orange:#ff4b12;--paper:#f7f6f2;--line:rgba(7,26,59,.14);--muted:#667085}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.site-header{height:92px;position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(247,246,242,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,26,59,.08);transition:.35s}.site-header.scrolled{height:76px;background:rgba(255,255,255,.93);box-shadow:0 10px 40px rgba(7,26,59,.08)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:21px;letter-spacing:.16em}.brand small{display:block;font:9px 'DM Mono';letter-spacing:.08em;color:#687187;margin-top:3px}.main-nav{display:flex;align-items:center;gap:27px}.main-nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;position:relative}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--orange);transition:.25s}.main-nav>a:not(.nav-cta):hover:after{width:100%}.nav-cta{background:var(--ink);color:#fff!important;padding:13px 18px;border-radius:99px}.nav-cta b{color:var(--orange);margin-left:8px}.menu-toggle{display:none;border:0;background:none;width:42px}.menu-toggle i{display:block;height:2px;background:var(--ink);margin:6px 0}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:var(--ink);color:white}.hero-slide{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,10,27,.78),rgba(2,10,27,.35) 52%,rgba(2,10,27,.08)),var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1s ease,transform 7s ease;display:flex;align-items:center;padding:150px 9vw 90px}.hero-slide.active{opacity:1;transform:scale(1)}.hero-content{max-width:850px}.kicker{font:11px 'DM Mono';letter-spacing:.18em;color:var(--orange);margin:0 0 20px}.hero h1{font-size:clamp(60px,8vw,135px);line-height:.86;letter-spacing:-.07em;margin:0}.hero h1 em,.mega-title em,h2 em,.cta-panel em{font-family:'Playfair Display',serif;font-weight:600}.hero-text{max-width:580px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.78);margin:30px 0}.magnetic-btn{display:inline-flex;align-items:center;gap:24px;border:0;background:var(--orange);color:#fff;text-decoration:none;padding:16px 20px 16px 24px;border-radius:999px;font-weight:800;cursor:pointer;transition:.3s}.magnetic-btn:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(255,75,18,.3)}.magnetic-btn span{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}.magnetic-btn.light{background:#fff;color:var(--ink)}.hero-controls{position:absolute;right:6vw;bottom:48px;display:flex;align-items:center;gap:12px;z-index:3}.hero-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer}.dots{display:flex;gap:7px}.dots i{display:block;width:6px;height:6px;background:rgba(255,255,255,.45);border-radius:50%;transition:.3s}.dots i.active{width:28px;border-radius:5px;background:var(--orange)}.scroll-note{position:absolute;bottom:45px;left:9vw;font:10px 'DM Mono';letter-spacing:.18em;display:flex;align-items:center;gap:12px}.scroll-note span{display:block;width:55px;height:1px;background:var(--orange)}.section{padding:130px 9vw;position:relative}.intro-section{display:grid;grid-template-columns:.2fr 1.2fr .8fr;gap:50px}.section-number{font:11px 'DM Mono';color:var(--orange);padding-top:10px}.mega-title,.section-head h2,.process-content h2,.editorial h2,.timeline h2,.distributor-grid h2,.contact-copy h2{font-size:clamp(52px,7vw,110px);line-height:.9;letter-spacing:-.07em;margin:0}.intro-copy{align-self:end}.intro-copy p,.large-copy{font-size:19px;line-height:1.8;color:var(--muted)}.text-link{color:var(--ink);font:700 12px 'DM Mono';letter-spacing:.1em;text-decoration:none;display:inline-flex;gap:16px;margin-top:20px}.parallax-banner{min-height:80vh;background-image:linear-gradient(rgba(7,26,59,.3),rgba(7,26,59,.55)),var(--bg);background-size:cover;background-position:center;background-attachment:fixed;display:grid;place-items:center;color:#fff;text-align:center;position:relative}.parallax-overlay p{font:11px 'DM Mono';letter-spacing:.2em}.parallax-overlay h2{font-size:clamp(55px,8vw,120px);line-height:.88;letter-spacing:-.07em;margin:15px}.capabilities{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tilt-card{min-height:310px;padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#fff,#f4f6fa);transition:transform .2s,box-shadow .3s}.tilt-card:hover{box-shadow:0 35px 70px rgba(7,26,59,.14)}.tilt-card span{color:var(--orange);font:11px 'DM Mono';margin-bottom:auto}.tilt-card h3{font-size:23px;margin:0 0 10px}.tilt-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.process{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--ink);color:#fff}.process-visual{min-height:780px;background:linear-gradient(rgba(7,26,59,.18),rgba(7,26,59,.35)),var(--bg) center/cover}.process-content{padding:100px 8vw;align-self:center}.steps{margin-top:45px}.step{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16);display:flex;gap:25px}.step b{font:11px 'DM Mono';color:var(--orange)}.step span{font-weight:700}.stats{background:var(--orange);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding-top:85px;padding-bottom:85px}.stat{border-right:1px solid rgba(255,255,255,.3);padding:0 4vw}.stat:last-child{border:0}.stat strong{display:block;font-size:clamp(60px,9vw,140px);line-height:.85;letter-spacing:-.08em}.stat span{font:10px 'DM Mono';letter-spacing:.15em}.cta-panel{min-height:620px;background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:110px 9vw}.cta-panel h2{font-size:clamp(60px,9vw,145px);line-height:.86;letter-spacing:-.08em;margin:0 0 45px;position:relative;z-index:2}.particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent);animation:particlesMove 12s linear infinite;opacity:.32}.compact{min-height:480px}.site-footer{background:#04122b;color:#fff;padding:80px 9vw 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.2fr;gap:50px}.footer-brand{font-size:28px;letter-spacing:.13em;font-weight:800;color:#fff;text-decoration:none}.footer-brand span{color:var(--orange);font-weight:400}.site-footer p{color:rgba(255,255,255,.55);line-height:1.7;font-size:14px}.site-footer h4{font:10px 'DM Mono';letter-spacing:.18em;color:var(--orange)}.site-footer a:not(.footer-brand){display:block;color:rgba(255,255,255,.72);text-decoration:none;margin:12px 0;font-size:14px}.socials{display:flex;gap:8px}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid!important;place-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:60px;padding-top:22px;font:9px 'DM Mono';letter-spacing:.12em;color:rgba(255,255,255,.45);display:flex;justify-content:space-between}.footer-bottom a{margin:0!important;color:#fff!important}.to-top{position:fixed;right:25px;bottom:25px;z-index:99;width:48px;height:48px;border-radius:50%;border:0;background:var(--orange);color:#fff;opacity:0;transform:translateY(15px);pointer-events:none;transition:.3s}.to-top.show{opacity:1;transform:none;pointer-events:auto}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,75,18,.08),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);mix-blend-mode:multiply}
.editorial{display:grid;grid-template-columns:.2fr 1fr}.editorial-text{max-width:1000px}.editorial-text>p:last-child{font-size:19px;line-height:1.9;color:var(--muted);max-width:760px;margin-top:45px}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding-top:0}.vision-card{min-height:400px;background:var(--ink);color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:end}.vision-card:nth-child(2){background:var(--orange)}.vision-card b{font:10px 'DM Mono';letter-spacing:.16em;margin-bottom:auto}.vision-card h3{font-size:clamp(26px,3vw,48px);line-height:1.05;margin:0}.timeline{background:#fff}.timeline-line{margin-top:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.time-item{padding:28px 20px;border-right:1px solid var(--line)}.time-item b{display:block;font-size:24px;margin-bottom:10px}.time-item span{color:var(--muted);font-size:14px}.gallery-intro{display:flex;justify-content:space-between;align-items:end}.gallery-filter{display:flex;gap:10px;flex-wrap:wrap}.gallery-filter button{background:none;border:1px solid var(--line);padding:11px 16px;border-radius:99px;cursor:pointer}.gallery-filter button.active{background:var(--ink);color:#fff}.masonry{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{position:relative;min-height:430px;overflow:hidden;background:#ddd}.gallery-item:nth-child(2),.gallery-item:nth-child(5){min-height:580px}.gallery-item img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(3,10,28,.78))}.gallery-item div{position:absolute;left:25px;right:25px;bottom:22px;color:#fff;z-index:2}.gallery-item span{font:9px 'DM Mono';letter-spacing:.15em;color:#ffb095}.gallery-item h3{font-size:22px;margin:7px 0}.distributor-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.benefit-list{margin-top:35px}.benefit-list div{display:flex;gap:25px;padding:17px 0;border-bottom:1px solid var(--line);font:11px 'DM Mono';color:var(--orange)}.benefit-list span{color:var(--ink);font:600 15px Manrope}.glass-form{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.75);box-shadow:0 30px 80px rgba(7,26,59,.13);backdrop-filter:blur(18px);padding:42px;border-radius:24px}.glass-form h3{font-size:42px;line-height:.95;letter-spacing:-.05em;margin:0 0 30px}.glass-form label{display:block;font-size:11px;font-weight:800;margin-bottom:16px;color:#334155}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.glass-form input,.glass-form textarea,.glass-form select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;padding:13px;background:rgba(255,255,255,.72);font:14px Manrope;outline-color:var(--orange)}.glass-form textarea{resize:vertical}.form-message{font-size:13px;color:#15803d}.contact-lines{margin-top:45px}.contact-lines span{display:block;padding:16px 0;border-bottom:1px solid var(--line);font:11px 'DM Mono';letter-spacing:.12em}.map-style{min-height:520px;background:#0b2454;position:relative;overflow:hidden;color:#fff;display:grid;place-items:center}.map-lines{position:absolute;inset:-40%;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:70px 70px;transform:rotate(-20deg);animation:gridMove 14s linear infinite}.map-copy{position:relative;text-align:center}.map-copy h2{font-size:clamp(55px,8vw,115px);line-height:.88;letter-spacing:-.07em;margin:0}.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}@keyframes particlesMove{to{background-position:120px 180px}}@keyframes gridMove{to{transform:rotate(-20deg) translate(70px,70px)}}@media(max-width:900px){.site-header{height:76px;padding:0 5vw}.brand img{width:48px;height:48px}.main-nav{position:fixed;top:76px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:25px 6vw 35px;gap:22px;box-shadow:0 25px 50px rgba(7,26,59,.1)}.main-nav.open{display:flex}.menu-toggle{display:block}.nav-cta{text-align:center}.hero{min-height:720px}.hero-slide{padding:120px 7vw 110px}.section{padding:90px 7vw}.intro-section,.editorial{grid-template-columns:1fr;gap:25px}.cap-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.process-visual{min-height:520px}.stats{grid-template-columns:1fr}.stat{padding:25px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.footer-grid{grid-template-columns:1fr 1fr}.gallery-intro{align-items:start;gap:30px;flex-direction:column}.masonry{grid-template-columns:1fr 1fr}.distributor-grid,.contact-grid{grid-template-columns:1fr}.cursor-glow{display:none}.parallax-banner{background-attachment:scroll}}@media(max-width:560px){.brand span small{display:none}.brand strong{font-size:18px}.hero h1{font-size:58px}.hero-text{font-size:16px}.hero-controls{right:7vw}.scroll-note{display:none}.section{padding:75px 6vw}.cap-grid,.masonry,.vision-grid,.footer-grid,.timeline-line,.form-grid{grid-template-columns:1fr}.masonry .gallery-item,.masonry .gallery-item:nth-child(2),.masonry .gallery-item:nth-child(5){min-height:420px}.process-content{padding:70px 7vw}.glass-form{padding:28px 20px;border-radius:18px}.footer-bottom{flex-direction:column;gap:12px}.parallax-banner{min-height:65vh}.to-top{right:16px;bottom:16px}}


/* =========================================================
   PAKSA FABRIC PREMIUM WOW MOTION LAYER — V2
   ========================================================= */
html { scroll-padding-top: 90px; }
body { background: #f7f6f2; }

/* Cinematic page entrance */
body::before{
  content:"";
  position:fixed; inset:0; z-index:9999; pointer-events:none;
  background:#071a3b;
  transform-origin:top;
  animation:pageCurtain .95s cubic-bezier(.76,0,.24,1) forwards;
}
@keyframes pageCurtain{0%{transform:scaleY(1)}100%{transform:scaleY(0)}}

/* Premium grain */
body::after{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:800;
  opacity:.035; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}

/* Header polish */
.site-header{animation:headerDrop 1s cubic-bezier(.2,.8,.2,1) both;}
@keyframes headerDrop{from{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}
.site-header::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);
  transform:scaleX(0); transform-origin:center; transition:.45s;
}
.site-header:hover::after{transform:scaleX(1)}

/* Hero cinematic layers */
.hero::before{
  content:""; position:absolute; width:70vw; height:70vw; max-width:1000px; max-height:1000px;
  border:1px solid rgba(255,255,255,.16); border-radius:50%;
  right:-28vw; top:15%; z-index:2; pointer-events:none;
  animation:orbBreath 8s ease-in-out infinite;
}
.hero::after{
  content:""; position:absolute; width:55vw; height:55vw; border:1px solid rgba(255,75,18,.25);
  border-radius:50%; right:-19vw; top:24%; z-index:2; pointer-events:none;
  animation:orbBreath 8s 1.2s ease-in-out infinite reverse;
}
@keyframes orbBreath{0%,100%{transform:scale(.96) rotate(0deg);opacity:.35}50%{transform:scale(1.07) rotate(18deg);opacity:.9}}

.hero-slide::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.07) 47%,transparent 49% 100%);
  background-size:180% 100%;
  animation:lightSweep 7s ease-in-out infinite;
}
@keyframes lightSweep{0%,100%{background-position:130% 0}50%{background-position:-30% 0}}

.hero-slide.active .hero-content > *{
  animation:heroTextIn 1.1s cubic-bezier(.16,1,.3,1) both;
}
.hero-slide.active .hero-content .kicker{animation-delay:.15s}
.hero-slide.active .hero-content h1{animation-delay:.3s}
.hero-slide.active .hero-content .hero-text{animation-delay:.46s}
.hero-slide.active .hero-content .magnetic-btn{animation-delay:.62s}
@keyframes heroTextIn{from{opacity:0;transform:translateY(55px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}

.hero h1{position:relative;text-shadow:0 20px 70px rgba(0,0,0,.18)}
.hero h1::after{
  content:""; display:block; width:0; height:4px; margin-top:24px;
  background:var(--orange); animation:lineGrow 1.3s .85s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes lineGrow{to{width:min(220px,40vw)}}

.hero .magnetic-btn{overflow:hidden; position:relative}
.hero .magnetic-btn::before{
  content:""; position:absolute; width:130%; aspect-ratio:1; left:50%; top:120%;
  border-radius:50%; background:#fff; transform:translateX(-50%);
  transition:top .55s cubic-bezier(.2,.8,.2,1); z-index:0;
}
.hero .magnetic-btn:hover::before{top:-18%}
.hero .magnetic-btn span,.hero .magnetic-btn{isolation:isolate}
.hero .magnetic-btn>*{position:relative;z-index:1}
.hero .magnetic-btn:hover{color:var(--ink)}
.hero .magnetic-btn:hover span{background:var(--ink);color:#fff}

/* Animated section borders */
.section{overflow:hidden}
.section::before{
  content:""; position:absolute; left:9vw; top:0; width:0; height:1px;
  background:linear-gradient(90deg,var(--orange),transparent);
  transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.section.in-view::before{width:82vw}

/* Floating orange accents */
.intro-section::after,.editorial::after,.timeline::after{
  content:"+"; position:absolute; right:7vw; top:18%;
  color:rgba(255,75,18,.14); font:300 clamp(100px,18vw,260px)/1 'Playfair Display';
  animation:floatMark 8s ease-in-out infinite;
}
@keyframes floatMark{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(8deg)}}

/* Large headings premium movement */
.mega-title,.section-head h2,.process-content h2,.editorial h2,.timeline h2,.distributor-grid h2,.contact-copy h2{
  background:linear-gradient(105deg,var(--ink) 30%,#50607b 50%,var(--ink) 70%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:headingShine 9s linear infinite;
}
@keyframes headingShine{to{background-position:-220% 0}}

/* Intro copy reveal decoration */
.intro-copy{position:relative}
.intro-copy::before{
  content:""; width:42px; height:42px; border-radius:50%;
  border:1px solid var(--orange); position:absolute; left:-70px; top:0;
  animation:pulseRing 3s ease-out infinite;
}
@keyframes pulseRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.6);opacity:0}}

/* Cards enhanced */
.tilt-card{
  position:relative; overflow:hidden; border-radius:2px;
  transition:transform .2s,box-shadow .45s,background .45s;
}
.tilt-card::before{
  content:""; position:absolute; width:220px;height:220px;border-radius:50%;
  right:-100px;top:-100px;background:radial-gradient(circle,rgba(255,75,18,.25),transparent 70%);
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.tilt-card::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--orange);
  transform:scaleX(0);transform-origin:left;transition:.55s cubic-bezier(.2,.8,.2,1);
}
.tilt-card:hover::before{transform:scale(2)}
.tilt-card:hover::after{transform:scaleX(1)}
.tilt-card h3{transition:transform .45s}
.tilt-card:hover h3{transform:translateX(10px)}

/* Image sections motion */
.parallax-banner{overflow:hidden}
.parallax-banner::before{
  content:"";position:absolute;inset:-10%;background:inherit;background-size:cover;background-position:center;
  z-index:0;animation:slowZoom 16s ease-in-out infinite alternate;
}
.parallax-banner > *{position:relative;z-index:2}
@keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.09)}}

/* Process image animated edge */
.process-visual{position:relative;overflow:hidden}
.process-visual::after{
  content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);
  transform:scale(.88);animation:framePulse 5s ease-in-out infinite;
}
@keyframes framePulse{0%,100%{transform:scale(.88);opacity:.35}50%{transform:scale(.95);opacity:.9}}
.step{transition:.35s;position:relative}
.step::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--orange);transition:.5s}
.step:hover{padding-left:18px;color:#fff}
.step:hover::before{width:100%}

/* Counter sections */
.stats{position:relative;overflow:hidden}
.stats::before{
  content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);left:-15vw;top:-30vw;
  animation:statsOrbit 18s linear infinite;
}
@keyframes statsOrbit{to{transform:rotate(360deg)}}
.stat strong{position:relative}
.stat strong::after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;right:-18px;top:5px;animation:blink 2s infinite}
@keyframes blink{50%{transform:scale(.35);opacity:.4}}

/* CTA premium animated light */
.cta-panel::before{
  content:"";position:absolute;inset:-40%;z-index:0;
  background:conic-gradient(from 0deg,transparent,rgba(255,75,18,.22),transparent,rgba(255,255,255,.07),transparent);
  animation:ctaSpin 16s linear infinite;
}
.cta-panel>*:not(.particles){position:relative;z-index:2}
@keyframes ctaSpin{to{transform:rotate(360deg)}}

/* Gallery WOW */
.gallery-item{transform-origin:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s}
.gallery-item:hover{transform:translateY(-12px) scale(1.015);box-shadow:0 35px 70px rgba(7,26,59,.22);z-index:3}
.gallery-item div{transform:translateY(15px);transition:.5s}
.gallery-item:hover div{transform:none}
.gallery-item::before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.45);z-index:2;
  opacity:0;transform:scale(.96);transition:.5s;
}
.gallery-item:hover::before{opacity:1;transform:scale(1)}
.gallery-item:hover::after{background:linear-gradient(transparent 25%,rgba(3,10,28,.9))}

/* Vision cards */
.vision-card{position:relative;overflow:hidden;transition:.5s}
.vision-card::after{
  content:"";position:absolute;width:150%;height:150%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.13),transparent 60%);
  left:-100%;top:-100%;transition:1s;
}
.vision-card:hover{transform:translateY(-12px)}
.vision-card:hover::after{left:-25%;top:-25%}

/* Timeline progress */
.timeline-line{position:relative}
.timeline-line::before{
  content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--orange);
  transition:width 1.8s cubic-bezier(.2,.8,.2,1);
}
.timeline.in-view .timeline-line::before{width:100%}
.time-item{transition:.4s}
.time-item:hover{background:var(--ink);color:#fff;transform:translateY(-12px)}
.time-item:hover span{color:rgba(255,255,255,.65)}

/* Forms */
.glass-form{position:relative;overflow:hidden}
.glass-form::before{
  content:"";position:absolute;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,75,18,.16),transparent 70%);
  top:-120px;right:-100px;animation:formGlow 7s ease-in-out infinite;
}
.glass-form>*{position:relative;z-index:1}
@keyframes formGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,70px)}}
.glass-form input:focus,.glass-form textarea:focus,.glass-form select:focus{
  transform:translateY(-2px);box-shadow:0 10px 25px rgba(7,26,59,.09);
  border-color:var(--orange)
}

/* Contact map */
.map-style::after{
  content:"";position:absolute;width:75vw;height:75vw;border:1px solid rgba(255,75,18,.5);border-radius:50%;
  animation:mapOrb 12s ease-in-out infinite;
}
@keyframes mapOrb{0%,100%{transform:scale(.7);opacity:.25}50%{transform:scale(1.1);opacity:.75}}

/* Scroll top */
.to-top{overflow:hidden}
.to-top::before{content:"";position:absolute;inset:0;background:#fff;border-radius:50%;transform:translateY(110%);transition:.35s}
.to-top:hover::before{transform:none}
.to-top:hover{color:var(--ink)}
.to-top{isolation:isolate}.to-top::before{z-index:-1}

/* Section reveal variants */
.reveal.reveal-left{transform:translateX(-60px)}
.reveal.reveal-right{transform:translateX(60px)}
.reveal.reveal-scale{transform:scale(.9)}
.reveal.show.reveal-left,.reveal.show.reveal-right,.reveal.show.reveal-scale{transform:none}

/* Responsive motion safety */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* =========================================================
   PAKSA FABRIC — V3: FULLSCREEN NAV, ROTATING GALLERY,
   FOUNDER SECTION, FOOTER MARQUEE, SITE-WIDE AMBIENT MOTION
   ========================================================= */

/* ---------- Fullscreen hamburger nav (all devices) ---------- */
.main-nav{display:none!important}
.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:42px;height:32px;position:relative;z-index:2100;cursor:pointer;background:none;border:0}
.menu-toggle i{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .45s cubic-bezier(.76,0,.24,1),background .3s}
body.nav-open .menu-toggle i{background:#fff}
body.nav-open .menu-toggle i:first-child{transform:translateY(4px) rotate(45deg)}
body.nav-open .menu-toggle i:last-child{transform:translateY(-4px) rotate(-45deg)}
.site-header{z-index:2000}

.nav-overlay{position:fixed;inset:0;z-index:1900;opacity:0;visibility:hidden;pointer-events:none;background:var(--ink);transition:opacity .55s cubic-bezier(.76,0,.24,1),visibility 0s .55s}
body.nav-open .nav-overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s cubic-bezier(.76,0,.24,1)}
.nav-overlay-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 12%,rgba(255,75,18,.16),transparent 46%),radial-gradient(circle at 10% 90%,rgba(255,75,18,.08),transparent 40%)}
.overlay-nav{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 9vw;gap:clamp(4px,1.4vw,14px)}
.ov-link{position:relative;display:flex;align-items:baseline;gap:22px;text-decoration:none;width:max-content;opacity:0;transform:translateY(35px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * 70ms)}
body.nav-open .ov-link{opacity:1;transform:none}
.ov-num{font:11px 'DM Mono';color:rgba(255,255,255,.35)}
.ov-text{position:relative;display:inline-block;font:800 clamp(36px,6.6vw,92px) Manrope;letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.55);transition:-webkit-text-stroke-color .4s ease}
.ov-text::before{content:attr(data-text);position:absolute;left:0;top:0;color:var(--orange);-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);transition:clip-path .55s cubic-bezier(.2,.8,.2,1)}
.ov-link::after{content:"";position:absolute;left:0;bottom:8px;width:0;height:2px;background:var(--orange);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ov-link:hover .ov-text{-webkit-text-stroke-color:transparent}
.ov-link:hover .ov-text::before{clip-path:inset(0 0 0 0)}
.ov-link:hover::after{width:64px}
.ov-link.current .ov-text{-webkit-text-stroke-color:var(--orange)}
.ov-link.current .ov-num{color:var(--orange)}
.overlay-foot{position:absolute;left:9vw;right:9vw;bottom:36px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.5);font:10px 'DM Mono';letter-spacing:.14em;opacity:0;transition:opacity .8s .5s;z-index:2}
body.nav-open .overlay-foot{opacity:1}
.overlay-meta span:first-child{display:block;color:#fff;font-weight:700;letter-spacing:.1em;margin-bottom:4px}
.overlay-socials{display:flex;gap:14px}
.overlay-socials a{color:rgba(255,255,255,.6);text-decoration:none}
.overlay-socials a:hover{color:var(--orange)}
@media(max-width:560px){.ov-link{gap:14px}.overlay-foot{flex-direction:column;align-items:flex-start;gap:10px;bottom:26px}}

/* ---------- Rotating fabric gallery ---------- */
.fabric-rotation-section{position:relative;padding:130px 9vw;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(11,36,84,.6),transparent 45%),var(--ink);perspective:2400px}
.rotation-head{text-align:center;margin-bottom:64px;position:relative;z-index:3;color:#fff}
.rotation-head .kicker{display:flex;justify-content:center}
.rotation-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;animation:none!important}
.fabric-rotator{height:clamp(240px,24vw,380px);position:relative;width:100%;perspective:2400px;transform-style:preserve-3d}
.fabric-ring{position:absolute;inset:0;transform-style:preserve-3d}
.fabric-frame{position:absolute;left:50%;top:50%;width:clamp(140px,14vw,230px);height:clamp(100px,10vw,164px);margin:0;transform-style:preserve-3d;transform-origin:center center;will-change:transform,opacity;transition:opacity .15s linear}
.fabric-card{position:absolute;inset:0;transform-style:preserve-3d}
.fabric-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 55px rgba(0,0,0,.48);background:#0b2454;border-radius:4px}
.fabric-face img{width:100%;height:100%;object-fit:cover;display:block}
.fabric-face.back{transform:rotateY(180deg)}.fabric-face.back img{transform:scaleX(-1)}
.fabric-rotation-section::before{content:"";position:absolute;inset:20% -10%;background:radial-gradient(ellipse at center,rgba(255,75,18,.1),transparent 55%);animation:carouselGlow 8s ease-in-out infinite;pointer-events:none}
.fabric-rotation-section::after{content:"";position:absolute;left:0;right:0;height:26%;bottom:0;background:linear-gradient(transparent,var(--ink) 92%);pointer-events:none;z-index:2}
@keyframes carouselGlow{50%{transform:scale(1.1);opacity:.6}}
@media(max-width:680px){.fabric-rotation-section{padding:80px 6vw}.fabric-rotator{height:230px}.fabric-frame{width:140px;height:100px}}

/* ---------- Founder message ---------- */
.founder-wow{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;background:#fff}
.founder-portrait{position:relative}
.founder-frame{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 90px rgba(7,26,59,.18)}
.founder-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05);transform:scale(1.06);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.founder-portrait:hover .founder-frame img{transform:scale(1)}
.founder-frame::after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.55);pointer-events:none;opacity:0;transform:scale(.92);transition:.6s}
.founder-wow.in-view .founder-frame::after{opacity:1;transform:scale(1)}
.founder-signature{width:180px;position:absolute;right:-24px;bottom:-24px;background:#fff;border-radius:50%;padding:14px;box-shadow:0 20px 45px rgba(7,26,59,.16)}
.founder-signature path{fill:none;stroke:var(--orange);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.8,.2,1)}
.founder-wow.in-view .founder-signature path{stroke-dashoffset:0}
.founder-copy h2{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.03em;margin:14px 0 26px}
.founder-copy h2 em{font-family:'Playfair Display',serif;font-weight:600;font-style:italic;color:var(--orange)}
.founder-quote{font-size:18px;line-height:1.85;color:var(--muted);max-width:60ch;padding-left:26px;border-left:2px solid var(--orange)}
.founder-signoff{margin-top:28px;display:flex;flex-direction:column;gap:4px}
.founder-signoff strong{font-size:18px}
.founder-signoff span{font:11px 'DM Mono';letter-spacing:.1em;color:var(--muted)}
@media(max-width:900px){.founder-wow{grid-template-columns:1fr;gap:44px}.founder-signature{width:130px;right:-10px;bottom:-10px}}

/* ---------- Footer marquee ---------- */
.footer-marquee{overflow:hidden;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-marquee-track{display:flex;width:max-content;will-change:transform}
.fm-seq{display:flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;flex:0 0 auto}
.fm-seq b{font:800 20px 'Playfair Display';font-style:italic;color:rgba(255,255,255,.7);letter-spacing:.02em}
.fm-seq b:nth-child(even){color:var(--orange);font-size:13px;font-style:normal;font-family:'DM Mono'}

/* ---------- More infinite ambient motion, site-wide ---------- */
.vision-card{position:relative}
.vision-card>*{position:relative;z-index:1}
.vision-card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 60%);animation:visionDrift 9s ease-in-out infinite;pointer-events:none}
.vision-card:nth-child(2)::before{animation-duration:11s;animation-delay:1s}
.vision-card:nth-child(3)::before{animation-duration:13s;animation-delay:2s}
@keyframes visionDrift{0%,100%{transform:translate(-10%,-10%)}50%{transform:translate(10%,10%)}}

.time-item{position:relative;overflow:hidden}
.time-item::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,75,18,.09),transparent);left:-60%;animation:timeShimmer 6s ease-in-out infinite;pointer-events:none}
@keyframes timeShimmer{0%,100%{left:-60%}50%{left:120%}}

.benefit-list div{position:relative;padding-left:20px}
.benefit-list div::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--orange);transform:translateY(-50%);box-shadow:0 0 0 0 rgba(255,75,18,.5);animation:benefitPulse 2.4s ease-out infinite}
@keyframes benefitPulse{0%{box-shadow:0 0 0 0 rgba(255,75,18,.5)}70%{box-shadow:0 0 0 12px rgba(255,75,18,0)}100%{box-shadow:0 0 0 0 rgba(255,75,18,0)}}

.contact-lines{position:relative}
.contact-lines::before{content:"";position:absolute;right:-20px;top:-30px;width:70px;height:70px;border:1px solid rgba(255,75,18,.3);border-radius:50%;animation:orbBreath 8s ease-in-out infinite;pointer-events:none}

.gallery-filter button{position:relative;overflow:hidden}
.gallery-filter button.active::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-100%);animation:filterSheen 3s ease-in-out infinite;pointer-events:none}
@keyframes filterSheen{to{transform:translateX(100%)}}

.map-style::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1.4px);background-size:34px 34px;opacity:.4;animation:particlesMove 16s linear infinite reverse;pointer-events:none;z-index:0}
.map-style .map-copy{position:relative;z-index:1}


/* =========================================================
   PAKSA FABRIC — V4 IMMERSIVE SYSTEM
   Exact brand language: PAKSA orange + PAKSA blue + ink.
   ========================================================= */
:root{--paksa-orange:#f26a27;--paksa-blue:#3854a5;--paksa-deep:#071a3b;--paksa-paper:#f7f6f2}

/* Prominent hamburger — intentionally visible on every viewport */
.site-header .menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:62px!important;height:56px!important;padding:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important;background:var(--paksa-orange)!important;box-shadow:0 12px 30px rgba(7,26,59,.18),0 0 0 5px rgba(242,106,39,.08);position:relative;z-index:2200;flex:0 0 auto}
.site-header .menu-toggle i{width:28px!important;height:3px!important;margin:0!important;background:#fff!important;border-radius:4px!important;display:block!important;transition:transform .45s cubic-bezier(.76,0,.24,1),opacity .25s}
.site-header .menu-toggle::after{content:'MENU';position:absolute;left:calc(100% + 10px);font:800 9px 'DM Mono',monospace;letter-spacing:.18em;color:var(--ink);opacity:.75}
body.nav-open .site-header .menu-toggle{background:var(--paksa-blue)!important;box-shadow:0 12px 35px rgba(56,84,165,.32)}
body.nav-open .site-header .menu-toggle::after{content:'CLOSE';color:#fff}
body.nav-open .site-header .menu-toggle i:first-child{transform:translateY(4.5px) rotate(45deg)}
body.nav-open .site-header .menu-toggle i:last-child{transform:translateY(-4.5px) rotate(-45deg)}
@media(max-width:680px){.site-header{padding:0 4vw}.site-header .menu-toggle{width:58px!important;height:52px!important}.site-header .menu-toggle::after{display:none}.brand img{width:48px;height:48px}.brand strong{font-size:17px}.brand small{font-size:7px}.overlay-nav{padding:0 7vw}.ov-text{font-size:clamp(40px,12vw,72px)!important}}

/* Vertical blind transition: current hero folds away strip-by-strip, revealing next image */
.hero{isolation:isolate}
.hero-blinds{position:absolute;inset:0;z-index:12;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none;perspective:1200px}
.hero-blind{height:100%;background-image:var(--blind-bg);background-size:calc(1200% + 1px) 100%;background-position:calc(var(--blind-i) * 9.0909%) center;transform-origin:center center;transform:rotateY(0deg);will-change:transform;backface-visibility:hidden}
.hero-blinds.play .hero-blind{animation:paksaBlindOut 1.05s cubic-bezier(.76,0,.24,1) both;animation-delay:calc(var(--blind-i) * 42ms)}
@keyframes paksaBlindOut{0%{transform:rotateY(0deg);filter:brightness(1)}48%{transform:rotateY(88deg);filter:brightness(.7)}100%{transform:rotateY(92deg);filter:brightness(.5)}}
.hero.is-changing .hero-content{filter:blur(4px);opacity:.2;transition:.35s}

/* Immersive shared stages */
.immersive-stage{min-height:100svh;position:relative;overflow:hidden;color:#fff;background:var(--paksa-deep);padding:140px 9vw 110px;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);align-items:center;gap:5vw;isolation:isolate}
.immersive-stage::before{content:"";position:absolute;inset:-30%;z-index:-2}
.immersive-stage::after{content:"";position:absolute;inset:0;z-index:-1}

/* =========================================================
   FIVE COMPLETELY DIFFERENT TECHNIQUES — one per page. Nothing
   here reuses circles, ovals or lines from another page.
   ========================================================= */

/* ---- HOME: an actual animated basket-WEAVE, two thread layers sliding opposite ways ---- */
.stage-home::before{background:repeating-linear-gradient(60deg,rgba(242,106,39,.16) 0 3px,transparent 3px 34px);animation:weaveA 7s linear infinite}
.stage-home::after{background:repeating-linear-gradient(-60deg,rgba(56,84,165,.18) 0 3px,transparent 3px 34px);animation:weaveB 9s linear infinite;mix-blend-mode:screen}
@keyframes weaveA{to{background-position:340px 0}}
@keyframes weaveB{to{background-position:-360px 0}}

/* ---- ABOUT: liquid shimmer — a real SVG turbulence/displacement filter, not a gradient blob ---- */
.stage-about::before{background:radial-gradient(60% 50% at 40% 40%,rgba(56,84,165,.5),transparent 70%),radial-gradient(45% 40% at 70% 70%,rgba(242,106,39,.35),transparent 70%);filter:url(#paksaShimmer)}
.stage-about::after{background:none}

/* ---- GALLERY: darkroom scanner beam + flickering grain (photographic, not particles) ---- */
.stage-gallery::before{background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.16) 49%,rgba(242,106,39,.22) 50%,rgba(255,255,255,.16) 51%,transparent 58%);background-size:340% 100%;animation:scannerSweep 6s cubic-bezier(.6,0,.4,1) infinite}
.stage-gallery::after{background:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.06) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;animation:grainFlicker 0.9s steps(5) infinite}
@keyframes scannerSweep{0%{background-position:120% 0}55%{background-position:-20% 0}100%{background-position:-20% 0}}

/* ---- DISTRIBUTOR: a genuine rotating radar sweep, full-field ---- */
.stage-distributor::before{background:conic-gradient(from 0deg,rgba(242,106,39,.32),transparent 16%,transparent 100%);animation:radarSweep 4.5s linear infinite;-webkit-mask-image:radial-gradient(circle at center,#000 55%,transparent 78%);mask-image:radial-gradient(circle at center,#000 55%,transparent 78%)}
.stage-distributor::after{background-image:repeating-radial-gradient(circle at center,rgba(255,255,255,.05) 0 1px,transparent 1px 64px);-webkit-mask-image:radial-gradient(circle at center,#000 60%,transparent 80%);mask-image:radial-gradient(circle at center,#000 60%,transparent 80%)}
@keyframes radarSweep{to{transform:rotate(360deg)}}

/* ---- CONTACT: live signal waveform — animated bars injected by script.js into .eq-field ---- */
.stage-contact::before{background:none}
.stage-contact::after{background:none}
.eq-field{position:absolute;left:0;right:0;bottom:0;height:34vh;display:flex;align-items:flex-end;justify-content:center;gap:.9vw;z-index:-1;pointer-events:none;opacity:.5}
.eq-bar{width:.9vw;max-width:14px;border-radius:3px 3px 0 0;background:linear-gradient(0deg,var(--paksa-orange),var(--paksa-blue));animation:eqWave 1.4s ease-in-out infinite}
@keyframes eqWave{0%,100%{transform:scaleY(var(--h-min,.2))}50%{transform:scaleY(var(--h-max,1))}}

@media(prefers-reduced-motion:reduce){.stage-home::before,.stage-home::after,.stage-about::before,.stage-gallery::before,.stage-gallery::after,.stage-distributor::before,.eq-bar{animation:none!important}}

@keyframes stageAtmosphere{0%{transform:translate3d(-3%,2%,0) scale(.94);opacity:.7}100%{transform:translate3d(4%,-3%,0) scale(1.08);opacity:1}}
@keyframes gridDrift{to{background-position:80px 80px}}
.stage-no{position:absolute;top:34px;left:9vw;font:10px 'DM Mono';letter-spacing:.18em;color:rgba(255,255,255,.5)}
.stage-copy{position:relative;z-index:4;max-width:720px}.stage-copy h2{font-size:clamp(56px,7.6vw,126px);line-height:.87;letter-spacing:-.075em;margin:0 0 30px}.stage-copy h2 em{font-family:'Playfair Display',serif;font-weight:600;color:var(--paksa-orange)}.stage-copy>p:last-child{max-width:620px;color:rgba(255,255,255,.68);font-size:18px;line-height:1.85}.stage-copy .kicker{color:var(--paksa-orange)}

/* Home orbit */
.orbit-showcase,.gallery-orbit{height:min(610px,62vw);min-height:420px;position:relative;display:grid;place-items:center;perspective:1400px}.orbit-core,.gallery-orbit-center{width:190px;height:190px;border-radius:50%;border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,rgba(56,84,165,.34),rgba(7,26,59,.92) 65%);box-shadow:0 0 100px rgba(56,84,165,.22),inset 0 0 60px rgba(242,106,39,.1);z-index:5;animation:corePulse 5s ease-in-out infinite;will-change:transform}.orbit-core span,.gallery-orbit-center{font-weight:900;letter-spacing:.18em}.orbit-core small,.gallery-orbit-center small{display:block;font:8px 'DM Mono';letter-spacing:.15em;color:rgba(255,255,255,.55);margin-top:10px}.orbit-card{position:absolute;width:220px;height:145px;border:1px solid rgba(255,255,255,.22);background:#0c2451;box-shadow:0 30px 80px rgba(0,0,0,.42);overflow:hidden;animation:orbitFloat 9s ease-in-out infinite;will-change:transform}.orbit-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78;transition:transform 1s}.orbit-card b{position:absolute;left:15px;bottom:12px;font:9px 'DM Mono';letter-spacing:.16em;color:#fff;text-shadow:0 2px 15px #000}.orbit-card:hover img{transform:scale(1.12)}.orbit-a{translate:-105px -185px;rotate:-8deg;animation-delay:-1s}.orbit-b{translate:170px -65px;rotate:7deg;animation-delay:-3s}.orbit-c{translate:85px 145px;rotate:-5deg;animation-delay:-5s}.orbit-d{translate:-180px 85px;rotate:9deg;animation-delay:-7s}@keyframes orbitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}@keyframes corePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

/* About */
.stage-about{background:#06122d}.word-architecture{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;pointer-events:none;opacity:.09;overflow:hidden}.word-architecture span{font-size:clamp(80px,15vw,240px);font-weight:900;letter-spacing:-.08em;white-space:nowrap;transform:rotate(-8deg)}.word-architecture span:nth-child(2){transform:translateY(22vh) rotate(6deg)}.word-architecture span:nth-child(3){transform:translateY(-23vh) rotate(-3deg)}.word-architecture span:nth-child(4){transform:translateY(30vh) rotate(10deg)}.about-orbit{position:relative;width:min(620px,50vw);aspect-ratio:1;margin:auto;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:aboutSpin 28s linear infinite}.about-orbit::before{content:"";position:absolute;inset:14%;border:1px dashed rgba(242,106,39,.4);border-radius:50%;animation:aboutSpinReverse 17s linear infinite}.about-orbit-ring{position:absolute;border:1px solid rgba(56,84,165,.55);border-radius:50%;inset:25%;animation:aboutSpin 12s linear infinite}.ring-2{inset:38%;border-color:rgba(242,106,39,.65);animation-duration:7s;animation-direction:reverse}.about-orbit-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--paksa-orange);box-shadow:0 0 30px rgba(242,106,39,.8);top:3%;left:50%;transform:translateX(-50%)}.dot-2{top:50%;left:3%;background:var(--paksa-blue)}.dot-3{top:auto;left:auto;right:12%;bottom:14%;background:#fff}.about-orbit-label{position:absolute;inset:0;display:grid;place-items:center;font:10px 'DM Mono';letter-spacing:.2em;color:rgba(255,255,255,.6);text-align:center}@keyframes aboutSpin{to{transform:rotate(360deg)}}@keyframes aboutSpinReverse{to{transform:rotate(-360deg)}}
.manifesto-wall{min-height:72vh;background:var(--paksa-orange);color:#fff;padding:11vw 9vw;overflow:hidden;position:relative}.manifesto-wall::before{content:"";position:absolute;width:45vw;height:45vw;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-15vw;top:-18vw;animation:manifestoOrbit 18s linear infinite}.manifesto-wall::after{content:"";position:absolute;width:24vw;height:24vw;border:1px solid rgba(7,26,59,.2);border-radius:50%;left:-8vw;bottom:-8vw;animation:manifestoOrbit 12s linear infinite reverse}.manifesto-line{position:relative;z-index:2;font-size:clamp(48px,8.5vw,150px);line-height:.83;letter-spacing:-.075em;font-weight:900;max-width:1200px}.manifesto-line.accent{color:var(--paksa-deep);margin-left:10vw}.manifesto-wall p{position:relative;z-index:2;max-width:650px;margin:60px 0 0 auto;font-size:17px;line-height:1.8}@keyframes manifestoOrbit{to{transform:rotate(360deg)}}

/* Gallery */
.stage-gallery{background:#050b1c}.gallery-orbit{transform-style:preserve-3d}.gallery-orbit-center{position:absolute;width:170px;height:170px;z-index:6;border-radius:50%;background:var(--paksa-orange);border:0;color:#fff;box-shadow:0 0 90px rgba(242,106,39,.35);text-align:center}.gallery-orbit .go{position:absolute;width:210px;height:145px;object-fit:cover;border:1px solid rgba(255,255,255,.24);box-shadow:0 30px 80px rgba(0,0,0,.5);opacity:.82;animation:galleryFloat 8s ease-in-out infinite;will-change:transform}.go1{translate:-175px -145px;rotate:-11deg}.go2{translate:140px -135px;rotate:8deg;animation-delay:-2s!important}.go3{translate:155px 120px;rotate:-7deg;animation-delay:-4s!important}.go4{translate:-190px 105px;rotate:10deg;animation-delay:-6s!important}@keyframes galleryFloat{0%,100%{transform:translateY(0);filter:saturate(.9)}50%{transform:translateY(-22px);filter:saturate(1.25)}}
.filmstrip-section{background:#fff;color:var(--paksa-deep);padding:30px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filmstrip-track{width:max-content;display:flex;align-items:center;gap:28px;animation:filmMove 28s linear infinite}.filmstrip-track span{font:900 15px 'DM Mono';letter-spacing:.16em;white-space:nowrap}.filmstrip-track img{width:190px;height:90px;object-fit:cover;filter:saturate(.8);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}@keyframes filmMove{to{transform:translateX(-50%)}}

/* Distributor */
.stage-distributor{background:#071a3b}.network-map{width:min(650px,52vw);aspect-ratio:1;position:relative;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(56,84,165,.22),transparent 60%);overflow:hidden}.network-world{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.16);border-radius:48% 52% 44% 56%;transform:rotate(-15deg);animation:worldMorph 8s ease-in-out infinite alternate}.network-world::before,.network-world::after{content:"";position:absolute;inset:8%;border:1px dashed rgba(242,106,39,.28);border-radius:50%;transform:rotate(30deg)}.network-world::after{inset:25%;transform:rotate(-48deg)}.network-center{position:absolute;inset:40%;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:var(--paksa-orange);font-weight:900;letter-spacing:.15em;box-shadow:0 0 80px rgba(242,106,39,.28);z-index:4}.network-center small{font:7px 'DM Mono';letter-spacing:.12em;margin-top:5px}.node{position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 30px rgba(255,255,255,.7);animation:nodePulse 2.5s ease-in-out infinite}.n1{left:20%;top:28%}.n2{left:74%;top:24%;animation-delay:-.4s}.n3{left:80%;top:64%;animation-delay:-.8s}.n4{left:28%;top:78%;animation-delay:-1.2s}.n5{left:50%;top:12%;animation-delay:-1.6s}.n6{left:13%;top:55%;animation-delay:-2s}.route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--paksa-orange),transparent);transform-origin:left center;animation:routeGlow 3s ease-in-out infinite}.r1{width:52%;left:23%;top:31%;transform:rotate(-12deg)}.r2{width:55%;left:51%;top:34%;transform:rotate(47deg);animation-delay:-1s}.r3{width:47%;left:29%;top:77%;transform:rotate(-38deg);animation-delay:-2s}@keyframes nodePulse{50%{transform:scale(1.55)}}@keyframes routeGlow{0%,100%{opacity:.3}50%{opacity:1}}@keyframes worldMorph{to{transform:rotate(18deg) scale(1.04)}}
.partner-marquee{background:var(--paksa-blue);color:#fff;overflow:hidden;padding:24px 0}.partner-marquee-track{width:max-content;display:flex;align-items:center;gap:30px;font:900 22px 'DM Mono';letter-spacing:.08em;animation:partnerMove 25s linear infinite}.partner-marquee-track i{color:var(--paksa-orange);font-style:normal}@keyframes partnerMove{to{transform:translateX(-50%)}}

/* Contact */
.stage-contact{background:#061329}.signal-field{position:relative;width:min(650px,52vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.signal-core{width:145px;height:145px;border-radius:50%;background:var(--paksa-orange);display:grid;place-items:center;align-content:center;text-align:center;font-weight:900;letter-spacing:.16em;box-shadow:0 0 100px rgba(242,106,39,.35);z-index:5}.signal-core small{font:8px 'DM Mono';letter-spacing:.12em;margin-top:8px}.signal-ring{position:absolute;border:1px solid rgba(242,106,39,.5);border-radius:50%;animation:signalExpand 5s ease-out infinite}.sr1{inset:18%}.sr2{inset:10%;animation-delay:1.2s}.sr3{inset:2%;animation-delay:2.4s}.sr4{inset:26%;border-color:rgba(56,84,165,.6);animation-delay:3.6s}@keyframes signalExpand{0%{transform:scale(.72);opacity:0}20%{opacity:.9}100%{transform:scale(1.18);opacity:0}}
.contact-steps{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.contact-step{min-height:330px;padding:55px;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:background .5s,color .5s}.contact-step:last-child{border-right:0}.contact-step::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(56,84,165,.18);right:-70px;bottom:-70px;animation:contactOrb 9s linear infinite}.contact-step:hover{background:var(--paksa-deep);color:#fff}.contact-step span{font:11px 'DM Mono';color:var(--paksa-orange)}.contact-step strong{display:block;font-size:clamp(28px,3vw,45px);line-height:1;margin:55px 0 15px;letter-spacing:-.04em}.contact-step p{max-width:34ch;color:var(--muted);line-height:1.7}.contact-step:hover p{color:rgba(255,255,255,.62)}@keyframes contactOrb{to{transform:rotate(360deg)}}

/* Make all existing sections feel continuously alive */
.section,.parallax-banner,.process,.stats,.cta-panel,.site-footer{position:relative;overflow:hidden}

/* =========================================================
   GENERIC SECTION ACCENTS — themed per page, not one repeated
   shape. Each page's ordinary sections get a small, cheap dose
   of that page's own motif (thread / shimmer / grain / radar /
   pulse), so nothing on the page repeats the same decoration.
   ========================================================= */

/* HOME — corner of woven thread, subtle */
.page-home .section::before{content:"";position:absolute;inset:0 0 auto auto;width:16vw;height:16vw;top:0;right:0;background:repeating-linear-gradient(45deg,rgba(242,106,39,.10) 0 2px,transparent 2px 14px),repeating-linear-gradient(-45deg,rgba(56,84,165,.10) 0 2px,transparent 2px 14px);-webkit-mask-image:linear-gradient(225deg,#000,transparent 70%);mask-image:linear-gradient(225deg,#000,transparent 70%);animation:threadCornerDrift 9s linear infinite;pointer-events:none}
.page-home .section::after{display:none}
@keyframes threadCornerDrift{to{background-position:28px 0,-28px 0}}

/* ABOUT — tiny shimmer patch, reuses the liquid-turbulence filter at small scale */
.page-about .section::before{content:"";position:absolute;left:-6vw;bottom:-6vw;width:26vw;height:26vw;border-radius:50%;background:radial-gradient(circle,rgba(56,84,165,.16),transparent 68%);filter:url(#paksaShimmer);opacity:.7;pointer-events:none}
.page-about .section::after{display:none}

/* GALLERY — flickering grain vignette corner */
.page-gallery .section::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 12% 18%,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;animation:grainFlicker 1s steps(4) infinite;pointer-events:none}
.page-gallery .section::after{display:none}
@keyframes grainFlicker{0%{opacity:.35}25%{opacity:.6}50%{opacity:.3}75%{opacity:.55}100%{opacity:.35}}

/* DISTRIBUTOR — small radar blip with mini sweep arc */
.page-distributor .section::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--paksa-orange);right:6vw;top:14%;box-shadow:0 0 0 0 rgba(242,106,39,.55);animation:blipPing 2.4s ease-out infinite;pointer-events:none}
.page-distributor .section::after{content:"";position:absolute;width:120px;height:120px;right:calc(6vw - 55px);top:calc(14% - 55px);border-radius:50%;background:conic-gradient(from 0deg,rgba(242,106,39,.28),transparent 22%);animation:miniSweep 4s linear infinite;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 62%);mask-image:radial-gradient(circle,#000 60%,transparent 62%)}
@keyframes blipPing{0%{box-shadow:0 0 0 0 rgba(242,106,39,.55)}70%{box-shadow:0 0 0 16px rgba(242,106,39,0)}100%{box-shadow:0 0 0 0 rgba(242,106,39,0)}}
@keyframes miniSweep{to{transform:rotate(360deg)}}

/* CONTACT — tiny 4-bar equalizer tick, bottom corner */
.page-contact .section::before{content:"";position:absolute;left:5vw;bottom:14%;width:34px;height:20px;background:linear-gradient(0deg,var(--paksa-orange) 0 100%) 0 100%/6px 40% no-repeat,linear-gradient(0deg,var(--paksa-blue) 0 100%) 10px 100%/6px 70% no-repeat,linear-gradient(0deg,var(--paksa-orange) 0 100%) 20px 100%/6px 55% no-repeat,linear-gradient(0deg,var(--paksa-blue) 0 100%) 30px 100%/6px 90% no-repeat;opacity:.4;animation:eqTick 1.6s ease-in-out infinite;pointer-events:none}
.page-contact .section::after{display:none}
@keyframes eqTick{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.55)}}

@media(max-width:760px){.page-home .section::before,.page-about .section::before,.page-distributor .section::after{width:26vw;height:26vw}}
.parallax-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(242,106,39,.16),transparent 65%);transform:translateX(-100%);animation:bannerSweep 8s ease-in-out infinite;pointer-events:none}@keyframes bannerSweep{55%,100%{transform:translateX(100%)}}

@media(max-width:900px){.immersive-stage{grid-template-columns:1fr;padding:130px 6vw 90px;min-height:100svh}.stage-no{left:6vw}.orbit-showcase,.gallery-orbit,.network-map,.signal-field{width:min(100%,560px);height:auto;min-height:440px}.contact-steps{grid-template-columns:1fr}.contact-step{border-right:0;border-bottom:1px solid var(--line);min-height:260px}.contact-step strong{margin-top:35px}.manifesto-line.accent{margin-left:0}.filmstrip-track{animation-duration:22s}}
@media(max-width:620px){.immersive-stage{padding-top:120px;gap:20px}.stage-copy h2{font-size:clamp(48px,14vw,78px)}.stage-copy>p:last-child{font-size:15px}.orbit-showcase,.gallery-orbit,.network-map,.signal-field{min-height:360px}.orbit-core{width:140px;height:140px}.orbit-card,.gallery-orbit .go{width:145px;height:100px}.orbit-a{translate:-65px -125px;rotate:-8deg}.orbit-b{translate:75px -55px;rotate:7deg}.orbit-c{translate:55px 100px;rotate:-5deg}.orbit-d{translate:-85px 70px;rotate:9deg}.gallery-orbit-center{width:130px;height:130px}.gallery-orbit .go1{translate:-95px -100px;rotate:-11deg}.gallery-orbit .go2{translate:75px -90px;rotate:8deg}.gallery-orbit .go3{translate:85px 80px;rotate:-7deg}.gallery-orbit .go4{translate:-105px 75px;rotate:10deg}.network-center{inset:36%;font-size:12px}.signal-core{width:120px;height:120px}.manifesto-wall{padding:28vw 6vw}.manifesto-line{font-size:clamp(43px,13vw,75px)}}

@media(prefers-reduced-motion:reduce){.hero-blinds.play .hero-blind,.orbit-card,.gallery-orbit .go,.about-orbit,.about-orbit-ring,.network-world,.node,.route,.signal-ring,.filmstrip-track,.partner-marquee-track,.kinetic-ribbon .ribbon-track{animation:none!important}.hero-blinds{display:none!important}}

/* Infinite brand ribbons */
.kinetic-ribbon{overflow:hidden;background:var(--paksa-blue);color:#fff;padding:18px 0;transform:rotate(-1.5deg) scale(1.03);margin:35px 0}.kinetic-ribbon .ribbon-track{width:max-content;display:flex;align-items:center;gap:24px;font:900 clamp(20px,3vw,42px) 'DM Mono';letter-spacing:.04em;white-space:nowrap;animation:ribbonMove 24s linear infinite}.kinetic-ribbon .ribbon-track.reverse{animation-direction:reverse;background:var(--paksa-orange);margin-top:8px;padding:10px 0;font-size:clamp(15px,2vw,26px)}.kinetic-ribbon i{font-style:normal;color:#fff;opacity:.8}@keyframes ribbonMove{to{transform:translateX(-50%)}}

.stage-scan{position:absolute;top:-20%;bottom:-20%;left:8%;width:1px;background:linear-gradient(transparent,rgba(242,106,39,.65),transparent);opacity:.5;animation:stageScan 7s ease-in-out infinite;pointer-events:none;z-index:1}.stage-scan::after{content:"";position:absolute;left:-3px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--paksa-orange);box-shadow:0 0 28px rgba(242,106,39,.95)}@keyframes stageScan{0%,100%{transform:translateX(0);opacity:.1}50%{transform:translateX(82vw);opacity:.75}}
.immersive-stage .stage-copy,.immersive-stage .orbit-showcase,.immersive-stage .gallery-orbit,.immersive-stage .network-map,.immersive-stage .signal-field{transition:transform .2s ease-out}.immersive-stage .stage-copy{transform:translateY(calc(var(--scroll-velocity,0) * -0.35px))}

/* =========================================================
   V5 ADDITIONS — nav overlay fix, gallery lightbox, form
   success states, and extra WOW text-reveal sections
   ========================================================= */

/* ---- Fix: hamburger overlay "Home" hidden behind fixed header + smaller nav text ---- */
.nav-overlay{z-index:1950}
.overlay-nav{padding-top:120px;padding-bottom:50px;max-height:100svh;overflow-y:auto}
.ov-text{font-size:clamp(28px,5.2vw,74px)!important}
@media(max-width:680px){.overlay-nav{padding-top:100px}.ov-text{font-size:clamp(28px,8vw,46px)!important}}

/* ---- Explicit, always-visible close (✕) button for the fullscreen nav overlay ---- */
.nav-close{position:fixed;top:26px;right:26px;z-index:2300;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(7,26,59,.55);color:#fff;font-size:30px;line-height:1;font-family:Arial,Helvetica,sans-serif;font-weight:400;cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease,background .25s,border-color .25s,transform .25s}
body.nav-open .nav-close{opacity:1;pointer-events:auto}
.nav-close:hover{background:var(--paksa-orange);border-color:var(--paksa-orange);transform:rotate(90deg)}
@media(max-width:680px){.nav-close{top:16px;right:16px;width:44px;height:44px;font-size:24px}}

/* ---- Gallery: video thumbnails + play badge ---- */
.gallery-item{cursor:zoom-in}
.gallery-item .gallery-thumb{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s;background:#0b1a33}
.gallery-item:hover .gallery-thumb{transform:scale(1.08)}
.gallery-item.is-video .play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:3;border:1px solid rgba(255,255,255,.45);transition:.3s}
.gallery-item.is-video .play-badge::before{content:"";display:block;width:0;height:0;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.gallery-item.is-video:hover .play-badge{background:var(--orange);border-color:var(--orange);transform:translate(-50%,-50%) scale(1.1)}

/* ---- Gallery: lightbox overlay for images + video playback ---- */
.lightbox{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:rgba(3,10,28,.94);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s .4s;padding:6vw}
.lightbox.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease}
.lightbox-inner{position:relative;max-width:min(92vw,1100px);max-height:88vh;width:100%;display:flex;align-items:center;justify-content:center}
.lightbox-img,.lightbox-video{max-width:100%;max-height:88vh;width:auto;height:auto;border-radius:10px;box-shadow:0 40px 100px rgba(0,0,0,.5);display:none;object-fit:contain;background:#000}
.lightbox-img.active,.lightbox-video.active{display:block}
.lightbox-close{position:fixed;top:26px;right:26px;z-index:3010;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.25s}
.lightbox-close:hover{background:var(--orange);border-color:var(--orange);transform:rotate(90deg)}
@media(max-width:680px){.lightbox-close{top:16px;right:16px;width:42px;height:42px}}

/* ---- Contact / Distributor forms: vanish-on-submit + thank-you panel ---- */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.glass-form{transition:opacity .45s ease,transform .45s ease}
.glass-form.form-vanish{opacity:0;transform:translateY(-14px) scale(.98);pointer-events:none}
.glass-form button[disabled]{opacity:.6;cursor:not-allowed}
.form-message{min-height:1.2em}
.thanks-panel{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.75);box-shadow:0 30px 80px rgba(7,26,59,.13);backdrop-filter:blur(18px);padding:60px 42px;border-radius:24px;text-align:center;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.thanks-panel.show{opacity:1;transform:none}
.thanks-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--orange);color:#fff;font-size:28px;margin:0 auto 22px}
.thanks-panel h3{font-size:32px;margin:0 0 12px;letter-spacing:-.02em}
.thanks-panel p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}

/* ---- Extra WOW text-reveal sections (added on every page) ---- */
.fill-section{position:relative;padding:150px 9vw;background:var(--paper);overflow:hidden}
.fill-section .kicker{color:var(--orange);margin:0 0 18px}
.fill-heading{font-size:clamp(44px,6vw,92px);line-height:1.05;letter-spacing:-.03em;margin:0 0 26px;background-image:linear-gradient(90deg,var(--ink) 0%,var(--ink) 50%,rgba(7,26,59,.14) 50%,rgba(7,26,59,.14) 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.9s cubic-bezier(.2,.8,.2,1)}
.fill-section.show .fill-heading{background-position:0 0}
.fill-heading em{font-family:'Playfair Display',serif;font-weight:600;color:var(--orange);-webkit-text-fill-color:var(--orange)}
.fill-sub{max-width:620px;font-size:18px;line-height:1.8;color:var(--muted);margin:0;opacity:0;transform:translateY(18px);transition:opacity .8s ease .5s,transform .8s ease .5s}
.fill-section.show .fill-sub{opacity:1;transform:none}
.fill-badge{position:absolute;top:60px;right:9vw;width:88px;height:88px;border:1px dashed rgba(7,26,59,.25);border-radius:50%;display:grid;place-items:center;animation:fillBadgeSpin 14s linear infinite}
.fill-badge span{font:9px 'DM Mono';letter-spacing:.2em;color:var(--orange);text-align:center}
@keyframes fillBadgeSpin{to{transform:rotate(360deg)}}
@media(max-width:680px){.fill-badge{display:none}.fill-section{padding:100px 7vw}}

/* =========================================================
   V6 ADDITIONS — three new WOW, tensile-engineering-themed
   sections for the homepage. Nothing here reuses the circle/
   orbit/radar/weave grammar already used elsewhere on site.
   ========================================================= */

/* ---- 1. LIVE TENSION MESH — an actual interactive cable-net
   grid, resting in a hypar (saddle) curve like a real tensile
   roof, that visitors can pull with the cursor/finger. ---- */
.mesh-section{background:var(--paksa-deep);color:#fff}
.mesh-head{max-width:720px;margin:0 auto 56px;text-align:center}
.mesh-head .kicker{color:var(--paksa-orange);justify-content:center;display:flex}
.mesh-sub{color:rgba(255,255,255,.62);font-size:17px;line-height:1.8;margin:18px auto 0;max-width:56ch}
.tension-mesh-wrap{position:relative;width:100%;aspect-ratio:1200/540;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(56,84,165,.22),transparent 62%),radial-gradient(circle at 50% 82%,rgba(242,106,39,.1),transparent 55%);touch-action:none;cursor:crosshair;border:1px solid rgba(255,255,255,.08)}
.tension-mesh{position:absolute;inset:0;width:100%;height:100%;display:block}
.tension-mesh line{stroke:rgba(255,255,255,.24);stroke-width:1}
.tension-mesh line.mesh-edge{stroke:var(--paksa-orange);stroke-width:2;opacity:.9}
.mesh-anchor{position:absolute;font:9px 'DM Mono';letter-spacing:.16em;color:rgba(255,255,255,.45);pointer-events:none;z-index:2}
.mesh-anchor::before{content:"";position:absolute;top:3px;width:6px;height:6px;border-radius:50%;background:var(--paksa-orange);box-shadow:0 0 14px rgba(242,106,39,.9)}
.mesh-anchor.a-tl{top:5%;left:3%}.mesh-anchor.a-tl::before{left:-13px}
.mesh-anchor.a-tr{top:5%;right:3%;text-align:right}.mesh-anchor.a-tr::before{right:-13px}
.mesh-anchor.a-bl{bottom:5%;left:3%}.mesh-anchor.a-bl::before{left:-13px}
.mesh-anchor.a-br{bottom:5%;right:3%;text-align:right}.mesh-anchor.a-br::before{right:-13px}
.mesh-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font:9px 'DM Mono';letter-spacing:.2em;color:rgba(255,255,255,.35);pointer-events:none;display:flex;align-items:center;gap:8px;z-index:2}
.mesh-hint::before,.mesh-hint::after{content:"";width:22px;height:1px;background:rgba(255,255,255,.25)}
@media(max-width:680px){.tension-mesh-wrap{aspect-ratio:3/4}.mesh-sub{font-size:15px}}

/* ---- 2. FORCE FLOW — how a single gust of wind actually
   travels through the structure, stage by stage, with a live
   pulse animating the load path. ---- */
.forceflow-section{background:#fff}
.forceflow-track{position:relative;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.ff-line{position:absolute;top:34px;left:5%;right:5%;height:2px;background:var(--line);z-index:0}
.ff-pulse{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,75,18,.15),0 0 22px rgba(255,75,18,.7);animation:ffTravel 4.5s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ffTravel{0%{left:0%;opacity:0}6%{opacity:1}92%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
.ff-stage{position:relative;z-index:1;padding-top:60px;opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * 140ms)}
.ff-stage.show{opacity:1;transform:none}
.ff-icon{position:absolute;top:14px;left:0;width:26px;height:26px;border-radius:50%;background:var(--paper);border:2px solid var(--orange);display:grid;place-items:center;font-size:13px;color:var(--orange);font-weight:800}
.ff-stage b{display:block;font:11px 'DM Mono';color:var(--orange);letter-spacing:.14em;margin-bottom:10px}
.ff-stage h3{font-size:22px;margin:0 0 10px;letter-spacing:-.02em}
.ff-stage p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 16px;min-height:66px}
.ff-value{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.ff-stage small{display:block;font:10px 'DM Mono';letter-spacing:.1em;color:#98a2b3;margin-top:4px}
@media(max-width:900px){.forceflow-track{grid-template-columns:1fr 1fr;row-gap:50px}.ff-line{display:none}.ff-pulse{display:none}}
@media(max-width:560px){.forceflow-track{grid-template-columns:1fr}.ff-stage p{min-height:0}}

/* ---- 3. MEMBRANE LAYERS — an exploded, fanned stack showing
   what the fabric composite is actually built from. ---- */
.layers-section{background:var(--ink);color:#fff;overflow:hidden}
.layers-section .section-head h2{color:#fff}
.layers-section .kicker{color:var(--paksa-orange)}
.layers-stack{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.layer-card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:30px 24px;opacity:0;transform:translateY(50px) rotate(0deg);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * 130ms)}
.layer-card.show{opacity:1;transform:translateY(0) rotate(var(--r))}
.layer-index{display:block;font:11px 'DM Mono';color:var(--paksa-orange);letter-spacing:.14em;margin-bottom:22px}
.layer-card h3{font-size:19px;line-height:1.25;margin:0 0 12px;letter-spacing:-.01em}
.layer-card p{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.6);margin:0}
.layers-stack::before{content:"";display:none}
@media(max-width:900px){.layers-stack{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.layers-stack{grid-template-columns:1fr}.layer-card.show{transform:translateY(0) rotate(0deg)}}

/* The shared heading "shine" effect clips text to a dark-ink
   gradient, which is invisible on these two dark sections —
   force plain white text here instead. */
.mesh-section h2,.layers-section h2{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#fff;color:#fff;animation:none}



/* =========================================================
   GET ESTIMATE — NAV + MULTI-STEP PROJECT ESTIMATE
   ========================================================= */
.estimate-nav-link .ov-text{color:var(--orange)!important;-webkit-text-stroke:0!important}
.estimate-nav-link .ov-text::before{color:#fff}
.estimate-nav-link{animation:estimateBlink 1.05s steps(2,end) infinite}
@keyframes estimateBlink{0%,42%{opacity:1}43%,100%{opacity:.38}}
.estimate-nav-link:hover{animation:none}

body.estimate-open{overflow:hidden}
.estimate-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.estimate-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.estimate-backdrop{position:absolute;inset:0;background:rgba(2,10,27,.76);backdrop-filter:blur(13px)}
.estimate-dialog{position:relative;z-index:2;width:min(900px,100%);max-height:min(92vh,900px);overflow-y:auto;background:#f7f6f2;color:var(--ink);border:1px solid rgba(255,255,255,.5);box-shadow:0 35px 100px rgba(0,0,0,.4);padding:clamp(25px,4vw,55px);transform:translateY(25px) scale(.97);transition:transform .42s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}
.estimate-modal.is-open .estimate-dialog{transform:none}
.estimate-close{position:absolute;right:20px;top:18px;width:45px;height:45px;border:1px solid rgba(7,26,59,.18);border-radius:50%;background:transparent;color:var(--ink);font-size:29px;line-height:1;cursor:pointer;z-index:4}
.estimate-close:hover{background:var(--ink);color:#fff}
.estimate-head{padding-right:55px;margin-bottom:28px}
.estimate-head h2{font-size:clamp(42px,7vw,76px);line-height:.9;letter-spacing:-.055em;margin:0 0 25px}
.estimate-head h2 em{font-family:'Playfair Display',serif}
.estimate-progress{height:4px;background:rgba(7,26,59,.11);overflow:hidden}
.estimate-progress span{display:block;width:7.7%;height:100%;background:var(--orange);transition:width .35s ease}
.estimate-step-count{font:10px 'DM Mono';letter-spacing:.15em;color:#687187;margin-top:10px;text-transform:uppercase}
.estimate-step{display:none;animation:estimateStepIn .35s ease both}
.estimate-step.active{display:block}
@keyframes estimateStepIn{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
.estimate-eyebrow{font:10px 'DM Mono';letter-spacing:.18em;color:var(--orange);margin:0 0 13px}
.estimate-step h3{font-size:clamp(28px,4vw,43px);letter-spacing:-.04em;line-height:1.02;margin:0 0 25px}
.estimate-step h3 span{color:var(--orange)}
.estimate-step h3 small{font:600 12px 'DM Mono';color:#687187;letter-spacing:.06em}
.estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.estimate-grid .full{grid-column:1/-1}
.estimate-step label{display:block;font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:18px}
.estimate-step label>span{color:var(--orange)}
.estimate-step input,.estimate-step textarea,.estimate-step select{display:block;width:100%;margin-top:8px;border:1px solid rgba(7,26,59,.17);background:#fff;color:var(--ink);padding:14px 15px;font:500 15px/1.4 Manrope,Arial,sans-serif;outline:none;border-radius:2px;transition:border-color .2s,box-shadow .2s}
.estimate-step textarea{resize:vertical;min-height:135px}
.estimate-step input:focus,.estimate-step textarea:focus,.estimate-step select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,75,18,.09)}
.estimate-step .field-error{border-color:#c62828!important;box-shadow:0 0 0 3px rgba(198,40,40,.08)!important}
.estimate-note{font-size:12px;line-height:1.65;color:#687187;margin:5px 0 25px}
.estimate-note strong{color:var(--ink)}
.estimate-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(7,26,59,.1)}
.estimate-actions>button:not(.magnetic-btn){border:0;background:transparent;color:var(--ink);font:800 12px 'DM Mono';letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:12px 0}
.estimate-actions>button:not(.magnetic-btn):hover{color:var(--orange)}
.estimate-actions .magnetic-btn{border:0}
.estimate-actions button:disabled{opacity:.55;cursor:wait}
.estimate-status,.estimate-global-status{min-height:20px;font-size:12px;line-height:1.5;margin:10px 0;color:#687187}
.estimate-status.error,.estimate-global-status.error{color:#b3261e}
.estimate-status.success,.estimate-global-status.success{color:#19733a}
.estimate-resend{border:0;background:none;color:var(--orange);font:800 11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:4px 0}
.otp-row{display:flex;gap:10px;margin:28px 0 15px}
.otp-box{width:58px!important;height:66px!important;margin:0!important;padding:0!important;text-align:center;font-size:28px!important;font-weight:800!important}
.pdf-upload{display:flex!important;align-items:center;justify-content:center;min-height:180px;padding:25px;border:1.5px dashed rgba(7,26,59,.25);background:#fff;cursor:pointer;text-align:center}
.pdf-upload input{display:none!important}
.pdf-upload span{display:flex;flex-direction:column;gap:8px}
.pdf-upload strong{font-size:18px}
.pdf-upload small{font:10px 'DM Mono';letter-spacing:.1em;color:#687187;text-transform:uppercase}
.estimate-preview{border:1px solid rgba(7,26,59,.12);background:#fff}
.preview-row{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(180px,1.4fr) auto;gap:15px;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(7,26,59,.08)}
.preview-row:last-child{border-bottom:0}
.preview-row:nth-child(even){background:#f1f3f6}
.preview-row span{font:10px 'DM Mono';letter-spacing:.08em;color:#687187;text-transform:uppercase}
.preview-row strong{font-size:13px;line-height:1.45;word-break:break-word}
.preview-row button{border:0;background:none;color:var(--orange);font:800 10px 'DM Mono';text-transform:uppercase;cursor:pointer}
.estimate-result{display:none;text-align:center;padding:45px 10px 25px}
.estimate-result.active{display:block;animation:estimateStepIn .4s ease both}
.estimate-result-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;background:var(--orange);color:#fff;font-size:34px;font-weight:700}
.estimate-result h3{font-size:clamp(40px,6vw,65px);margin:0 0 15px}
.estimate-result p:not(.kicker){font-size:15px;line-height:1.75;color:#687187}
.estimate-result .magnetic-btn{margin-top:25px;border:0}
.estimate-global-status:empty{display:none}
@media(max-width:620px){
 .estimate-modal{padding:0}
 .estimate-dialog{max-height:100dvh;height:100dvh;padding:28px 19px 30px}
 .estimate-head{padding-right:48px;margin-bottom:22px}
 .estimate-head h2{font-size:48px}
 .estimate-grid{grid-template-columns:1fr;gap:0}
 .estimate-grid .full{grid-column:auto}
 .otp-row{gap:6px}
 .otp-box{width:calc((100vw - 76px)/6)!important;max-width:52px;height:58px!important}
 .preview-row{grid-template-columns:1fr;gap:5px}
 .preview-row button{justify-self:start}
 .estimate-actions{margin-top:20px}
 .estimate-step textarea{min-height:125px}
}
@media(prefers-reduced-motion:reduce){
 .estimate-nav-link{animation:none}
 .estimate-step{animation:none}
}

.header-actions{display:flex;align-items:center;gap:18px}
.header-estimate-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fffc00;
    color:#000;
    text-decoration:none;
    font:800 12px 'DM Mono';
    letter-spacing:.12em;
    border:1px solid #000;
    padding:10px 13px;
    border-radius:0;
    animation:estimateSmooth 1.5s ease-in-out infinite alternate;
}

@keyframes estimateSmooth{
    from{
        background:#fffc00;
    }
    to{
        background:#e4ff00;
    }
}
.header-estimate-link:hover{animation:none;background:var(--orange);color:#fff}
@media(max-width:700px){.header-estimate-link{font-size:9px;padding:9px 10px}.header-actions{gap:8px}}


/* ---- Fix: fullscreen hamburger overlay now covers the header; ✕ close button sits above it ---- */
.nav-overlay{z-index:2400}
.nav-close{z-index:2500}


/* ---- Contact page: Visit / Write to us (2-column, responsive) ---- */
.visit-section{background:#fff}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch}
.visit-info h2{font-size:clamp(34px,4.2vw,64px);line-height:.95;letter-spacing:-.05em;margin:0 0 8px}
.visit-company{font:700 13px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted);margin:0 0 34px}
.visit-item{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.visit-item:last-child{border-bottom:0}
.visit-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:rgba(242,106,39,.1);color:var(--orange);display:grid;place-items:center}
.visit-item b{display:block;font:11px 'DM Mono',monospace;letter-spacing:.16em;color:var(--orange);margin-bottom:6px}
.visit-item address,.visit-item p{font-style:normal;margin:0;font-size:16px;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}
.visit-item a{color:var(--ink);text-decoration:none;font-weight:600}
.visit-item a:hover{color:var(--orange)}
.visit-item a span{color:var(--orange);margin-left:4px}
.visit-map{position:relative;min-height:480px;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(7,26,59,.13);border:1px solid var(--line)}
.visit-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){.visit-grid{grid-template-columns:1fr;gap:40px}.visit-map{min-height:360px}}
@media(max-width:560px){.visit-map{min-height:300px}.visit-item{gap:14px}}