
:root{
  --org:#E8510A;--org-dk:#c04008;--org-lt:#fff4ef;--org-mid:#f47840;
  --red:#b83020;--ink:#18120a;--ink2:#38280e;--ink3:#7a6a52;
  --bg:#ffffff;--bg2:#fafaf8;--bg3:#f5f0e8;
  --white:#fff;--border:rgba(24,18,10,0.1);--bord-o:rgba(232,81,10,0.22);
  --green:#2a6049;--green-lt:#eaf5ee;
  --ff-d:'Playfair Display',serif;--ff-b:'Outfit',sans-serif;
  --shadow-sm:0 2px 12px rgba(24,18,10,.06);
  --shadow-md:0 8px 32px rgba(24,18,10,.09);
  --shadow-lg:0 20px 60px rgba(24,18,10,.13);
  --shadow-org:0 12px 40px rgba(232,81,10,.25);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-y:scroll;}
body{background:var(--bg);color:var(--ink);font-family:var(--ff-b);font-weight:300;line-height:1.7;overflow-x:hidden;}
/* CURSOR — desktop only */
@media (pointer: fine) {
  body { cursor: none; }
  *:not(a):not(button):not(input):not(select):not(textarea):not(.yarn-item):not(.mkt-tab):not(.prod-card):not(.val-card):not(.cert-card):not(.faq-q) { cursor: none !important; }
}
@media (pointer: coarse) {
  #cur, #cur2 { display: none !important; }
}
h1,h2,h3,h4{font-family:var(--ff-d);font-weight:500;line-height:1.15;}
.display{font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:-0.02em;}
.display em{font-style:italic;color:var(--org);}
.sec-title{font-size:clamp(1.8rem,3vw,2.7rem);color:var(--ink);}
.sec-title em{font-style:italic;color:var(--org);}
.lbl{font-size:0.66rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--org);margin-bottom:0.7rem;display:block;font-family:var(--ff-b);}
.ctr{max-width:1240px;margin:0 auto;padding:0 2rem;}
.sec{padding:6rem 0;}

/* CURSOR */

#cur, #cur2 {
    position: fixed;
    border-radius: 50%;
    pointer-events: none; /* Critical: allows clicking 'through' the custom cursor */
    z-index: 99999;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    opacity: 0; /* Hidden by default until mouse moves */
    transition: opacity 0.3s ease;
}

#cur {
    width: 8px;
    height: 8px;
    background: var(--org);
}

#cur2 {
    width: 35px;
    height: 35px;
    border: 1px solid var(--org);
    /* This transition handles the 'lagging' follow effect */
    transition: opacity 0.3s ease, transform 0.1s ease-out; 
}

/* Add this to show the cursor only when moving */
body.mouse-active #cur,
body.mouse-active #cur2 {
    opacity: 1;
}

/* Interaction: When hovering over links or buttons */
body.mouse-hovering #cur {
    transform: translate(-50%, -50%) scale(0.5);
}
body.mouse-hovering #cur2 {
    transform: translate(-50%, -50%) scale(1.5);
    background: rgba(232, 81, 10, 0.05);
}

/* SCROLL PROGRESS */
#sprog{position:fixed;top:0;left:0;height:3px;background:var(--org);z-index:100000;width:0%;pointer-events:none;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:9000;padding:0.9rem 0;background:rgba(255,255,255,0.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:all .3s;}
nav.scrolled{padding:0.55rem 0;box-shadow:0 2px 30px rgba(24,18,10,.07);}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.nav-logo{text-decoration:none;display:flex;align-items:center;gap:.65rem;}
.nav-logo img{height:44px;width:auto;display:block;}
.wm{display:flex;flex-direction:column;line-height:1;}
.wm1{font-family:var(--ff-d);font-size:1.1rem;font-weight:700;color:var(--org);text-transform:uppercase;letter-spacing:.04em;}
.wm2{font-size:.57rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);margin-top:1px;}
.nav-links{display:flex;gap:1.8rem;list-style:none;}
.nav-links a{color:var(--ink2);text-decoration:none;font-size:.76rem;letter-spacing:.06em;font-weight:400;transition:color .2s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1.5px;background:var(--org);transform:scaleX(0);transition:transform .25s;}
.nav-links a:hover{color:var(--org);}
.nav-links a:hover::after{transform:scaleX(1);}
.nav-cta{display:flex;align-items:center;gap:.7rem;}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-family:var(--ff-b);font-size:.73rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;border:none;transition:all .22s;line-height:1;}
.btn-org{background:var(--org);color:#fff;}
.btn-org:hover{background:var(--org-dk);transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,81,10,.3);}
.btn-out{background:transparent;color:var(--ink);border:1px solid var(--border);}
.btn-out:hover{border-color:var(--org);color:var(--org);}
.btn-ghost{background:transparent;color:var(--ink3);font-size:.71rem;padding:.4rem 0;border:none;border-bottom:1px solid transparent;}
.btn-ghost:hover{color:var(--org);border-bottom-color:var(--org);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:0;}
.hamburger span{width:22px;height:1.5px;background:var(--ink);display:block;transition:all .3s;}

/* MOBILE NAV */
.mob-nav{display:none;position:fixed;inset:0;z-index:9500;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;}
.mob-nav.open{display:flex;}
.mob-nav a{font-family:var(--ff-d);font-size:2rem;color:var(--ink);text-decoration:none;transition:color .2s;}
.mob-nav a:hover{color:var(--org);}
.mob-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;color:var(--ink3);line-height:1;padding:.5rem;}

/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;padding-top:5rem;position:relative;overflow:hidden;}
.hero-pat{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,81,10,.05) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;}
.hero-stripe{position:absolute;left:0;bottom:0;right:0;height:4px;background:linear-gradient(90deg,var(--org),var(--org-mid),var(--red));}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:2;width:100%;}
.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.32rem .85rem;border:1px solid var(--bord-o);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--org);margin-bottom:1.5rem;background:var(--org-lt);}
.hero-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--org);animation:blink 1.8s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero-title{margin-bottom:1.3rem;}
.hero-sub{font-size:.94rem;color:var(--ink3);max-width:490px;margin-bottom:2.2rem;line-height:1.85;}
.hero-acts{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:3rem;}
.hero-stats{display:flex;gap:2.2rem;padding-top:1.8rem;border-top:1px solid var(--border);flex-wrap:wrap;}
.stat-n{font-family:var(--ff-d);font-size:2rem;color:var(--org);line-height:1;font-weight:700;}
.stat-l{font-size:.64rem;color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-top:.15rem;}
.hero-vis{position:relative;}
.hero-img-box{width:100%;aspect-ratio:4/5;background:var(--bg3);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--ink3);font-size:.76rem;text-align:center;position:relative;overflow:hidden;}
.hero-img-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--org),var(--red));}
.hero-float{position:absolute;bottom:-1rem;left:-1rem;background:var(--org);color:#fff;padding:1.1rem 1.3rem;text-align:center;}
.hero-float strong{display:block;font-family:var(--ff-d);font-size:1.6rem;line-height:1;}
.hero-float span{font-size:.65rem;font-family:var(--ff-b);opacity:.9;}
.hero-float2{position:absolute;top:1rem;right:-.8rem;background:var(--ink);color:#fff;padding:.6rem .9rem;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;}

/* TICKER */
#ticker{background:var(--org);padding:.6rem 0;overflow:hidden;}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 28s linear infinite;}
.ticker-track:hover{animation-play-state:paused;}
.tick-item{padding:0 2.5rem;font-size:.72rem;font-weight:500;color:#fff;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.8rem;}
.tick-item::after{content:'◆';font-size:.5rem;opacity:.6;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* TRUST */
#trust{padding:1.6rem 0;border-bottom:1px solid var(--border);background:var(--bg2);}
.trust-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center;}
.t-pill{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:var(--ink2);}
.t-pill::before{content:'✓';color:var(--org);font-weight:700;}
.t-div{width:1px;height:18px;background:var(--border);}

/* ABOUT */
#about{background:var(--bg2);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.about-img-wrap{padding-bottom:1.5rem;}
.about-img{width:100%;aspect-ratio:4/5;background:var(--bg3);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--ink3);font-size:.76rem;position:relative;overflow:hidden;}
.about-img::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--org),var(--red));}
.about-tag{position:absolute;bottom:-1rem;right:-1rem;background:var(--ink);color:#fff;padding:1.2rem 1.4rem;text-align:center;}
.about-tag strong{display:block;font-family:var(--ff-d);font-size:1.7rem;color:var(--org-mid);line-height:1;}
.about-tag span{font-size:.65rem;font-family:var(--ff-b);opacity:.65;}
.about-text p{color:var(--ink3);margin-bottom:1rem;font-size:.91rem;}
.val-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.6rem;}
.val-card{padding:1rem;border:1px solid var(--border);background:var(--bg);transition:all .25s;}
.val-card:hover{border-color:var(--org);background:var(--org-lt);transform:translateY(-2px);}
.val-card h4{font-family:var(--ff-d);font-size:.98rem;color:var(--org);margin-bottom:.2rem;}
.val-card p{font-size:.76rem;color:var(--ink3);line-height:1.5;}

/* CAPABILITIES */
#capabilities{background:var(--bg);}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);margin-top:3rem;}
.cap-card{padding:2rem 1.6rem;border-right:1px solid var(--border);transition:all .25s;position:relative;overflow:hidden;}
.cap-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--org);transform:scaleX(0);transition:transform .3s;transform-origin:left;}
.cap-card:hover::after{transform:scaleX(1);}
.cap-card:last-child{border-right:none;}
.cap-card:hover{background:var(--org-lt);}
.cap-n{font-family:var(--ff-d);font-size:2.2rem;color:rgba(232,81,10,.12);line-height:1;margin-bottom:.8rem;}
.cap-card h3{font-size:.97rem;color:var(--ink);margin-bottom:.55rem;}
.cap-card p{font-size:.76rem;color:var(--ink3);line-height:1.7;}
.cap-tag{font-size:.65rem;color:var(--org);margin-top:.65rem;}

