:root{
  --navy:#0a0f1e; --navy2:#111827; --navy3:#1a2235;
  --gold:#c9a84c; --gold-light:#e8c97a;
  --green:#1a7a4a; --orange:#e07b2a;
  --white:#f5f5f0; --gray:#8a8f9e;
  --border:rgba(201,168,76,0.18);
  --light-bg:#f8f7f3; --light-text:#1a1a2e;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--white);font-family:'Inter',sans-serif;cursor:none;overflow-x:hidden}

/* ── CURSOR ── */
#cursor{width:12px;height:12px;background:var(--gold);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s}
#cursor-ring{width:40px;height:40px;border:1px solid rgba(201,168,76,0.5);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .25s}
body:has(a:hover) #cursor,body:has(button:hover) #cursor{width:20px;height:20px;background:var(--orange)}
body:has(a:hover) #cursor-ring,body:has(button:hover) #cursor-ring{width:60px;height:60px}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--gold)}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:24px 60px;transition:background .4s,padding .4s}
nav.scrolled{background:rgba(10,15,30,0.96);backdrop-filter:blur(12px);padding:14px 60px;border-bottom:1px solid var(--border)}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:4px;color:var(--gold);text-decoration:none}
.nav-logo span{color:var(--white)}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links a{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(245,245,240,0.7);text-decoration:none;transition:color .3s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:10px 24px;text-decoration:none;cursor:none;transition:background .3s}
.nav-cta:hover{background:var(--gold-light)}
.lang-switcher{display:flex;gap:6px;align-items:center;font-size:11px}
.lang-switcher span{color:rgba(245,245,240,0.4);padding:4px 8px;cursor:none;transition:color .3s}
.lang-switcher span.active{color:var(--gold);border-bottom:1px solid var(--gold)}
.lang-div{color:rgba(245,245,240,0.2)}

/* ── PAGE HERO ── */
.page-hero-bg{position:absolute;inset:0;overflow:hidden}
.page-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;animation:heroZoom 8s ease forwards}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
.page-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to right,rgba(10,15,30,0.92) 0%,rgba(10,15,30,0.6) 60%,rgba(10,15,30,0.3) 100%);
}
.page-hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,168,76,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,0.03) 1px,transparent 1px);
  background-size:80px 80px;
}
.page-breadcrumb{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.page-breadcrumb a{color:rgba(245,245,240,0.5);text-decoration:none;transition:color .3s}
.page-breadcrumb a:hover{color:var(--gold)}
.page-breadcrumb span{color:rgba(245,245,240,0.3)}
.page-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,96px);line-height:0.9;letter-spacing:2px}
.page-title em{font-style:normal;color:var(--gold);display:block}
.page-hero-line{width:60px;height:2px;background:var(--gold);margin-top:20px}

/* ── SUB-NAV TABS ── */
.sub-nav{
  background:var(--navy2);
  border-bottom:1px solid var(--border);
  position:sticky;top:72px;z-index:900;
}
.sub-nav-inner{
  display:flex;gap:0;
  max-width:1400px;margin:0 auto;padding:0 60px;
  overflow-x:auto;
}
.sub-nav-inner::-webkit-scrollbar{height:2px}
.sub-tab{
  font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:var(--gray);padding:18px 28px;
  text-decoration:none;border-bottom:2px solid transparent;
  transition:all .3s;white-space:nowrap;cursor:none;
}
.sub-tab:hover{color:var(--white)}
.sub-tab.active{color:var(--gold);border-bottom-color:var(--gold)}

/* ── SECTIONS COMMON ── */
.section-eyebrow{font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px}
.section-eyebrow::before{content:'';width:28px;height:1px;background:var(--gold)}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,4.5vw,64px);line-height:1;letter-spacing:1px;margin-bottom:20px}
.section-desc{font-size:15px;line-height:1.8;color:rgba(245,245,240,0.65);max-width:580px}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ══════════════════════════════════
   SECTION 1 — OVERVIEW (dark)
══════════════════════════════════ */
#overview{padding:100px 60px;background:var(--navy)}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.overview-visual{position:relative;aspect-ratio:4/5;overflow:hidden}
.overview-img{
  width:100%;height:100%;object-fit:cover;
  background: url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=800&q=80') center/cover no-repeat;
}
.overview-accent{position:absolute;top:-12px;right:-12px;width:55%;height:55%;border-top:2px solid var(--gold);border-right:2px solid var(--gold)}
.overview-badge{position:absolute;bottom:28px;left:28px;background:var(--gold);color:var(--navy);padding:14px 20px;font-family:'Bebas Neue',sans-serif;font-size:13px;letter-spacing:2px}
.overview-badge strong{display:block;font-size:38px;line-height:1}
.overview-content .section-desc{margin-bottom:36px}
.overview-pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.o-pillar{padding:18px;border:1px solid var(--border);transition:border-color .3s,background .3s}
.o-pillar:hover{border-color:var(--gold);background:rgba(201,168,76,0.04)}
.o-pillar-icon{font-size:22px;margin-bottom:8px}
.o-pillar-title{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:4px}
.o-pillar-text{font-size:11px;color:var(--gray);line-height:1.6}

