/* ============================================================
   TRENDORA GROUP / LABELLE — PREMIUM HOME PAGE (v3 — assets fixed)
   Self-contained stylesheet for this page only.
   Images are embedded as base64 data URIs so the page renders
   correctly no matter how the single file is opened or previewed,
   with zero dependency on relative file paths.
   Other pages remain on the previous template pending approval.
   ============================================================ */
:root{
  --charcoal:#0c0b0e;
  --charcoal-2:#171519;
  --charcoal-3:#1f1c22;
  --ivory:#f8f4ee;
  --ivory-2:#fffdfa;
  --gold:#c9a35c;
  --gold-light:#e8cf9c;
  --rose:#caa3a3;
  --rose-deep:#a8747a;
  --ink:#1c1a1d;
  --muted:#6f6a6e;
  --line:#e7e0d6;
  --line-dark:rgba(255,255,255,.12);
  --maxw:1280px;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Manrope','Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3{font-family:var(--serif);margin:0 0 .4em;line-height:1.18;font-weight:600;}
p{margin:0 0 1em;color:var(--muted);line-height:1.75;}
.container{max-width:var(--maxw);margin-inline:auto;padding-inline:32px;}
.eyebrow{font-family:var(--sans);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;gap:10px;}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;display:inline-block;}
.eyebrow.on-dark{color:var(--gold-light);}
.eyebrow.on-light{color:var(--rose-deep);}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
[data-reveal].is-visible{opacity:1;transform:translateY(0);}
[data-reveal="zoom"]{transform:scale(.96);}
[data-reveal="zoom"].is-visible{transform:scale(1);}
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;border-radius:999px;font-weight:700;font-size:14.5px;letter-spacing:.01em;transition:.3s ease;border:1px solid transparent;cursor:pointer;}
.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#241c0c;box-shadow:0 14px 30px -10px rgba(201,163,92,.55);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(201,163,92,.7);}
.btn-ghost-dark{border-color:rgba(255,255,255,.35);color:#fff;}
.btn-ghost-dark:hover{background:rgba(255,255,255,.08);border-color:#fff;}
.btn-dark{background:var(--charcoal);color:#fff;}
.btn-dark:hover{background:var(--rose-deep);}
.btn-outline-dark{border-color:var(--ink);color:var(--ink);}
.btn-outline-dark:hover{background:var(--ink);color:#fff;}
header.site{position:fixed;top:0;inset-inline:0;z-index:200;background:rgba(9,8,10,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,207,156,.16);box-shadow:0 1px 0 rgba(232,207,156,.06);}
.nav-row{max-width:var(--maxw);margin-inline:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;}
.brand{display:flex;align-items:center;gap:14px;}
.brand .mark{width:50px;height:50px;border-radius:50%;flex:none;background:radial-gradient(circle at 30% 30%,var(--gold-light),var(--gold) 58%,#8a6a2c 100%);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:20px;color:#231a08;box-shadow:0 8px 22px -4px rgba(201,163,92,.7),0 0 0 1px rgba(232,207,156,.35);border:1px solid rgba(255,255,255,.25);}
.brand .word{font-family:var(--serif);font-size:24px;letter-spacing:.05em;color:#fff;line-height:1.12;}
.brand .word small{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.18em;color:var(--gold-light);font-weight:700;margin-top:4px;}
.main-nav{display:flex;align-items:center;gap:32px;}
.main-nav a{position:relative;font-size:14px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.02em;transition:.2s;padding-bottom:4px;}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--gold-light);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;}
.main-nav a:hover{color:var(--gold-light);}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1);}
.main-nav a.active{color:var(--gold-light);}
.header-actions{display:flex;align-items:center;gap:18px;}
.lang-switch{display:flex;border:1px solid rgba(232,207,156,.4);border-radius:999px;overflow:hidden;font-size:12.5px;font-weight:700;}
.lang-switch a{padding:8px 14px;color:rgba(255,255,255,.8);}
.lang-switch a.is-current{background:var(--gold);color:#241c0c;}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.22);border-radius:11px;font-size:22px;color:#fff;cursor:pointer;width:46px;height:46px;align-items:center;justify-content:center;flex:none;transition:.2s;}
.nav-toggle:active{background:rgba(232,207,156,.12);border-color:rgba(232,207,156,.4);}
.header-actions{gap:14px;}
@media (max-width:980px){
  .nav-row{padding:14px 20px;gap:14px;}
  .main-nav{position:fixed;top:70px;inset-inline:0;background:#0a090b;flex-direction:column;align-items:flex-start;max-height:0;overflow:hidden;transition:max-height .35s ease;border-bottom:1px solid rgba(232,207,156,.14);box-shadow:0 18px 40px -20px rgba(0,0,0,.6);}
  .main-nav.open{max-height:480px;}
  .main-nav a{padding:18px 24px;width:100%;border-bottom:1px solid rgba(255,255,255,.07);font-size:16px;min-height:44px;display:flex;align-items:center;}
  .main-nav a::after{display:none;}
  .main-nav a.active{background:rgba(232,207,156,.1);color:var(--gold-light);}
  .nav-toggle{display:flex;}
  .brand{gap:10px;}
  .brand .word{font-size:19px;}
  .brand .word small{font-size:10.5px;letter-spacing:.14em;}
  .brand .mark{width:40px;height:40px;font-size:16px;}
  .lang-switch a{padding:9px 13px;min-height:36px;display:flex;align-items:center;font-size:12.5px;}
}
@media (max-width:480px){
  .container{padding-inline:18px;}
  .nav-row{padding:13px 18px;}
  .brand .word{font-size:18px;}
  .brand .word small{font-size:9.5px;letter-spacing:.1em;}
}

@media (max-width:560px){
  .cta-final .hero-cta{max-width:320px;margin-inline:auto;}
}

.hero{position:relative;background:var(--charcoal);color:#fff;overflow:hidden;padding-top:148px;padding-bottom:0;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 10%,rgba(201,163,92,.28),transparent 60%),radial-gradient(ellipse 50% 40% at 10% 85%,rgba(202,163,163,.22),transparent 60%);pointer-events:none;}
.hero::after{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:26px 26px;}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding-bottom:64px;}
.hero h1{font-size:54px;color:#fff;margin-top:18px;letter-spacing:-.01em;}
.hero h1 em{font-style:italic;color:var(--gold-light);}
.hero .lead{color:rgba(255,255,255,.68);font-size:17.5px;max-width:480px;margin-bottom:32px;}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;}
.hero-visual{position:relative;}
.hero-frame{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.03) inset;padding:14px;aspect-ratio:4/4.4;}
.hero-frame img{border-radius:20px;width:100%;height:100%;object-fit:cover;}
.float-badge{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(20,18,22,.7);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 16px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);font-size:13px;font-weight:700;color:#fff;animation:float 5.5s ease-in-out infinite;white-space:nowrap;}
.float-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none;box-shadow:0 0 0 4px rgba(201,163,92,.22);}
.badge-1{top:8%;inset-inline-start:-7%;animation-delay:0s;}
.badge-2{bottom:9%;inset-inline-end:-6%;animation-delay:1.4s;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@media (max-width:980px){
  .hero{padding-top:128px;}
  .hero-grid{grid-template-columns:1fr;gap:38px;padding-bottom:36px;}
  .hero h1{font-size:34px;line-height:1.22;}
  .hero .lead{font-size:16.5px;line-height:1.7;margin-bottom:28px;}
  .hero-visual{margin-top:6px;position:relative;}
  .hero-visual::before{content:"";position:absolute;top:-22px;inset-inline:8%;height:44px;background:radial-gradient(ellipse 60% 100% at 50% 100%,rgba(201,163,92,.35),transparent 75%);pointer-events:none;}
  .float-badge{position:static;margin-top:12px;display:flex;width:100%;animation:none;justify-content:center;}
}
@media (max-width:560px){
  .hero{padding-top:118px;}
  .hero h1{font-size:30px;}
  .hero .lead{font-size:16px;}
  .hero-cta{flex-direction:column;align-items:stretch;gap:12px;}
  .hero-cta .btn{justify-content:center;width:100%;min-height:48px;}
  .float-badge{font-size:13px;padding:13px 16px;}
}
.trust-strip{position:relative;z-index:3;margin-top:-34px;}
.trust-card{background:rgba(255,255,255,.85);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:0 30px 60px -28px rgba(20,15,10,.35);padding:22px 30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4;}
.trust-item .ic{font-size:16px;color:var(--rose-deep);}
.trust-sep{width:1px;height:22px;background:var(--line);flex:none;}
@media (max-width:980px){
  .trust-strip{margin-top:-26px;}
  .trust-card{
    justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;
    padding:18px 20px;border-radius:18px;gap:0;
    scrollbar-width:none;
  }
  .trust-card::-webkit-scrollbar{display:none;}
  .trust-item{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding-inline-end:22px;font-size:14px;}
  .trust-sep{display:block;flex:0 0 auto;margin-inline-end:22px;}
}
@media (max-width:480px){
  .trust-card{padding:16px 18px;}
  .trust-item{font-size:13.5px;padding-inline-end:18px;}
  .trust-sep{margin-inline-end:18px;}
}
.section{padding-block:110px;position:relative;}
.section-tight{padding-block:70px;}
@media (max-width:980px){.section{padding-block:72px;}.section-tight{padding-block:52px;}}
@media (max-width:560px){.section{padding-block:58px;}}
.section.ivory{background:var(--ivory);}
.section.ivory-2{background:var(--ivory-2);}
.section.dark{background:var(--charcoal);color:#fff;}
.section.dark p{color:rgba(255,255,255,.62);}
.section-head{max-width:620px;margin-bottom:54px;}
.section-head.center{margin-inline:auto;text-align:center;}
h2.title{font-size:38px;color:var(--ink);margin-top:14px;}
.section.dark h2.title{color:#fff;}
.flagship{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;}
@media (max-width:980px){.flagship{grid-template-columns:1fr;gap:42px;}}
@media (max-width:560px){.flagship{gap:34px;}}
.flagship-media{position:relative;}
.flagship-media .frame{border-radius:26px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(20,15,10,.35);border:1px solid rgba(0,0,0,.05);aspect-ratio:4/4.6;}
.flagship-media .frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
.flagship-media:hover .frame img{transform:scale(1.04);}
.flagship-media .ring{position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid var(--gold);opacity:.5;bottom:-30px;inset-inline-start:-30px;}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
@media (max-width:680px){.benefit-grid{grid-template-columns:1fr;gap:14px;margin-top:28px;}}
.benefit-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:.3s ease;}
@media (max-width:680px){.benefit-card{padding:20px 22px;}}
.benefit-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(20,15,10,.25);border-color:var(--gold-light);}
.benefit-card .ic{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:13px;}
.benefit-card h3{font-family:var(--sans);font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:5px;}
.benefit-card p{font-size:13.8px;margin:0;line-height:1.6;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:980px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media (max-width:620px){.cat-grid{grid-template-columns:1fr;gap:18px;}}
.cat-card{position:relative;border-radius:22px;overflow:hidden;background:#100e12;aspect-ratio:4/5;border:1px solid rgba(0,0,0,.06);box-shadow:0 26px 50px -28px rgba(20,15,10,.35);transition:.4s ease;}
@media (max-width:620px){.cat-card{aspect-ratio:5/4.6;}}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -26px rgba(20,15,10,.45);}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.cat-card:hover img{transform:scale(1.06);}
.cat-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,14,0) 35%,rgba(12,11,14,.92) 100%);}
@media (max-width:620px){.cat-card .shade{background:linear-gradient(180deg,rgba(12,11,14,.05) 22%,rgba(12,11,14,.95) 100%);}}
.cat-card .tier{position:absolute;top:16px;inset-inline-start:16px;background:rgba(255,255,255,.94);color:var(--ink);font-size:11.5px;font-weight:800;padding:7px 13px;border-radius:999px;letter-spacing:.04em;box-shadow:0 4px 14px -4px rgba(0,0,0,.3);}
.cat-card .body{position:absolute;inset-inline:0;bottom:0;padding:22px;color:#fff;}
.cat-card .body h3{font-family:var(--sans);font-size:17px;font-weight:700;margin-bottom:5px;}
.cat-card .body p{font-size:13.5px;color:rgba(255,255,255,.8);margin:0;line-height:1.55;}
@media (max-width:620px){
  .cat-card .body{padding:20px 22px 24px;}
  .cat-card .body h3{font-size:18px;}
  .cat-card .body p{font-size:14.5px;color:rgba(255,255,255,.85);}
  .cat-card .tier{font-size:12px;padding:7px 14px;}
}
.cat-card.feature{background:radial-gradient(ellipse 140% 100% at 30% 0%,rgba(201,163,92,.4),transparent 60%),radial-gradient(ellipse 100% 70% at 90% 100%,rgba(202,163,163,.22),transparent 60%),linear-gradient(155deg,var(--charcoal-3),var(--charcoal));}
.cat-card.feature::before{content:"";position:absolute;inset:0;opacity:.4;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;}
.cat-card.feature .feat-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;height:100%;}
.cat-card.feature .feat-ring{width:68px;height:68px;border-radius:50%;border:1px solid rgba(232,207,156,.6);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold-light);margin-bottom:17px;background:rgba(232,207,156,.08);box-shadow:0 0 0 6px rgba(232,207,156,.05);}
.cat-card.feature h3{font-family:var(--sans);color:#fff;font-size:17px;margin-bottom:7px;}
.cat-card.feature p{font-size:13.5px;color:rgba(255,255,255,.62);margin-bottom:15px;max-width:200px;line-height:1.55;}
.cat-card.feature .feat-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);border:1px solid rgba(232,207,156,.45);border-radius:999px;padding:7px 15px;font-weight:700;}
@media (max-width:620px){
  .cat-card.feature .feat-ring{width:74px;height:74px;font-size:28px;margin-bottom:18px;}
  .cat-card.feature h3{font-size:19px;}
  .cat-card.feature p{font-size:14.5px;color:rgba(255,255,255,.7);max-width:240px;}
  .cat-card.feature .feat-tag{font-size:11.5px;padding:8px 16px;}
}
.market{position:relative;}
.market .bg-texture{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:saturate(60%) contrast(110%);}
.market .bg-tint{position:absolute;inset:0;background:linear-gradient(160deg,rgba(12,11,14,.94),rgba(12,11,14,.985));}
.market .container{position:relative;z-index:2;}
.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px;}
@media (max-width:980px){.market-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media (max-width:680px){.market-grid{grid-template-columns:1fr;gap:16px;margin-top:18px;}}
.glass-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px 24px;backdrop-filter:blur(10px);transition:.3s ease;}
@media (max-width:680px){.glass-card{padding:24px 22px;}}
.glass-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px);}
.glass-card .num{font-family:var(--serif);font-size:27px;color:var(--gold-light);margin-bottom:7px;}
.glass-card h3{font-family:var(--sans);font-size:15.5px;color:#fff;margin-bottom:7px;}
.glass-card p{font-size:13.8px;margin:0;color:rgba(255,255,255,.68);line-height:1.55;}
@media (max-width:680px){
  .glass-card .num{font-size:24px;}
  .glass-card h3{font-size:16px;}
  .glass-card p{font-size:14.5px;}
}
.cta-final{position:relative;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,var(--charcoal) 0%,#241c14 55%,var(--rose-deep) 130%);padding:74px 60px;text-align:center;color:#fff;}
.cta-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(232,207,156,.35),transparent 60%);}
.cta-final h2{color:#fff;position:relative;z-index:2;}
.cta-final p{color:rgba(255,255,255,.78);max-width:560px;margin-inline:auto;position:relative;z-index:2;font-size:15.5px;line-height:1.7;}
.cta-final .hero-cta{justify-content:center;position:relative;z-index:2;margin-top:8px;}
@media (max-width:700px){
  .cta-final{padding:48px 24px;border-radius:24px;}
  .cta-final h2{font-size:26px;}
  .cta-final p{font-size:15.5px;}
  .cta-final .btn{width:100%;min-height:48px;}
}
footer.site{background:var(--charcoal);color:rgba(255,255,255,.55);padding-block:54px 26px;border-top:1px solid rgba(255,255,255,.08);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;margin-bottom:36px;}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px;}}
@media (max-width:680px){
  .footer-grid{grid-template-columns:1fr;gap:0;margin-bottom:8px;}
  .footer-grid > div{padding-block:20px;border-bottom:1px solid rgba(255,255,255,.08);}
  .footer-grid > div:first-child{padding-top:0;}
}
.footer-grid h4{color:#fff;font-size:13px;margin-bottom:15px;letter-spacing:.08em;text-transform:uppercase;}
@media (max-width:680px){.footer-grid h4{font-size:14px;margin-bottom:14px;}}
.footer-grid li{margin-bottom:10px;font-size:14.5px;color:rgba(255,255,255,.7);}
.footer-grid a:hover{color:var(--gold-light);}
@media (max-width:680px){
  .footer-grid li{margin-bottom:0;}
  .footer-grid li a{display:flex;align-items:center;min-height:44px;font-size:15.5px;color:rgba(255,255,255,.8);}
  .footer-grid p{font-size:15px;line-height:1.7;}
}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:rgba(255,255,255,.55);max-width:var(--maxw);margin-inline:auto;padding-inline:32px;}
@media (max-width:680px){
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;font-size:13.5px;padding-inline:20px;text-align:start;}
}