/* CAPACITY GAUGES */
#capacity{background:var(--ink);padding:5rem 0;position:relative;overflow:hidden;}
#capacity::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,81,10,.06) 1px,transparent 1px);background-size:28px 28px;}
.cap-inner{position:relative;z-index:2;}
.gauge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3.5rem;}
.gauge-item{text-align:center;}
.gauge-circle{position:relative;width:140px;height:140px;margin:0 auto 1.2rem;}
.gauge-circle svg{transform:rotate(-90deg);}
.gauge-bg{fill:none;stroke:rgba(255,255,255,.06);stroke-width:8;}
.gauge-fill{fill:none;stroke:var(--org);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1);}
.gauge-fill.amber{stroke:#f0a030;}
.gauge-fill.gr{stroke:#4caf85;}
.gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.gauge-pct{font-family:var(--ff-d);font-size:1.6rem;color:#fff;font-weight:700;line-height:1;}
.gauge-sub{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:2px;}
.gauge-label{font-size:.8rem;color:rgba(255,255,255,.45);margin-bottom:.3rem;}
.gauge-title{font-family:var(--ff-d);font-size:1.05rem;color:#fff;}

/* PRODUCTS */
#products{background:var(--bg2);}
.prod-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap;}
.filter-row{display:flex;gap:.35rem;flex-wrap:wrap;}
.fbtn{padding:.36rem 1rem;font-family:var(--ff-b);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);background:transparent;color:var(--ink3);transition:all .2s;}
.fbtn.active,.fbtn:hover{border-color:var(--org);color:var(--org);background:var(--org-lt);}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);}
.prod-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:all .25s;overflow:hidden;background:var(--bg);}
.prod-card:nth-child(4n){border-right:none;}
.prod-card:hover{background:var(--org-lt);transform:translateY(-3px);box-shadow:0 8px 30px rgba(232,81,10,.12);}
.prod-img{aspect-ratio:3/4;background:var(--bg3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--ink3);font-size:.7rem;position:relative;border-bottom:1px solid var(--border);}
.prod-sticker{position:absolute;top:.7rem;left:.7rem;background:var(--org);color:#fff;font-size:.56rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .5rem;}
.prod-body{padding:1.1rem;}
.prod-name{font-family:var(--ff-d);font-size:.98rem;color:var(--ink);margin-bottom:.28rem;}
.prod-meta{font-size:.7rem;color:var(--ink3);margin-bottom:.12rem;}
.prod-moq{font-size:.65rem;color:var(--org);letter-spacing:.05em;margin-bottom:.8rem;}
.prod-btn{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);display:flex;align-items:center;gap:.3rem;background:none;border:none;font-family:var(--ff-b);padding:0;transition:color .2s;}
.prod-btn::after{content:'→';transition:transform .2s;}
.prod-card:hover .prod-btn{color:var(--org);}
.prod-card:hover .prod-btn::after{transform:translateX(4px);}
.prod-footer{text-align:center;margin-top:2.3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

/* PROCESS */
#process{background:var(--bg);}
.proc-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:4rem;position:relative;}
.proc-row::before{content:'';position:absolute;top:1.7rem;left:10%;right:10%;height:1px;background:repeating-linear-gradient(90deg,var(--org) 0,var(--org) 6px,transparent 6px,transparent 14px);}
.proc-step{text-align:center;}
.proc-num{width:3.4rem;height:3.4rem;border-radius:50%;background:var(--bg);border:2px solid var(--org);display:flex;align-items:center;justify-content:center;font-family:var(--ff-d);font-size:1.2rem;color:var(--org);margin:0 auto 1.1rem;transition:all .3s;}
.proc-step:hover .proc-num{background:var(--org);color:#fff;transform:scale(1.1);}
.proc-step h4{font-family:var(--ff-d);font-size:.92rem;color:var(--ink);margin-bottom:.3rem;}
.proc-step p{font-size:.71rem;color:var(--ink3);line-height:1.6;}
.proc-tag{font-size:.63rem;color:var(--org);margin-top:.38rem;}

/* SUSTAINABILITY */
#sustain{background:linear-gradient(135deg,var(--org) 0%,var(--org-dk) 100%);padding:5rem 0;position:relative;overflow:hidden;}
#sustain::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.03) 40px,rgba(255,255,255,.03) 80px);}
.sus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1;}
.sus-card{text-align:center;padding:2rem 1rem;}
.sus-icon{font-size:2.2rem;margin-bottom:.8rem;display:block;}
.sus-num{font-family:var(--ff-d);font-size:2.8rem;color:#fff;font-weight:700;line-height:1;}
.sus-label{font-size:.72rem;color:rgba(255,255,255,.75);letter-spacing:.1em;text-transform:uppercase;margin-top:.4rem;}

/* CERTIFICATIONS */
/* CERTIFICATIONS — redesigned 6-cert layout */
#certifications{background:var(--ink);position:relative;overflow:hidden;}
#certifications::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,81,10,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.cert-intro{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:3.5rem;}
.cert-intro-stats{display:flex;gap:2rem;flex-wrap:wrap;}
.cert-stat{text-align:center;}
.cert-stat-n{font-family:var(--ff-d);font-size:2rem;color:var(--org);font-weight:700;line-height:1;}
.cert-stat-l{font-size:.62rem;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem;}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;position:relative;z-index:1;}
.cert-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s;position:relative;overflow:hidden;}
.cert-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.cert-card:hover{background:rgba(255,255,255,.07);border-color:rgba(232,81,10,.35);transform:translateY(-3px);}
.cert-card:hover::after{transform:scaleX(1);}
/* Badge styles per cert */
.cert-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .8rem;font-weight:800;letter-spacing:.06em;width:fit-content;font-size:.72rem;}
.cert-badge.bgmea{background:rgba(0,102,51,.15);color:#00cc66;border:1.5px solid rgba(0,204,102,.3);font-family:var(--ff-d);}
.cert-badge.epb{background:rgba(0,82,136,.15);color:#4db8ff;border:1.5px solid rgba(77,184,255,.3);font-family:var(--ff-b);}
.cert-badge.bsci{background:rgba(232,81,10,.12);color:var(--org-mid);border:1.5px solid rgba(232,81,10,.3);font-family:var(--ff-b);}
.cert-badge.sedex{background:rgba(128,0,128,.12);color:#cc66ff;border:1.5px solid rgba(204,102,255,.3);font-family:var(--ff-b);}
.cert-badge.oeko{background:rgba(34,139,34,.12);color:#66cc44;border:1.5px solid rgba(102,204,68,.3);font-family:var(--ff-b);}
.cert-badge.accord{background:rgba(180,20,20,.12);color:#ff6655;border:1.5px solid rgba(255,102,85,.3);font-family:var(--ff-b);}
/* Card accent line color per cert */
.cert-card.bgmea::after{background:#00cc66;}
.cert-card.epb::after{background:#4db8ff;}
.cert-card.bsci::after{background:var(--org);}
.cert-card.sedex::after{background:#cc66ff;}
.cert-card.oeko::after{background:#66cc44;}
.cert-card.accord::after{background:#ff6655;}
.cert-card h3{font-family:var(--ff-d);font-size:1.05rem;color:#fff;line-height:1.2;}
.cert-card p{font-size:.74rem;color:rgba(255,255,255,.45);line-height:1.7;flex:1;}
.cert-dl{font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;padding-bottom:2px;width:fit-content;border-bottom:1px solid;transition:opacity .2s;}
.cert-dl:hover{opacity:.75;}
.cert-card.bgmea .cert-dl{color:#00cc66;border-color:rgba(0,204,102,.4);}
.cert-card.epb .cert-dl{color:#4db8ff;border-color:rgba(77,184,255,.4);}
.cert-card.bsci .cert-dl{color:var(--org-mid);border-color:rgba(232,81,10,.4);}
.cert-card.sedex .cert-dl{color:#cc66ff;border-color:rgba(204,102,255,.4);}
.cert-card.oeko .cert-dl{color:#66cc44;border-color:rgba(102,204,68,.4);}
.cert-card.accord .cert-dl{color:#ff6655;border-color:rgba(255,102,85,.4);}

/* MARKETS */
#markets{background:var(--bg);}
.markets-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:3rem;align-items:start;margin-top:3rem;}
.mkt-tabs{display:flex;flex-direction:column;gap:.5rem;}
.mkt-tab{padding:1rem 1.3rem;border:1px solid var(--border);background:var(--bg);transition:all .22s;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;pointer-events:all;}
.mkt-tab:hover,.mkt-tab.active{border-color:var(--org);background:var(--org-lt);}
.mkt-tab .region{font-family:var(--ff-d);font-size:1rem;color:var(--ink);}
.mkt-tab.active .region{color:var(--org);}
.mkt-tab .countries{font-size:.7rem;color:var(--ink3);}
.count-badge{background:var(--org);color:#fff;font-size:.62rem;padding:.2rem .55rem;font-weight:600;border-radius:20px;flex-shrink:0;}
.map-vis{position:sticky;top:6rem;}
.map-box{background:#eef2f7;border:1px solid var(--border);position:relative;overflow:hidden;border-radius:2px;}
.map-box svg{width:100%;height:auto;display:block;}
.map-box .land{fill:#d8d0c4;transition:fill .35s,opacity .35s;}
.map-box .land.active-region{fill:var(--org);opacity:1;}
.map-box .land.dim-region{fill:#e2dcd4;opacity:.5;}
.map-box .graticule{fill:none;stroke:#d4cbbf;stroke-width:.3;}
.map-info{padding:1.1rem 1.3rem;border:1px solid var(--border);background:var(--bg);margin-top:.8rem;border-left:3px solid var(--org);}
.map-info-title{font-family:var(--ff-d);font-size:1.05rem;color:var(--org);margin-bottom:.35rem;}
.map-info-text{font-size:.78rem;color:var(--ink3);line-height:1.6;}

/* YARN EXPLORER */
#yarns{background:var(--bg2);}
.yarn-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-top:3rem;align-items:start;}
.yarn-list{display:flex;flex-direction:column;gap:.5rem;}
.yarn-item{padding:1rem 1.2rem;border:1px solid var(--border);background:var(--bg);transition:all .2s;display:flex;align-items:center;gap:.9rem;cursor:pointer;pointer-events:all;}
.yarn-item:hover,.yarn-item.active{border-color:var(--org);background:var(--org-lt);}
.yarn-swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;}
.yn{font-family:var(--ff-d);font-size:.95rem;color:var(--ink);transition:color .2s;}
.yarn-item.active .yn{color:var(--org);}
.yt{font-size:.7rem;color:var(--ink3);}
.yarn-detail{border:1px solid var(--border);padding:2.5rem;background:var(--bg);position:sticky;top:6rem;}
.yarn-detail-title{font-family:var(--ff-d);font-size:1.6rem;color:var(--ink);margin-bottom:.3rem;}
.yarn-detail-sub{font-size:.75rem;color:var(--org);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;}
.yarn-props{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem;}
.yarn-prop{background:var(--bg2);padding:.8rem;}
.yarn-prop .pk{font-size:.65rem;color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.2rem;}
.yarn-prop .pv{font-size:.88rem;color:var(--ink);font-weight:500;}
.yarn-bar-wrap{margin-bottom:1.3rem;}
.yarn-bar-label{display:flex;justify-content:space-between;font-size:.68rem;color:var(--ink3);margin-bottom:.4rem;}
.yarn-bar-track{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;}
.yarn-bar-fill{height:100%;background:var(--org);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);}

/* TESTIMONIALS */
#testimonials{background:var(--bg);}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;}
.test-card{border:1px solid var(--border);padding:2rem;background:var(--bg2);transition:all .25s;position:relative;overflow:hidden;}
.test-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--org);transform:scaleX(0);transition:transform .3s;}
.test-card:hover::before{transform:scaleX(1);}
.test-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(24,18,10,.08);}
.test-quote{font-size:2.5rem;color:var(--org);font-family:var(--ff-d);line-height:1;margin-bottom:.5rem;opacity:.4;}
.test-text{font-size:.82rem;color:var(--ink3);line-height:1.75;margin-bottom:1.5rem;font-style:italic;}
.test-author{display:flex;align-items:center;gap:.75rem;}
.test-avatar{width:36px;height:36px;border-radius:50%;background:var(--org);display:flex;align-items:center;justify-content:center;font-family:var(--ff-d);font-size:.85rem;color:#fff;font-weight:700;flex-shrink:0;}
.test-name{font-size:.82rem;font-weight:500;color:var(--ink);}
.test-co{font-size:.7rem;color:var(--ink3);}
.stars{color:var(--org);font-size:.75rem;margin-bottom:.5rem;letter-spacing:2px;}
.test-kpi-row{display:flex;gap:1rem;margin:.9rem 0 1.2rem;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.test-kpi{flex:1;text-align:center;}
.test-kpi-n{font-family:var(--ff-d);font-size:1.35rem;font-weight:700;color:var(--org);line-height:1;}
.test-kpi-l{font-size:.63rem;color:var(--ink3);margin-top:.25rem;letter-spacing:.04em;}

/* TOUR */
#tour{background:var(--bg3);padding:5rem 0;}
.tour-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.tour-mockup{aspect-ratio:16/10;background:var(--ink);border:1px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.tour-play{width:70px;height:70px;border-radius:50%;background:var(--org);display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1;}
.tour-play:hover{transform:scale(1.1);box-shadow:0 0 0 12px rgba(232,81,10,.2);}
.tour-scan{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--org),transparent);animation:scan 2.5s ease-in-out infinite;}
@keyframes scan{0%,100%{top:0;}50%{top:calc(100% - 2px);}}
.tour-geo{position:absolute;inset:0;background-image:linear-gradient(rgba(232,81,10,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,81,10,.04) 1px,transparent 1px);background-size:40px 40px;}

/* RFQ */
#rfq{background:var(--bg2);}
.rfq-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:5rem;margin-top:3rem;}
.fg{margin-bottom:.8rem;}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem;}
label{display:block;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:.35rem;}
input,select,textarea{width:100%;padding:.7rem .9rem;background:var(--bg);border:1px solid var(--border);color:var(--ink);font-family:var(--ff-b);font-size:.86rem;outline:none;transition:border-color .22s;appearance:none;}
input:focus,select:focus,textarea:focus{border-color:var(--org);background:#fff;}
input::placeholder,textarea::placeholder{color:var(--ink3);}
select option{background:#fff;}
textarea{resize:vertical;min-height:105px;}
.file-drop{border:1px dashed var(--border);padding:1.1rem;text-align:center;transition:border-color .2s;margin-bottom:1.1rem;}
.file-drop:hover{border-color:var(--org);}
.file-drop p{font-size:.74rem;color:var(--ink3);}
.file-drop span{font-size:.65rem;color:var(--org);}
.cinfo-card{border:1px solid var(--border);padding:1.7rem;margin-bottom:1rem;background:var(--bg);}
.cm{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.1rem;}
.cm:last-child{margin-bottom:0;}
.ci{width:30px;height:30px;border:1px solid var(--bord-o);display:flex;align-items:center;justify-content:center;font-size:.66rem;color:var(--org);flex-shrink:0;background:var(--org-lt);}
.cm h4{font-family:var(--ff-d);font-size:.9rem;color:var(--ink);}
.cm p{font-size:.74rem;color:var(--ink3);}
.resp-tag{background:var(--green-lt);border:1px solid rgba(42,96,73,.18);padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;}
.dot-g{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:blink 2s infinite;}
.resp-tag p{font-size:.74rem;color:var(--ink2);}
.resp-tag strong{color:var(--green);}
.pay-box{padding:1.1rem;border:1px solid var(--border);background:var(--bg);}
.pay-label{font-size:.65rem;color:var(--org);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;}
.pay-box p{font-size:.76rem;color:var(--ink3);line-height:1.9;}
.map-label{padding:.55rem .8rem;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;}
.map-label span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);}

/* FOOTER */
footer{background:var(--ink);padding:4.5rem 0 0;}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:3.5rem;}
.foot-logo-img{height:52px;width:auto;margin-bottom:.9rem;display:block;filter:brightness(0) invert(1);}
.foot-brand p{font-size:.76rem;color:rgba(255,255,255,.38);line-height:1.8;margin-bottom:1.1rem;}
.bgmea-pill{display:flex;align-items:center;gap:.4rem;font-size:.63rem;color:rgba(255,255,255,.38);letter-spacing:.06em;margin-bottom:.4rem;}
.bgmea-pill::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--org-mid);display:inline-block;}
.foot-col h4{font-family:var(--ff-d);font-size:.93rem;color:#fff;margin-bottom:1rem;}
.foot-col ul{list-style:none;}
.foot-col li{margin-bottom:.42rem;}
.foot-col a{font-size:.76rem;color:rgba(255,255,255,.38);text-decoration:none;transition:color .2s;}
.foot-col a:hover{color:var(--org-mid);}
.soc-row{display:flex;gap:.6rem;margin-bottom:.9rem;}
.soc-a{width:42px;height:42px;border-radius:4px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .25s;position:relative;overflow:hidden;}
.soc-a::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;}
.soc-a:hover::before{opacity:1;}
.soc-a svg{position:relative;z-index:1;transition:transform .2s;}
.soc-a:hover svg{transform:scale(1.15);}
.soc-fb{background:rgba(24,119,242,.12);color:#1877f2;border:1px solid rgba(24,119,242,.25);}
.soc-fb:hover{background:#1877f2;color:#fff;border-color:#1877f2;}
.soc-ig{background:rgba(225,48,108,.1);color:#e1306c;border:1px solid rgba(225,48,108,.22);}
.soc-ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent;}
.soc-x{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12);}
.soc-x:hover{background:#000;color:#fff;border-color:#000;}
.soc-li{background:rgba(10,102,194,.12);color:#0a66c2;border:1px solid rgba(10,102,194,.25);}
.soc-li:hover{background:#0a66c2;color:#fff;border-color:#0a66c2;}
.soc-wa{background:rgba(37,211,102,.12);color:#25d366;border:1px solid rgba(37,211,102,.25);}
.soc-wa:hover{background:#25d366;color:#fff;border-color:#25d366;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.07);padding:1.6rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.foot-bottom p{font-size:.68rem;color:rgba(255,255,255,.25);}
.foot-bottom a{color:rgba(255,255,255,.25);text-decoration:none;margin-left:1rem;}
.foot-bottom a:hover{color:var(--org-mid);}
.foot-stripe{height:4px;background:linear-gradient(90deg,var(--org),var(--org-mid),var(--red));}


/* MOBILE HERO TRUST STRIP */
.hero-mobile-trust{display:none;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem;padding:1.1rem;background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--org);}
.hmt-item{display:flex;flex-direction:column;flex:1 1 45%;min-width:120px;}
.hmt-num{font-family:var(--ff-d);font-size:1.5rem;color:var(--org);font-weight:700;line-height:1;}
.hmt-lbl{font-size:.62rem;color:var(--ink3);letter-spacing:.1em;text-transform:uppercase;margin-top:.1rem;}
.hmt-badges{width:100%;display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--border);}
.hmt-badge{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--org);padding:.2rem .55rem;border:1px solid var(--bord-o);background:var(--org-lt);}

/* GDPR COOKIE BANNER */
#cookieBanner{position:fixed;bottom:0;left:0;right:0;z-index:99997;background:var(--ink);border-top:2px solid var(--org);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);}
#cookieBanner.cb-visible{transform:translateY(0);}
.cookie-text{font-size:.75rem;color:rgba(255,255,255,.7);line-height:1.55;flex:1;min-width:200px;}
.cookie-text a{color:var(--org-mid);text-decoration:underline;}
.cookie-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap;}
.cookie-accept{padding:.5rem 1.3rem;background:var(--org);color:#fff;border:none;font-family:var(--ff-b);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.cookie-accept:hover{background:var(--org-dk);}
.cookie-decline{padding:.5rem 1rem;background:transparent;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.15);font-family:var(--ff-b);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.cookie-decline:hover{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.75);}
@media(max-width:600px){#cookieBanner{flex-direction:column;align-items:flex-start;}.cookie-actions{width:100%;}}

/* ANIMATIONS */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}

/* REDUCED MOTION — respect OS preference */
@media (prefers-reduced-motion: reduce) {
  .reveal{opacity:1;transform:none;transition:none;}
  .ticker-track{animation:none;}
  .hero-badge::before{animation:none;}
  .dot-g{animation:none;}
  .tour-scan{animation:none;}
  .gauge-fill{transition:none;}
  .yarn-bar-fill{transition:none;}
  #cur,#cur2{display:none!important;}
  html{scroll-behavior:auto;}
}

/* ═══════════════════════════════════════════════════════════════════
   ELEVATION PACK — Advanced Animations, Micro-interactions & Effects
   ═══════════════════════════════════════════════════════════════════ */

/* ── DIRECTIONAL REVEAL VARIANTS ── */
.reveal.from-left{transform:translateX(-52px);}
.reveal.from-right{transform:translateX(52px);}
.reveal.from-scale{transform:scale(0.88) translateY(16px);}
.reveal.from-left.visible,.reveal.from-right.visible,.reveal.from-scale.visible{opacity:1;transform:none;}

/* ── HERO TITLE LINE ANIMATION ── */
.title-line{display:inline-block;overflow:hidden;vertical-align:bottom;}
.title-line-inner{display:inline-block;transform:translateY(110%);transition:transform .8s cubic-bezier(.16,1,.3,1);}
.hero-title-ready .title-line-inner{transform:translateY(0);}
.title-line-inner.d1{transition-delay:.16s;}
.title-line-inner.d2{transition-delay:.32s;}

/* ── HERO PARALLAX ── */
.hero-bg-parallax{will-change:transform;transition:transform .05s linear;}

/* ── HERO DECORATIVE ELEMENTS ── */
.hero-deco{position:absolute;pointer-events:none;z-index:1;}
.hero-deco-circle{top:6%;right:4%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(232,81,10,.055) 0%,transparent 68%);animation:floatBig 7s ease-in-out infinite;}
.hero-deco-ring{bottom:12%;left:2%;width:180px;height:180px;border:1px solid rgba(232,81,10,.065);border-radius:50%;animation:rotateSlow 28s linear infinite;}
.hero-deco-ring::before{content:'';position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(232,81,10,.04);}
.hero-deco-vline{top:30%;right:8%;width:1px;height:130px;background:linear-gradient(transparent,rgba(232,81,10,.14),transparent);animation:floatBig 5.5s ease-in-out 1.2s infinite;}
.hero-deco-dot{top:20%;left:8%;width:4px;height:4px;border-radius:50%;background:rgba(232,81,10,.3);animation:blinkFade 2.5s ease-in-out infinite;}
@keyframes floatBig{0%,100%{transform:translateY(0);}50%{transform:translateY(-16px);}}
@keyframes rotateSlow{to{transform:rotate(360deg);}}
@keyframes blinkFade{0%,100%{opacity:.3;}50%{opacity:1;}}

/* ── FLOATING BADGES ── */
.hero-float{animation:floatCard 4.8s ease-in-out infinite;}
.hero-float2{animation:floatCard 4.2s ease-in-out .6s infinite;}
@keyframes floatCard{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* ── HERO BADGE PULSE ── */
@keyframes badgePulse{0%,100%{box-shadow:none;}50%{box-shadow:0 0 0 6px rgba(232,81,10,.09);}}
.hero-badge{animation:badgePulse 3.5s ease-in-out 1.2s infinite;}

/* ── RIPPLE EFFECT ── */
.btn{position:relative;overflow:hidden;}
.ripple-wave{position:absolute;border-radius:50%;background:rgba(255,255,255,.28);transform:scale(0);animation:rippleOut .65s linear forwards;pointer-events:none;}
.btn-out .ripple-wave,.btn-ghost .ripple-wave{background:rgba(232,81,10,.13);}
@keyframes rippleOut{to{transform:scale(5);opacity:0;}}

/* ── BUTTON ELEVATED HOVER ── */
.btn-org{transition:background .22s,transform .22s,box-shadow .22s;}
.btn-org:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 12px 34px rgba(232,81,10,.4);}
.btn-out{transition:border-color .22s,color .22s,transform .22s,box-shadow .22s;}
.btn-out:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(24,18,10,.08);}

/* ── CARD 3D TILT BASE ── */
.prod-card,.cap-card,.test-card,.val-card{will-change:transform;transform-style:preserve-3d;}

/* ── CARD GLOW ON HOVER ── */
.cap-card:hover{box-shadow:0 12px 44px rgba(232,81,10,.11);}
.prod-card:hover{box-shadow:0 18px 52px rgba(232,81,10,.16);}
.cert-card:hover{box-shadow:0 14px 46px rgba(0,0,0,.32);}
.test-card:hover{box-shadow:0 16px 52px rgba(24,18,10,.11);}
.val-card:hover{box-shadow:0 8px 30px rgba(232,81,10,.13);}

/* ── STAT NUMBERS ── */
.stat-n{text-shadow:0 0 32px rgba(232,81,10,.2);}
.hero-stats>div{transition:transform .3s ease;}
.hero-stats>div:hover{transform:translateY(-4px);}

/* ── SECTION LABEL ACCENT LINE ── */
.lbl{position:relative;padding-left:1.5rem;}
.lbl::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:1.5px;background:var(--org);}

/* ── SEC-TITLE EM GLOW ── */
.sec-title em{text-shadow:0 2px 22px rgba(232,81,10,.14);}
.display em{text-shadow:0 4px 32px rgba(232,81,10,.2);}

/* ── SCROLL PROGRESS GLOW ── */
#sprog{box-shadow:0 0 8px rgba(232,81,10,.5);}

/* ── NAV GLASSMORPHISM ON SCROLL ── */
nav.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);}

/* ── TICKER ENHANCED ── */
.tick-item::after{content:'◈';font-size:.44rem;opacity:.5;}
#ticker{background:linear-gradient(90deg,#d44a08,var(--org),#d44a08);}

/* ── CAP CARD NUMBER HOVER ── */
.cap-n{transition:color .3s,transform .3s;}
.cap-card:hover .cap-n{color:rgba(232,81,10,.22);transform:scale(1.07);}

/* ── PROCESS STEP TAG ── */
.proc-tag{transition:color .3s;}
.proc-step:hover .proc-tag{color:var(--org-dk);}

/* ── YARN DETAIL SHADOW ── */
.yarn-detail{box-shadow:0 8px 40px rgba(24,18,10,.06);}

/* ── FORM GLOW FOCUS ── */
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(232,81,10,.09);border-color:var(--org);}

/* ── TESTIMONIALS AUTO-CYCLE ── */
.test-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.test-card.t-active{border-color:rgba(232,81,10,.3);box-shadow:0 12px 44px rgba(232,81,10,.12);transform:translateY(-5px);}
.test-nav-row{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:2.2rem;}
.t-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .38s ease;cursor:pointer;border:none;padding:0;outline:none;}
.t-dot.active{background:var(--org);width:28px;border-radius:4px;}
.t-dot:hover:not(.active){background:var(--org);opacity:.55;}

/* ── WHATSAPP BREATHE ── */
@keyframes breathe{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.42);}50%{box-shadow:0 4px 44px rgba(37,211,102,.68),0 0 0 9px rgba(37,211,102,.1);}}
.wa-btn{animation:breathe 3s ease-in-out infinite;}

/* ── FOOTER LINK ANIMATED UNDERLINE ── */
.foot-col a{position:relative;padding-bottom:1px;}
.foot-col a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--org-mid);transition:width .3s ease;}
.foot-col a:hover::after{width:100%;}

/* ── NOISE GRAIN TEXTURE ── */
#noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:99990;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;}

/* ── REDUCED MOTION overrides for new effects ── */
@media(prefers-reduced-motion:reduce){
  .hero-float,.hero-float2,.hero-badge,.hero-deco-circle,.hero-deco-ring,
  .hero-deco-vline,.hero-deco-dot,.wa-btn{animation:none;}
  .reveal.from-left,.reveal.from-right,.reveal.from-scale{opacity:1;transform:none;transition:none;}
  .title-line-inner{transform:translateY(0);transition:none;}
  .prod-card,.cap-card,.test-card,.val-card{will-change:auto;}
}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:99998;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;}
.wa-btn{width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s;text-decoration:none;}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.55);}
.wa-btn svg{width:28px;height:28px;fill:#fff;}
.wa-tooltip{background:var(--ink);color:#fff;font-size:.7rem;letter-spacing:.06em;padding:.4rem .75rem;white-space:nowrap;opacity:0;transform:translateX(8px);transition:all .25s;pointer-events:none;}
.wa-float:hover .wa-tooltip{opacity:1;transform:translateX(0);}

/* FAQ */
#faq{background:var(--bg2);}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;}
.faq-item{border:1px solid var(--border);background:var(--bg);overflow:hidden;transition:all .2s;}
.faq-item.open{border-color:var(--org);}
.faq-q{padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--ff-d);font-size:.96rem;color:var(--ink);cursor:pointer;user-select:none;}
.faq-q:hover{color:var(--org);}
.faq-icon{width:22px;height:22px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;color:var(--org);transition:transform .25s;}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--org);color:#fff;border-color:var(--org);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);}
.faq-item.open .faq-a{max-height:300px;}
.faq-a-inner{padding:0 1.4rem 1.2rem;font-size:.82rem;color:var(--ink3);line-height:1.75;border-top:1px solid var(--border);}
@media(max-width:768px){.faq-grid{grid-template-columns:1fr;}}

