:root{
      --bg:#050505;
      --panel:rgba(12,12,12,.64);
      --panel-strong:rgba(10,10,10,.82);
      --line:rgba(214,177,106,.22);
      --gold:#c89a47;
      --gold-soft:#d7ae65;
      --gold-bright:#efd08e;
      --text:#f3eee4;
      --muted:rgba(243,238,228,.78);
      --nav-h:86px;
      --hero-h:min(740px, 78svh);
      --radius:28px;
      --shadow:0 22px 55px rgba(0,0,0,.34);
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:#050505;
      overflow-x:hidden;
    }
    .page{min-height:100svh;background:linear-gradient(180deg,#060606,#030303)}
    .hero{
      position:relative;min-height:var(--hero-h);overflow:hidden;isolation:isolate;background:#060606;
      border-bottom-left-radius:24px;border-bottom-right-radius:24px;
    }
    .bg-layer,.bg-fade,.bg-grid,.bg-glow,.right-orbits,.right-orbits::before,.right-orbits::after{position:absolute;inset:0}
    .bg-layer{
      background-position:right center;background-size:cover;opacity:0;transition:opacity .9s ease, transform 1.3s ease;
      transform:scale(1.02);will-change:opacity, transform;
    }
    .bg-layer.active{opacity:1;transform:scale(1.055)}
    .bg-fade{
      z-index:1;
      background:
        linear-gradient(90deg, rgba(0,0,0,.995) 0%, rgba(0,0,0,.985) 14%, rgba(0,0,0,.94) 26%, rgba(0,0,0,.79) 39%, rgba(0,0,0,.48) 57%, rgba(0,0,0,.20) 74%, rgba(0,0,0,.16) 100%),
        linear-gradient(180deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.12) 16%, rgba(0,0,0,.14) 76%, rgba(0,0,0,.56) 100%);
    }
    .bg-grid{
      z-index:2;background-image:linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
      background-size:58px 58px;mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.18));opacity:.28;pointer-events:none;
    }
    .bg-glow{
      z-index:2;background:radial-gradient(circle at 74% 43%, rgba(214,177,106,.21), transparent 20%),radial-gradient(circle at 58% 82%, rgba(214,177,106,.10), transparent 24%);
      filter:blur(10px);opacity:.78;animation:pulse 7s ease-in-out infinite;
    }
    @keyframes pulse{0%,100%{opacity:.55}50%{opacity:.95}}

    .topbar{
      position:fixed;inset:0 0 auto 0;z-index:60;transition:background .35s ease, height .35s ease, border-color .35s ease;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:20px;
      padding:14px 28px;border-bottom:1px solid rgba(214,177,106,.12);
      background:linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.05));backdrop-filter:blur(10px);
    }
    .brand{display:flex;align-items:center;gap:14px;min-width:260px}
    .brand-mark{
      width:54px;height:54px;border-radius:16px;flex:0 0 auto;position:relative;border:1px solid rgba(214,177,106,.42);
      background:linear-gradient(160deg, rgba(214,177,106,.16), rgba(214,177,106,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.22);
    }
    .brand-mark::before,.brand-mark::after{content:"";position:absolute;border:2px solid var(--gold-soft);border-radius:11px;inset:12px;transform:rotate(45deg) scale(.92);opacity:.92}
    .brand-mark::after{inset:18px;transform:rotate(45deg) scale(.7);opacity:.76}
    .brand-title{font-weight:800;line-height:1;font-size:2rem;letter-spacing:.07em}
    .brand-sub{display:block;margin-top:6px;color:var(--gold-soft);font-size:.74rem;letter-spacing:.28em;text-transform:uppercase}

    .nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}
    .nav a,.lang a{color:rgba(243,238,228,.94);text-decoration:none;font-size:1rem;position:relative}
    .nav a.active::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 16px rgba(214,177,106,.35)}
    .actions{display:flex;align-items:center;gap:18px}
    .lang{display:flex;align-items:center;gap:12px;color:rgba(243,238,228,.84)}
    .divider{width:1px;height:18px;background:rgba(255,255,255,.18)}

    .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden;text-decoration:none;font-weight:700;letter-spacing:.02em;transition:transform .25s ease, box-shadow .25s ease;isolation:isolate}
    .btn:hover{transform:translateY(-2px)}
    .btn svg{width:18px;height:18px}

    .btn-nav{
      min-height:58px;padding:0 28px;color:var(--gold-bright);border:1px solid rgba(214,177,106,.58);background:rgba(8,8,8,.32);
      clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
      box-shadow:0 12px 26px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.03);backdrop-filter:blur(10px);
    }
    .btn-nav::before{
      content:"";position:absolute;inset:1px;clip-path:inherit;z-index:-2;
      background:linear-gradient(90deg, rgba(214,177,106,.14), rgba(214,177,106,.03));opacity:.9;
    }
    .btn-nav::after{
      content:"";position:absolute;inset:1px;clip-path:inherit;z-index:-1;opacity:0;
      background:
        radial-gradient(circle at var(--gx,50%) var(--gy,50%), rgba(239,208,142,.46), rgba(214,177,106,.30) 24%, rgba(214,177,106,.14) 46%, transparent 72%),
        linear-gradient(135deg, rgba(214,177,106,.28), rgba(214,177,106,.10) 60%, rgba(255,255,255,.02));
      transition:opacity .28s ease, transform .32s ease;
      transform:scale(.98);
    }
    .btn-nav:hover::after{opacity:1;transform:scale(1)}

    .btn-primary,.btn-secondary{min-height:58px;padding:0 28px;clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);border:1px solid rgba(214,177,106,.42);font-size:1rem}
    .btn-primary{background:linear-gradient(180deg,#ebcc86 0%, #d6ac5b 58%, #c18f36 100%);color:#140e04;box-shadow:0 14px 34px rgba(212,173,86,.2)}
    .btn-secondary{background:rgba(8,8,8,.30);color:var(--text);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
    .btn-secondary:hover{background:rgba(18,18,18,.54)}

    .hero-inner{
      position:relative;z-index:5;min-height:var(--hero-h);display:grid;grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr);align-items:center;gap:24px;
      padding:calc(var(--nav-h) + 30px) 34px 126px;
    }
    .copy{max-width:690px;transform:translate3d(calc(var(--mx, 0) * -5px), calc(var(--my, 0) * -4px), 0);transition:transform .18s linear}
    .eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:20px;color:var(--gold-soft);font-size:.88rem;letter-spacing:.24em;text-transform:uppercase}
    .eyebrow::after{content:"";width:132px;height:1px;background:linear-gradient(90deg, rgba(214,177,106,.95), rgba(214,177,106,0));box-shadow:0 0 12px rgba(214,177,106,.38)}
    .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 18px rgba(214,177,106,.65);order:2;margin-left:-5px}
    h1{
      margin:0;max-width:10.2ch;font-family:Georgia, "Times New Roman", serif;
      font-size:clamp(3.55rem, 4.3vw, 5.05rem);line-height:.93;font-weight:500;letter-spacing:-.05em;text-wrap:balance;
      text-shadow:0 2px 18px rgba(0,0,0,.28);
    }
    h1 .gold{color:var(--gold-soft)}
    .lede{max-width:29rem;margin:22px 0 0;color:var(--muted);font-size:clamp(.98rem,1.05vw,1.12rem);line-height:1.7}
    .cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}

    .visual-zone{position:relative;min-height:440px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
    .right-orbits{z-index:1;pointer-events:none;inset:12% 0 18% 44%}
    .right-orbits::before,.right-orbits::after{content:"";border-radius:50%;border:1px solid rgba(214,177,106,.17);width:360px;height:360px;left:40%;top:10%;transform:translateX(-50%);box-shadow:0 0 45px rgba(214,177,106,.08), inset 0 0 25px rgba(214,177,106,.03)}
    .right-orbits::after{width:460px;height:460px;left:43%;top:4%;border-color:rgba(214,177,106,.10)}
    .service-stack{position:relative;z-index:3;width:min(372px, 100%);display:grid;gap:12px;pointer-events:auto;transform:translate3d(calc(var(--mx,0) * 9px), calc(var(--my,0) * 7px), 0);transition:transform .16s linear}

    .service-card{
      position:relative;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;text-align:left;width:100%;padding:11px 16px 11px 12px;border:none;cursor:pointer;color:var(--text);background:transparent;opacity:.92;
      clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease;
    }
    .service-card::before,.service-card::after{content:"";position:absolute;inset:0;clip-path:inherit}
    .service-card::before{
      background:linear-gradient(180deg, rgba(14,14,14,.56), rgba(10,10,10,.84));
      border:1px solid rgba(214,177,106,.24);
      box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
    }
    .service-card::after{
      inset:1px;background:linear-gradient(90deg, rgba(214,177,106,.08), rgba(214,177,106,.015) 34%, rgba(255,255,255,.01));opacity:.95
    }
    .service-card > *{position:relative;z-index:1}
    .service-card:hover,.service-card.active{transform:translateX(-10px);opacity:1}
    .service-card.active::before{border-color:rgba(214,177,106,.44);box-shadow:0 18px 34px rgba(0,0,0,.28), 0 0 0 1px rgba(214,177,106,.16), inset 0 1px 0 rgba(255,255,255,.05)}
    .service-card.active::after{background:linear-gradient(90deg, rgba(214,177,106,.14), rgba(214,177,106,.03) 40%, rgba(255,255,255,.018))}
    .thumb{width:72px;aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;border:1px solid rgba(214,177,106,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
    .thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03)}
    .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18))}
    .card-copy strong{display:block;font-size:1.18rem;font-family:Georgia, serif;font-weight:600;margin-bottom:5px;color:var(--gold-soft);transition:color .3s ease}
    .service-card.active .card-copy strong,.service-card:hover .card-copy strong{color:var(--gold-bright)}
    .card-copy span{display:block;color:rgba(243,238,228,.68);font-size:.9rem;line-height:1.35}

    .trustbar{
      position:absolute;left:34px;right:34px;bottom:24px;z-index:6;display:grid;grid-template-columns:repeat(3, minmax(0,1fr));overflow:hidden;
      clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
      border:1px solid rgba(214,177,106,.16);background:linear-gradient(180deg, rgba(8,8,8,.48), rgba(10,10,10,.8));backdrop-filter:blur(16px);box-shadow:var(--shadow)
    }
    .trust{display:flex;align-items:center;gap:14px;padding:15px 20px;min-height:84px;border-right:1px solid rgba(214,177,106,.13)}
    .trust:last-child{border-right:none}
    .icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--gold-soft);border:1px solid rgba(214,177,106,.34);background:radial-gradient(circle at 50% 12%, rgba(255,255,255,.08), transparent 58%), rgba(255,255,255,.02);flex:0 0 auto}
    .icon svg{width:22px;height:22px}
    .trust strong{display:block;font-size:1.08rem;margin-bottom:4px}
    .trust span{display:block;color:rgba(243,238,228,.72);font-size:.92rem;line-height:1.34}

    .page-counter{position:absolute;right:36px;bottom:118px;z-index:6;display:flex;align-items:center;gap:8px;color:rgba(243,238,228,.72);letter-spacing:.12em;text-transform:uppercase}
    .page-counter .now{font-size:1.55rem;font-family:Georgia, serif;color:var(--gold-soft)}
    .scroll-cue{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);width:22px;height:38px;border-radius:999px;border:1px solid rgba(214,177,106,.42);z-index:6;box-shadow:0 0 18px rgba(214,177,106,.12)}
    .scroll-cue::before{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;border-radius:999px;background:var(--gold-soft);transform:translateX(-50%);animation:scrollDot 1.8s ease-in-out infinite}
    @keyframes scrollDot{0%{transform:translate(-50%,0);opacity:0}25%{opacity:1}75%{transform:translate(-50%,12px);opacity:1}100%{transform:translate(-50%,14px);opacity:0}}

    .reveal > *{opacity:0;transform:translateY(18px);animation:rise .8s cubic-bezier(.2,.65,.2,1) forwards}
    .reveal > *:nth-child(2){animation-delay:.08s}.reveal > *:nth-child(3){animation-delay:.16s}.reveal > *:nth-child(4){animation-delay:.24s}.reveal > *:nth-child(5){animation-delay:.32s}
    @keyframes rise{to{opacity:1;transform:translateY(0)}}

    @media (max-width: 1280px){
      :root{--hero-h:min(720px, 80svh)}
      .topbar{padding-inline:22px}
      .hero-inner{grid-template-columns:1fr;gap:18px;padding:calc(var(--nav-h) + 18px) 22px 152px}
      .copy{max-width:760px}.visual-zone{min-height:190px;justify-content:flex-end}.service-stack{max-width:372px}.trustbar{left:22px;right:22px}.page-counter{right:24px}
    }
    @media (max-width: 980px){
      :root{--hero-h:auto}
      .topbar{height:auto;flex-wrap:wrap;row-gap:12px;justify-content:center}.brand{width:100%;justify-content:center}.nav{order:3;width:100%;flex-wrap:wrap;gap:16px 22px}.actions{width:100%;justify-content:center}.hero-inner{padding-top:156px}.visual-zone{min-height:0;display:block}.service-stack{width:100%;max-width:540px;margin-left:auto}.right-orbits{display:none}
    }
    @media (max-width: 720px){
      .topbar{padding:14px 12px}.brand-title{font-size:1.54rem}.brand-sub{font-size:.64rem;letter-spacing:.16em}.nav a,.lang a,.lang{font-size:.84rem}.btn-nav,.btn-primary,.btn-secondary{min-height:52px;padding:0 20px;font-size:.94rem}.hero-inner{padding:152px 14px 200px;gap:16px}.eyebrow{font-size:.74rem;gap:10px;margin-bottom:14px}.eyebrow::after{width:54px}.eyebrow::before{display:none}.copy{max-width:none}h1{font-size:clamp(3rem, 11.2vw, 4rem)}.lede{font-size:.98rem;line-height:1.62}.cta-row{gap:12px}.service-card{grid-template-columns:62px 1fr;padding:11px 13px}.thumb{width:62px}.card-copy strong{font-size:1.02rem}.card-copy span{font-size:.83rem}.trustbar{grid-template-columns:1fr;border-radius:18px;left:14px;right:14px;bottom:18px;clip-path:none}.trust{min-height:auto;padding:14px 16px;border-right:none;border-bottom:1px solid rgba(214,177,106,.12)}.trust:last-child{border-bottom:none}.icon{width:44px;height:44px}.page-counter{position:static;justify-content:flex-end;margin:12px 14px 0 0}.scroll-cue{display:none}
    }
  

    /* Core services — section 2 */
    .core-services{
      position:relative;overflow:hidden;padding:64px 34px 68px;color:#171411;
      background:radial-gradient(circle at 14% 8%,rgba(207,164,80,.10),transparent 24%),radial-gradient(circle at 90% 92%,rgba(207,164,80,.08),transparent 24%),linear-gradient(180deg,#f8f3e9 0%,#f3ecdf 100%);
      border-top:1px solid rgba(198,151,66,.22);
    }
    .core-services::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(115deg,transparent 0 49%,rgba(146,110,57,.06) 49.5% 50%,transparent 50.5%),radial-gradient(circle at 20% 30%,rgba(83,62,35,.08) 0 1px,transparent 1.4px);background-size:420px 420px,34px 34px;mix-blend-mode:multiply}
    .core-inner{position:relative;z-index:1;max-width:1460px;margin:0 auto}
    .core-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:end;margin-bottom:42px}
    .core-kicker{display:flex;align-items:center;gap:15px;color:#9b6f2e;font-size:.88rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;margin-bottom:18px}
    .core-kicker .mini-mark{width:42px;height:42px;border:1px solid rgba(155,111,46,.42);border-radius:14px;display:grid;place-items:center;color:#a87934;background:rgba(255,255,255,.38)}
    .core-kicker .mini-mark svg{width:20px;height:20px}
    .core-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,4.3vw,5rem);line-height:.98;font-weight:500;letter-spacing:-.045em;max-width:13ch}
    .core-title em{font-style:normal;color:#b7873e}
    .core-intro{position:relative;margin:0 0 7px;padding:15px 0 15px 38px;font-size:1.08rem;line-height:1.65;color:#3e3831;max-width:510px}
    .core-intro::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(183,135,62,0),rgba(183,135,62,.95),rgba(183,135,62,0));box-shadow:0 0 15px rgba(183,135,62,.24)}
    .core-intro::after{content:"";position:absolute;left:-4px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:#d5ae68;box-shadow:0 0 18px rgba(183,135,62,.55)}
    .core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .core-card{position:relative;min-width:0;overflow:hidden;border-radius:22px;background:#11100e;border:1px solid rgba(177,130,55,.55);box-shadow:0 21px 45px rgba(74,51,22,.14),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .35s ease,box-shadow .35s ease;opacity:0;transform:translateY(36px)}
    .core-card.is-visible{animation:coreRise .76s cubic-bezier(.2,.72,.2,1) forwards}
    .core-card:nth-child(2).is-visible{animation-delay:.1s}.core-card:nth-child(3).is-visible{animation-delay:.2s}
    @keyframes coreRise{to{opacity:1;transform:translateY(0)}}
    .core-card:hover{transform:translateY(-7px);box-shadow:0 28px 58px rgba(74,51,22,.21),0 0 0 1px rgba(191,145,66,.15)}
    .compare{position:relative;height:250px;overflow:hidden;cursor:ew-resize;background:#24211d;touch-action:none}
    .compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none;transition:transform .7s ease}
    .core-card:hover .compare img{transform:scale(1.035)}
    .compare-static{cursor:default}
    .compare-static .comparison-img{z-index:1;object-position:center center}
    .compare-static::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 52%,rgba(0,0,0,.16));box-shadow:inset 0 0 0 1px rgba(226,190,116,.12)}
    .compare-static .compare-label,.compare-static .card-no{z-index:7}
    .compare .before-img{z-index:1}
    .compare .after-wrap{position:absolute;inset:0;z-index:2;width:52%;overflow:hidden;border-right:1px solid rgba(239,208,142,.95)}
    .compare .after-wrap img{width:var(--compare-width,100%);height:100%;object-fit:cover;object-position:left center;max-width:none}
    .compare-line{position:absolute;left:52%;top:0;bottom:0;z-index:4;width:1px;background:linear-gradient(180deg,transparent 0%,#e6c67c 12%,#f5dda1 50%,#e6c67c 88%,transparent 100%);box-shadow:0 0 18px rgba(219,177,92,.7);transform:translateX(-.5px)}
    .compare-handle{position:absolute;left:52%;top:50%;z-index:5;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:linear-gradient(180deg,#e7c779,#bd8433);color:#151009;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 26px rgba(0,0,0,.28)}
    .compare-handle svg{width:20px;height:20px}
    .compare-label{position:absolute;top:16px;z-index:6;padding:7px 10px;border-radius:999px;background:rgba(10,10,10,.72);backdrop-filter:blur(8px);color:#f4ecd9;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(215,177,106,.22)}
    .compare-label.before{right:15px}.compare-label.after{left:82px;color:#21170a;background:rgba(230,194,116,.92)}
    .card-no{position:absolute;top:14px;left:14px;z-index:7;width:55px;height:55px;border-radius:17px;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.55rem;color:#e0bd73;background:linear-gradient(180deg,rgba(13,13,12,.88),rgba(13,13,12,.72));border:1px solid rgba(204,158,74,.45);box-shadow:0 12px 28px rgba(0,0,0,.24)}
    .core-card-body{position:relative;padding:24px 24px 22px;color:#f2ecdf;background:linear-gradient(180deg,#171613 0%,#10100e 100%);min-height:372px;display:flex;flex-direction:column}
    .core-card-body::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(218,177,94,.68),transparent)}
    .core-card-title-row{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;margin-bottom:18px}
    .core-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#ddb96b;border:1px solid rgba(205,158,77,.52);background:linear-gradient(160deg,rgba(202,151,70,.11),rgba(255,255,255,.01))}
    .core-icon svg{width:25px;height:25px}
    .core-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.62rem;line-height:1.04;font-weight:600}
    .core-card h3 span{color:#d4aa5f}
    .service-facts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
    .service-facts li{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;color:rgba(242,236,223,.77);font-size:.91rem;line-height:1.43}
    .fact-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(205,158,77,.44);color:#d8ae61;margin-top:1px}
    .fact-icon svg{width:13px;height:13px}
    .service-facts strong{color:#d8ae61;font-weight:750;margin-right:6px}
    .explore-link{margin-top:auto;padding-top:17px;border-top:1px solid rgba(217,178,96,.18);display:flex;align-items:center;justify-content:space-between;color:#d9af62;text-decoration:none;font-weight:750;font-size:.98rem;transition:color .25s ease,padding-left .25s ease}
    .explore-link:hover{color:#f1d595;padding-left:5px}
    .explore-link svg{width:21px;height:21px;transition:transform .25s ease}.explore-link:hover svg{transform:translateX(5px)}
    .card-glow{position:absolute;left:15%;right:15%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#e1bd70,transparent);box-shadow:0 -2px 16px rgba(216,172,84,.55);opacity:.8}
    @media(max-width:1120px){.core-services{padding-inline:22px}.core-head{grid-template-columns:1fr;gap:20px}.core-title{max-width:16ch}.core-intro{max-width:700px}.core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.core-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);margin-inline:auto;width:100%}}
    @media(max-width:760px){.core-services{padding:50px 14px 56px}.core-title{font-size:clamp(2.6rem,11vw,3.7rem)}.core-intro{padding-left:24px;font-size:1rem}.core-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 4px 14px;scrollbar-width:none}.core-grid::-webkit-scrollbar{display:none}.core-card{flex:0 0 88%;scroll-snap-align:center}.core-card:last-child{max-width:none;margin:0}.compare{height:228px}.core-card-body{min-height:385px;padding:21px 20px}.core-card h3{font-size:1.45rem}}

    /* Technology standards — compact section 3 */
    .tech-standards{
      position:relative;
      overflow:hidden;
      padding:66px 34px 72px;
      color:#f4ede0;
      background:
        radial-gradient(circle at 14% 0%,rgba(205,158,73,.09),transparent 25%),
        linear-gradient(180deg,#0c0b09 0%,#070706 100%);
      border-top:1px solid rgba(208,163,79,.24);
      isolation:isolate;
    }
    .tech-standards::before{
      content:"";position:absolute;inset:0;z-index:-1;opacity:.22;
      background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:54px 54px;
      mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.28));
    }
    .tech-standards::after{
      content:"";position:absolute;left:0;right:0;top:0;height:1px;
      background:linear-gradient(90deg,transparent 7%,rgba(224,185,105,.68) 50%,transparent 93%);
      box-shadow:0 0 16px rgba(218,172,84,.20);
    }
    .tech-shell{position:relative;z-index:1;max-width:1460px;margin:0 auto}
    .tech-head{
      display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:54px;align-items:end;margin-bottom:28px;
    }
    .tech-kicker{
      display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#d0a65c;font-size:.76rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
    }
    .tech-kicker::before{content:"";width:28px;height:1px;background:#d0a65c;box-shadow:0 0 10px rgba(218,172,84,.26)}
    .tech-kicker::after{content:"";width:72px;height:1px;background:linear-gradient(90deg,rgba(213,168,83,.75),transparent)}
    .tech-title{
      margin:0;max-width:18ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.45rem,3.2vw,3.75rem);line-height:1.01;font-weight:500;letter-spacing:-.04em;
    }
    .tech-title em{font-style:normal;color:#d4ad67}
    .tech-intro{
      position:relative;margin:0 0 3px;max-width:620px;padding:11px 0 11px 27px;color:rgba(244,237,224,.70);font-size:.96rem;line-height:1.62;
    }
    .tech-intro::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(220,178,94,.82),transparent)}
    .tech-head > *{opacity:0;transform:translateY(18px);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.72,.2,1)}
    .tech-head.is-visible > *{opacity:1;transform:none}
    .tech-head.is-visible > :nth-child(2){transition-delay:.12s}
    .tech-kicker{overflow:hidden}
    .tech-kicker::before{transform-origin:left center;transform:scaleX(0);transition:transform .72s .2s cubic-bezier(.2,.72,.2,1)}
    .tech-head.is-visible .tech-kicker::before{transform:scaleX(1)}
    .tech-title em{display:inline-block;background:linear-gradient(90deg,#c89b4c,#f0d391,#c89b4c);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:techGoldFlow 7s linear infinite}
    @keyframes techGoldFlow{to{background-position:220% center}}

    .tech-grid{
      position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;perspective:1200px;isolation:isolate;
    }
    .tech-grid::before{
      content:"";position:absolute;left:1.5%;right:1.5%;top:-7px;height:1px;z-index:4;pointer-events:none;
      background:linear-gradient(90deg,transparent,rgba(219,174,87,.72) 12%,rgba(219,174,87,.18) 88%,transparent);
      transform:scaleX(0);transform-origin:left;transition:transform 1s .18s cubic-bezier(.2,.72,.2,1);
    }
    .tech-grid.is-visible::before{transform:scaleX(1)}
    .tech-grid::after{
      content:"";position:absolute;top:-10px;left:0;width:150px;height:7px;z-index:5;pointer-events:none;opacity:0;
      background:radial-gradient(ellipse at center,rgba(246,208,129,.78),rgba(209,160,70,.24) 44%,transparent 72%);filter:blur(2px);
    }
    .tech-grid.is-visible::after{opacity:1;animation:techRail 6.8s 1.1s linear infinite}
    @keyframes techRail{0%{transform:translateX(-170px)}100%{transform:translateX(calc(1460px - 10px))}}

    .tech-card{
      --px:0px;--py:0px;position:relative;min-width:0;overflow:hidden;border-radius:20px;border:1px solid rgba(205,159,76,.23);
      background:linear-gradient(180deg,rgba(18,17,14,.97),rgba(8,8,7,.99));
      box-shadow:0 20px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03);
      opacity:0;transform:translateY(28px) scale(.975) rotateX(2deg);transform-origin:center bottom;
      transition:transform .48s cubic-bezier(.2,.72,.2,1),border-color .35s ease,box-shadow .48s ease,filter .35s ease;
    }
    .tech-card::after{
      content:"";position:absolute;z-index:6;inset:-35% -85%;pointer-events:none;opacity:0;
      background:linear-gradient(105deg,transparent 42%,rgba(255,238,193,.20) 49%,rgba(211,166,79,.14) 52%,transparent 59%);
      transform:translateX(-28%) rotate(2deg);
    }
    .tech-card.is-visible{animation:techCardIn .76s cubic-bezier(.2,.72,.2,1) forwards}
    .tech-card:nth-child(2).is-visible{animation-delay:.09s}.tech-card:nth-child(3).is-visible{animation-delay:.18s}.tech-card:nth-child(4).is-visible{animation-delay:.27s}
    @keyframes techCardIn{70%{opacity:1;transform:translateY(-3px) scale(1.006) rotateX(0)}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}
    .tech-card:hover,.tech-card.is-active{transform:translateY(-7px) scale(1.008);border-color:rgba(220,178,94,.50);box-shadow:0 28px 58px rgba(0,0,0,.30),0 0 0 1px rgba(213,168,83,.09),0 0 30px rgba(189,139,49,.07)}
    .tech-card.is-active::after{opacity:1;animation:techShine 1.15s ease forwards}
    @keyframes techShine{0%{transform:translateX(-36%) rotate(2deg)}100%{transform:translateX(36%) rotate(2deg);opacity:0}}
    .tech-card-media{position:relative;height:176px;overflow:hidden;background:#151410}
    .tech-card-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.025) translate3d(var(--px),var(--py),0);transition:transform 1s cubic-bezier(.2,.72,.2,1),filter .55s ease;filter:saturate(.88) contrast(1.02) brightness(.94)}
    .tech-card:hover .tech-card-media img,.tech-card.is-active .tech-card-media img{transform:scale(1.075) translate3d(var(--px),var(--py),0);filter:saturate(1.02) contrast(1.05) brightness(1.02)}
    .tech-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.06) 45%,rgba(0,0,0,.68));pointer-events:none}
    .tech-card-no{
      position:absolute;z-index:2;left:14px;top:14px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
      color:#e2bd74;font-family:Georgia,serif;font-size:1.25rem;border:1px solid rgba(209,164,78,.48);background:rgba(7,7,6,.68);backdrop-filter:blur(10px);
    }
    .tech-card-country{
      position:absolute;z-index:2;right:14px;top:16px;padding:7px 9px;border-radius:999px;color:#efd39b;background:rgba(7,7,6,.64);border:1px solid rgba(209,164,78,.24);
      font-size:.62rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;backdrop-filter:blur(10px);transition:transform .4s ease,background .4s ease,border-color .4s ease;
    }
    .tech-card-no{transition:transform .45s cubic-bezier(.2,.72,.2,1),box-shadow .45s ease,background .45s ease}
    .tech-card.is-active .tech-card-no,.tech-card:hover .tech-card-no{transform:translateY(-2px) rotate(-3deg);background:rgba(18,14,8,.84);box-shadow:0 0 24px rgba(214,173,88,.22)}
    .tech-card.is-active .tech-card-country,.tech-card:hover .tech-card-country{transform:translateY(-2px);background:rgba(31,23,10,.80);border-color:rgba(226,183,96,.42)}
    .tech-card-body{padding:20px 18px 17px;display:flex;flex-direction:column;min-height:255px}
    .tech-card-brand,.tech-card h3,.tech-card-desc,.tech-card-tags,.tech-card-foot{transition:transform .45s cubic-bezier(.2,.72,.2,1),opacity .45s ease}
    .tech-card.is-active .tech-card-brand,.tech-card:hover .tech-card-brand{transform:translateX(3px)}
    .tech-card.is-active h3,.tech-card:hover h3{transform:translateX(3px)}
    .tech-card.is-active .tech-card-tags .tech-card-tag,.tech-card:hover .tech-card-tags .tech-card-tag{border-color:rgba(218,174,88,.34);background:rgba(213,168,83,.055)}
    .tech-card-brand{margin:0 0 7px;color:#d1a65b;font-size:.67rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
    .tech-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.47rem;line-height:1.07;font-weight:500;letter-spacing:-.025em}
    .tech-card h3 span{color:#d4ad67}
    .tech-card-desc{margin:13px 0 0;color:rgba(244,237,224,.67);font-size:.84rem;line-height:1.53}
    .tech-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
    .tech-card-tag{padding:6px 8px;border-radius:999px;color:rgba(244,237,224,.68);border:1px solid rgba(209,164,78,.18);background:rgba(255,255,255,.02);font-size:.64rem;line-height:1}
    .tech-card-foot{margin-top:auto;padding-top:15px;border-top:1px solid rgba(209,164,78,.14);display:flex;align-items:center;justify-content:space-between;gap:10px;color:rgba(244,237,224,.46);font-size:.67rem}
    .tech-card-foot strong{display:inline-flex;align-items:center;gap:7px;color:#d1aa65;font-weight:700}
    .tech-card-foot strong::before{content:"";width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg)}
    .tech-note{margin:14px 2px 0;color:rgba(244,237,224,.40);font-size:.68rem;line-height:1.5}
    @media(max-width:1160px){
      .tech-standards{padding-inline:22px}.tech-head{grid-template-columns:1fr;gap:16px}.tech-title{max-width:19ch}.tech-intro{max-width:760px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-card-media{height:205px}.tech-card-body{min-height:232px}
    }
    @media(max-width:760px){
      .tech-standards{padding:48px 14px 52px}.tech-title{font-size:clamp(2.35rem,10.6vw,3.2rem)}.tech-intro{padding-left:22px;font-size:.92rem}.tech-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:0 4px 12px;scrollbar-width:none}.tech-grid::-webkit-scrollbar{display:none}.tech-card{flex:0 0 84%;scroll-snap-align:center}.tech-card-media{height:190px}.tech-card-body{min-height:248px}.tech-card h3{font-size:1.35rem}.tech-note{font-size:.64rem}
    }
    @media(prefers-reduced-motion:reduce){.tech-card,.tech-card::after,.tech-card-media img,.tech-grid::after,.tech-title em{transition:none!important;animation:none!important}.tech-card,.tech-head>*{opacity:1;transform:none}.tech-grid::before{transform:scaleX(1)}}

/* Why Choose Sakafu: compact company brief + reserved visual panels */

.about-sakafu{position:relative;overflow:hidden;padding:52px 34px 46px;color:#18150f;background:linear-gradient(135deg,#f7f2e9 0%,#eadfce 100%);isolation:isolate}
.about-sakafu:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(133,98,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(133,98,42,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent)}
.about-sakafu:after{content:"";position:absolute;right:-190px;top:-330px;width:620px;height:620px;border-radius:50%;z-index:-1;border:1px solid rgba(176,128,47,.13);box-shadow:0 0 0 88px rgba(176,128,47,.025),0 0 0 176px rgba(176,128,47,.014)}
.about-shell{max-width:1460px;margin:auto}
.about-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);gap:58px;align-items:center}
.about-copy{max-width:610px}
.about-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#986a21;font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.about-kicker:before{content:"";width:30px;height:1px;background:#b37f2d}.about-kicker:after{content:"";width:70px;height:1px;background:linear-gradient(90deg,#b37f2d,transparent)}
.about-title{margin:0;max-width:14ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.55rem,3.35vw,3.7rem);line-height:1;font-weight:500;letter-spacing:-.045em}.about-title em{font-style:normal;color:#ad7828}
.about-copy p{margin:17px 0 0;color:#5d564b;font-size:.98rem;line-height:1.68;max-width:590px}
.about-copy p+p{margin-top:10px}
.about-more{display:inline-flex;align-items:center;gap:12px;margin-top:21px;color:#8d611d;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-more:after{content:"→";font-size:1.05rem;transition:transform .25s ease}.about-more:hover:after{transform:translateX(5px)}
.about-timeline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(111,82,39,.17)}
.about-timeline:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#b47d27 0 33%,rgba(180,125,39,.18) 33%)}
.about-step{position:relative;padding-top:9px}.about-step:before{content:"";position:absolute;top:-30px;left:0;width:9px;height:9px;border-radius:50%;background:#c18e39;border:5px solid #f1e8da;box-shadow:0 0 0 1px rgba(150,103,31,.34),0 0 18px rgba(180,125,39,.18)}
.about-step strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;color:#2b251d;margin-bottom:4px}.about-step span{display:block;color:#746a5d;font-size:.76rem;line-height:1.42}
.about-visual{--ax:0px;--ay:0px;position:relative;height:430px;border-radius:30px;overflow:hidden;border:1px solid rgba(191,145,67,.34);background:#0b0b09;box-shadow:0 28px 60px rgba(75,48,12,.18);opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.about-sakafu.is-visible .about-visual{opacity:1;transform:translateY(0)}
.about-slices{display:flex;height:100%;width:100%}
.about-slice{position:relative;flex:1 1 0;min-width:0;border:0;border-right:1px solid rgba(214,177,106,.24);padding:0;overflow:hidden;background:#111;cursor:pointer;transition:flex .72s cubic-bezier(.2,.72,.2,1),filter .4s ease;filter:saturate(.72) brightness(.72)}
.about-slice:last-child{border-right:0}.about-slice.active{flex:3.25 1 0;filter:saturate(1) brightness(.92)}
.about-slice img{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;transform:translate3d(var(--ax),var(--ay),0) scale(1.08);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:contrast(1.03)}
.about-slice.active img{transform:translate3d(var(--ax),var(--ay),0) scale(1.025)}
.about-slice:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.04) 44%,rgba(0,0,0,.84));transition:background .4s ease}.about-slice.active:before{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.02) 44%,rgba(0,0,0,.76))}
.about-slice:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#d0a255,transparent);transform:scaleX(0);transition:transform .55s ease}.about-slice.active:after{transform:scaleX(1)}
.about-slice-index{position:absolute;z-index:3;left:17px;top:67px;color:#efd08e;font-family:Georgia,"Times New Roman",serif;font-size:1rem;opacity:.7}
.about-slice-copy{position:absolute;z-index:3;left:18px;right:18px;bottom:20px;text-align:left;transform:translateY(10px);opacity:.4;transition:opacity .42s ease,transform .42s ease}
.about-slice.active .about-slice-copy{opacity:1;transform:translateY(0)}
.about-slice-copy small{display:block;color:#d4aa61;font-size:.63rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.about-slice-copy strong{display:block;color:#f4efe6;font-family:Georgia,"Times New Roman",serif;font-size:1.26rem;line-height:1.06;font-weight:600}.about-slice-copy span{display:block;margin-top:6px;color:rgba(244,239,230,.72);font-size:.78rem;line-height:1.42;max-width:260px}
.about-frame-top{position:absolute;z-index:5;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#ead0a0;font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.about-frame-top:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:linear-gradient(90deg,rgba(214,177,106,.58),rgba(214,177,106,.04))}.about-frame-top b{font-weight:800}.about-frame-top span{color:rgba(244,239,230,.58)}
.about-year{position:absolute;z-index:6;right:18px;bottom:18px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#efd08e;background:rgba(7,7,6,.72);border:1px solid rgba(214,177,106,.34);backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.25);pointer-events:none}.about-year strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1}.about-year span{display:block;margin-top:4px;color:rgba(244,239,230,.55);font-size:.48rem;letter-spacing:.14em;text-transform:uppercase}
.about-route{position:absolute;z-index:5;left:18px;right:102px;bottom:15px;height:1px;background:rgba(214,177,106,.18);pointer-events:none}.about-route i{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:#efcf8b;box-shadow:0 0 18px rgba(239,207,139,.68);transform:translate(-50%,-50%);animation:aboutRoute 6s ease-in-out infinite}@keyframes aboutRoute{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:1120px){.about-sakafu{padding-inline:22px}.about-layout{grid-template-columns:1fr;gap:32px}.about-copy{max-width:820px}.about-title{max-width:18ch}.about-visual{height:400px}.about-timeline{max-width:780px}}
@media(max-width:720px){.about-sakafu{padding:40px 14px 42px}.about-title{font-size:clamp(2.25rem,10vw,3rem)}.about-copy p{font-size:.92rem}.about-timeline{gap:10px}.about-step strong{font-size:.9rem}.about-step span{font-size:.7rem}.about-visual{height:385px;border-radius:22px}.about-slice.active{flex:5 1 0}.about-slice-index{top:63px;left:11px}.about-slice-copy{left:12px;right:12px;bottom:17px}.about-slice-copy strong{font-size:1.05rem}.about-slice-copy span{display:none}.about-frame-top{left:12px;right:12px;font-size:.55rem}.about-year{width:62px;height:62px;right:12px;bottom:12px}.about-route{left:12px;right:84px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.about-visual,.about-slice,.about-slice img,.about-slice-copy,.about-more:after{transition:none!important}.about-route i{animation:none!important;left:100%}}

/* ============================================================
   STICKY NAV — scrolled state + mobile burger
   ============================================================ */
.topbar.is-stuck{height:70px;background:rgba(6,6,6,.92);border-bottom-color:rgba(214,177,106,.2);box-shadow:0 14px 40px rgba(0,0,0,.42)}
.topbar.is-stuck .brand-mark{width:44px;height:44px;border-radius:13px}
.topbar.is-stuck .brand-title{font-size:1.6rem}
.topbar.is-stuck .brand-sub{font-size:.62rem;margin-top:4px}
.topbar.is-stuck .btn-nav{min-height:46px;padding:0 22px;font-size:.9rem}
.nav-toggle{display:none;width:48px;height:48px;flex:0 0 auto;align-items:center;justify-content:center;background:rgba(8,8,8,.4);border:1px solid rgba(214,177,106,.4);border-radius:13px;cursor:pointer;padding:0}
.nav-toggle span{display:block;position:relative;width:20px;height:2px;border-radius:2px;background:var(--gold-bright);transition:background .2s ease}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:var(--gold-bright);transition:transform .3s ease}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1080px){
  .topbar{height:74px;padding:10px 16px;flex-wrap:nowrap;justify-content:space-between}
  .topbar.is-stuck{height:66px}
  .brand{min-width:0}
  .brand-title{font-size:1.5rem}
  .nav-toggle{display:inline-flex}
  .nav{position:fixed;top:74px;left:0;right:0;z-index:55;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    padding:10px 16px 22px;background:rgba(6,6,6,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(214,177,106,.2);
    transform:translateY(-14px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease, transform .3s ease, visibility .3s}
  .nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible}
  .nav a{padding:15px 4px;border-bottom:1px solid rgba(214,177,106,.1);font-size:1.02rem}
  .nav a.active::after,.nav a:hover::after{left:0;right:auto;bottom:11px;width:26px}
  .actions{gap:10px}
  .actions .lang{display:none}
  .btn-nav{min-height:46px;padding:0 16px;font-size:.86rem}
  .btn-nav svg{display:none}
  .hero-inner{padding-top:calc(74px + 26px)}
}
@media(max-width:600px){
  .brand-sub{display:none}
  .btn-nav span{font-size:.8rem}
}

/* ============================================================
   WHY CHOOSE SAKAFU  —  "the surface polishes as you read"
   Signature: sticky stone panel that grinds matte -> mirror
   as the four client points are read. Right column uses a
   hairline ledger, not cards.
   ============================================================ */
.wcs{position:relative;padding:70px 34px 62px;background:linear-gradient(180deg,#070706 0%,#0b0a08 46%,#070706 100%);color:var(--text);overflow:hidden;isolation:isolate}
.wcs::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 22% 26%,rgba(214,177,106,.11),transparent 42%),radial-gradient(circle at 84% 78%,rgba(214,177,106,.06),transparent 46%)}
.wcs-shell{position:relative;z-index:1;max-width:1460px;margin:auto}
.wcs-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:64px;align-items:start}

/* --- left: sticky polishing panel --- */
.wcs-left{position:sticky;top:120px}
.wcs-kicker{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--gold-soft);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.wcs-kicker::before{content:"";width:30px;height:1px;background:var(--gold)}
.wcs-kicker::after{content:"";width:64px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.wcs-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,3.3vw,3.6rem);line-height:1.01;font-weight:500;letter-spacing:-.045em;max-width:13ch}
.wcs-title em{font-style:normal;color:var(--gold-soft)}
.wcs-lede{margin:18px 0 0;max-width:44ch;color:rgba(243,238,228,.7);font-size:.97rem;line-height:1.66}

.wcs-panel{position:relative;margin-top:32px;height:330px;border-radius:22px;overflow:hidden;border:1px solid rgba(214,177,106,.22);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.wcs-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wcs-raw{filter:saturate(.62) brightness(.72) contrast(.92)}
.wcs-polished{opacity:var(--polish,0);transition:opacity .18s linear}
.wcs-sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(104deg,transparent 34%,rgba(239,208,142,calc(.02 + var(--polish,0) * .3)) 47%,rgba(255,248,232,calc(.03 + var(--polish,0) * .38)) 51%,rgba(239,208,142,calc(.02 + var(--polish,0) * .3)) 55%,transparent 68%);
  transform:translateX(calc(-46% + var(--polish,0) * 92%));transition:transform .18s linear}
.wcs-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,transparent 26%,transparent 62%,rgba(0,0,0,.62) 100%)}
.wcs-rail{position:absolute;left:20px;right:20px;bottom:20px;z-index:3;height:2px;border-radius:2px;background:rgba(243,238,228,.16);overflow:hidden}
.wcs-rail i{display:block;height:100%;width:calc(var(--polish,0) * 100%);border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 16px rgba(214,177,106,.5);transition:width .18s linear}
.wcs-stage{position:absolute;left:20px;bottom:34px;z-index:3;color:var(--gold-bright);font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.7)}