/* ══════════════════════════════════
   SECTION 2 — HISTORY (light)
══════════════════════════════════ */
#history{padding:100px 60px;background:var(--light-bg);color:var(--light-text)}
#history .section-eyebrow{color:var(--gold)}
#history .section-title{color:var(--light-text)}
#history .section-desc{color:rgba(26,26,46,0.7)}

.timeline{position:relative;max-width:900px;margin:60px auto 0}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border);transform:translateX(-50%)}
.tl-item{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;margin-bottom:60px;align-items:start}
.tl-item:nth-child(odd) .tl-content{grid-column:1;text-align:right;padding-right:40px}
.tl-item:nth-child(odd) .tl-dot{grid-column:2}
.tl-item:nth-child(odd) .tl-empty{grid-column:3}
.tl-item:nth-child(even) .tl-empty{grid-column:1}
.tl-item:nth-child(even) .tl-dot{grid-column:2}
.tl-item:nth-child(even) .tl-content{grid-column:3;padding-left:40px}
.tl-dot{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:2}
.tl-dot-circle{width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid var(--light-bg);box-shadow:0 0 0 2px var(--gold);margin-top:6px}
.tl-year{font-family:'Bebas Neue',sans-serif;font-size:13px;color:var(--gold);letter-spacing:2px;margin-top:6px;white-space:nowrap}
.tl-content{background:#fff;padding:24px 28px;border:1px solid rgba(201,168,76,0.12);transition:border-color .3s,box-shadow .3s}
.tl-content:hover{border-color:var(--gold);box-shadow:0 8px 32px rgba(201,168,76,0.1)}
.tl-content h4{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--light-text);margin-bottom:8px}
.tl-content p{font-size:13px;line-height:1.7;color:rgba(26,26,46,0.65)}

/* ══════════════════════════════════
   SECTION 3 — OUR BUSINESS (dark)
══════════════════════════════════ */
#business{padding:100px 60px;background:var(--navy2)}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px}
.biz-card{padding:48px 36px;background:var(--navy);border:1px solid var(--border);position:relative;overflow:hidden;transition:border-color .4s,background .4s}
.biz-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.biz-card:hover{border-color:var(--gold);background:rgba(201,168,76,0.03)}
.biz-card:hover::before{transform:scaleX(1)}
.biz-card:nth-child(2)::before{background:linear-gradient(to right,var(--green),transparent)}
.biz-card:nth-child(3)::before{background:linear-gradient(to right,var(--orange),transparent)}
.biz-num{font-family:'Bebas Neue',sans-serif;font-size:64px;color:rgba(201,168,76,0.08);line-height:1;margin-bottom:-10px}
.biz-icon{font-size:32px;margin-bottom:16px}
.biz-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;margin-bottom:8px}
.biz-abbr{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.biz-desc{font-size:13px;line-height:1.7;color:var(--gray);margin-bottom:24px}
.biz-list{list-style:none}
.biz-list li{font-size:12px;color:rgba(245,245,240,0.55);padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04);display:flex;align-items:center;gap:8px}
.biz-list li::before{content:'→';color:var(--gold);font-size:10px;flex-shrink:0}

/* ══════════════════════════════════
   SECTION 4 — PHILOSOPHY (light)
══════════════════════════════════ */
#philosophy{padding:100px 60px;background:var(--light-bg);color:var(--light-text)}
#philosophy .section-eyebrow{color:var(--gold)}
#philosophy .section-title{color:var(--light-text)}
.philosophy-intro{font-size:20px;font-family:'Playfair Display',serif;font-style:italic;color:rgba(26,26,46,0.75);max-width:700px;line-height:1.7;margin:0 auto 70px;text-align:center;padding-top:20px}
.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.phil-card{padding:40px 32px;background:#fff;border:1px solid rgba(201,168,76,0.12);text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}
.phil-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(201,168,76,0.12);border-color:var(--gold)}
.phil-icon{font-size:40px;margin-bottom:16px}
.phil-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--light-text);margin-bottom:12px}
.phil-text{font-size:13px;line-height:1.75;color:rgba(26,26,46,0.65)}
.philosophy-quote{
  margin-top:60px;padding:48px 60px;
  background:var(--navy);color:var(--white);
  text-align:center;position:relative;
}
.philosophy-quote::before{content:'"';font-family:'Playfair Display',serif;font-size:120px;color:rgba(201,168,76,0.1);position:absolute;top:-20px;left:40px;line-height:1}
.philosophy-quote p{font-family:'Playfair Display',serif;font-size:18px;font-style:italic;line-height:1.8;color:rgba(245,245,240,0.85);max-width:700px;margin:0 auto}
.philosophy-quote cite{display:block;margin-top:20px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-style:normal}