/* ============================================================
   PREMIUM SHARED COMPONENTS — for inner pages (About, LaBelle,
   Products, Customers, Contact) — additive to Home's design
   tokens above. Uses logical properties throughout for RTL.
   ============================================================ */

/* ---- Inner page hero (shorter than Home hero, no big visual) ---- */
.page-hero{position:relative;background:var(--charcoal);color:#fff;overflow:hidden;padding-top:158px;padding-bottom:64px;}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 10%,rgba(201,163,92,.26),transparent 60%),radial-gradient(ellipse 50% 40% at 10% 85%,rgba(202,163,163,.2),transparent 60%);pointer-events:none;}
.page-hero::after{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:26px 26px;}
.page-hero .container{position:relative;z-index:2;}
.page-hero .crumbs{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:16px;font-weight:700;}
.page-hero .crumbs a{color:rgba(255,255,255,.7);}
.page-hero .crumbs a:hover{color:var(--gold-light);}
.page-hero h1{font-size:48px;color:#fff;margin-top:14px;max-width:760px;letter-spacing:-.01em;}
.page-hero h1 em{font-style:italic;color:var(--gold-light);}
.page-hero .lead{color:rgba(255,255,255,.68);font-size:17px;max-width:620px;margin-bottom:0;}
@media (max-width:980px){
  .page-hero{padding-top:124px;padding-bottom:46px;}
  .page-hero h1{font-size:32px;line-height:1.25;}
  .page-hero .lead{font-size:16px;}
}
@media (max-width:560px){
  .page-hero{padding-top:114px;padding-bottom:38px;}
  .page-hero h1{font-size:27px;}
}

/* ---- Generic value / info card (About values, Customer segments) ---- */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px;}
@media (max-width:980px){.value-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media (max-width:560px){.value-grid{grid-template-columns:1fr;gap:16px;}}
.value-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 24px;transition:.3s ease;}
.value-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(20,15,10,.28);border-color:var(--gold-light);}
.value-card .ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px;}
.value-card h3{font-family:var(--sans);font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:7px;}
.value-card p{font-size:14px;margin:0;line-height:1.65;}
@media (max-width:560px){
  .value-card{padding:24px 22px;}
  .value-card p{font-size:14.5px;}
}