/* --- right: hairline ledger --- */
.wcs-list{position:relative;margin:0;padding:0 0 0 40px;list-style:none}
.wcs-list::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(214,177,106,.18)}
.wcs-list::after{content:"";position:absolute;left:0;top:8px;width:1px;height:calc(var(--fill,0) * 100%);max-height:calc(100% - 16px);
  background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 0 14px rgba(214,177,106,.45);transition:height .3s ease}
.wcs-item{position:relative;padding:30px 0;border-bottom:1px solid rgba(243,238,228,.09);opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.wcs-item:last-child{border-bottom:none}
.wcs-item.is-visible{opacity:1;transform:none}
.wcs-item::before{content:"";position:absolute;left:-45px;top:38px;width:11px;height:11px;border-radius:50%;background:#0b0a08;border:1px solid rgba(214,177,106,.4);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,transform .4s ease}
.wcs-item.is-lit::before{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 0 4px rgba(214,177,106,.14),0 0 18px rgba(214,177,106,.6);transform:scale(1.1)}
.wcs-item h3{margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;line-height:1.16;font-weight:500;letter-spacing:-.02em;color:#f3eee4;transition:color .4s ease}
.wcs-item.is-lit h3{color:var(--gold-bright)}
.wcs-item p{margin:0;max-width:52ch;color:rgba(243,238,228,.7);font-size:.96rem;line-height:1.68}

/* ============================================================
   TECHNICAL HERITAGE — spec band (sub-block of Why Choose Us)
   ============================================================ */
.heritage{position:relative;z-index:1;max-width:1460px;margin:56px auto 0;padding-top:38px;border-top:1px solid rgba(214,177,106,.2)}
.heritage::before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--gold-bright),transparent);box-shadow:0 0 12px rgba(214,177,106,.4);transition:width 1.3s cubic-bezier(.2,.7,.3,1)}
.heritage.is-visible::before{width:34%}
.heritage-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 32px;margin-bottom:30px}
.heritage-head h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,2.2vw,2.3rem);line-height:1.06;font-weight:500;letter-spacing:-.035em}
.heritage-head h3 em{font-style:normal;color:var(--gold-soft)}
.heritage-scale{display:flex;align-items:baseline;gap:10px;justify-self:end;text-align:right}
.heritage-scale strong{font-family:Georgia,serif;font-size:2.6rem;line-height:1;color:var(--gold-soft);letter-spacing:-.04em}
.heritage-scale span{color:rgba(243,238,228,.5);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;max-width:11ch;text-align:left;line-height:1.3}
.heritage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:start}
.heritage-col{position:relative;padding:2px 26px 0;opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.heritage.is-visible .heritage-col{opacity:1;transform:none}
.heritage.is-visible .heritage-col:nth-child(2){transition-delay:.1s}
.heritage.is-visible .heritage-col:nth-child(3){transition-delay:.2s}
.heritage.is-visible .heritage-col:nth-child(4){transition-delay:.3s}
.heritage-col:first-child{padding-left:0}
.heritage-col:last-child{padding-right:0}
.heritage-col+.heritage-col::before{content:"";position:absolute;left:0;top:4px;bottom:2px;width:1px;background:linear-gradient(180deg,rgba(214,177,106,.3),rgba(214,177,106,.04))}
.heritage-col h4{margin:0 0 10px;min-height:2.4em;display:flex;align-items:flex-start;font-family:Georgia,"Times New Roman",serif;font-size:1.14rem;line-height:1.2;font-weight:600;color:#f3eee4}
.heritage-col p{margin:0;color:rgba(243,238,228,.64);font-size:.88rem;line-height:1.62}

@media(max-width:1120px){
  .wcs{padding:58px 22px 56px}
  .wcs-layout{grid-template-columns:1fr;gap:38px}
  .wcs-left{position:static}
  .wcs-title{max-width:18ch}
  .wcs-panel{height:280px}
  .heritage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}
  .heritage-col:nth-child(odd){padding-left:0}
  .heritage-col:nth-child(even){padding-right:0}
  .heritage-col:nth-child(3)::before{display:none}
}
@media(max-width:720px){
  .wcs{padding:46px 14px 48px}
  .wcs-title{font-size:clamp(2.2rem,10vw,2.9rem)}
  .wcs-lede{font-size:.92rem}
  .wcs-panel{height:210px;border-radius:18px;margin-top:26px}
  .wcs-list{padding-left:28px}
  .wcs-item{padding:22px 0}
  .wcs-item::before{left:-33px;top:29px;width:9px;height:9px}
  .wcs-item h3{font-size:1.24rem}
  .wcs-item p{font-size:.9rem}
  .heritage{margin-top:52px;padding-top:34px}
  .heritage-grid{grid-template-columns:1fr;gap:26px}
  .heritage-col{padding:0}
  .heritage-col+.heritage-col::before{left:0;right:auto;top:-13px;bottom:auto;width:46px;height:1px;background:linear-gradient(90deg,rgba(214,177,106,.32),transparent)}
  }
@media(prefers-reduced-motion:reduce){
  .wcs-item,.heritage-col,.wcs-sheen,.wcs-polished,.wcs-rail i,.heritage::before{transition:none!important}
  .wcs-item,.heritage-col{opacity:1;transform:none}
  .nav{transition:none!important}
}

/* ============================================================
/* ============================================================
   CLIENTS — white plate, slow gold light tracing the border
   ============================================================ */
.clients{position:relative;padding:52px 34px 56px;background:linear-gradient(180deg,#0a0908,#0d0b09)}
.clients-plate{position:relative;max-width:1300px;margin:auto;border-radius:26px;padding:2px;isolation:isolate;overflow:hidden}
.clients-plate::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:180%;aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,transparent 262deg,rgba(200,154,71,.5) 300deg,#efd08e 334deg,rgba(239,208,142,.9) 344deg,rgba(200,154,71,.42) 356deg,transparent 360deg);
  animation:clientsTrace 9s linear infinite}
@keyframes clientsTrace{to{transform:translate(-50%,-50%) rotate(360deg)}}
.clients-plate::after{content:"";position:absolute;z-index:0;inset:0;border-radius:26px;
  border:1px solid rgba(214,177,106,.26);pointer-events:none}
.clients-inner{position:relative;z-index:1;border-radius:24px;overflow:hidden;
  background:linear-gradient(178deg,#fffefb 0%,#fbf8f2 100%);padding:30px 0 34px}
.clients-label{display:block;text-align:center;margin-bottom:24px;color:#96703a;
  font-size:.66rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase}
.clients-viewport{position:relative;overflow:hidden}
.clients-viewport::before,.clients-viewport::after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none}
.clients-viewport::before{left:0;background:linear-gradient(90deg,#fffefb,rgba(255,254,251,0))}
.clients-viewport::after{right:0;background:linear-gradient(270deg,#fbf8f2,rgba(251,248,242,0))}
.clients-track{display:flex;width:max-content;align-items:center;animation:marquee 52s linear infinite}
.clients-plate:hover .clients-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.client-logo{flex:0 0 auto;display:grid;place-items:center;width:172px;height:72px;margin:0 4px}
.client-logo img{max-width:100%;object-fit:contain;display:block;opacity:1;
  transition:transform .45s cubic-bezier(.22,.75,.25,1)}
.client-logo:hover img{transform:scale(1.07)}

@media(max-width:1000px){
  .clients{padding:42px 22px 46px}
  .clients-plate{border-radius:22px}
  .clients-inner{border-radius:20px;padding:26px 0 28px}
  .client-logo{width:150px;height:66px;margin:0 3px}
  .clients-viewport::before,.clients-viewport::after{width:60px}
}
@media(max-width:600px){
  .clients{padding:34px 14px 38px}
  .client-logo{width:124px;height:60px;margin:0 2px}
  .clients-label{font-size:.6rem;letter-spacing:.2em}
}
@media(prefers-reduced-motion:reduce){
  .clients-track,.clients-plate::before{animation:none!important}
  .client-logo img{opacity:1}
}

/* ============================================================
   REQUEST ASSESSMENT — CTA + form
   ============================================================ */
.assess{position:relative;padding:70px 34px 72px;overflow:hidden;isolation:isolate;background:#050504}
.assess-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.62;transform:scale(1.04)}
.assess::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,4,4,.94) 0%,rgba(4,4,4,.8) 42%,rgba(4,4,4,.6) 100%),
             radial-gradient(circle at 78% 30%,rgba(214,177,106,.12),transparent 44%)}
.assess-shell{position:relative;z-index:2;max-width:1460px;margin:auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:58px;align-items:start}
.assess-kicker{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--gold-soft);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.assess-kicker::before{content:"";width:30px;height:1px;background:var(--gold)}
.assess-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,3.3vw,3.6rem);line-height:1;font-weight:500;letter-spacing:-.045em;max-width:13ch}
.assess-title em{font-style:normal;color:var(--gold-soft)}
.assess-copy{margin:20px 0 0;max-width:46ch;color:rgba(243,238,228,.72);font-size:.98rem;line-height:1.68}
.assess-promise{margin-top:26px;padding-top:22px;border-top:1px solid rgba(214,177,106,.2);display:grid;gap:13px}
.assess-promise div{display:flex;gap:12px;align-items:flex-start;color:rgba(243,238,228,.76);font-size:.9rem;line-height:1.55}
.assess-promise svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px;color:var(--gold-soft)}
.assess-direct{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.assess-direct a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;text-decoration:none;
  color:var(--text);font-size:.9rem;font-weight:600;border:1px solid rgba(214,177,106,.3);background:rgba(10,10,9,.5);transition:border-color .25s ease,background .25s ease,transform .25s ease}
.assess-direct a:hover{border-color:rgba(214,177,106,.6);background:rgba(18,17,15,.7);transform:translateY(-2px)}
.assess-direct svg{width:16px;height:16px;color:var(--gold-soft)}

.assess-form{padding:34px 32px 32px;border-radius:24px;border:1px solid rgba(214,177,106,.24);
  background:linear-gradient(165deg,rgba(14,13,12,.9),rgba(8,8,7,.94));backdrop-filter:blur(14px);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.assess-form h3{margin:0 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;font-weight:500;letter-spacing:-.02em}
.assess-form>p{margin:0 0 24px;color:rgba(243,238,228,.55);font-size:.84rem}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{position:relative;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.assess.is-visible .field{opacity:1;transform:none}
.assess.is-visible .field:nth-child(2){transition-delay:.06s}
.assess.is-visible .field:nth-child(3){transition-delay:.12s}
.assess.is-visible .field:nth-child(4){transition-delay:.18s}
.assess.is-visible .field:nth-child(5){transition-delay:.24s}
.assess.is-visible .field:nth-child(6){transition-delay:.3s}
.assess.is-visible .field:nth-child(7){transition-delay:.36s}
.field.wide{grid-column:1/-1}
.field label{display:block;margin-bottom:7px;color:rgba(243,238,228,.6);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border-radius:11px;color:var(--text);font-family:inherit;font-size:.94rem;
  background:rgba(6,6,5,.72);border:1px solid rgba(243,238,228,.14);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.field textarea{min-height:86px;resize:vertical}
.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c89a47' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:15px;padding-right:38px}
.field select option{background:#0d0c0b;color:var(--text)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(214,177,106,.65);background:rgba(12,12,10,.86);box-shadow:0 0 0 3px rgba(214,177,106,.13)}
.field input::placeholder,.field textarea::placeholder{color:rgba(243,238,228,.28)}
.form-submit{margin-top:22px;width:100%;min-height:56px;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;
  color:#140e04;background:linear-gradient(180deg,#ebcc86 0%,#d6ac5b 58%,#c18f36 100%);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);
  display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .25s ease,box-shadow .25s ease}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(212,173,86,.24)}
.form-submit svg{width:18px;height:18px}
.form-note{margin:14px 0 0;text-align:center;color:rgba(243,238,228,.4);font-size:.75rem}

/* ============================================================
@media(max-width:1160px){
  .assess{padding:56px 22px 58px}
  .assess-shell{grid-template-columns:1fr;gap:38px}
  .assess-title{max-width:20ch}
}
@media(max-width:760px){
  .assess{padding:44px 14px 48px}
  .assess-title{font-size:clamp(2.1rem,9.6vw,2.8rem)}
  .assess-form{padding:26px 20px 24px;border-radius:20px}
  .field-grid{grid-template-columns:1fr}
  .wa-float{right:14px;bottom:14px;padding:12px 17px 12px 14px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){
  .field,.clients-track,.wa-float{transition:none!important;animation:none!important}
  .field{opacity:1;transform:none}
  .wa-float{opacity:1;transform:none;pointer-events:auto}
}

/* ============================================================
   SECTORS — architectural finishes schedule (light section)
   Deliberately paired with the ivory About section so the page
   alternates dark / light instead of running black throughout.
   No cards. Type-led index rows; image supports, never dominates.
   ============================================================ */
.sectors{position:relative;padding:46px 34px 50px;color:#1a1710;
  background:linear-gradient(158deg,#f8f4ec 0%,#efe6d6 52%,#e6d9c3 100%);overflow:hidden;isolation:isolate}
.sectors::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(120,92,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,92,42,.05) 1px,transparent 1px);
  background-size:74px 74px;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 62%)}
.sectors-shell{position:relative;z-index:1;max-width:1380px;margin:auto}
.sectors-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:34px;align-items:end;margin-bottom:26px}
.sectors-kicker{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:#96692015;color:#8d6119;
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.sectors-kicker::before{content:"";width:28px;height:1px;background:#b07f2b}
.sectors-kicker::after{content:"";width:56px;height:1px;background:linear-gradient(90deg,#b07f2b,transparent)}
.sectors-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,2.9vw,3.05rem);
  line-height:1.03;font-weight:500;letter-spacing:-.045em;max-width:15ch;color:#221d15}
.sectors-title em{font-style:normal;color:#a5741f}
.sectors-note{margin:0;padding-left:22px;border-left:1px solid rgba(140,101,36,.3);
  color:#6b6154;font-size:.93rem;line-height:1.64;max-width:46ch}

.schedule{border-top:1px solid rgba(110,80,32,.24)}
.schedule-row{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.05fr) 34px;
  gap:22px;align-items:center;width:100%;padding:20px 6px;text-align:left;background:none;border:0;
  border-bottom:1px solid rgba(110,80,32,.18);cursor:pointer;color:inherit;font:inherit;
  transition:padding .5s cubic-bezier(.22,.75,.25,1),background .45s ease}
.schedule-row::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;
  background:linear-gradient(90deg,#b07f2b,rgba(176,127,43,0));transition:width .7s cubic-bezier(.22,.75,.25,1)}
.schedule-row.is-open::before{width:100%}
.schedule-row.is-open{background:linear-gradient(90deg,rgba(255,252,246,.7),rgba(255,252,246,0) 72%);padding-block:24px}
.schedule-row:focus-visible{outline:2px solid #a5741f;outline-offset:-3px}
.row-no{font-family:Georgia,serif;font-size:.92rem;color:#a98f5f;letter-spacing:.04em;transition:color .4s ease}
.schedule-row.is-open .row-no{color:#8d6119}
.row-name{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.3rem,1.8vw,1.72rem);
  line-height:1.1;font-weight:500;letter-spacing:-.025em;color:#241f16;transition:color .4s ease,transform .5s ease}
.schedule-row.is-open .row-name{color:#8d6119}
.schedule-row.is-open .row-scope{color:#5c5344}
.row-scope{margin:0;color:#6b6152;font-size:.88rem;line-height:1.55;letter-spacing:.002em}
.row-mark{justify-self:end;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(140,101,36,.34);color:#8d6119;transition:transform .5s cubic-bezier(.22,.75,.25,1),background .4s ease,color .4s ease}
.row-mark svg{width:13px;height:13px}
.schedule-row.is-open .row-mark{transform:rotate(90deg);background:#b07f2b;color:#fff9ee;border-color:#b07f2b}

.row-panel{overflow:hidden;max-height:0;transition:max-height .75s cubic-bezier(.22,.75,.25,1)}
.row-panel.is-open{max-height:240px}
.row-detail{display:grid;grid-template-columns:380px minmax(0,1fr);gap:36px;align-items:center;max-width:980px;padding:2px 6px 22px}
.row-media{position:relative;margin:0;border-radius:13px;overflow:hidden;aspect-ratio:2/1;width:380px;max-width:100%;
  box-shadow:0 18px 42px rgba(58,40,12,.18)}
.row-media img{width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.07);opacity:0;transition:transform 1.1s cubic-bezier(.22,.75,.25,1),opacity .75s ease}
.row-panel.is-open .row-media img{transform:none;opacity:1}

.row-points{margin:0;padding:0;list-style:none;display:grid;gap:17px;align-content:center}
.row-points li{position:relative;padding-left:30px;max-width:none;color:#443c30;font-size:1.02rem;line-height:1.62;font-weight:450;
  opacity:0;transform:translateX(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.75,.25,1)}
.row-panel.is-open .row-points li{opacity:1;transform:none}
.row-panel.is-open .row-points li:nth-child(2){transition-delay:.12s}
.row-points li::before{content:"";position:absolute;left:0;top:.56em;width:7px;height:7px;border-radius:2px;
  background:linear-gradient(140deg,#dcb265,#a5741f);
  box-shadow:0 0 0 3px rgba(176,127,43,.12);transform:rotate(45deg)}

@media(max-width:1000px){
  .sectors{padding:60px 22px 54px}
  .sectors-head{grid-template-columns:1fr;gap:16px;align-items:start}
  .sectors-title{max-width:20ch}
  .schedule-row{grid-template-columns:40px minmax(0,1fr) 28px;gap:16px;row-gap:6px}
  .row-scope{grid-column:2/4;font-size:.86rem}
  .row-detail{grid-template-columns:1fr;gap:20px;align-items:start;padding-bottom:20px}
  .row-media{width:100%;aspect-ratio:16/9}
  .row-points{align-content:start}
  .row-panel.is-open{max-height:560px}
}
@media(max-width:600px){
  .sectors{padding:48px 14px 44px}
  .sectors-title{font-size:clamp(1.9rem,8.6vw,2.5rem)}
  .sectors-note{font-size:.88rem;padding-left:16px}
  .schedule-row{padding:16px 4px}
  .row-name{font-size:1.16rem}
  .row-media{border-radius:12px}
  .row-points li{font-size:.95rem}
  .row-panel.is-open{max-height:520px}
}
@media(prefers-reduced-motion:reduce){
  .schedule-row,.row-mark,.row-panel,.row-media img,.row-points li,.schedule-row::before{transition:none!important}
  .row-media img,.row-points li{opacity:1;transform:none}
}

/* ============================================================
   FOOTER — warm charcoal, not flat black
   ============================================================ */
.site-footer{position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(168deg,#171410 0%,#100d0a 38%,#0a0806 100%)}
.site-footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:radial-gradient(ellipse at 12% 0%,rgba(214,177,106,.14),transparent 46%),
             radial-gradient(ellipse at 88% 92%,rgba(176,127,43,.09),transparent 52%)}
.site-footer>*{position:relative;z-index:1}
.footer-rule{position:relative;height:2px;background:rgba(214,177,106,.12)}
.footer-rule::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;
  background:linear-gradient(90deg,#efd08e,#c89a47 42%,rgba(200,154,71,0));
  box-shadow:0 0 18px rgba(214,177,106,.5);transition:width 1.6s cubic-bezier(.2,.7,.3,1)}
.site-footer.is-visible .footer-rule::after{width:100%}
.footer-main{max-width:1380px;margin:auto;padding:58px 34px 40px;display:grid;
  grid-template-columns:1.55fr .9fr .9fr 1.25fr;gap:44px}
.footer-brand .brand-title{font-size:1.62rem;font-weight:800;letter-spacing:.08em;color:#f7f2e8}
.footer-brand .brand-sub{display:block;margin-top:7px;color:#d7ae65;font-size:.63rem;letter-spacing:.26em;text-transform:uppercase}
.footer-brand p{margin:18px 0 0;max-width:33ch;color:rgba(240,233,220,.6);font-size:.9rem;line-height:1.68}
.socials{display:flex;gap:10px;margin-top:24px}
.socials a{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;overflow:hidden;
  color:#d7ae65;border:1px solid rgba(214,177,106,.3);background:rgba(255,246,230,.03);
  transition:color .3s ease,border-color .3s ease,transform .3s ease}
.socials a::before{content:"";position:absolute;inset:0;z-index:0;transform:translateY(101%);
  background:linear-gradient(180deg,#f0d495,#c18f36);transition:transform .4s cubic-bezier(.22,.75,.25,1)}
.socials a:hover{color:#161006;border-color:#efd08e;transform:translateY(-3px)}
.socials a:hover::before{transform:translateY(0)}
.socials svg{position:relative;z-index:1;width:18px;height:18px}
.footer-col h4{margin:0 0 17px;color:#d7ae65;font-size:.66rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.footer-col a{color:rgba(240,233,220,.66);text-decoration:none;font-size:.91rem;transition:color .25s ease,padding-left .25s ease}
.footer-col a:hover{color:#efd08e;padding-left:6px}
.footer-contact li{display:flex;gap:11px;align-items:flex-start;color:rgba(240,233,220,.66);font-size:.89rem;line-height:1.58}
.footer-contact svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px;color:#c89a47}
.footer-contact a{font-size:.89rem}
.footer-emirates{max-width:1380px;margin:auto;padding:20px 34px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;
  border-top:1px solid rgba(214,177,106,.14);border-bottom:1px solid rgba(214,177,106,.14);
  background:linear-gradient(90deg,rgba(214,177,106,.05),transparent 62%)}
.footer-emirates strong{color:rgba(240,233,220,.44);font-size:.63rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.footer-emirates span{display:inline-flex;align-items:center;gap:8px;color:rgba(240,233,220,.62);font-size:.85rem}
.footer-emirates span::before{content:"";width:4px;height:4px;border-radius:50%;background:#c89a47;box-shadow:0 0 8px rgba(214,177,106,.55)}
.footer-legal{max-width:1380px;margin:auto;padding:19px 34px 24px;display:flex;flex-wrap:wrap;gap:12px 26px;
  justify-content:space-between;align-items:center;color:rgba(240,233,220,.38);font-size:.78rem}
.footer-legal a{color:rgba(240,233,220,.5);text-decoration:none;transition:color .25s ease}
.footer-legal a:hover{color:#d7ae65}
.footer-legal nav{display:flex;flex-wrap:wrap;gap:20px}

@media(max-width:1000px){
  .footer-main{grid-template-columns:1fr 1fr;gap:36px;padding:48px 22px 34px}
  .footer-emirates,.footer-legal{padding-inline:22px}
}
@media(max-width:600px){
  .footer-main{grid-template-columns:1fr;gap:32px;padding:40px 14px 30px}
  .footer-emirates,.footer-legal{padding-inline:14px}
  .footer-legal{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.footer-rule::after{width:100%;transition:none!important}}

/* ============================================================
   WHATSAPP FLOAT  (restored — was removed with the old footer)
   ============================================================ */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:11px;
  padding:13px 20px 13px 15px;border-radius:999px;text-decoration:none;color:#f3eee4;font-size:.9rem;font-weight:600;
  background:linear-gradient(150deg,rgba(24,21,17,.95),rgba(10,9,7,.96));border:1px solid rgba(214,177,106,.42);
  box-shadow:0 16px 40px rgba(0,0,0,.5);backdrop-filter:blur(12px);
  opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;
  transition:opacity .45s ease,transform .45s ease,border-color .3s ease}
.wa-float.is-shown{opacity:1;transform:none;pointer-events:auto}
.wa-float:hover{border-color:rgba(239,208,142,.8)}
.wa-float svg{flex:0 0 auto;width:21px;height:21px;color:#efd08e}
.wa-float span{white-space:nowrap}
.wa-float i{position:absolute;left:15px;top:50%;width:21px;height:21px;margin-top:-10px;border-radius:50%;
  border:1px solid rgba(214,177,106,.5);pointer-events:none;animation:waPulse 2.8s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.65}70%,100%{transform:scale(2.2);opacity:0}}
@media(max-width:600px){
  .wa-float{right:14px;bottom:14px;padding:12px 17px 12px 14px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){
  .wa-float{opacity:1;transform:none;pointer-events:auto;transition:none!important}
  .wa-float i{animation:none!important;opacity:.4}
}

/* nav is now a direct child of .page — give it a solid resting state */
.topbar{background:linear-gradient(180deg,rgba(4,4,4,.72),rgba(4,4,4,.28))}
@media(max-width:1000px){
  .heritage-head{grid-template-columns:1fr;align-items:start}
  .heritage-scale{justify-self:start;text-align:left}
  .heritage-col h4{min-height:0}
}

/* ============================================================
   INNER PAGE SHELL — compact hero for non-home pages
   ============================================================ */
.page-hero{position:relative;padding:calc(var(--nav-h) + 62px) 34px 58px;overflow:hidden;isolation:isolate;background:#060605}
.page-hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 62%;opacity:.42;transform:scale(1.05)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(92deg,rgba(4,4,4,.95) 0%,rgba(4,4,4,.82) 46%,rgba(4,4,4,.58) 100%),
             radial-gradient(circle at 80% 26%,rgba(214,177,106,.13),transparent 46%)}
.page-hero-inner{position:relative;z-index:2;max-width:1380px;margin:auto}
.crumbs{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:rgba(243,238,228,.5);font-size:.74rem;letter-spacing:.06em}
.crumbs a{color:var(--gold-soft);text-decoration:none}
.crumbs a:hover{color:var(--gold-bright)}
.crumbs span{opacity:.5}
.page-hero h1{margin:0;max-width:17ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.5rem,4vw,4rem);line-height:1;font-weight:500;letter-spacing:-.05em}
.page-hero h1 em{font-style:normal;color:var(--gold-soft)}
.page-hero p{margin:20px 0 0;max-width:56ch;color:rgba(243,238,228,.74);font-size:1.02rem;line-height:1.68}

/* generic light/dark content bands */
.band{padding:64px 34px 66px}
.band-dark{background:linear-gradient(180deg,#070706,#0b0a08);color:var(--text)}
.band-light{color:#1a1710;background:linear-gradient(158deg,#f8f4ec 0%,#efe6d6 54%,#e8dcc7 100%)}
.band-inner{max-width:1380px;margin:auto}
.band-kicker{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.band-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.band-dark .band-kicker{color:var(--gold-soft)}
.band-light .band-kicker{color:#8d6119}
.band-title{margin:0 0 34px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,2.8vw,2.95rem);
  line-height:1.04;font-weight:500;letter-spacing:-.045em;max-width:17ch}
.band-title em{font-style:normal}
.band-dark .band-title em{color:var(--gold-soft)}
.band-light .band-title em{color:#a5741f}

/* identity / mission / vision — three stacked statements, not cards */
.statements{display:grid;gap:0;border-top:1px solid rgba(214,177,106,.22)}
.statement{display:grid;grid-template-columns:196px minmax(0,1fr);gap:34px;padding:26px 0;
  border-bottom:1px solid rgba(214,177,106,.16);opacity:0;transform:translateY(18px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,.75,.25,1)}
.band.is-visible .statement{opacity:1;transform:none}
.band.is-visible .statement:nth-child(2){transition-delay:.1s}
.band.is-visible .statement:nth-child(3){transition-delay:.2s}
.statement dt{margin:0;font-family:Georgia,serif;font-size:1.24rem;font-weight:500;letter-spacing:-.02em}
.band-dark .statement dt{color:var(--gold-soft)}
.band-light .statement dt{color:#8d6119}
.statement dd{margin:0;font-size:1rem;line-height:1.72;max-width:76ch}
.band-dark .statement dd{color:rgba(243,238,228,.74)}
.band-light .statement dd{color:#4a4237}

/* values / methodology — numbered progression */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0}
.step{position:relative;padding:4px 28px 6px;opacity:0;transform:translateY(18px);
  transition:opacity .7s ease,transform .7s ease}
.band.is-visible .step{opacity:1;transform:none}
.band.is-visible .step:nth-child(2){transition-delay:.09s}
.band.is-visible .step:nth-child(3){transition-delay:.18s}
.band.is-visible .step:nth-child(4){transition-delay:.27s}
.step:first-child{padding-left:0}
.step+.step::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;
  background:linear-gradient(180deg,rgba(214,177,106,.34),rgba(214,177,106,.05))}
.band-light .step+.step::before{background:linear-gradient(180deg,rgba(140,101,36,.34),rgba(140,101,36,.06))}
.step-no{display:block;margin-bottom:10px;font-family:Georgia,serif;font-size:.9rem;letter-spacing:.06em}
.band-dark .step-no{color:var(--gold-soft)}
.band-light .step-no{color:#a98f5f}
.step h3{margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:1.16rem;line-height:1.18;font-weight:600}
.band-light .step h3{color:#241f16}
.step p{margin:0;font-size:.92rem;line-height:1.66}
.band-dark .step p{color:rgba(243,238,228,.66)}
.band-light .step p{color:#5c5344}

/* reach map — countries served */
.reach{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:8px}
.reach span{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;
  font-size:.86rem;border:1px solid rgba(214,177,106,.28);color:rgba(243,238,228,.78);background:rgba(255,246,230,.03)}
.reach span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(214,177,106,.5)}
.reach span.is-home{border-color:rgba(239,208,142,.6);color:#efd08e}

@media(max-width:1000px){
  .page-hero{padding:calc(74px + 44px) 22px 44px}
  .band{padding:52px 22px 54px}
  .statement{grid-template-columns:1fr;gap:8px;padding:20px 0}
  .step{padding:4px 0 6px}
  .step+.step::before{left:0;right:auto;top:-14px;bottom:auto;width:44px;height:1px;
    background:linear-gradient(90deg,rgba(214,177,106,.32),transparent)}
  .band-light .step+.step::before{background:linear-gradient(90deg,rgba(140,101,36,.32),transparent)}
  .steps{gap:26px}
}
@media(max-width:600px){
  .page-hero{padding:calc(74px + 30px) 14px 34px}
  .page-hero h1{font-size:clamp(2rem,9vw,2.7rem)}
  .page-hero p{font-size:.95rem}
  .band{padding:42px 14px 44px}
}
@media(prefers-reduced-motion:reduce){
  .statement,.step{opacity:1;transform:none;transition:none!important}
}

/* ============================================================
   ABOUT US — single issued-sheet section (about.html)
   ============================================================ */
.au{
  --ink:#1a1710; --ink-soft:#4a4237; --ink-faint:#8a8175;
  --brass:#8d6119; --brass-lt:#a5741f;
  position:relative;padding:74px 34px 78px;color:var(--ink);
  background:linear-gradient(158deg,#faf7f0 0%,#f2ebdd 52%,#e9dfcb 100%);
}
.au::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(26,23,16,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,23,16,.045) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.05) 62%);
}
.au-sheet{position:relative;z-index:1;max-width:1380px;margin:auto}

/* --- shared mono label --- */
.au-lab{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.63rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass);margin:0 0 13px;
}
.au-lab-gold{color:#d7ae65}

/* --- header / title block --- */
.au-kicker{
  display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--brass);
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
}
.au-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.au-title{
  margin:0;max-width:19ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.05rem,2.9vw,3.05rem);line-height:1.03;font-weight:500;letter-spacing:-.042em;
}
.au-title em{font-style:normal;color:var(--brass-lt)}
.au-meta{
  list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:30px 0 0;padding:0;
  border-top:1px solid rgba(141,97,25,.26);border-bottom:1px solid rgba(141,97,25,.26);
}
.au-meta li{
  flex:1 1 210px;padding:14px 26px 15px;border-left:1px solid rgba(141,97,25,.16);
}
.au-meta li:first-child{padding-left:0;border-left:0}
.au-meta span{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;
}
.au-meta strong{display:block;font-family:Georgia,serif;font-size:1.02rem;font-weight:500;color:var(--ink)}

/* --- identity / mission / vision --- */
.au-identity{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;
  align-items:start;padding:48px 0 46px;
}
.au-lead p{
  margin:0;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.32rem,1.85vw,1.78rem);line-height:1.42;font-weight:500;
  letter-spacing:-.018em;color:var(--ink);max-width:26ch;
}
.au-pair{display:grid;gap:0}
.au-pair-col{padding:0 0 24px}
.au-pair-col + .au-pair-col{padding:24px 0 0;border-top:1px solid rgba(141,97,25,.2)}
.au-pair-col p{margin:0;font-size:.98rem;line-height:1.74;color:var(--ink-soft);max-width:52ch}

/* --- core values --- */
.au-values{padding:6px 0 52px}
.au-values-row{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  border-top:1px solid rgba(141,97,25,.26);
}
.au-value{
  position:relative;padding:26px 30px 4px;border-left:1px solid rgba(141,97,25,.16);
}
.au-value:first-child{padding-left:0;border-left:0}
.au-value::before{
  content:"";position:absolute;top:-1px;left:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--brass),#c89a47);transition:width .55s cubic-bezier(.4,0,.2,1);
}
.au-value:hover::before,.au-value:focus-within::before{width:100%}
.au-value h3{
  margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;
  font-size:1.34rem;line-height:1.14;font-weight:500;letter-spacing:-.028em;color:var(--ink);
}
.au-value p{margin:0;font-size:.94rem;line-height:1.7;color:var(--ink-soft);max-width:40ch}

/* --- operational methodology: dark inset panel --- */
.au-method{
  position:relative;border-radius:26px;overflow:hidden;color:#f3eee4;
  background:linear-gradient(168deg,#0c0b09 0%,#080807 62%,#0b0a08 100%);
  box-shadow:0 26px 60px rgba(26,23,16,.24);
  padding:42px 40px 44px;
}
.au-method::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:radial-gradient(120% 80% at 8% 0%,rgba(200,154,71,.13),transparent 62%);
}
.au-method-head{position:relative;z-index:1;margin-bottom:44px;max-width:26ch}
.au-method-head h3{
  margin:0;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.55rem,2.1vw,2.15rem);line-height:1.08;font-weight:500;letter-spacing:-.038em;
}
.au-method-head h3 em{font-style:normal;color:#d7ae65}

.au-steps{
  position:relative;z-index:1;list-style:none;margin:0;padding:38px 0 0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
}
.au-steps::before,.au-steps::after{content:"";position:absolute;left:0;top:11px;height:1px}
.au-steps::before{right:0;background:rgba(214,177,106,.24)}
.au-steps::after{
  width:var(--fill,0%);background:linear-gradient(90deg,#8d6119,#c89a47 60%,#efd08e);
  box-shadow:0 0 14px rgba(200,154,71,.45);transition:width .35s linear;
}
.au-stp{position:relative;padding:0 30px 0 0}
.au-stp::before{
  content:"";position:absolute;top:5px;left:0;width:13px;height:13px;border-radius:50%;
  background:#0a0a09;border:1px solid rgba(214,177,106,.45);
  transition:background .45s ease,border-color .45s ease,box-shadow .45s ease;
}
.au-stp.is-on::before{
  background:#efd08e;border-color:#efd08e;box-shadow:0 0 0 5px rgba(200,154,71,.16),0 0 16px rgba(239,208,142,.55);
}
.au-ix{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.63rem;letter-spacing:.2em;color:rgba(243,238,228,.4);margin-bottom:9px;transition:color .45s ease;
}
.au-stp.is-on .au-ix{color:#d7ae65}
.au-stp h4{
  margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;
  font-size:1.2rem;line-height:1.16;font-weight:500;letter-spacing:-.025em;color:rgba(243,238,228,.62);
  transition:color .45s ease;
}
.au-stp.is-on h4{color:#f3eee4}
.au-stp p{margin:0;font-size:.88rem;line-height:1.68;color:rgba(243,238,228,.6);max-width:32ch}
.au-handover{
  position:relative;z-index:1;margin-top:34px;padding-top:16px;
  border-top:1px solid rgba(214,177,106,.16);display:flex;justify-content:flex-end;
}
.au-handover span{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;
  letter-spacing:.22em;text-transform:uppercase;color:rgba(215,174,101,.75);
}

/* --- reveal --- */
.au-head,.au-identity,.au-values,.au-method{opacity:0;transform:translateY(20px);
  transition:opacity .85s cubic-bezier(.4,0,.2,1),transform .85s cubic-bezier(.4,0,.2,1)}
.au.is-visible .au-head,.au.is-visible .au-identity,.au.is-visible .au-values,.au.is-visible .au-method{opacity:1;transform:none}
.au.is-visible .au-identity{transition-delay:.09s}
.au.is-visible .au-values{transition-delay:.17s}
.au.is-visible .au-method{transition-delay:.24s}

/* --- responsive --- */
@media(max-width:1000px){
  .au{padding:58px 22px 62px}
  .au-identity{grid-template-columns:1fr;gap:34px;padding:38px 0 34px}
  .au-values-row{grid-template-columns:1fr}
  .au-value{padding:22px 0 4px;border-left:0;border-top:1px solid rgba(141,97,25,.16)}
  .au-value:first-child{border-top:0}
  .au-value::before{display:none}
  .au-method{padding:32px 24px 34px;border-radius:20px}
  .au-method-head{margin-bottom:26px}
  .au-steps{grid-template-columns:1fr;gap:26px;padding:0 0 0 30px}
  .au-steps::before,.au-steps::after{left:6px;top:6px;bottom:auto;width:1px;height:auto}
  .au-steps::before{right:auto;bottom:8px}
  .au-steps::after{width:1px;height:var(--fill,0%);transition:height .35s linear}
  .au-stp{padding:0}
  .au-stp::before{left:-30px;top:4px}
  .au-stp p{max-width:none}
  .au-handover{justify-content:flex-start}
}
@media(max-width:600px){
  .au-meta li{flex:1 1 100%;padding:13px 0;border-left:0;border-top:1px solid rgba(141,97,25,.14)}
  .au-meta li:first-child{border-top:0}
  .au-title{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .au-head,.au-identity,.au-values,.au-method{opacity:1;transform:none;transition:none}
  .au-steps::after,.au-stp::before,.au-value::before{transition:none}
}

/* ============================================================
   PAGE HERO — animated black/gold motion field (inner pages)
   ============================================================ */
.page-hero--motion{background:#040404}
.page-hero--motion .hero-motion{
  position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;
}
.page-hero--motion .hero-motion-grid{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(214,177,106,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(214,177,106,.055) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(120% 90% at 22% 46%,rgba(0,0,0,.95),transparent 72%);
}
.page-hero--motion::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,4,4,.9) 0%,rgba(4,4,4,.62) 42%,rgba(4,4,4,.24) 72%,rgba(4,4,4,.5) 100%),
             linear-gradient(180deg,rgba(4,4,4,.62) 0%,transparent 30%,transparent 66%,rgba(4,4,4,.72) 100%);
}
.page-hero--motion .page-hero-inner{position:relative;z-index:3}

/* ============================================================
   CORE VALUE ICONS
   ============================================================ */
.au-ico{
  display:block;width:38px;height:38px;margin:0 0 16px;overflow:visible;
  fill:none;stroke:#8d6119;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .45s ease,transform .55s cubic-bezier(.34,1.4,.5,1);
}
.au-ico .fillmark{fill:#a5741f;stroke:none;transition:fill .45s ease}
.au-value:hover .au-ico,.au-value:focus-within .au-ico{stroke:#a5741f;transform:translateY(-3px)}
.au-value:hover .au-ico .fillmark{fill:#c89a47}

/* ============================================================
   HERITAGE — story thread
   ============================================================ */
.heritage-story{position:relative;overflow:hidden;padding:78px 34px 80px;background:#070706;color:var(--text)}
.hs-bg{
  position:absolute;inset:-10% -5%;z-index:0;pointer-events:none;
  background:
    radial-gradient(52% 46% at 12% 8%,rgba(200,154,71,.16),transparent 62%),
    radial-gradient(46% 40% at 88% 88%,rgba(141,97,25,.15),transparent 66%),
    linear-gradient(180deg,#080807,#0c0b09 52%,#080807);
  animation:hsDrift 26s ease-in-out infinite alternate;
}
@keyframes hsDrift{from{transform:translate3d(-1.6%,-1.2%,0) scale(1.02)}to{transform:translate3d(1.8%,1.4%,0) scale(1.06)}}
.hs-shell{position:relative;z-index:1;max-width:1380px;margin:auto}
.hs-kicker{
  display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--gold-soft);
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
}
.hs-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.hs-h2{
  margin:0 0 46px;max-width:17ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.05rem,2.9vw,3.05rem);line-height:1.03;font-weight:500;letter-spacing:-.042em;
}
.hs-h2 em{font-style:normal;color:var(--gold-soft)}

.hs-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:58px;align-items:start}

.hs-thread{position:relative;list-style:none;margin:0;padding:0 0 0 42px}
.hs-thread::before{content:"";position:absolute;left:5px;top:8px;bottom:14px;width:1px;background:rgba(214,177,106,.2)}
.hs-thread::after{
  content:"";position:absolute;left:5px;top:8px;width:1px;height:var(--thread,0%);
  background:linear-gradient(180deg,#8d6119,#c89a47 55%,#efd08e);
  box-shadow:0 0 12px rgba(200,154,71,.45);transition:height .4s linear;
}
.hs-ch{position:relative;padding:0 0 40px}
.hs-ch:last-child{padding-bottom:0}
.hs-ch::before{
  content:"";position:absolute;left:-42px;top:7px;width:11px;height:11px;border-radius:50%;
  background:#0a0a09;border:1px solid rgba(214,177,106,.45);
  transition:background .5s ease,border-color .5s ease,box-shadow .5s ease;
}
.hs-ch.is-on::before{background:#efd08e;border-color:#efd08e;box-shadow:0 0 0 5px rgba(200,154,71,.15),0 0 18px rgba(239,208,142,.5)}
.hs-yr{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(215,174,101,.6);margin-bottom:9px;transition:color .5s ease;
}
.hs-ch.is-on .hs-yr{color:#d7ae65}
.hs-ch h3{
  margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;
  line-height:1.12;font-weight:500;letter-spacing:-.03em;color:rgba(243,238,228,.66);transition:color .5s ease;
}
.hs-ch.is-on h3{color:#f3eee4}
.hs-ch p{margin:0;font-size:.97rem;line-height:1.72;color:rgba(243,238,228,.7);max-width:62ch}

.hs-visual{position:relative}
.hs-visual-media{
  position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;
  border:1px solid rgba(214,177,106,.2);box-shadow:0 26px 60px rgba(0,0,0,.45);
}
.hs-visual-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,4,4,.18),rgba(4,4,4,.72)),radial-gradient(70% 50% at 50% 0%,rgba(200,154,71,.18),transparent 62%);
}
.hs-visual-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.1) translateY(var(--hsy,0px));transition:transform .6s ease-out;
}
.hs-seal{
  position:absolute;right:-14px;bottom:-16px;width:186px;padding:20px 18px 18px;border-radius:18px;text-align:center;
  background:rgba(8,8,7,.9);border:1px solid rgba(214,177,106,.3);backdrop-filter:blur(10px);
  box-shadow:0 18px 44px rgba(0,0,0,.5);
}
.hs-seal svg{
  display:block;width:46px;height:46px;margin:0 auto 10px;fill:none;
  stroke:rgba(214,177,106,.55);stroke-width:1.4;animation:sealSpin 34s linear infinite;
}
.hs-seal svg .fillmark{fill:#d7ae65;stroke:none}
@keyframes sealSpin{to{transform:rotate(360deg)}}
.hs-seal strong{display:block;font-family:Georgia,serif;font-size:1.3rem;color:#efd08e;letter-spacing:-.02em}
.hs-seal span{display:block;margin-top:5px;font-size:.66rem;line-height:1.4;color:rgba(243,238,228,.55)}

.hs-reach{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:52px;padding-top:26px;border-top:1px solid rgba(214,177,106,.16)}
.hs-reach-lab{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(243,238,228,.42);margin-right:6px;
}
.hs-pill{
  position:relative;overflow:hidden;padding:9px 18px;border-radius:999px;font-size:.85rem;
  color:rgba(243,238,228,.76);border:1px solid rgba(214,177,106,.26);background:rgba(12,11,9,.6);
  transition:color .4s ease,border-color .4s ease,transform .4s ease;
}
.hs-pill::before{
  content:"";position:absolute;inset:0;transform:translateX(-101%);
  background:linear-gradient(90deg,transparent,rgba(200,154,71,.22),transparent);transition:transform .7s ease;
}
.hs-pill:hover{color:#f3eee4;border-color:rgba(214,177,106,.55);transform:translateY(-2px)}
.hs-pill:hover::before{transform:translateX(101%)}
.hs-pill.is-home{color:#efd08e;border-color:rgba(214,177,106,.55);background:rgba(200,154,71,.1)}

/* reveal */
.hs-head,.hs-visual,.hs-reach{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.heritage-story.is-visible .hs-head,.heritage-story.is-visible .hs-visual,.heritage-story.is-visible .hs-reach{opacity:1;transform:none}
.heritage-story.is-visible .hs-visual{transition-delay:.12s}
.heritage-story.is-visible .hs-reach{transition-delay:.2s}

@media(max-width:1000px){
  .heritage-story{padding:56px 22px 60px}
  .hs-grid{grid-template-columns:1fr;gap:44px}
  .hs-visual-media{aspect-ratio:16/10}
  .hs-seal{right:12px;bottom:-14px;width:158px;padding:16px 14px 14px}
  .hs-h2{margin-bottom:34px}
}

/* ============================================================
   TECHNOLOGY STANDARDS — About page viewer (distinct from home)
   ============================================================ */
.techview{position:relative;padding:76px 34px 78px;background:linear-gradient(180deg,#0b0a08,#060605 62%,#080807);color:var(--text)}
.tv-shell{max-width:1380px;margin:auto}
.tv-head{max-width:1100px;margin-bottom:44px}
.tv-kicker{
  display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--gold-soft);
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
}
.tv-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.tv-h2{
  margin:0 0 16px;max-width:20ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.95rem,2.7vw,2.85rem);line-height:1.04;font-weight:500;letter-spacing:-.042em;
}
.tv-h2 em{font-style:normal;color:var(--gold-soft)}
.tv-intro{margin:0;max-width:70ch;font-size:.99rem;line-height:1.74;color:rgba(243,238,228,.7)}

.tv-body-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:40px;align-items:start}

/* image stage */
.tv-stage{
  position:sticky;top:calc(var(--nav-h) + 26px);border-radius:24px;overflow:hidden;
  aspect-ratio:5/6;max-height:min(520px,58svh);
  border:1px solid rgba(214,177,106,.2);box-shadow:0 28px 64px rgba(0,0,0,.5);background:#0a0a09;
}
.tv-frame{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease}
.tv-frame img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.14);transition:transform 7s linear}
.tv-frame.is-active{opacity:1}
.tv-frame.is-active img{transform:scale(1)}
.tv-stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,4,4,.1),rgba(4,4,4,.6)),radial-gradient(80% 55% at 50% 0%,rgba(200,154,71,.16),transparent 60%);
}
.tv-sweep{
  position:absolute;top:0;bottom:0;width:34%;pointer-events:none;z-index:2;
  background:linear-gradient(100deg,transparent,rgba(239,208,142,.14),transparent);
  animation:tvSweep 7.5s ease-in-out infinite;
}
@keyframes tvSweep{0%{transform:translateX(-140%)}55%,100%{transform:translateX(420%)}}
.tv-count{
  position:absolute;left:18px;bottom:16px;z-index:3;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;letter-spacing:.18em;
  color:rgba(243,238,228,.6);
}
.tv-count b{color:#efd08e;font-weight:600}

/* partner list */
.tv-list{display:grid;gap:0;border-top:1px solid rgba(214,177,106,.18)}
.tv-row{
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:20px;align-items:start;
  width:100%;text-align:left;padding:24px 4px 24px 0;background:none;border:0;
  border-bottom:1px solid rgba(214,177,106,.14);color:inherit;cursor:pointer;font:inherit;
}
.tv-row::before{
  content:"";position:absolute;left:-14px;top:0;bottom:0;width:2px;transform:scaleY(0);transform-origin:top;
  background:linear-gradient(180deg,#c89a47,#efd08e);transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.tv-row.is-active::before{transform:scaleY(1)}
.tv-row:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}
.tv-ix{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.16em;
  color:rgba(243,238,228,.34);padding-top:5px;transition:color .45s ease;
}
.tv-row.is-active .tv-ix{color:#d7ae65}
.tv-body{display:block;min-width:0}
.tv-name{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(215,174,101,.72);margin-bottom:7px;
}
.tv-title{
  display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.32rem;line-height:1.14;
  font-weight:500;letter-spacing:-.028em;color:rgba(243,238,228,.62);transition:color .45s ease;
}
.tv-row.is-active .tv-title{color:#f3eee4}
.tv-desc{
  display:block;max-height:0;overflow:hidden;opacity:0;
  font-size:.9rem;line-height:1.7;color:rgba(243,238,228,.66);
  transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .45s ease,margin .6s ease;
}
.tv-row.is-active .tv-desc{max-height:220px;opacity:1;margin-top:10px}
.tv-tags{
  display:flex;flex-wrap:wrap;gap:7px;max-height:0;overflow:hidden;opacity:0;
  transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .45s ease,margin .6s ease;
}
.tv-row.is-active .tv-tags{max-height:120px;opacity:1;margin-top:13px}
.tv-tags em{
  font-style:normal;padding:5px 11px;border-radius:999px;font-size:.7rem;
  color:rgba(243,238,228,.72);border:1px solid rgba(214,177,106,.24);background:rgba(200,154,71,.06);
}
.tv-origin{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(243,238,228,.4);padding-top:6px;white-space:nowrap;
}
.tv-row.is-active .tv-origin{color:rgba(215,174,101,.85)}
.tv-note{margin:30px 0 0;font-size:.76rem;line-height:1.6;color:rgba(243,238,228,.4);max-width:88ch}

.tv-head,.tv-stage,.tv-list{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.techview.is-visible .tv-head,.techview.is-visible .tv-stage,.techview.is-visible .tv-list{opacity:1;transform:none}
.techview.is-visible .tv-stage{transition-delay:.1s}
.techview.is-visible .tv-list{transition-delay:.16s}

@media(max-width:1000px){
  .techview{padding:56px 22px 60px}
  .tv-body-grid{grid-template-columns:1fr;gap:26px}
  .tv-stage{position:relative;top:auto;aspect-ratio:16/10;max-height:none}
  .tv-row{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0}
  .tv-origin{grid-column:2;padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .hs-bg,.hs-seal svg,.tv-sweep{animation:none}
  .hs-head,.hs-visual,.hs-reach,.tv-head,.tv-stage,.tv-list{opacity:1;transform:none;transition:none}
  .tv-frame img,.hs-visual-media img{transition:none;transform:none}
  .au-ico{transition:none}
}

/* ============================================================
   SERVICE PAGE — hero with polishing pass
   ============================================================ */
.svc-hero{position:relative;overflow:hidden;isolation:isolate;background:#050505;
  padding:calc(var(--nav-h) + 74px) 34px 76px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}
.svc-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.svc-hero-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.7s cubic-bezier(.4,0,.2,1)}
.svc-hero-layer.is-on{opacity:1}
.svc-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.07);
  filter:grayscale(.22) brightness(.52) contrast(1.06);will-change:transform}
.svc-hero-layer.is-on img{animation:svcDrift 8.5s ease-out forwards}
@keyframes svcDrift{from{transform:scale(1.07) translate3d(0,0,0)}to{transform:scale(1.17) translate3d(-1.4%,-1%,0)}}
.svc-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(94deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.82) 38%,rgba(5,5,5,.42) 70%,rgba(5,5,5,.66) 100%),
             linear-gradient(180deg,rgba(5,5,5,.7) 0%,transparent 34%,rgba(5,5,5,.72) 100%)}
.svc-hero-pass{position:absolute;top:0;bottom:0;width:26%;z-index:2;pointer-events:none;
  background:linear-gradient(102deg,transparent,rgba(239,208,142,.16),rgba(255,255,255,.06),transparent);
  animation:svcPass 9s ease-in-out infinite}
@keyframes svcPass{0%{transform:translateX(-150%)}58%,100%{transform:translateX(500%)}}
.svc-hero-inner{position:relative;z-index:3;max-width:1380px;margin:auto}
.svc-hero h1{margin:16px 0 0;max-width:15ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.5rem,5vw,4.4rem);line-height:.99;font-weight:500;letter-spacing:-.045em;color:#f6f2ea}
.svc-hero h1 em{font-style:normal;color:var(--gold-soft)}
.svc-hero-lead{margin:20px 0 0;max-width:56ch;font-size:1.04rem;line-height:1.72;color:rgba(243,238,228,.78)}
.svc-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.btn-gold,.btn-ghost{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;
  font-size:.9rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:.4s ease}
.btn-gold{color:#120d04;background:linear-gradient(180deg,#e6c079,#c89a47);box-shadow:0 14px 34px rgba(200,154,71,.26)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(200,154,71,.36)}
.btn-ghost{color:#f3eee4;border:1px solid rgba(214,177,106,.42);background:rgba(10,10,9,.42)}
.btn-ghost:hover{border-color:rgba(214,177,106,.8);background:rgba(200,154,71,.12)}

/* ============================================================
   SPECIMEN RAIL — horizontally scrolling stone library
   ============================================================ */
.specimens{padding:74px 0 66px;background:linear-gradient(160deg,#faf7f0,#f1e9da 58%,#e8dcc6);color:#1a1710}
.sp-shell{max-width:1380px;margin:auto;padding:0 34px}
.sp-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#8d6119;
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.sp-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.sp-h2{margin:0;max-width:20ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.95rem,2.7vw,2.85rem);line-height:1.04;font-weight:500;letter-spacing:-.042em}
.sp-h2 em{font-style:normal;color:#a5741f}
.sp-note{margin:14px 0 30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#8a8175}
.sp-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;
  margin:0 -34px;padding:6px 34px 10px;scroll-snap-type:x proximity}
.sp-rail::-webkit-scrollbar{display:none}
.sp-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.sp-rail:focus-visible{outline:2px solid #a5741f;outline-offset:3px}
.sp-track{display:flex;gap:22px;width:max-content}
.sp-card{flex:0 0 330px;scroll-snap-align:start}
.sp-media{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;
  border:1px solid rgba(141,97,25,.22);box-shadow:0 18px 40px rgba(26,23,16,.16)}
.sp-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);transition:transform .8s cubic-bezier(.4,0,.2,1)}
.sp-card:hover .sp-media img{transform:scale(1.12)}
.sp-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,7,.06),rgba(8,8,7,.46))}
.sp-ix{position:absolute;z-index:2;left:14px;top:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.62rem;letter-spacing:.18em;color:#efd08e}
.sp-card h3{margin:17px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:1.34rem;
  line-height:1.12;font-weight:500;letter-spacing:-.028em}
.sp-card>p{margin:0 0 13px;font-size:.9rem;line-height:1.66;color:#4a4237}
.sp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.sp-chips li{padding:5px 11px;border-radius:999px;font-size:.7rem;color:#5d5346;
  border:1px solid rgba(141,97,25,.26);background:rgba(141,97,25,.05)}
.sp-progress{max-width:1380px;margin:24px auto 0;padding:0 34px}
.sp-progress span{display:block;height:2px;border-radius:2px;background:rgba(141,97,25,.18);position:relative}
.sp-progress span::after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--sp,24%);
  border-radius:2px;background:linear-gradient(90deg,#8d6119,#c89a47)}

/* ============================================================
   POLISH LINE — five passes, rotating disc
   ============================================================ */
.polishline{position:relative;padding:78px 34px 82px;background:linear-gradient(180deg,#080807,#0c0b09 55%,#070706);color:var(--text)}
.pl-shell{max-width:1380px;margin:auto}
.pl-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--gold-soft);
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.pl-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.pl-h2{margin:0 0 48px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.95rem,2.7vw,2.85rem);line-height:1.04;font-weight:500;letter-spacing:-.042em}
.pl-h2 em{font-style:normal;color:var(--gold-soft)}
.pl-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:start}
.pl-steps{list-style:none;margin:0;padding:0}
.pl-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:24px 0;
  border-top:1px solid rgba(214,177,106,.14)}
.pl-step:first-child{border-top:0;padding-top:0}
.pl-no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.16em;
  color:rgba(243,238,228,.32);padding-top:6px;transition:color .5s ease}
.pl-step.is-on .pl-no{color:#d7ae65}
.pl-step h3{margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:1.36rem;line-height:1.14;
  font-weight:500;letter-spacing:-.03em;color:rgba(243,238,228,.6);transition:color .5s ease}
.pl-step.is-on h3{color:#f3eee4}
.pl-step p{margin:0;font-size:.94rem;line-height:1.72;color:rgba(243,238,228,.66);max-width:56ch}

.pl-disc{position:sticky;top:calc(var(--nav-h) + 34px);display:grid;justify-items:center;gap:20px}
.pl-disc-ring{position:relative;width:min(400px,88%);aspect-ratio:1}
.pl-disc-face{position:absolute;inset:11px;border-radius:50%;overflow:hidden;
  border:1px solid rgba(214,177,106,.28);box-shadow:0 26px 60px rgba(0,0,0,.55), inset 0 0 40px rgba(0,0,0,.5);
  transform:rotate(var(--spin,0deg));transition:transform .25s linear}
.pl-disc-face img{width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(calc(1 - var(--gloss,0)))
         contrast(calc(.86 + var(--gloss,0)*.34))
         brightness(calc(.62 + var(--gloss,0)*.5))
         saturate(calc(.5 + var(--gloss,0)*.7));
  transition:filter .5s ease}
.pl-disc-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(239,208,142,calc(.02 + var(--gloss,0)*.3)) 42deg,rgba(255,255,255,0) 96deg,rgba(255,255,255,0) 210deg,rgba(239,208,142,calc(.01 + var(--gloss,0)*.18)) 256deg,rgba(255,255,255,0) 320deg)}
.pl-disc-svg{position:absolute;inset:0;width:100%;height:100%;fill:none;
  stroke:rgba(214,177,106,.3);stroke-width:1.2;transform:rotate(calc(var(--spin,0deg) * -.4))}
.pl-disc-svg .dash{stroke:rgba(214,177,106,.5);stroke-dasharray:3 13;stroke-linecap:round}
.pl-readout{display:flex;align-items:baseline;gap:12px}
.pl-readout span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(243,238,228,.42)}
.pl-readout strong{font-family:Georgia,serif;font-size:1.35rem;font-weight:500;color:#efd08e;letter-spacing:-.02em}

/* ============================================================
   SURFACE APPLICATIONS
   ============================================================ */
.applied{padding:68px 34px 72px;background:linear-gradient(158deg,#f8f4ec,#efe6d6 56%,#e8dcc7);color:#1a1710}
.ap-shell{max-width:1380px;margin:auto}
.ap-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#8d6119;
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.ap-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.ap-h2{margin:0 0 34px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.85rem,2.5vw,2.6rem);line-height:1.05;font-weight:500;letter-spacing:-.042em}
.ap-h2 em{font-style:normal;color:#a5741f}
.ap-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;margin:0;padding:0;
  border-top:1px solid rgba(141,97,25,.24)}
.ap-list li{display:flex;align-items:baseline;gap:14px;padding:18px 22px 18px 0;
  border-bottom:1px solid rgba(141,97,25,.14);font-family:Georgia,serif;font-size:1.1rem;letter-spacing:-.02em;
  transition:color .4s ease,transform .4s ease}
.ap-list li:hover{color:#8d6119;transform:translateX(4px)}
.ap-n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.16em;color:#a5741f}
.ap-cross{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;padding-top:22px;
  border-top:1px solid rgba(141,97,25,.2)}
.ap-cross span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:#8a8175}
.ap-cross a{padding:10px 18px;border-radius:999px;font-size:.88rem;text-decoration:none;color:#4a4237;
  border:1px solid rgba(141,97,25,.28);transition:.4s ease}
.ap-cross a:hover{color:#1a1710;border-color:#a5741f;background:rgba(200,154,71,.1);transform:translateY(-2px)}

/* reveals */
.sp-head,.sp-rail,.pl-head,.pl-steps,.pl-disc,.ap-shell{opacity:0;transform:translateY(20px);
  transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.specimens.is-visible .sp-head,.specimens.is-visible .sp-rail,
.polishline.is-visible .pl-head,.polishline.is-visible .pl-steps,.polishline.is-visible .pl-disc,
.applied.is-visible .ap-shell{opacity:1;transform:none}
.specimens.is-visible .sp-rail{transition-delay:.1s}
.polishline.is-visible .pl-disc{transition-delay:.12s}

@media(max-width:1000px){
  .svc-hero{padding:calc(var(--nav-h) + 46px) 22px 52px}
  .specimens{padding:56px 0 52px}
  .sp-shell,.sp-progress{padding:0 22px}
  .sp-rail{margin:0 -22px;padding:6px 22px 10px}
  .sp-card{flex-basis:270px}
  .polishline{padding:56px 22px 60px}
  .pl-grid{grid-template-columns:1fr;gap:38px}
  .pl-disc{position:relative;top:auto;order:-1}
  .pl-disc-ring{width:min(300px,72%)}
  .applied{padding:52px 22px 56px}
}
@media(prefers-reduced-motion:reduce){
  .svc-hero-pass{animation:none;opacity:0}
  .svc-hero-layer.is-on img{animation:none}
  .pl-disc-face{transform:none}
  .pl-disc-svg{transform:none}
  .sp-head,.sp-rail,.pl-head,.pl-steps,.pl-disc,.ap-shell{opacity:1;transform:none;transition:none}
}

/* ============================================================
   ANTI-SLIP HERO — cursor parallax, bright
   ============================================================ */
.as-hero{position:relative;overflow:hidden;isolation:isolate;background:#0a0a09;
  padding:calc(var(--nav-h) + 78px) 34px 84px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}
.as-hero-deep{position:absolute;inset:-16% 0;z-index:0;will-change:transform;
  transform:translate3d(calc(var(--px,0) * -38px),calc(var(--py,0) * -28px + var(--sy,0px)),0) scale(1.18);
  transition:transform .5s cubic-bezier(.2,.8,.3,1)}
.as-hero-deep img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.72) saturate(1.05) contrast(1.04)}
.as-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(96deg,rgba(6,6,5,.9) 0%,rgba(6,6,5,.66) 40%,rgba(6,6,5,.22) 74%,rgba(6,6,5,.44) 100%),
             linear-gradient(180deg,rgba(6,6,5,.66) 0%,transparent 32%,rgba(6,6,5,.6) 100%)}
.as-hero-mid{position:absolute;inset:-8%;z-index:2;pointer-events:none;opacity:.85;
  background:radial-gradient(38% 34% at 26% 34%,rgba(239,208,142,.2),transparent 66%),
             radial-gradient(30% 28% at 78% 70%,rgba(200,154,71,.16),transparent 68%);
  transform:translate3d(calc(var(--px,0) * 62px),calc(var(--py,0) * 46px),0);
  transition:transform .45s cubic-bezier(.2,.8,.3,1)}
.as-hero-wet{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(180px 180px at var(--cx,50%) var(--cy,50%),rgba(239,208,142,.16),rgba(239,208,142,.05) 42%,transparent 70%);
  opacity:0;transition:opacity .5s ease}
.as-hero:hover .as-hero-wet{opacity:1}
.as-hero-inner{position:relative;z-index:4;max-width:1380px;margin:auto;
  transform:translate3d(calc(var(--px,0) * 16px),calc(var(--py,0) * 11px),0);
  transition:transform .6s cubic-bezier(.2,.8,.3,1)}
.as-hero h1{margin:16px 0 0;max-width:14ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.5rem,5vw,4.4rem);line-height:.99;font-weight:500;letter-spacing:-.045em;color:#fbf8f2;
  text-shadow:0 2px 30px rgba(0,0,0,.5)}
.as-hero h1 em{font-style:normal;color:#efd08e}
.as-hero-lead{margin:20px 0 0;max-width:60ch;font-size:1.06rem;line-height:1.72;color:rgba(250,246,238,.92);
  text-shadow:0 1px 18px rgba(0,0,0,.55)}
.as-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}

/* ============================================================
   HOW IT WORKS — bright, with cross-section diagram
   ============================================================ */
.howworks{padding:76px 34px 78px;background:linear-gradient(162deg,#fdfbf6,#f4eee1 56%,#ece2d0);color:#1a1710}
.hw-shell{max-width:1380px;margin:auto}
.hw-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#8d6119;
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.hw-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.hw-h2{margin:0 0 44px;max-width:20ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.95rem,2.7vw,2.85rem);line-height:1.04;font-weight:500;letter-spacing:-.042em}
.hw-h2 em{font-style:normal;color:#a5741f}
.hw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:52px;align-items:center}
.hw-list{margin:0;border-top:1px solid rgba(141,97,25,.24)}
.hw-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;padding:24px 0;
  border-bottom:1px solid rgba(141,97,25,.14)}
.hw-item dt{margin:0;font-family:Georgia,serif;font-size:1.2rem;font-weight:500;color:#8d6119;letter-spacing:-.02em}
.hw-item dd{margin:0;font-size:1rem;line-height:1.74;color:#3f382e}
.hw-fig{margin:0}
.hw-fig figcaption{margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#8a8175}

/* ============================================================
   BENEFITS — click-to-flip cards
   ============================================================ */
.benefits{padding:74px 34px 80px;background:linear-gradient(180deg,#080807,#0d0c0a 56%,#080807);color:var(--text)}
.bn-shell{max-width:1380px;margin:auto}
.bn-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--gold-soft);
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.bn-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.bn-h2{margin:0 0 42px;max-width:22ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.95rem,2.7vw,2.85rem);line-height:1.04;font-weight:500;letter-spacing:-.042em}
.bn-h2 em{font-style:normal;color:var(--gold-soft)}
.fc-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px;margin:0;padding:0}
.fc{perspective:1400px}
.fc-inner{position:relative;display:block;width:100%;min-height:290px;padding:0;border:0;background:none;
  font:inherit;color:inherit;text-align:left;cursor:pointer;transform-style:preserve-3d;
  transition:transform .78s cubic-bezier(.4,.05,.2,1)}
.fc-inner[aria-pressed="true"]{transform:rotateY(180deg)}
.fc-inner:focus-visible{outline:2px solid var(--gold-soft);outline-offset:6px;border-radius:20px}
.fc-face{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:20px;padding:26px 24px;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(214,177,106,.24);overflow:hidden}
.fc-front{background:linear-gradient(168deg,rgba(20,18,14,.95),rgba(10,10,9,.92));
  box-shadow:0 20px 46px rgba(0,0,0,.4);transition:border-color .45s ease,transform .45s ease}
.fc-inner:hover .fc-front{border-color:rgba(214,177,106,.5)}
.fc-front::after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;transform:rotate(18deg) translateX(-140%);
  background:linear-gradient(90deg,transparent,rgba(239,208,142,.1),transparent);transition:transform .9s ease}
.fc-inner:hover .fc-front::after{transform:rotate(18deg) translateX(320%)}
.fc-ico{display:block;width:40px;height:40px;margin-bottom:auto}
.fc-ico svg{width:100%;height:100%;fill:none;stroke:var(--gold-soft);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.fc-no{position:absolute;top:24px;right:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.62rem;letter-spacing:.18em;color:rgba(243,238,228,.34)}
.fc-t{display:block;margin-top:22px;font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;
  line-height:1.14;font-weight:500;letter-spacing:-.028em;color:#f3eee4}
.fc-hint{display:block;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(215,174,101,.7)}
.fc-back{transform:rotateY(180deg);justify-content:center;
  background:linear-gradient(168deg,rgba(200,154,71,.16),rgba(12,11,9,.96) 62%);border-color:rgba(214,177,106,.45)}
.fc-t-sm{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;
  letter-spacing:.2em;text-transform:uppercase;color:#d7ae65;margin-bottom:14px}
.fc-d{display:block;font-size:1rem;line-height:1.7;color:rgba(246,242,234,.94)}

/* ============================================================
   COMPATIBLE FLOOR TYPES
   ============================================================ */
.compat{padding:64px 34px 66px;background:linear-gradient(158deg,#f8f4ec,#efe6d6 56%,#e8dcc7);color:#1a1710}
.cp-shell{max-width:1380px;margin:auto}
.cp-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:#8d6119;
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.cp-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.cp-h2{margin:0 0 28px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:1.05;font-weight:500;letter-spacing:-.042em}
.cp-h2 em{font-style:normal;color:#a5741f}
.cp-list{list-style:none;display:flex;flex-wrap:wrap;gap:11px;margin:0;padding:0}
.cp-list li{padding:12px 22px;border-radius:999px;font-family:Georgia,serif;font-size:1.02rem;color:#3f382e;
  border:1px solid rgba(141,97,25,.3);background:rgba(255,255,255,.42);transition:.4s ease}
.cp-list li:hover{color:#1a1710;border-color:#a5741f;background:rgba(200,154,71,.14);transform:translateY(-3px)}

/* ============================================================
   TARGET ZONES — parallax photo band
   ============================================================ */
.zones{position:relative;overflow:hidden;isolation:isolate;padding:76px 34px 80px;background:#070706;color:var(--text)}
.zn-bg{position:absolute;inset:-18% 0;z-index:0;will-change:transform;
  transform:translate3d(calc(var(--px,0) * -30px),calc(var(--py,0) * -22px + var(--sy,0px)),0) scale(1.06)}
.zn-bg img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.72) saturate(1.06)}
.zones::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(6,6,5,.86) 0%,rgba(6,6,5,.6) 46%,rgba(6,6,5,.3) 100%),linear-gradient(180deg,rgba(6,6,5,.5),transparent 26%,rgba(6,6,5,.5))}
.zn-shell{position:relative;z-index:2;max-width:1380px;margin:auto}
.zn-kicker{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--gold-soft);
  font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.zn-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.zn-h2{margin:0 0 32px;max-width:18ch;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.95rem,2.7vw,2.85rem);line-height:1.04;font-weight:500;letter-spacing:-.042em;
  text-shadow:0 2px 26px rgba(0,0,0,.5)}
.zn-h2 em{font-style:normal;color:#efd08e}
.zn-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:0;margin:0;padding:0;
  border-top:1px solid rgba(214,177,106,.2)}
.zn-list li{display:flex;align-items:baseline;gap:14px;padding:17px 20px 17px 0;
  border-bottom:1px solid rgba(214,177,106,.12);font-family:Georgia,serif;font-size:1.08rem;
  color:rgba(246,242,234,.92);transition:color .4s ease,transform .4s ease}
.zn-list li:hover{color:#efd08e;transform:translateX(4px)}
.zn-n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.16em;color:rgba(215,174,101,.8)}
.zn-cross{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;padding-top:22px;
  border-top:1px solid rgba(214,177,106,.18)}
.zn-cross span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(243,238,228,.45)}
.zn-cross a{padding:10px 18px;border-radius:999px;font-size:.88rem;text-decoration:none;color:rgba(243,238,228,.85);
  border:1px solid rgba(214,177,106,.3);transition:.4s ease}
.zn-cross a:hover{color:#efd08e;border-color:rgba(214,177,106,.7);background:rgba(200,154,71,.12);transform:translateY(-2px)}

/* reveals */
.hw-head,.hw-list,.hw-fig,.bn-head,.fc-grid,.cp-shell,.zn-shell{opacity:0;transform:translateY(20px);
  transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.howworks.is-visible .hw-head,.howworks.is-visible .hw-list,.howworks.is-visible .hw-fig,
.benefits.is-visible .bn-head,.benefits.is-visible .fc-grid,
.compat.is-visible .cp-shell,.zones.is-visible .zn-shell{opacity:1;transform:none}
.howworks.is-visible .hw-fig{transition-delay:.12s}
.benefits.is-visible .fc-grid{transition-delay:.1s}

@media(max-width:1000px){
  .as-hero{padding:calc(var(--nav-h) + 46px) 22px 56px}
  .howworks{padding:56px 22px 58px}
  .hw-grid{grid-template-columns:1fr;gap:34px}
  .hw-item{grid-template-columns:118px minmax(0,1fr);gap:16px}
  .benefits{padding:56px 22px 60px}
  .fc-inner{min-height:262px}
  .compat{padding:48px 22px 50px}
  .zones{padding:56px 22px 60px}
}
@media(max-width:600px){
  .hw-item{grid-template-columns:1fr;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .as-hero-deep,.as-hero-mid,.as-hero-inner,.zn-bg,.hw-ph,.hw-badge{transform:none;transition:none}
  .as-hero-wet{display:none}
  .fc-inner{transition:none}
  .hw-head,.hw-list,.hw-fig,.bn-head,.fc-grid,.cp-shell,.zn-shell{opacity:1;transform:none;transition:none}
}

/* ---- How It Works: parallax photo stack ---- */
.hw-stack{position:relative;aspect-ratio:1/1;max-width:560px;margin-left:auto}
.hw-ph{position:absolute;border-radius:20px;overflow:hidden;
  border:1px solid rgba(141,97,25,.28);box-shadow:0 26px 60px rgba(26,23,16,.28);
  transition:transform .5s cubic-bezier(.2,.8,.3,1)}
.hw-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hw-ph-a{left:0;top:0;width:76%;height:66%;
  transform:translate3d(calc(var(--px,0) * -26px),calc(var(--py,0) * -18px + var(--sy,0px) * .55),0)}
.hw-ph-b{right:0;bottom:6%;width:58%;height:52%;z-index:3;
  transform:translate3d(calc(var(--px,0) * 34px),calc(var(--py,0) * 24px + var(--sy,0px) * -.75),0)}
.hw-ph-c{left:8%;bottom:0;width:44%;height:40%;z-index:2;
  transform:translate3d(calc(var(--px,0) * 14px),calc(var(--py,0) * 10px + var(--sy,0px) * -.35),0)}
.hw-tag{position:absolute;left:12px;top:11px;padding:6px 12px;border-radius:999px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;
  color:#0f0c06;background:linear-gradient(180deg,#e6c079,#c89a47)}
.hw-tag-warn{color:#f6f2ea;background:rgba(18,16,12,.82);border:1px solid rgba(214,177,106,.4)}
.hw-badge{position:absolute;left:0;bottom:16%;z-index:4;padding:16px 20px;border-radius:16px;text-align:left;
  background:rgba(12,11,9,.9);border:1px solid rgba(214,177,106,.34);backdrop-filter:blur(10px);
  box-shadow:0 18px 42px rgba(0,0,0,.4);
  transform:translate3d(calc(var(--px,0) * -46px),calc(var(--py,0) * -32px),0)}
.hw-badge strong{display:block;font-family:Georgia,serif;font-size:1.7rem;line-height:1;color:#efd08e;letter-spacing:-.03em}
.hw-badge span{display:block;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,238,228,.62)}

/* ---- flip card front photo ---- */
.fc-ph{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:20px}
.fc-ph img{width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.08);filter:brightness(.46) saturate(.92);transition:transform .9s cubic-bezier(.4,0,.2,1),filter .6s ease}
.fc-inner:hover .fc-ph img{transform:scale(1.16);filter:brightness(.58) saturate(1)}
.fc-ph::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,6,5,.34) 0%,rgba(6,6,5,.62) 52%,rgba(6,6,5,.9) 100%)}
.fc-front{background:linear-gradient(168deg,rgba(20,18,14,.4),rgba(10,10,9,.5))}
.fc-ico,.fc-no,.fc-t,.fc-hint{position:relative;z-index:2}
.fc-ico svg{filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}
.fc-t{text-shadow:0 2px 16px rgba(0,0,0,.7)}

@media(max-width:1000px){
  .hw-stack{max-width:none;margin:0 auto;aspect-ratio:4/3}
  .hw-badge{padding:13px 16px}
  .hw-badge strong{font-size:1.4rem}
}
@media(prefers-reduced-motion:reduce){
  .hw-ph,.hw-badge{transform:none;transition:none}
  .fc-ph img{transition:none}
}

/* ============================================================
   NAV SERVICES DROPDOWN — shared across all current pages
   ============================================================ */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-drop-toggle{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;
  color:rgba(243,238,228,.94);font:inherit;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative
}
.nav-drop-toggle svg{width:15px;height:15px;transition:transform .22s ease;color:var(--gold-soft)}
.nav-drop-toggle.active::after,.nav-drop-toggle:hover::after,.nav-dropdown:focus-within .nav-drop-toggle::after{
  content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 16px rgba(214,177,106,.35)
}
.nav-submenu{
  position:absolute;top:calc(100% + 22px);left:50%;width:270px;padding:8px;
  background:rgba(7,7,7,.98);border:1px solid rgba(214,177,106,.22);border-radius:14px;
  box-shadow:0 22px 55px rgba(0,0,0,.5);backdrop-filter:blur(18px);
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:80
}
.nav-submenu::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.nav-submenu a{
  display:block;padding:11px 13px!important;border:0!important;border-radius:9px;color:rgba(243,238,228,.88)!important;
  font-size:.88rem!important;line-height:1.25;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease
}
.nav-submenu a::after{display:none!important}
.nav-submenu a:hover,.nav-submenu a:focus-visible,.nav-submenu a.active-sub{
  background:rgba(214,177,106,.1);color:var(--gold-bright)!important;transform:translateX(2px)
}
@media(min-width:1081px){
  .nav{gap:clamp(18px,1.65vw,30px)}
  .nav>a,.nav-drop-toggle{font-size:clamp(.88rem,.86vw,1rem)}
  .nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.is-open .nav-submenu{
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
  }
  .nav-dropdown:hover .nav-drop-toggle svg,.nav-dropdown:focus-within .nav-drop-toggle svg,.nav-dropdown.is-open .nav-drop-toggle svg{transform:rotate(180deg)}
}
@media(max-width:1080px){
  .nav-dropdown{display:block;width:100%}
  .nav-drop-toggle{
    width:100%;justify-content:space-between;padding:15px 4px;border-bottom:1px solid rgba(214,177,106,.1);
    font-size:1.02rem;text-align:left
  }
  .nav-drop-toggle.active::after,.nav-drop-toggle:hover::after,.nav-dropdown:focus-within .nav-drop-toggle::after{
    left:0;right:auto;bottom:11px;width:26px
  }
  .nav-dropdown.is-open .nav-drop-toggle svg{transform:rotate(180deg)}
  .nav-submenu{
    position:static;width:100%;padding:0 0 0 14px;border:0;border-radius:0;box-shadow:none;background:rgba(214,177,106,.025);
    backdrop-filter:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none;transition:none
  }
  .nav-dropdown.is-open .nav-submenu{display:block}
  .nav-submenu::before{display:none}
  .nav-submenu a{padding:12px 10px!important;border-bottom:1px solid rgba(214,177,106,.08)!important;font-size:.92rem!important}
  .nav-submenu a:last-child{border-bottom:0!important}
  .nav-submenu a:hover,.nav-submenu a:focus-visible,.nav-submenu a.active-sub{transform:none}
}
#polished-concrete-service{scroll-margin-top:100px}