/* CAPACITY NOTE */
.capacity-note{font-size:.65rem;color:rgba(255,255,255,.3);text-align:center;margin-top:2rem;font-style:italic;}


@media(max-width:1024px){
  .cap-grid{grid-template-columns:1fr 1fr;}
  .cap-card:nth-child(2){border-right:none;}
  .cap-card:nth-child(n+3){border-top:1px solid var(--border);}
  .cap-card:nth-child(4){border-right:none;}
  .cert-grid{grid-template-columns:repeat(2,1fr);}
  .proc-row{grid-template-columns:repeat(3,1fr);}
  .proc-row::before{display:none;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .rfq-grid,.yarn-grid,.markets-layout,.tour-inner{grid-template-columns:1fr;}
  .gauge-row,.sus-grid{grid-template-columns:repeat(2,1fr);}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .prod-card:nth-child(2n){border-right:none;}
  .test-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links{display:none;}
  .btn-ghost{display:none!important;}
  .hamburger{display:flex;}
  .hero-grid,.about-grid{grid-template-columns:1fr;}
  .hero-vis{display:block;}
  .hero-img-box{display:none;}
  .hero-float,.hero-float2{display:none;}
  .hero-mobile-trust{display:flex!important;}
  .fr{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
  .foot-bottom{flex-direction:column;text-align:center;}
  .sec{padding:3.5rem 0;}
  .prod-head{flex-direction:column;align-items:flex-start;}
  .gauge-row,.sus-grid{grid-template-columns:1fr 1fr;}
  .test-grid{grid-template-columns:1fr;}
  .proc-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .prod-grid,.cap-grid,.cert-grid{grid-template-columns:1fr;}
  .prod-card,.cap-card{border-right:none!important;}
  .cert-intro{grid-template-columns:1fr;gap:1.5rem;}
  .hero-stats{gap:1.2rem;}
  .gauge-row,.sus-grid{grid-template-columns:1fr;}
  .val-grid,.yarn-props{grid-template-columns:1fr;}
  .proc-row{grid-template-columns:1fr;}
}

/* TRUSTED BUYERS STRIP */
#buyers{padding:2.8rem 0;background:var(--bg);border-bottom:1px solid var(--border);overflow:hidden;}
.buyers-head{text-align:center;margin-bottom:1.8rem;}
.buyers-head .lbl{margin-bottom:.3rem;}
.buyers-head p{font-size:.78rem;color:var(--ink3);}
.buyers-track-wrap{position:relative;overflow:hidden;}
.buyers-track-wrap::before,.buyers-track-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.buyers-track-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent);}
.buyers-track-wrap::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent);}
.buyers-track{display:flex;gap:0;width:max-content;animation:buyerScroll 32s linear infinite;}
.buyers-track:hover{animation-play-state:paused;}
.buyer-item{display:flex;align-items:center;padding:0 2.8rem;border-right:1px solid var(--border);white-space:nowrap;gap:.7rem;}
.buyer-name{font-family:var(--ff-d);font-size:1.05rem;font-weight:600;color:var(--ink2);letter-spacing:.01em;transition:color .2s;}
.buyer-item:hover .buyer-name{color:var(--org);}
.buyer-country{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:.18rem .45rem;border:1px solid var(--border);background:var(--bg2);}