/* 3-col variant */
.value-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:14px;}
@media (max-width:980px){.value-grid-3{grid-template-columns:repeat(2,1fr);gap:18px;}}
@media (max-width:560px){.value-grid-3{grid-template-columns:1fr;gap:16px;}}

/* ---- Alternating image/text story block ---- */
.story-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.story-block.reverse .story-media{order:2;}
.story-block.reverse .story-copy{order:1;}
@media (max-width:980px){
  .story-block{grid-template-columns:1fr;gap:32px;}
  .story-block.reverse .story-media,.story-block.reverse .story-copy{order:initial;}
}
.story-media .frame{border-radius:24px;overflow:hidden;box-shadow:0 36px 70px -28px rgba(20,15,10,.32);aspect-ratio:4/4.2;}
.story-media .frame img{width:100%;height:100%;object-fit:cover;}
.story-copy h2.title{margin-bottom:16px;}
.story-copy p{font-size:15.5px;}

/* ---- Intro statement (large serif lead paragraph) ---- */
.intro-statement{font-family:var(--serif);font-size:28px;line-height:1.5;color:var(--ink);font-weight:500;max-width:880px;}
.section.dark .intro-statement{color:#fff;}
@media (max-width:680px){.intro-statement{font-size:21px;line-height:1.55;}}

/* ---- Management / owner card ---- */
.owner-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start;box-shadow:0 30px 60px -34px rgba(20,15,10,.25);}
@media (max-width:768px){.owner-card{grid-template-columns:1fr;gap:24px;padding:28px 24px;}}
.owner-photo{width:220px;height:220px;border-radius:18px;background:linear-gradient(160deg,var(--charcoal-2),var(--charcoal));display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.55);gap:8px;border:1px solid rgba(255,255,255,.1);}
.owner-photo .ic{font-size:34px;color:var(--gold-light);}
.owner-photo span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-align:center;padding-inline:14px;}
@media (max-width:768px){.owner-photo{width:160px;height:160px;margin-inline:auto;}}
.owner-meta h3{font-family:var(--serif);font-size:24px;color:var(--ink);margin-bottom:4px;}
.owner-meta .role{color:var(--rose-deep);font-weight:700;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;}
.owner-meta dl{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;margin:18px 0 0;}
.owner-meta dt{font-weight:700;color:var(--ink);font-size:13.5px;}
.owner-meta dd{margin:0;color:var(--muted);font-size:13.5px;}
@media (max-width:560px){
  .owner-meta dl{grid-template-columns:1fr;gap:4px 0;}
  .owner-meta dt{margin-top:10px;}
}