/* ══════════════════════════════════
   SECTION 5 — COMPANY INFO (dark)
══════════════════════════════════ */
#info{padding:100px 60px;background:var(--navy)}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:60px}
.info-table{width:100%;border-collapse:collapse}
.info-table tr{border-bottom:1px solid var(--border)}
.info-table tr:last-child{border-bottom:none}
.info-table td{padding:16px 0;vertical-align:top}
.info-table td:first-child{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);width:40%;padding-right:20px}
.info-table td:last-child{font-size:14px;color:rgba(245,245,240,0.8);line-height:1.6}
.info-map{background:var(--navy2);border:1px solid var(--border);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.info-map-placeholder{text-align:center}
.info-map-placeholder .map-icon{font-size:48px;opacity:0.3;margin-bottom:12px}
.info-map-placeholder p{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gray)}
.info-map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 6px rgba(201,168,76,0.2),0 0 0 12px rgba(201,168,76,0.1);animation:mapPing 2s ease-in-out infinite}
@keyframes mapPing{0%,100%{box-shadow:0 0 0 6px rgba(201,168,76,0.2),0 0 0 12px rgba(201,168,76,0.1)}50%{box-shadow:0 0 0 10px rgba(201,168,76,0.15),0 0 0 20px rgba(201,168,76,0.05)}}
.info-certifications{margin-top:40px}
.info-cert-title{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.info-cert-grid{display:flex;gap:12px;flex-wrap:wrap}
.cert-badge{padding:8px 16px;border:1px solid var(--border);font-size:11px;letter-spacing:1px;color:var(--gray);transition:border-color .3s,color .3s}
.cert-badge:hover{border-color:var(--gold);color:var(--gold)}

/* ── CTA STRIP ── */
.cta-strip{background:var(--gold);padding:72px 60px;display:flex;align-items:center;justify-content:space-between}
.cta-strip-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4.5vw,60px);color:var(--navy);line-height:1;letter-spacing:2px}
.cta-strip-title em{font-style:normal;color:rgba(10,15,30,0.6)}
.btn-dark{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:var(--navy);color:var(--gold);padding:16px 36px;text-decoration:none;transition:all .3s;cursor:none;white-space:nowrap;flex-shrink:0}
.btn-dark:hover{background:var(--navy2);transform:translateY(-2px)}

/* ── FOOTER ── */
footer{background:#060b14;padding:72px 60px 36px;border-top:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:56px}
.footer-brand .nav-logo{display:block;margin-bottom:18px;font-size:30px}
.footer-tagline{font-size:13px;color:var(--gray);line-height:1.7;max-width:240px;margin-bottom:28px}
.footer-social{display:flex;gap:12px}
.social-btn{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gray);text-decoration:none;transition:all .3s;cursor:none}
.social-btn:hover{border-color:var(--gold);color:var(--gold)}
.footer-col h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:10px}
.footer-col ul a{font-size:13px;color:var(--gray);text-decoration:none;transition:color .3s}
.footer-col ul a:hover{color:var(--white)}
.footer-contact-item{font-size:13px;color:var(--gray);margin-bottom:10px;line-height:1.6}
.footer-contact-item strong{color:rgba(245,245,240,0.8);display:block;font-weight:500;margin-bottom:2px}
.footer-bottom{padding-top:36px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:12px;color:rgba(245,245,240,0.3)}
.footer-bottom a{color:var(--gold);text-decoration:none}