.buyer-link{text-decoration:none;display:flex;align-items:center;gap:.7rem;}
.buyer-link:hover .buyer-name{color:var(--org);}
.buyer-item:hover{background:var(--org-lt);}


/* STYLED BRAND LOGOS */
.buyer-logo{display:flex;align-items:center;justify-content:center;height:38px;padding:0 .3rem;}
/* Takko Fashion — yellow bg, bold black */
.logo-takko{background:#FFD700;padding:.3rem .7rem;font-family:'Arial Black',sans-serif;font-size:.82rem;font-weight:900;color:#111;letter-spacing:.04em;text-transform:uppercase;line-height:1;}
.logo-takko span{display:block;font-size:.42rem;letter-spacing:.2em;font-weight:700;color:#333;text-align:center;margin-top:1px;}
/* New Yorker — bold red slash style */
.logo-newyorker{font-family:'Arial Black',sans-serif;font-size:.92rem;font-weight:900;color:#cc0000;letter-spacing:-.02em;text-transform:uppercase;}
.logo-newyorker em{color:#111;font-style:normal;}
/* Springfield — dark minimal */
.logo-springfield{font-family:Georgia,serif;font-size:.88rem;font-weight:700;color:#1a1a1a;letter-spacing:.18em;text-transform:uppercase;}
/* Terranova — teal bold */
.logo-terranova{font-family:'Arial Black',sans-serif;font-size:.85rem;font-weight:900;color:#008080;letter-spacing:.06em;text-transform:uppercase;}
/* LPP — boxed black */
.logo-lpp{background:#111;color:#fff;font-family:'Arial Black',sans-serif;font-size:.95rem;font-weight:900;padding:.2rem .55rem;letter-spacing:.08em;}
/* Best Seller — clean dark */
.logo-bestseller{font-family:Georgia,serif;font-size:.82rem;font-weight:700;color:#222;letter-spacing:.12em;text-transform:uppercase;}
/* Teddy Smith — script-style orange */
.logo-teddysmith{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;font-style:italic;color:#d4500a;letter-spacing:.02em;}
/* Ambiance — elegant gold */
.logo-ambiance{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:600;font-style:italic;color:#b8860b;letter-spacing:.08em;}
/* Honeys — pink feminine */
.logo-honeys{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:#c04080;letter-spacing:.04em;}
/* RCHLO — stark uppercase */
.logo-rchlo{font-family:'Arial Black',sans-serif;font-size:.95rem;font-weight:900;color:#111;letter-spacing:.1em;}
.logo-rchlo span{display:block;font-size:.42rem;letter-spacing:.22em;color:#555;font-weight:400;font-family:Arial,sans-serif;margin-top:1px;}

@keyframes buyerScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.buyers-track{animation:none;}}

/* ═══════════════════════════════════════════════════════════════════
   TRANSFORMATION PACK — Conversion-Optimised Sections & Polish
   ═══════════════════════════════════════════════════════════════════ */

/* ── HERO AMBIENT GLOW ── */
.hero-ambient{position:absolute;top:-20%;right:-8%;width:70%;height:150%;
  background:radial-gradient(ellipse at 60% 40%,rgba(232,81,10,.07) 0%,transparent 62%);
  pointer-events:none;z-index:1;}

/* ── HERO LIVE AVAILABILITY TAG ── */
.hero-live-tag{display:inline-flex;align-items:center;gap:.55rem;
  padding:.38rem .9rem;background:rgba(42,96,73,.09);border:1px solid rgba(42,96,73,.22);
  font-size:.67rem;color:var(--green);letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:1.1rem;}
.live-dot{width:6px;height:6px;border-radius:50%;background:#4caf85;
  animation:blink 1.5s infinite;flex-shrink:0;}

/* ── BOOKING URGENCY BANNER ── */
#booking-banner{background:linear-gradient(90deg,#120c06 0%,#1e1005 50%,#120c06 100%);
  padding:1rem 0;overflow:hidden;border-top:1px solid rgba(232,81,10,.15);
  border-bottom:1px solid rgba(232,81,10,.15);}
.booking-inner{display:flex;align-items:center;justify-content:center;
  gap:2.5rem;flex-wrap:wrap;}
.booking-stat{text-align:center;}
.bs-num{font-family:var(--ff-d);font-size:1.35rem;color:var(--org);font-weight:700;line-height:1;}
.bs-label{font-size:.6rem;color:rgba(255,255,255,.38);letter-spacing:.12em;
  text-transform:uppercase;margin-top:2px;}
.booking-divider{width:1px;height:34px;background:rgba(255,255,255,.08);}
.booking-msg{font-size:.76rem;color:rgba(255,255,255,.6);max-width:340px;
  text-align:center;line-height:1.6;}
.booking-msg strong{color:var(--org-mid);}
.booking-act{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.3rem;
  background:var(--org);color:#fff;font-family:var(--ff-b);font-size:.68rem;
  font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  transition:background .2s,transform .2s;}
.booking-act:hover{background:var(--org-dk);transform:translateY(-1px);}

/* ── WHY ATASHI — ADVANTAGE SECTION ── */
#advantage{background:var(--bg);padding:6rem 0;}
.adv-header{text-align:center;max-width:560px;margin:0 auto 3.5rem;}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border:1px solid var(--border);}
.adv-card{padding:2.5rem 1.8rem;border-right:1px solid var(--border);
  transition:all .3s var(--ease-out);position:relative;overflow:hidden;background:var(--bg);}
.adv-card:last-child{border-right:none;}
.adv-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--org),var(--org-mid));
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out);}
.adv-card:hover{background:var(--org-lt);transform:translateY(-5px);
  box-shadow:0 20px 60px rgba(232,81,10,.13);z-index:1;}
.adv-card:hover::after{transform:scaleX(1);}
.adv-icon{font-size:2rem;margin-bottom:1.1rem;display:block;
  filter:drop-shadow(0 2px 8px rgba(232,81,10,.25));}
.adv-num{font-family:var(--ff-d);font-size:2.6rem;color:var(--org);
  line-height:1;font-weight:700;margin-bottom:.35rem;
  text-shadow:0 2px 20px rgba(232,81,10,.2);}
.adv-title{font-family:var(--ff-d);font-size:1.08rem;color:var(--ink);
  margin-bottom:.55rem;}
.adv-text{font-size:.76rem;color:var(--ink3);line-height:1.8;}

/* ── QUALITY PROMISE STRIP ── */
#promise{background:var(--ink);padding:5.5rem 0;position:relative;overflow:hidden;}
#promise::before{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,81,10,.07) 0%,transparent 55%),
  repeating-linear-gradient(45deg,transparent,transparent 50px,rgba(255,255,255,.015) 50px,rgba(255,255,255,.015) 100px);}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);
  position:relative;z-index:1;}
.promise-item{padding:3rem 2rem;text-align:center;
  border-right:1px solid rgba(255,255,255,.06);position:relative;}
.promise-item:last-child{border-right:none;}
.promise-item::before{content:'';position:absolute;top:0;left:50%;
  transform:translateX(-50%);width:40px;height:3px;
  background:linear-gradient(90deg,transparent,var(--org),transparent);}
.promise-num{font-family:var(--ff-d);font-size:clamp(3.2rem,5vw,5.5rem);
  color:var(--org);font-weight:700;line-height:1;margin-bottom:.4rem;
  text-shadow:0 4px 30px rgba(232,81,10,.3);}
.promise-label{font-size:.75rem;color:rgba(255,255,255,.45);
  letter-spacing:.14em;text-transform:uppercase;line-height:1.8;max-width:220px;
  margin:0 auto;}
.promise-sub{font-size:.68rem;color:rgba(232,81,10,.65);margin-top:.5rem;
  font-style:italic;}

/* ── 3 STEPS TO ORDER ── */
#steps{background:var(--bg3);padding:6rem 0;}
.steps-intro{text-align:center;max-width:520px;margin:0 auto 3.5rem;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.8rem;position:relative;}
.steps-grid::before{content:'';position:absolute;top:2.6rem;left:16%;right:16%;
  height:1px;background:repeating-linear-gradient(90deg,var(--org) 0,var(--org) 8px,
  transparent 8px,transparent 18px);z-index:0;pointer-events:none;}
.step-card{padding:2.8rem 2rem 2.2rem;background:var(--bg);
  border:1px solid var(--border);text-align:center;position:relative;
  transition:all .3s var(--ease-out);z-index:1;}
.step-card:hover{border-color:var(--org);transform:translateY(-5px);
  box-shadow:0 20px 60px rgba(232,81,10,.12);}
.step-bubble{width:52px;height:52px;border-radius:50%;
  background:var(--org);display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-d);font-size:1.4rem;color:#fff;font-weight:700;
  margin:0 auto 1.4rem;box-shadow:0 6px 24px rgba(232,81,10,.35);
  transition:transform .3s,box-shadow .3s;}
.step-card:hover .step-bubble{transform:scale(1.1);
  box-shadow:0 10px 32px rgba(232,81,10,.45);}
.step-title{font-family:var(--ff-d);font-size:1.15rem;color:var(--ink);
  margin-bottom:.6rem;}
.step-text{font-size:.78rem;color:var(--ink3);line-height:1.8;}
.step-time{display:inline-block;font-size:.63rem;color:var(--org);
  letter-spacing:.12em;text-transform:uppercase;margin-top:.9rem;
  padding:.25rem .65rem;border:1px solid var(--bord-o);background:var(--org-lt);}

/* ── ENHANCED HERO HEADLINE ── */
.hero-title{line-height:1.08;}
.hero-sub strong{color:var(--ink2);font-weight:500;}

/* ── ENHANCED PRODUCT CARDS ── */
.prod-card{border-bottom:none;}
.prod-sticker{border-radius:0;}

/* ── ENHANCED VAL CARDS (about section) ── */
.val-card:hover h4{color:var(--org-dk);}

/* ── PROC STEP NUMBER GLOW ── */
.proc-step:hover .proc-num{
  background:var(--org);color:#fff;transform:scale(1.1);
  box-shadow:0 0 0 8px rgba(232,81,10,.1);}

/* ── ENHANCED SUSTAINABILITY CARDS ── */
.sus-card{transition:transform .3s,background .3s;}
.sus-card:hover{transform:translateY(-6px);
  background:rgba(255,255,255,.08);}
.sus-num{transition:text-shadow .3s;}
.sus-card:hover .sus-num{text-shadow:0 0 40px rgba(255,255,255,.4);}

/* ── ENHANCED RFQ SECTION ── */
#rfq{background:var(--bg2);}
.rfq-headline{font-size:clamp(1.6rem,2.5vw,2.4rem);}
.rfq-promise{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;
  padding-top:1.5rem;border-top:1px solid var(--border);}
.rfq-promise-item{display:flex;align-items:center;gap:.5rem;
  font-size:.74rem;color:var(--ink3);}
.rfq-promise-item::before{content:'✓';color:var(--green);font-weight:700;}

/* ── ENHANCED CONTACT CARD ── */
.cinfo-card{box-shadow:var(--shadow-sm);}
.cinfo-card:hover{box-shadow:var(--shadow-md);}

/* ── CTA STRIP ABOVE FOOTER ── */
#cta-strip{background:linear-gradient(135deg,var(--org) 0%,var(--org-dk) 100%);
  padding:4rem 0;position:relative;overflow:hidden;}
#cta-strip::before{content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,transparent,transparent 60px,
  rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 120px);}