/* ---- Pricing / product table ---- */
.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 26px 50px -30px rgba(20,15,10,.25);}
.price-table th,.price-table td{padding:16px 20px;text-align:start;font-size:14.5px;border-bottom:1px solid var(--line);}
.price-table th{background:var(--charcoal);color:#fff;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;}
.price-table tr:last-child td{border-bottom:none;}
.price-table td.price{color:var(--rose-deep);font-weight:700;}
.price-note{font-size:12.5px;color:var(--muted);margin-top:14px;font-style:italic;}
@media (max-width:680px){
  .price-table{display:block;overflow-x:auto;white-space:nowrap;}
  .price-table th,.price-table td{padding:14px 16px;font-size:14px;}
}

/* ---- Policy / info list blocks (shipping, returns) ---- */
.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px;}
@media (max-width:768px){.policy-grid{grid-template-columns:1fr;gap:18px;}}
.policy-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px;}
.policy-card h3{font-family:var(--sans);font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.policy-card h3 .ic{font-size:19px;color:var(--rose-deep);}
.policy-card ul{margin-top:10px;}
.policy-card li{font-size:14.2px;color:var(--muted);line-height:1.7;margin-bottom:8px;padding-inline-start:18px;position:relative;}
.policy-card li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold);}
@media (max-width:560px){.policy-card{padding:24px 22px;}}