/* ── WA FLOAT ── */
.wa-float{position:fixed;bottom:32px;right:32px;z-index:900;width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform .3s;animation:waPulse 3s ease-in-out infinite}
.wa-float:hover{transform:scale(1.1);animation:none}
@keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4)}50%{box-shadow:0 4px 20px rgba(37,211,102,0.4),0 0 0 12px rgba(37,211,102,0.1)}}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .overview-grid,.info-grid{grid-template-columns:1fr}
  .business-grid{grid-template-columns:1fr 1fr}
  .philosophy-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  nav{padding:18px 24px}
  nav.scrolled{padding:12px 24px}
  .nav-links,.nav-cta{display:none}
  #overview,#history,#business,#philosophy,#info{padding:72px 24px}
  .sub-nav-inner{padding:0 16px !important; display:flex; flex-wrap:nowrap;} .sub-nav{top:56px !important}
  .business-grid,.philosophy-grid{grid-template-columns:1fr}
  .timeline::before{left:20px}
  .tl-item{grid-template-columns:28px 1fr;gap:0}
  .tl-item:nth-child(odd) .tl-content,
  .tl-item:nth-child(even) .tl-content{grid-column:2;text-align:left;padding-left:24px;padding-right:0}
  .tl-item:nth-child(odd) .tl-dot,
  .tl-item:nth-child(even) .tl-dot{grid-column:1}
  .tl-empty{display:none}
  .cta-strip{flex-direction:column;gap:28px;text-align:center;padding:56px 24px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .philosophy-quote{padding:36px 24px}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
}

  

  /* ======= STANDARD PAGE HERO (ALL PAGES) ======= */
  .page-hero{position:relative;height:52vh;min-height:360px;display:flex;align-items:flex-end;overflow:hidden;}
  .page-hero-content{position:relative;z-index:2;padding:0 60px 60px;max-width:860px;}
  @media(max-width:900px){
    .page-hero{min-height:340px;}
    .page-hero-content{padding:0 20px 44px;}
  }
  /* ======= END STANDARD HERO ======= */

  /* ======= HAMBURGER MOBILE MENU ======= */
  .nav-hamburger-wrap{display:none;position:relative;flex-shrink:0}
  .nav-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;background:none;border:1px solid rgba(201,168,76,.4);padding:0;cursor:pointer;transition:border-color .3s}
  .nav-hamburger:hover{border-color:var(--gold)}
  .nav-hamburger span{display:block;width:16px;height:1.5px;background:var(--gold);transition:all .3s}
  .nav-logo-img{height:32px;width:auto;display:inline-block;vertical-align:middle;margin-right:8px;object-fit:contain}
  .nav-drop{position:fixed;top:58px;right:16px;width:200px;background:rgba(10,15,30,.97);border:1px solid rgba(201,168,76,.2);backdrop-filter:blur(20px);z-index:2000;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s}
  .nav-drop.show{opacity:1;pointer-events:auto;transform:translateY(0)}
  .nav-drop ul{list-style:none;padding:6px 0;margin:0}
  .nav-drop li{border-bottom:1px solid rgba(201,168,76,.07)}
  .nav-drop li:last-child{border-bottom:none}
  .nav-drop a{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,245,240,.65);padding:12px 20px;text-decoration:none;transition:all .2s}
  .nav-drop a:hover,.nav-drop a.active{color:var(--gold);background:rgba(201,168,76,.05);padding-left:28px}
  .nav-drop-cta{color:var(--gold) !important;font-weight:600 !important;border-top:1px solid rgba(201,168,76,.15) !important}
  @media(max-width:900px){
    .nav-links{display:none !important}
    .nav-cta{display:none !important}
    .lang-switcher{display:none !important}
    .nav-hamburger-wrap{display:block !important}
    nav{padding:14px 20px !important}
    nav.scrolled{padding:10px 20px !important}
  }
  @media(max-width:560px){
    .nav-logo{font-size:20px !important}
  }
  /* ======= END HAMBURGER ======= */


  /* ===== FILTER/SUBNAV MOBILE HOVER ARROW ===== */
  .ftabs-wrap {
    position: relative;
    overflow: hidden;
    flex: 1;
  }
  .filter-tabs, .sub-nav-inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .filter-tabs::-webkit-scrollbar,
  .sub-nav-inner::-webkit-scrollbar { display: none; }

  .ftabs-hover-l,
  .ftabs-hover-r {
    position: absolute;
    top: 0; bottom: 0;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s;
    z-index: 10;
  }
  .ftabs-hover-l { left: 0;  background: linear-gradient(to right, rgba(17,24,39,.95) 40%, transparent); }
  .ftabs-hover-r { right: 0; background: linear-gradient(to left,  rgba(17,24,39,.95) 40%, transparent); }
  .ftabs-hover-l.can-scroll,
  .ftabs-hover-r.can-scroll { pointer-events: auto; }
  .ftabs-hover-l.show,
  .ftabs-hover-r.show { opacity: 1; }
  .ftabs-arrow {
    color: var(--gold);
    font-size: 28px;
    line-height: 1;
    display: block;
    font-weight: 300;
  }
  @media(max-width:900px){
    .ftabs-hover-l.can-scroll { opacity: 1; }
    .ftabs-hover-r.can-scroll { opacity: 1; }
  }
  /* ===== END FILTER/SUBNAV MOBILE HOVER ARROW ===== */


  /* Footer brand name */
  .footer-brand-name {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 3px;
    color: var(--gold);
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.2;
  }

/* PAGE HERO TITLE — 2 jenis huruf: Playfair (body) + italic gold (em) */
.page-hero-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(42px, 6vw, 80px);
  font-weight: 700;
  line-height: 1.05;
  color: var(--white);
}
.page-hero-title em {
  font-style: italic;
  color: var(--gold);
}


/* v2.3.6.1 — approved hero brightness: navy overlay 42% */
.page-hero-bg::after { background: rgba(10,15,30,var(--tde-hero-overlay,0.42)); }