.cta-strip-inner{display:flex;align-items:center;justify-content:space-between;
  gap:2rem;flex-wrap:wrap;position:relative;z-index:1;}
.cta-strip-text h2{font-family:var(--ff-d);font-size:clamp(1.6rem,3vw,2.5rem);
  color:#fff;font-weight:600;line-height:1.2;margin-bottom:.5rem;}
.cta-strip-text p{font-size:.85rem;color:rgba(255,255,255,.7);max-width:440px;}
.cta-strip-acts{display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0;}
.btn-white{background:#fff;color:var(--org);padding:.85rem 2rem;
  font-family:var(--ff-b);font-size:.77rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;display:inline-flex;
  align-items:center;gap:.4rem;transition:all .22s;}
.btn-white:hover{background:var(--org-lt);transform:translateY(-3px);
  box-shadow:0 10px 30px rgba(0,0,0,.2);}
.btn-white-out{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);
  padding:.85rem 2rem;font-family:var(--ff-b);font-size:.77rem;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:.4rem;transition:all .22s;}
.btn-white-out:hover{border-color:#fff;background:rgba(255,255,255,.1);
  transform:translateY(-2px);}

/* ── ENHANCED BUYER STRIP ── */
.buyers-head p{font-weight:400;}
.buyer-link:hover .buyer-logo>*{opacity:.75;}

/* ── MOBILE RESPONSIVE FOR NEW SECTIONS ── */
@media(max-width:1024px){
  .adv-grid{grid-template-columns:1fr 1fr;}
  .adv-card:nth-child(2){border-right:none;}
  .adv-card:nth-child(n+3){border-top:1px solid var(--border);}
  .adv-card:nth-child(4){border-right:none;}
  .promise-grid{grid-template-columns:1fr 1fr;}
  .promise-item:nth-child(2){border-right:none;}
  .promise-item:last-child{border-right:none;border-top:1px solid rgba(255,255,255,.06);
    grid-column:1/-1;}
  .steps-grid::before{display:none;}
  .steps-grid{grid-template-columns:1fr 1fr;}
  .step-card:last-child{grid-column:1/-1;}
  .cta-strip-inner{flex-direction:column;text-align:center;}
  .cta-strip-text p{margin:0 auto;}
  .booking-inner{gap:1.2rem;}
}
@media(max-width:768px){
  .adv-grid,.steps-grid{grid-template-columns:1fr;}
  .promise-grid{grid-template-columns:1fr;}
  .promise-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
  .promise-item:last-child{border-bottom:none;}
  .step-card:last-child{grid-column:auto;}
  .booking-inner{flex-direction:column;gap:.8rem;text-align:center;}
  .booking-divider{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .adv-card,.step-card,.promise-item,.sus-card{transition:none;}
}

/* ═══════════════════════════════════════════════════════════════════
   LUXURY COLLECTION — Premium Dark Design System v2.0
   Gold · Cream · Deep Charcoal
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --gold:#C8A862;--gold-dk:#9A7C3A;--gold-lt:rgba(200,168,98,.08);
  --gold-mid:#D4B878;--gold-border:rgba(200,168,98,.2);
  --lux:#0B0A0F;--lux2:#131121;--lux3:#1C1A2E;
  --cream:#F4EDE2;--cream-dim:rgba(244,237,226,.50);
  --cream-faint:rgba(244,237,226,.15);--cream-ultra:rgba(244,237,226,.05);
}

/* ── TRANSPARENT DARK NAV at hero top ── */
nav.at-top{background:rgba(11,10,15,0)!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;border-bottom-color:rgba(200,168,98,.1)!important;
  box-shadow:none!important;}
nav.at-top .wm1{color:#fff!important;}
nav.at-top .wm2{color:rgba(244,237,226,.3)!important;}
nav.at-top .nav-links a{color:rgba(244,237,226,.62)!important;}
nav.at-top .nav-links a:hover{color:#fff!important;}
nav.at-top .nav-links a::after{background:#fff!important;}
nav.at-top .hamburger span{background:#fff!important;}
nav.at-top .btn-ghost{color:rgba(244,237,226,.4)!important;border-bottom-color:rgba(244,237,226,.18)!important;}

/* ── LUXURY HERO ── */
.lux-hero{min-height:100vh;background:var(--lux);display:flex;align-items:center;
  padding-top:4rem;position:relative;overflow:hidden;}

.lux-grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.032;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;}

.lux-knit{position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:repeating-linear-gradient(60deg,transparent,transparent 40px,rgba(200,168,98,.022) 40px,rgba(200,168,98,.022) 41px),repeating-linear-gradient(-60deg,transparent,transparent 40px,rgba(200,168,98,.018) 40px,rgba(200,168,98,.018) 41px);
  animation:knitDrift 35s linear infinite;}
@keyframes knitDrift{to{background-position:80px 80px,-80px 80px;}}

.lux-glow-org{position:absolute;top:-30%;right:-15%;width:80%;height:180%;
  background:radial-gradient(ellipse at 65% 35%,rgba(232,81,10,.14) 0%,transparent 55%);
  pointer-events:none;z-index:1;animation:glowPulse 9s ease-in-out infinite;}
.lux-glow-gold{position:absolute;bottom:-10%;left:-15%;width:60%;height:80%;
  background:radial-gradient(ellipse at 25% 75%,rgba(200,168,98,.08) 0%,transparent 60%);
  pointer-events:none;z-index:1;}
@keyframes glowPulse{0%,100%{opacity:1;}50%{opacity:.55;}}

.lux-hero-ctr{position:relative;z-index:4;padding:6.5rem 2rem 9rem;}

.lux-eyebrow{display:flex;align-items:center;gap:1.2rem;font-family:var(--ff-b);
  font-size:.61rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);
  margin-bottom:2.8rem;font-weight:400;opacity:0;
  animation:fadUp .8s cubic-bezier(.16,1,.3,1) .3s forwards;}
.lux-ey-line{height:1px;width:50px;background:linear-gradient(90deg,var(--gold),transparent);flex-shrink:0;}
.lux-ey-line.r{background:linear-gradient(-90deg,var(--gold),transparent);}

.lux-headline-wrap{margin-bottom:2.2rem;}
.lux-h-line{overflow:hidden;line-height:1;margin-bottom:.12rem;}
.lux-h-inner{display:block;font-family:var(--ff-d);
  font-size:clamp(3.2rem,7.2vw,7.8rem);color:var(--cream);font-weight:400;
  letter-spacing:-.025em;line-height:1.05;
  transform:translateY(110%);transition:transform 1s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--d,0s);}
.lux-hero-ready .lux-h-inner{transform:translateY(0);}
.lux-h-inner.italic{font-style:italic;color:var(--org);text-shadow:0 4px 40px rgba(232,81,10,.3);}

.lux-cycle-wrap{display:block;position:relative;overflow:hidden;}
.lux-cycle-sizer{display:block;visibility:hidden;pointer-events:none;white-space:nowrap;}
.lux-cycle-word{display:block;position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}
.lux-cycle-word.lux-cw-active{opacity:1;transform:translateY(0);}
.lux-cycle-word.lux-cw-exit{opacity:0;transform:translateY(-18px);}

.lux-ornament{display:flex;align-items:center;gap:1rem;margin:2rem 0 2.2rem;
  opacity:0;animation:fadUp .7s cubic-bezier(.16,1,.3,1) .9s forwards;}
.lux-orn-line{height:1px;width:50px;background:linear-gradient(90deg,var(--gold),transparent);flex-shrink:0;}
.lux-orn-line.r{background:linear-gradient(-90deg,var(--gold),transparent);}
.lux-orn-diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0;}

.lux-sub{font-size:.97rem;color:var(--cream-dim);max-width:570px;line-height:1.95;
  margin-bottom:2.5rem;opacity:0;animation:fadUp .7s cubic-bezier(.16,1,.3,1) 1s forwards;}
.lux-sub strong{color:var(--cream);font-weight:500;}

.lux-ctas{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:3.5rem;
  opacity:0;animation:fadUp .7s cubic-bezier(.16,1,.3,1) 1.1s forwards;}

.lux-btn-primary{display:inline-flex;align-items:center;gap:.55rem;
  padding:1.05rem 2.4rem;background:var(--org);color:#fff;font-family:var(--ff-b);
  font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;transition:all .25s;position:relative;overflow:hidden;cursor:pointer;border:none;}
.lux-btn-primary::before{content:'';position:absolute;inset:0;
  background:linear-gradient(45deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);
  transform:translateX(-150%);transition:transform .55s ease;}
.lux-btn-primary:hover::before{transform:translateX(150%);}
.lux-btn-primary:hover{background:var(--org-dk);transform:translateY(-3px);box-shadow:0 18px 50px rgba(232,81,10,.5);}

.lux-btn-wa{display:inline-flex;align-items:center;gap:.55rem;
  padding:1.05rem 1.9rem;background:rgba(37,211,102,.07);color:#25d366;
  border:1px solid rgba(37,211,102,.28);font-family:var(--ff-b);font-size:.8rem;
  font-weight:500;letter-spacing:.08em;text-decoration:none;transition:all .25s;}
.lux-btn-wa:hover{background:#25d366;color:#fff;border-color:#25d366;transform:translateY(-2px);box-shadow:0 12px 34px rgba(37,211,102,.35);}

.lux-btn-ghost-dk{background:transparent;border:none;color:var(--cream-dim);
  font-family:var(--ff-b);font-size:.74rem;letter-spacing:.08em;cursor:pointer;
  padding-bottom:3px;border-bottom:1px solid rgba(244,237,226,.2);
  transition:color .2s,border-color .2s;white-space:nowrap;}
.lux-btn-ghost-dk:hover{color:var(--gold);border-bottom-color:var(--gold);}

.lux-stats{display:flex;align-items:stretch;padding-top:2.2rem;
  border-top:1px solid rgba(244,237,226,.07);flex-wrap:wrap;
  opacity:0;animation:fadUp .7s cubic-bezier(.16,1,.3,1) 1.2s forwards;}
.lux-stat{padding:0 3rem 0 0;margin-right:3rem;border-right:1px solid rgba(244,237,226,.07);}
.lux-stat:last-child{border-right:none;margin-right:0;padding-right:0;}
.lux-stat-n{font-family:var(--ff-d);font-size:2.8rem;color:var(--org);line-height:1;
  font-weight:700;text-shadow:0 4px 40px rgba(232,81,10,.35);transition:transform .3s;}
.lux-stat:hover .lux-stat-n{transform:translateY(-3px);}
.lux-stat-l{font-size:.6rem;color:rgba(244,237,226,.65);letter-spacing:.16em;
  text-transform:uppercase;margin-top:.3rem;font-family:var(--ff-b);}

.lux-cred-left{position:absolute;left:2rem;bottom:2.5rem;z-index:5;
  display:flex;flex-direction:column;align-items:center;gap:.1rem;
  padding:.85rem 1.3rem;border:1px solid var(--gold-border);
  background:rgba(200,168,98,.06);backdrop-filter:blur(4px);text-align:center;
  opacity:0;animation:fadUp .6s ease 1.4s forwards;}
.lux-cred-left .cred-title{font-family:var(--ff-d);font-size:.75rem;font-weight:700;
  color:var(--gold);letter-spacing:.1em;}
.lux-cred-left .cred-sub{font-size:.57rem;color:var(--cream-dim);letter-spacing:.18em;text-transform:uppercase;}

.lux-cred-right{position:absolute;right:2rem;bottom:2.5rem;z-index:5;
  display:flex;align-items:center;gap:.55rem;font-family:var(--ff-b);
  font-size:.6rem;color:var(--cream-dim);letter-spacing:.16em;text-transform:uppercase;
  opacity:0;animation:fadUp .6s ease 1.5s forwards;}
.lux-slot-dot{width:8px;height:8px;border-radius:50%;background:#4caf85;
  animation:blink 1.5s infinite;flex-shrink:0;box-shadow:0 0 10px rgba(76,175,133,.6);}

.lux-scroll-hint{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:5;
  opacity:0;animation:fadIn 1s ease 2.2s forwards;transition:opacity .4s ease;}
.lux-scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--gold-mid),transparent);
  animation:scrollDrop 2.2s ease infinite 2.8s;}