/* ---- Sales channel cards ---- */
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:14px;}
@media (max-width:980px){.channel-grid{grid-template-columns:1fr;gap:16px;}}
.channel-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px 24px;backdrop-filter:blur(10px);transition:.3s ease;display:flex;flex-direction:column;gap:12px;}
.channel-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px);}
.channel-card .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;}
.channel-card h3{font-family:var(--sans);font-size:15.5px;color:#fff;margin:0;}
.channel-card p{font-size:13.6px;margin:0;color:rgba(255,255,255,.66);line-height:1.6;}
.channel-card a.btn{margin-top:4px;align-self:flex-start;padding:10px 20px;font-size:13px;}

/* ---- Placeholder visual (missing-photo slot) ---- */
.placeholder-visual{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse 140% 100% at 30% 0%,rgba(201,163,92,.32),transparent 60%),radial-gradient(ellipse 100% 70% at 90% 100%,rgba(202,163,163,.22),transparent 60%),linear-gradient(155deg,var(--charcoal-3),var(--charcoal));aspect-ratio:4/4.2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 36px 70px -28px rgba(20,15,10,.32);}
.placeholder-visual::before{content:"";position:absolute;inset:0;opacity:.4;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;}
.placeholder-visual .pv-ring{position:relative;z-index:1;width:78px;height:78px;border-radius:50%;border:1px solid rgba(232,207,156,.6);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold-light);margin-bottom:18px;background:rgba(232,207,156,.08);box-shadow:0 0 0 6px rgba(232,207,156,.05);}
.placeholder-visual h3{position:relative;z-index:1;font-family:var(--sans);color:#fff;font-size:18px;margin-bottom:8px;}
.placeholder-visual p{position:relative;z-index:1;font-size:13.5px;color:rgba(255,255,255,.62);margin-bottom:0;max-width:240px;line-height:1.6;}

/* ---- Cat card aspect variant used standalone on Products page ---- */
.cat-grid-2{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:980px){.cat-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media (max-width:620px){.cat-grid-2{grid-template-columns:1fr;gap:18px;}}

/* ---- Contact form ---- */
.contact-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 30px 60px -32px rgba(20,15,10,.25);}
@media (max-width:560px){.contact-form{padding:26px 22px;}}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
@media (max-width:620px){.form-row{grid-template-columns:1fr;gap:0;}}
.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}
.form-row .form-field{margin-bottom:0;}
@media (max-width:620px){.form-row .form-field{margin-bottom:18px;}}
.form-field label{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.02em;}
.form-field input,.form-field textarea{font-family:var(--sans);font-size:15px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ivory);color:var(--ink);min-height:48px;transition:.2s;}
.form-field textarea{min-height:130px;resize:vertical;}
.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,163,92,.18);}
.contact-form .btn{width:100%;justify-content:center;min-height:48px;margin-top:4px;}

/* ---- Contact info list ---- */
.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;}
@media (max-width:560px){.contact-info-card{padding:26px 22px;}}
.contact-info-card .row{display:flex;gap:16px;align-items:flex-start;padding-block:16px;border-bottom:1px solid var(--line);}
.contact-info-card .row:first-child{padding-top:0;}
.contact-info-card .row:last-child{border-bottom:none;padding-bottom:0;}
.contact-info-card .ic{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-size:17px;flex:none;}
.contact-info-card h3{font-family:var(--sans);font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.contact-info-card p{font-size:14px;margin:0;line-height:1.6;}

/* ---- Social / marketplace pill links ---- */
.social-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.social-pill{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13.5px;font-weight:700;background:rgba(255,255,255,.04);transition:.2s;min-height:44px;}
.social-pill:hover{background:rgba(232,207,156,.12);border-color:var(--gold-light);color:var(--gold-light);}

/* ---- Generic two-col content with list ---- */
.split-list{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
@media (max-width:768px){.split-list{grid-template-columns:1fr;gap:28px;}}
.check-list li{display:flex;gap:12px;font-size:14.8px;color:var(--muted);line-height:1.6;margin-bottom:14px;align-items:flex-start;}
.section.dark .check-list li{color:rgba(255,255,255,.7);}
.check-list li .tick{flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-size:11px;color:#241c0c;font-weight:800;margin-top:2px;}

/* ---- Segment / B2B card with number badge ---- */
.segment-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;}
.segment-card .seg-num{font-family:var(--serif);font-size:34px;color:var(--gold-light);-webkit-text-stroke:1px var(--gold);margin-bottom:10px;}
.segment-card h3{font-family:var(--sans);font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.segment-card p{font-size:14px;margin:0;line-height:1.65;}