@keyframes scrollDrop{
  0%{transform:scaleY(0);transform-origin:top;opacity:0;}
  20%{opacity:1;}
  80%{transform:scaleY(1);transform-origin:top;opacity:1;}
  100%{transform:scaleY(1);transform-origin:bottom;opacity:0;}
}
.lux-scroll-hint span{font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(200,168,98,.38);font-family:var(--ff-b);}

@keyframes fadUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@keyframes fadIn{to{opacity:1;}}

/* ── LUXURY DARK TICKER ── */
.lux-ticker{background:linear-gradient(90deg,var(--lux2),#0F0D1A,var(--lux2));
  border-top:1px solid rgba(200,168,98,.08);border-bottom:1px solid rgba(200,168,98,.08);
  padding:.65rem 0;overflow:hidden;}
.lux-ticker-track{display:flex;white-space:nowrap;animation:ticker 34s linear infinite;}
.lux-ticker-track:hover{animation-play-state:paused;}
.lux-tick-item{display:inline-flex;align-items:center;gap:.7rem;padding:0 2rem;
  font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(200,168,98,.38);font-family:var(--ff-b);}
.lux-tick-item::after{content:"\25C6";font-size:.35rem;color:rgba(232,81,10,.35);}
.lux-tick-item.hi{color:rgba(200,168,98,.72);}

/* ── LUXURY TRUST BAR ── */
.lux-trust{padding:1.4rem 0;background:var(--lux2);border-bottom:1px solid rgba(244,237,226,.04);}
.lux-trust-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center;}
.lux-t-pill{display:flex;align-items:center;gap:.5rem;font-size:.7rem;
  color:rgba(244,237,226,.38);letter-spacing:.06em;font-family:var(--ff-b);}
.lux-t-pill::before{content:'';width:4px;height:4px;background:var(--gold);
  transform:rotate(45deg);flex-shrink:0;}
.lux-t-div{width:1px;height:16px;background:rgba(244,237,226,.06);}

/* ── LUXURY RFQ SECTION ── */
.lux-rfq{background:var(--lux);padding:7rem 0;position:relative;overflow:hidden;}
.lux-rfq::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-border),transparent);}
.lux-rfq .lbl{color:var(--gold)!important;}
.lux-rfq .sec-title{color:var(--cream)!important;}
.lux-rfq .sec-title em{color:var(--org)!important;}
.lux-rfq .rfq-headline{color:var(--cream)!important;}
.lux-rfq p{color:var(--cream-dim)!important;}
.lux-rfq p a{color:var(--gold)!important;}
.lux-rfq .rfq-promise-item{color:var(--cream-dim)!important;}
.lux-rfq .rfq-promise-item::before{color:#4caf85!important;}
.lux-rfq .rfq-promise{border-top-color:rgba(244,237,226,.08)!important;}
.lux-rfq-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;margin-top:3.5rem;}

.lux-form-wrap{background:var(--lux2);border:1px solid rgba(244,237,226,.07);padding:2.5rem;}
.lux-form-wrap label{color:rgba(244,237,226,.45);}
.lux-form-wrap input,.lux-form-wrap select,.lux-form-wrap textarea{
  background:rgba(244,237,226,.04);border-color:rgba(244,237,226,.09);color:var(--cream);}
.lux-form-wrap input:focus,.lux-form-wrap select:focus,.lux-form-wrap textarea:focus{
  border-color:var(--org);background:rgba(244,237,226,.07);box-shadow:0 0 0 3px rgba(232,81,10,.12);}
.lux-form-wrap input::placeholder,.lux-form-wrap textarea::placeholder{color:rgba(244,237,226,.2);}
.lux-form-wrap select option{background:#131121;color:var(--cream);}

.lux-cinfo-card{border:1px solid rgba(244,237,226,.07);background:var(--lux2);padding:1.6rem;margin-bottom:1rem;}
.lux-cm{display:flex;gap:1rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid rgba(244,237,226,.06);}
.lux-cm:last-child{border-bottom:none;}
.lux-ci{width:34px;height:34px;background:rgba(200,168,98,.08);border:1px solid var(--gold-border);
  display:flex;align-items:center;justify-content:center;font-size:.62rem;
  color:var(--gold);font-weight:700;flex-shrink:0;}
.lux-cm h4{font-family:var(--ff-d);font-size:.9rem;color:var(--cream);margin-bottom:.1rem;}
.lux-cm p,.lux-cm p a{font-size:.76rem;color:var(--cream-dim);line-height:1.55;}
.lux-cm a{text-decoration:none;transition:color .2s;}
.lux-cm a:hover{color:var(--gold);}
.lux-resp-tag{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;
  border:1px solid rgba(76,175,133,.18);background:rgba(76,175,133,.05);margin-bottom:1rem;}
.lux-resp-tag p{font-size:.76rem;color:var(--cream-dim);line-height:1.55;}
.lux-resp-tag strong{color:#4caf85;}
.lux-pay-box{border:1px solid rgba(244,237,226,.07);border-left:2px solid var(--gold);
  background:var(--lux2);padding:1.1rem 1.3rem;}
.lux-pay-label{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;}
.lux-pay-box p{font-size:.76rem;color:var(--cream-dim);line-height:1.9;}

/* ── STICKY QUOTE BAR ── */
.lux-quote-bar{position:fixed;bottom:-90px;left:0;right:0;z-index:9990;
  background:rgba(11,10,15,.97);border-top:1px solid rgba(200,168,98,.18);
  padding:.8rem 0;transition:bottom .45s cubic-bezier(.16,1,.3,1);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
.lux-quote-bar.visible{bottom:0;}
.lux-qb-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.lux-qb-text{display:flex;align-items:center;gap:.7rem;flex:1;min-width:200px;}
.lux-qb-dot{width:7px;height:7px;border-radius:50%;background:#4caf85;
  animation:blink 1.5s infinite;flex-shrink:0;box-shadow:0 0 8px rgba(76,175,133,.5);}
.lux-qb-msg{font-size:.79rem;color:var(--cream-dim);}
.lux-qb-msg strong{color:var(--cream);}
.lux-qb-acts{display:flex;align-items:center;gap:.65rem;flex-shrink:0;}
.lux-qb-btn-primary{display:inline-flex;align-items:center;gap:.4rem;
  padding:.62rem 1.5rem;background:var(--org);color:#fff;font-family:var(--ff-b);
  font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;transition:all .22s;}
.lux-qb-btn-primary:hover{background:var(--org-dk);transform:translateY(-1px);}
.lux-qb-btn-wa{display:inline-flex;align-items:center;gap:.4rem;padding:.62rem 1.3rem;
  color:#25d366;border:1px solid rgba(37,211,102,.3);background:rgba(37,211,102,.06);
  font-family:var(--ff-b);font-size:.72rem;font-weight:500;letter-spacing:.08em;
  text-decoration:none;transition:all .22s;}
.lux-qb-btn-wa:hover{background:#25d366;color:#fff;border-color:#25d366;}

/* ── LUXURY CTA STRIP ── */
.lux-cta-strip{background:var(--lux);padding:7rem 0;position:relative;overflow:hidden;}
.lux-cta-strip::before{content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(60deg,transparent,transparent 40px,rgba(200,168,98,.018) 40px,rgba(200,168,98,.018) 41px),repeating-linear-gradient(-60deg,transparent,transparent 40px,rgba(200,168,98,.013) 40px,rgba(200,168,98,.013) 41px);}
.lux-cta-strip::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(200,168,98,.18),transparent);pointer-events:none;}
.lux-cta-inner{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;}
.lux-cta-eyebrow{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
  margin-bottom:1.5rem;display:block;font-family:var(--ff-b);}
.lux-cta-title{font-family:var(--ff-d);font-size:clamp(2.4rem,5.5vw,5rem);
  color:var(--cream);line-height:1.08;letter-spacing:-.02em;margin-bottom:1.2rem;}
.lux-cta-title em{font-style:italic;color:var(--org);text-shadow:0 4px 32px rgba(232,81,10,.3);}
.lux-cta-sub{font-size:.95rem;color:var(--cream-dim);line-height:1.9;max-width:520px;margin:0 auto 2.5rem;}
.lux-cta-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;}
.lux-cta-btn-primary{display:inline-flex;align-items:center;gap:.55rem;
  padding:1.15rem 2.8rem;background:var(--org);color:#fff;font-family:var(--ff-b);
  font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;transition:all .25s;position:relative;overflow:hidden;}
.lux-cta-btn-primary::before{content:'';position:absolute;inset:0;
  background:linear-gradient(45deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);
  transform:translateX(-150%);transition:transform .55s ease;}
.lux-cta-btn-primary:hover::before{transform:translateX(150%);}
.lux-cta-btn-primary:hover{background:var(--org-dk);transform:translateY(-4px);box-shadow:0 22px 60px rgba(232,81,10,.52);}
.lux-cta-btn-gold{display:inline-flex;align-items:center;gap:.55rem;
  padding:1.15rem 2.2rem;background:transparent;color:var(--gold);
  border:1px solid var(--gold-border);font-family:var(--ff-b);font-size:.82rem;
  font-weight:500;letter-spacing:.1em;text-decoration:none;transition:all .25s;}
.lux-cta-btn-gold:hover{background:var(--gold-lt);border-color:var(--gold);transform:translateY(-2px);}

/* ── CONTACT PAGE LUXURY ── */
.lux-con-hero{background:var(--lux);padding:9rem 0 5rem;position:relative;overflow:hidden;}
.lux-con-hero::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 70% 30%,rgba(232,81,10,.12) 0%,transparent 55%);
  pointer-events:none;z-index:1;}
.lux-con-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.lux-con-hero-badge{display:inline-flex;align-items:center;gap:.6rem;
  padding:.32rem .85rem;border:1px solid rgba(200,168,98,.25);font-size:.63rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin-bottom:1.5rem;background:rgba(200,168,98,.07);}
.lux-con-hero-badge::before{content:'';width:5px;height:5px;border-radius:50%;
  background:var(--gold);animation:blink 1.8s ease-in-out infinite;}
.lux-con-hero h1{font-family:var(--ff-d);font-size:clamp(2.2rem,4.5vw,3.8rem);
  color:var(--cream);line-height:1.12;margin-bottom:1.2rem;}
.lux-con-hero h1 em{font-style:italic;color:var(--org);}
.lux-con-hero-sub{font-size:.92rem;color:var(--cream-dim);max-width:460px;line-height:1.85;margin-bottom:1.8rem;}
.lux-con-trust-pill{display:flex;align-items:center;gap:.4rem;
  padding:.28rem .7rem;border:1px solid rgba(244,237,226,.08);font-size:.64rem;color:var(--cream-dim);}
.lux-con-trust-pill::before{content:'\2713';color:#4caf85;font-weight:700;}
.lux-con-hero-trust{display:flex;gap:.7rem;flex-wrap:wrap;}
.lux-con-qi-card{display:flex;gap:1rem;align-items:center;padding:1.1rem 1.3rem;
  border:1px solid rgba(244,237,226,.07);background:rgba(244,237,226,.03);
  transition:all .22s;text-decoration:none;}
.lux-con-qi-card:hover{border-color:rgba(200,168,98,.3);background:rgba(200,168,98,.06);}
.lux-con-qi-icon{width:38px;height:38px;background:rgba(200,168,98,.08);
  border:1px solid var(--gold-border);display:flex;align-items:center;
  justify-content:center;flex-shrink:0;font-size:.9rem;color:var(--gold);}
.lux-con-qi-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:.1rem;}
.lux-con-qi-val{font-size:.86rem;color:var(--cream);font-weight:500;}
.lux-con-qi-sub{font-size:.62rem;color:var(--cream-dim);margin-top:.1rem;}
.lux-con-hero-stripe{position:absolute;left:0;bottom:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--org),var(--gold),transparent);}

/* ── RESPONSIVE LUXURY ── */
@media(max-width:768px){
  .lux-h-inner{font-size:clamp(2.6rem,11vw,4.5rem);}
  .lux-hero-ctr{padding:5.5rem 1.5rem 4.5rem;}
  .lux-cred-left,.lux-cred-right,.lux-scroll-hint{display:none;}
  .lux-stats{gap:1rem;}
  .lux-stat{padding:0 1.5rem 0 0;margin-right:1.5rem;}
  .lux-stat-n{font-size:2rem;}
  .lux-qb-inner{justify-content:center;}
  .lux-rfq-grid{grid-template-columns:1fr;}
  .lux-cta-strip{padding:5rem 0;}
  .lux-con-hero-inner{grid-template-columns:1fr;}
  .lux-con-hero{padding:8rem 0 4rem;}
}
@media(max-width:480px){
  .lux-h-inner{font-size:clamp(2.2rem,9.5vw,3.4rem);}
  .lux-eyebrow{font-size:.54rem;letter-spacing:.18em;}
  .lux-btn-primary,.lux-btn-wa{padding:.9rem 1.4rem;font-size:.74rem;}
  .lux-stat{padding:0 1.2rem 0 0;margin-right:1.2rem;}
}
@media(prefers-reduced-motion:reduce){
  .lux-knit,.lux-glow-org,.lux-eyebrow,.lux-ornament,.lux-sub,.lux-ctas,.lux-stats,
  .lux-cred-left,.lux-cred-right,.lux-scroll-hint,.lux-scroll-line,
  .lux-btn-primary::before,.lux-cta-btn-primary::before{animation:none!important;opacity:1!important;}
  .lux-h-inner{transform:none!important;transition:none!important;}
}

/* ═══════════════════════════════════════════════════════════════════
   MONOPOLY BRAND PACK — Category dominance design system
   ═══════════════════════════════════════════════════════════════════ */

/* ── MANIFESTO SECTION ── */
.lux-manifesto{background:var(--lux);padding:8rem 0;position:relative;overflow:hidden;
  border-top:1px solid rgba(200,168,98,.08);}
.lux-manifesto::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(232,81,10,.09) 0%,transparent 60%);
  pointer-events:none;}
.lux-man-inner{position:relative;z-index:1;text-align:center;max-width:1000px;margin:0 auto;}
.lux-man-eyebrow{display:inline-flex;align-items:center;gap:1rem;
  font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;
  color:rgba(200,168,98,.55);margin-bottom:3rem;font-family:var(--ff-b);}
.lux-man-eyebrow::before,.lux-man-eyebrow::after{content:'';height:1px;width:40px;
  background:rgba(200,168,98,.3);}
.lux-man-title{font-family:var(--ff-d);font-size:clamp(3rem,7vw,7.5rem);
  color:var(--cream);line-height:1.02;letter-spacing:-.03em;margin-bottom:2.5rem;
  font-weight:400;}
.lux-man-title em{font-style:italic;color:var(--org);
  text-shadow:0 6px 48px rgba(232,81,10,.35);}
.lux-man-body{font-size:1.05rem;color:var(--cream-dim);line-height:2;
  max-width:680px;margin:0 auto 4rem;font-weight:300;}
.lux-man-pillars{display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(200,168,98,.12);}
.lux-man-pillar{padding:2.5rem 1.5rem;border-right:1px solid rgba(200,168,98,.12);
  text-align:center;transition:background .3s;}
.lux-man-pillar:last-child{border-right:none;}
.lux-man-pillar:hover{background:rgba(200,168,98,.04);}
.lux-man-pn{font-family:var(--ff-d);font-size:clamp(2.2rem,4vw,3.8rem);
  color:var(--org);font-weight:700;line-height:1;
  text-shadow:0 4px 32px rgba(232,81,10,.3);margin-bottom:.5rem;}
.lux-man-pl{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(200,168,98,.45);font-family:var(--ff-b);line-height:1.6;}

/* ── THE STANDARD SECTION ── */
.lux-standard{background:var(--lux2);padding:7rem 0;position:relative;overflow:hidden;
  border-top:1px solid rgba(244,237,226,.04);}
.lux-standard::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,168,98,.2),transparent);}
.lux-std-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.lux-std-eyebrow{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);display:flex;align-items:center;gap:.8rem;margin-bottom:2rem;
  font-family:var(--ff-b);}
.lux-std-eyebrow::before{content:'';height:1px;width:30px;background:var(--gold);flex-shrink:0;}
.lux-std-quote{font-family:var(--ff-d);font-size:clamp(1.8rem,3.5vw,3rem);
  color:var(--cream);line-height:1.15;letter-spacing:-.02em;
  border:none;padding:0;margin:0 0 2rem;font-weight:400;}
.lux-std-quote em{font-style:italic;color:var(--org);}
.lux-std-body{font-size:.92rem;color:var(--cream-dim);line-height:2;margin-bottom:2rem;}
.lux-std-link{display:inline-flex;align-items:center;gap:.5rem;
  font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(200,168,98,.3);
  padding-bottom:3px;transition:all .2s;font-family:var(--ff-b);}
.lux-std-link:hover{color:var(--gold-mid);border-bottom-color:var(--gold);}

.lux-proof-stack{display:flex;flex-direction:column;gap:0;}
.lux-proof-item{padding:2rem 2.2rem;border:1px solid rgba(244,237,226,.07);
  border-bottom:none;background:rgba(244,237,226,.02);
  transition:all .3s;position:relative;overflow:hidden;}
.lux-proof-item:last-child{border-bottom:1px solid rgba(244,237,226,.07);}
.lux-proof-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--org);transform:scaleY(0);transform-origin:bottom;transition:transform .35s;}
.lux-proof-item:hover{background:rgba(244,237,226,.04);}
.lux-proof-item:hover::before{transform:scaleY(1);}
.lux-proof-num{font-family:var(--ff-d);font-size:2.4rem;color:var(--org);
  font-weight:700;line-height:1;margin-bottom:.4rem;
  text-shadow:0 3px 24px rgba(232,81,10,.25);}
.lux-proof-label{font-size:.82rem;color:var(--cream-dim);line-height:1.6;}
.lux-proof-label strong{color:var(--cream);font-weight:500;}

/* ── DOMINANT BUYERS SECTION ── */
.dom-buyers-head{text-align:center;margin-bottom:1.8rem;}
.dom-buyers-head .dom-lbl{font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--ink3);display:block;margin-bottom:.4rem;font-family:var(--ff-b);}
.dom-buyers-head .dom-title{font-family:var(--ff-d);font-size:clamp(1rem,2vw,1.3rem);
  color:var(--ink2);font-weight:400;font-style:italic;}

/* ── COMMANDING SECTION LABELS ── */
.dom-lbl-gold{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);display:flex;align-items:center;gap:.8rem;
  margin-bottom:.8rem;font-family:var(--ff-b);}
.dom-lbl-gold::before{content:'';height:1px;width:28px;background:var(--gold);flex-shrink:0;}

/* ── CAPACITY SCARCITY STRIP (enhance booking banner) ── */
.dom-capacity-note{font-size:.68rem;color:rgba(255,255,255,.35);
  letter-spacing:.08em;text-align:center;margin-top:.5rem;
  font-style:italic;}
.dom-scarcity-pill{display:inline-flex;align-items:center;gap:.45rem;
  padding:.22rem .7rem;background:rgba(232,81,10,.12);
  border:1px solid rgba(232,81,10,.3);font-size:.62rem;
  color:var(--org-mid);letter-spacing:.1em;text-transform:uppercase;
  font-family:var(--ff-b);}
.dom-scarcity-pulse{width:5px;height:5px;border-radius:50%;background:var(--org-mid);
  animation:blink 1.2s infinite;flex-shrink:0;}

/* ── MONOPOLY STAT DISPLAY (hero) ── */
.lux-stat-claim{font-size:.56rem;color:rgba(200,168,98,.35);
  letter-spacing:.06em;margin-top:2px;font-family:var(--ff-b);}

/* ── AUTHORITY PROOF NUMBERS (advantage section) ── */
.adv-claim{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink3);margin-top:.5rem;line-height:1.5;}

/* ── COMMAND CTA STRIP ── */
.dom-cta-kicker{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(200,168,98,.45);display:block;margin-top:1.8rem;font-family:var(--ff-b);}

/* ── FULL-WIDTH STATEMENT BAR ── */
.lux-statement-bar{background:var(--org);padding:1.1rem 0;overflow:hidden;}
.lux-stmt-track{display:flex;white-space:nowrap;
  animation:ticker 22s linear infinite;}
.lux-stmt-item{display:inline-flex;align-items:center;gap:.6rem;
  padding:0 2rem;font-family:var(--ff-d);font-size:.88rem;
  color:#fff;font-weight:400;font-style:italic;letter-spacing:.04em;}
.lux-stmt-item::after{content:'\2022';opacity:.5;margin-left:.6rem;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){.lux-man-pillars{grid-template-columns:repeat(2,1fr);}
  .lux-man-pillar:nth-child(2){border-right:none;}
  .lux-man-pillar:nth-child(n+3){border-top:1px solid rgba(200,168,98,.12);}
  .lux-std-grid{grid-template-columns:1fr;gap:3.5rem;}}
@media(max-width:768px){.lux-manifesto{padding:5rem 0;}
  .lux-man-pillars{grid-template-columns:repeat(2,1fr);}
  .lux-proof-item{padding:1.5rem 1.6rem;}}
@media(max-width:480px){.lux-man-pillars{grid-template-columns:1fr;}
  .lux-man-pillar{border-right:none!important;
    border-bottom:1px solid rgba(200,168,98,.12);}
  .lux-man-pillar:last-child{border-bottom:none;}}

/* ── SPECIFICITY OVERRIDES — Dark sections win over old ID selectors ── */

/* #rfq ID has higher specificity than .lux-rfq — force the dark background */
section#rfq.lux-rfq,#rfq.lux-rfq{
  background:var(--lux)!important;
}
/* All text inside the dark RFQ section must be readable */
#rfq.lux-rfq .sec-title,
#rfq.lux-rfq .rfq-headline{color:var(--cream)!important;}
#rfq.lux-rfq .sec-title em{color:var(--org)!important;}
#rfq.lux-rfq .lbl{color:var(--gold)!important;}
#rfq.lux-rfq p{color:var(--cream-dim)!important;}
#rfq.lux-rfq label{color:rgba(244,237,226,.5)!important;}
#rfq.lux-rfq input,
#rfq.lux-rfq select,
#rfq.lux-rfq textarea{
  background:rgba(244,237,226,.04)!important;
  border-color:rgba(244,237,226,.1)!important;
  color:var(--cream)!important;}
#rfq.lux-rfq input:focus,
#rfq.lux-rfq select:focus,
#rfq.lux-rfq textarea:focus{
  border-color:var(--org)!important;
  background:rgba(244,237,226,.07)!important;
  box-shadow:0 0 0 3px rgba(232,81,10,.12)!important;}
#rfq.lux-rfq input::placeholder,
#rfq.lux-rfq textarea::placeholder{color:rgba(244,237,226,.22)!important;}
#rfq.lux-rfq select option{background:#131121;color:var(--cream);}
#rfq.lux-rfq input[type="file"]{
  background:rgba(244,237,226,.04)!important;
  border-color:rgba(200,168,98,.2)!important;
  color:var(--cream-dim)!important;}
#rfq.lux-rfq .rfq-promise{border-top-color:rgba(244,237,226,.08)!important;}
#rfq.lux-rfq .rfq-promise-item{color:var(--cream-dim)!important;}
#rfq.lux-rfq .rfq-promise-item::before{color:#4caf85!important;}
#rfq.lux-rfq .lux-form-wrap{
  background:var(--lux2)!important;
  border-color:rgba(244,237,226,.07)!important;}

/* ═══════════════════════════════════════════════════════════════════
   UNIFIED COLOUR SYSTEM — Warm Earth Palette
   Deep Dark · Warm Dark · Orange · Gold · Parchment · Tan
   All tones derived from the orange logo's warm earth DNA
   ═══════════════════════════════════════════════════════════════════ */

/* Override bg vars with intentional warm tones (later :root wins cascade) */
:root {
  --bg:    #FAF8F4;   /* warm barely-white — replaces clinical pure white  */
  --bg2:   #F4EDE3;   /* warm parchment    — replaces cool near-white      */
  --bg3:   #EAE0D3;   /* warm tan          — replaces grey-cream           */
  --org-lt:#FFF2EC;   /* warm orange tint  — hover states                  */
  --border:rgba(24,18,10,.08); /* slightly softer border on warm backgrounds */
  /* Warm dark section colour — between parchment and deep charcoal */
  --warm-dark:#1E1A14;
  --warm-dark2:#261F17;
}

/* ── CAPABILITIES → WARM DARK ──────────────────────────── */
#capabilities{background:var(--warm-dark);}
#capabilities .cap-grid{border-color:rgba(200,168,98,.12);}
#capabilities .cap-card{background:var(--warm-dark2);
  border-right-color:rgba(200,168,98,.1);}
#capabilities .cap-card:nth-child(n+3){border-top-color:rgba(200,168,98,.1);}
#capabilities .cap-card:hover{background:rgba(232,81,10,.09);
  box-shadow:0 12px 44px rgba(232,81,10,.14);}
#capabilities .cap-n{color:rgba(232,81,10,.14);}
#capabilities .cap-card:hover .cap-n{color:rgba(232,81,10,.22);}
#capabilities .cap-card h3{color:var(--cream);}
#capabilities .cap-card p{color:var(--cream-dim);}
#capabilities .cap-tag{color:var(--gold);}
#capabilities .lbl{color:var(--gold);}
#capabilities .sec-title{color:var(--cream);}
#capabilities .sec-title em{color:var(--org);}

/* ── TESTIMONIALS → DEEP DARK ──────────────────────────── */
#testimonials{background:var(--lux2);}
#testimonials .test-card{
  background:rgba(244,237,226,.03);
  border-color:rgba(244,237,226,.08);}
#testimonials .test-card:hover{
  background:rgba(244,237,226,.055);
  border-color:rgba(200,168,98,.22);
  box-shadow:0 16px 52px rgba(0,0,0,.28);}
#testimonials .test-card.t-active{
  border-color:rgba(200,168,98,.28);
  box-shadow:0 12px 44px rgba(0,0,0,.3);}
#testimonials .test-quote{color:var(--org);opacity:1;}
#testimonials .test-text{color:var(--cream-dim);}
#testimonials .test-name{color:var(--cream);}
#testimonials .test-co{color:rgba(244,237,226,.3);}
#testimonials .stars{color:var(--gold);letter-spacing:2px;}
#testimonials .test-avatar{background:var(--org);color:#fff;}
#testimonials .sec-title{color:var(--cream);}
#testimonials .sec-title em{color:var(--org);}
#testimonials .lbl{color:var(--gold);}
#testimonials .t-dot{background:rgba(244,237,226,.18);}
#testimonials .t-dot.active{background:var(--org);}
#testimonials .t-dot:hover:not(.active){background:var(--org);opacity:.55;}
#testimonials .test-nav-row{margin-top:2.5rem;}

/* ── ADVANTAGE section on warm parchment — card contrast ── */
#advantage{background:var(--bg2);}
.adv-grid{background:transparent;}
.adv-card{background:var(--bg);}
.adv-card:hover{background:var(--org-lt);}
.adv-claim{color:rgba(116,98,78,.65);font-style:italic;}

/* ── PRODUCTS on warm parchment ── */
#products{background:var(--bg2);}
.prod-card{background:var(--bg);}
.prod-card:hover{background:var(--org-lt);}

/* ── PROCESS on warm barely-white ── */
#process{background:var(--bg);}

/* ── MARKETS on warm barely-white ── */
#markets{background:var(--bg);}
.map-box{background:#EDE5D8;border-color:rgba(24,18,10,.08);}

/* ── YARNS on warm parchment ── */
#yarns{background:var(--bg2);}
.yarn-detail{background:var(--bg);}
.yarn-item{background:var(--bg);}
.yarn-prop{background:var(--bg2);}

/* ── FAQ on warm parchment ── */
#faq{background:var(--bg2);}
.faq-item{background:var(--bg);}
.faq-item.open{background:var(--bg);border-color:var(--org);}

/* ── TOUR on warm tan ── */
#tour{background:var(--bg3);}

/* ── 3 STEPS on warm tan ── */
#steps{background:var(--bg3);}
.step-card{background:var(--bg);}

/* ── ABOUT on warm parchment ── */
#about{background:var(--bg2);}
.about-img{background:var(--bg3);}
.val-card{background:var(--bg);}

/* ── BUYERS on warm barely-white ── */
#buyers{background:var(--bg);}
.buyers-track-wrap::before{background:linear-gradient(90deg,var(--bg),transparent);}
.buyers-track-wrap::after{background:linear-gradient(-90deg,var(--bg),transparent);}
.buyer-item:hover{background:var(--org-lt);}

/* ── YARN EXPLORER bar and track colors on parchment ── */
.yarn-bar-track{background:var(--bg3);}

/* ── SUBTLE WARM SHADOW tweaks ── */
.cap-card{box-shadow:none;}
.adv-card:hover{box-shadow:0 20px 60px rgba(232,81,10,.12);}
.step-card:hover{box-shadow:0 20px 60px rgba(232,81,10,.11);}
.val-card:hover{box-shadow:0 8px 30px rgba(232,81,10,.12);}
.faq-item{box-shadow:none;}

/* ── CAPABILITIES responsive border fixes ── */
@media(max-width:1024px){
  #capabilities .cap-card:nth-child(2){border-right-color:transparent;}
  #capabilities .cap-card:nth-child(n+3){border-top-color:rgba(200,168,98,.1);}
  #capabilities .cap-card:nth-child(4){border-right-color:transparent;}
}
@media(max-width:480px){
  #capabilities .cap-card{border-right:none!important;}
}

/* ── NAV bg warm on light sections ── */
nav.scrolled{background:rgba(250,248,244,.92)!important;}

/* ── PREMIUM GLOBAL ENHANCEMENTS ── */

/* Scroll progress glow in gold/orange */
#sprog{background:linear-gradient(90deg,var(--org),var(--gold));
  box-shadow:0 0 10px rgba(200,168,98,.4);}

/* Enhanced testimonial cards */
.test-card{background:var(--bg);border-color:var(--border);}
.test-card:hover{border-color:rgba(200,168,98,.25);
  box-shadow:0 16px 52px rgba(24,18,10,.1);}
#testimonials .test-kpi-row{border-color:rgba(244,237,226,.1);}
#testimonials .test-kpi-l{color:rgba(244,237,226,.4);}

/* Gold accent on active mkt tab */
.mkt-tab.active{border-left:2px solid var(--org);}

/* Premium FAQ hover */
.faq-q{transition:color .2s,background .2s;}
.faq-item.open .faq-q{background:rgba(232,81,10,.03);}

/* Refined process step on dark */
.proc-step:hover .proc-num{box-shadow:0 0 0 10px rgba(232,81,10,.09);}

/* Gold border on hovered advantage card */
.adv-card:hover{border-left:2px solid var(--gold);}

/* Enhanced booking banner — gold border accent */
#booking-banner{border-top-color:rgba(200,168,98,.15)!important;
  border-bottom-color:rgba(200,168,98,.15)!important;}
.booking-act{position:relative;overflow:hidden;}
.booking-act::before{content:'';position:absolute;inset:0;
  background:linear-gradient(45deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);
  transform:translateX(-150%);transition:transform .5s ease;}
.booking-act:hover::before{transform:translateX(150%);}

/* Premium map label on contact.html dark sections */
.lux-rfq iframe{opacity:.9;transition:opacity .3s;}
.lux-rfq iframe:hover{opacity:1;}

/* Gold ring on WhatsApp float hover */
.wa-btn:hover{box-shadow:0 6px 30px rgba(37,211,102,.55),0 0 0 6px rgba(37,211,102,.12);}

/* Trust pill with gold diamond on dark sections */
.lux-t-pill:hover{color:var(--gold-mid);}

/* Certificate section gold tint on hover */
.cert-card:hover .cert-badge{filter:brightness(1.15);}

/* Premium product card with subtle gold accent on hover */
.prod-card:hover{border-color:rgba(232,81,10,.25);}

/* Nav logo text gets gold on at-top state */
nav.at-top .wm1{text-shadow:0 0 20px rgba(200,168,98,.3)!important;}

/* Enhanced scroll progress */
#sprog{height:2px;}

/* Full-bleed luxury section dividers */
.lux-cta-strip{border-top:1px solid rgba(200,168,98,.08);}

/* ── WHY ATASHI COMPETITIVE TABLE ── */
.why-atashi-sec{padding:6rem 0;background:var(--bg2);}
.why-atashi-head{text-align:center;max-width:620px;margin:0 auto 3.5rem;}
.why-atashi-sub{font-size:.9rem;color:var(--ink3);margin-top:.9rem;line-height:1.85;}
.comp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.comp-table{width:100%;border-collapse:collapse;font-size:.82rem;}
.comp-table thead tr{background:var(--ink);color:#fff;}
.comp-table th{padding:.85rem 1rem;text-align:left;font-family:var(--ff-b);font-weight:500;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;}
.comp-table th.col-atashi{background:var(--org);color:#fff;min-width:200px;}
.comp-table th.col-atashi span{display:flex;align-items:center;gap:.4rem;}
.comp-table td{padding:.78rem 1rem;border-bottom:1px solid var(--border);color:var(--ink3);vertical-align:top;line-height:1.55;}
.comp-table td:first-child{color:var(--ink2);font-weight:400;}
.comp-table td.col-atashi{background:rgba(232,81,10,.04);color:var(--ink);font-weight:500;border-left:2px solid var(--org);border-right:2px solid rgba(232,81,10,.15);}
.comp-table td.win{color:var(--ink);}
.comp-table td.col-atashi.win{color:var(--org-dk);}
.comp-table tbody tr:hover td{background:rgba(24,18,10,.02);}
.comp-table tbody tr:hover td.col-atashi{background:rgba(232,81,10,.08);}
.comp-table tbody tr:last-child td{border-bottom:none;}
@media(max-width:768px){
  .comp-table th,.comp-table td{padding:.65rem .7rem;font-size:.75rem;}
}
