/* ============================================================
   Oasis luxe hero (home) + dark nav on home + brand lockup.
   Deep green-black relief texture, champagne-gold type, floating tablet, glass crystals, metal dock.
   ============================================================ */
:root{
  --lx-bg:#060E0B; --lx-bg2:#0C1A15; --lx-gold:#C9A84C; --lx-gold-2:#E7CF6A; --lx-champ:#F3E4B8;
  --lx-line:rgba(201,168,76,.22); --lx-glass:rgba(255,255,255,.06);
}

/* ---------- brand lockup (nav, footer, sidebars) ---------- */
.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.02em;color:inherit;text-decoration:none;}
.logo-tile{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;
  background:linear-gradient(150deg,#FFFFFF 0%,#EAF5EF 100%);border:1px solid #D7E8DF;box-shadow:0 1px 2px rgba(16,40,33,.06),0 8px 18px -10px rgba(31,90,75,.45);}
.logo-tile::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(201,168,76,.9),transparent 45%,rgba(46,139,116,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.logo-tile .brand-logo svg{display:block;}
.bl-word{display:inline-flex;align-items:baseline;gap:5px;}
.bl-word b{font-weight:800;font-size:.72em;letter-spacing:.14em;padding:2px 7px;border-radius:7px;color:#7A5A06;background:linear-gradient(135deg,#F8EDC8,#E9D38A);}
.on-dark-brand .logo-tile,.on-home .site-nav .logo-tile{background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border-color:rgba(201,168,76,.35);box-shadow:0 0 0 1px rgba(0,0,0,.2),0 10px 24px -12px rgba(201,168,76,.6);}
.on-dark-brand .bl-word,.on-home .site-nav .bl-word{color:#fff;}
.on-dark-brand .bl-word b,.on-home .site-nav .bl-word b{color:#2A2107;background:linear-gradient(135deg,var(--lx-champ),var(--lx-gold));}
/* dashboards: tile around the mark in the sidebar */
body.dash .sidebar-brand .logo-tile{width:42px;height:42px;}

/* ---------- dark nav while on the home page ---------- */
.on-home .site-nav{background:rgba(5,12,10,.72);border-bottom:1px solid rgba(201,168,76,.14);backdrop-filter:blur(14px) saturate(140%);}
.on-home .site-nav-links,.on-home .site-nav-links .nav-top{color:#CFC8B4;}
.on-home .nav-item > a:hover,.on-home .nav-item > button.nav-top:hover,.on-home .nav-item.open > button.nav-top{background:rgba(255,255,255,.06);color:#fff;}
.on-home .nav-item > a.current{color:var(--lx-gold-2);box-shadow:inset 0 -2px 0 var(--lx-gold);border-radius:0;}
.on-home .site-nav-cta .btn-ghost{color:#E9E3D2;}
.on-home .site-nav-cta .btn-ghost:hover{background:rgba(255,255,255,.06);}
.on-home .site-nav-cta .btn-primary{background:linear-gradient(135deg,#17352C,#0D1F19);border:1px solid rgba(201,168,76,.45);color:#F3E4B8;}
.on-home .burger{background:rgba(255,255,255,.06);border-color:rgba(201,168,76,.35);color:#F3E4B8;}

/* ---------- hero shell ---------- */
.lux-hero{position:relative;background:var(--lx-bg) !important;color:#fff;padding:26px 0 0 !important;overflow:hidden;isolation:isolate;}
.lux-hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(60% 55% at 72% 38%,rgba(201,168,76,.12),transparent 70%),
    radial-gradient(50% 60% at 18% 30%,rgba(46,139,116,.16),transparent 70%),
    linear-gradient(180deg,#050B09 0%,#0A1713 60%,#050B09 100%);}
.lux-side{position:absolute;top:70px;bottom:150px;width:6px;border-radius:6px;z-index:1;
  background:linear-gradient(180deg,transparent,#F6E6B4 18%,#E7CF6A 50%,#F6E6B4 82%,transparent);
  box-shadow:0 0 18px 4px rgba(231,207,106,.55),0 0 60px 12px rgba(201,168,76,.25);animation:lx-breathe 5s ease-in-out infinite;}
.lux-side.l{left:max(10px,calc(50% - 700px));} .lux-side.r{right:max(10px,calc(50% - 700px));animation-delay:-2.5s;}
@keyframes lx-breathe{0%,100%{opacity:.75;}50%{opacity:1;}}
.lux-frame{position:relative;max-width:1340px;margin:0 auto;border-radius:30px;padding:46px 54px 120px;overflow:hidden;
  border:1px solid var(--lx-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 120px rgba(0,0,0,.6),0 40px 80px -30px rgba(0,0,0,.8);
  background:
    radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(0,0,0,.55) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .68 0 0 0 0 .42 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='340' height='340' filter='url(%23n)'/%3E%3Cg fill='none' stroke='%23C9A84C' stroke-opacity='.10' stroke-width='1.2'%3E%3Ccircle cx='60' cy='70' r='38'/%3E%3Ccircle cx='60' cy='70' r='26'/%3E%3Ccircle cx='60' cy='70' r='12'/%3E%3Cpath d='M150 30c40 10 60 50 40 90s-70 40-90 10'/%3E%3Cpath d='M170 50c22 8 30 30 18 52'/%3E%3Cellipse cx='260' cy='120' rx='46' ry='28' transform='rotate(-30 260 120)'/%3E%3Cellipse cx='260' cy='120' rx='30' ry='16' transform='rotate(-30 260 120)'/%3E%3Cpath d='M40 200c30-20 80-20 100 10s0 70-40 70-80-40-60-80z'/%3E%3Ccircle cx='230' cy='250' r='44'/%3E%3Ccircle cx='230' cy='250' r='30'/%3E%3Cpath d='M200 250h60M230 220v60'/%3E%3Cpath d='M300 200c-20 30-10 70 30 90'/%3E%3Cpath d='M110 310c20-30 60-36 90-12'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(160deg,#10231D 0%,#0A1612 45%,#08110E 100%);
  background-size:auto,340px 340px,auto;}
.lux-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 35%,rgba(255,240,200,.05) 48%,transparent 60%);background-size:250% 100%;animation:lx-sheen 9s ease-in-out infinite;}
@keyframes lx-sheen{0%{background-position:120% 0;}60%,100%{background-position:-60% 0;}}
.lux-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) 150px;gap:30px;align-items:center;}

/* ---------- copy ---------- */
.lux-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:600;color:#E9DFC3;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(201,168,76,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.lux-badge .dot{width:7px;height:7px;border-radius:50%;background:#3FB28F;box-shadow:0 0 10px #3FB28F;animation:pulse-dot 1.8s infinite;}
.lux-h1{font-size:clamp(34px,4.1vw,56px);font-weight:800;line-height:1.06;letter-spacing:-.025em;margin:20px 0 0;
  background:linear-gradient(180deg,#FBF1D3 0%,#E6CD86 45%,#B38D36 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 14px rgba(201,168,76,.18));}
.lux-lede{font-size:16.5px;line-height:1.6;color:#B9C2BC;max-width:500px;margin-top:20px;}
.lux-ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;}
.btn-gold{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:14.5px;cursor:pointer;border:1px solid #F0DC94;color:#2A2107;
  background:linear-gradient(180deg,#F6E7B4 0%,#D9BC66 45%,#B08A33 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 28px -10px rgba(201,168,76,.75);transition:transform .2s,box-shadow .2s;font-family:inherit;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 36px -12px rgba(231,207,106,.9);}
.btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%);animation:lx-shine 4s ease-in-out 1.5s infinite;}
@keyframes lx-shine{0%,70%{transform:translateX(-130%);}100%{transform:translateX(130%);}}
.btn-glass{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:700;font-size:14.5px;cursor:pointer;color:#F1EAD6;font-family:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:background .2s,transform .2s;}
.btn-glass:hover{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05));transform:translateY(-2px);}
.lux-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:12.5px;color:#93A099;}
.lux-trust span{display:inline-flex;align-items:center;gap:6px;}
.lux-trust .lc{width:15px;height:15px;color:#3FB28F;}

/* ---------- stage: tablet, hologram, molecules ---------- */
.lux-stage{position:relative;height:500px;perspective:1400px;}
.lux-stage .hero-dashboard{position:absolute;left:8%;right:0;top:26px;bottom:auto;transform-style:preserve-3d;transition:transform .15s ease-out;}
.lux-tablet{position:relative;border-radius:26px;padding:12px;transform:rotateY(-14deg) rotateX(4deg);transform-origin:center;
  background:linear-gradient(145deg,#2A2F2D,#0B0D0C 40%,#1A1D1C);box-shadow:0 0 0 1.5px rgba(231,207,106,.35),0 40px 70px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.15);}
.lux-screen{border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#0F1A16,#0A1210);border:1px solid rgba(255,255,255,.06);padding:14px 16px 14px;color:#E8EFEB;font-size:11px;position:relative;}
.lux-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 30%);pointer-events:none;}
.ls-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.ls-top .brand-logo svg{width:16px;height:auto;}
.ls-search{flex:1;margin-left:8px;height:22px;border-radius:7px;background:rgba(255,255,255,.06);display:flex;align-items:center;gap:5px;padding:0 8px;color:#7F8E88;font-size:10px;}
.ls-search .lc{width:11px;height:11px;}
.ls-top .ic2{color:#7F8E88;} .ls-top .ic2 .lc{width:13px;height:13px;}
.ls-title{font-weight:700;font-size:14px;margin-bottom:10px;color:#fff;}
.ls-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;}
.ls-kpi{border-radius:10px;padding:9px 10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);}
.ls-kpi .l{font-size:9px;letter-spacing:.06em;color:#93A099;font-weight:700;text-transform:uppercase;}
.ls-kpi .v{font-size:19px;font-weight:800;margin-top:4px;color:#fff;}
.ls-kpi .d{font-size:9.5px;color:#3FB28F;font-weight:700;margin-top:2px;}
.ls-chart{border-radius:10px;padding:9px 10px 4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:8px;}
.ls-chart .h{display:flex;justify-content:space-between;font-size:10px;color:#93A099;font-weight:600;margin-bottom:2px;}
.ls-chart svg{width:100%;height:96px;display:block;}
.ls-chart .lx-line{fill:none;stroke:url(#lxGoldStroke);stroke-width:2.2;stroke-dasharray:900;stroke-dashoffset:900;animation:lx-draw 2.4s .6s cubic-bezier(.2,.8,.2,1) forwards;}
@keyframes lx-draw{to{stroke-dashoffset:0;}}
.ls-months{display:flex;justify-content:space-between;font-size:8.5px;color:#6F7E78;padding:0 2px 4px;}
.ls-row{display:flex;justify-content:space-between;padding:7px 2px;border-top:1px solid rgba(255,255,255,.06);font-size:10.5px;color:#C9D2CD;}
.ls-row b{color:#fff;}
.ls-row i{color:#7F8E88;font-style:normal;}
/* stand */
.lux-standwrap{position:relative;height:120px;margin-top:-6px;transform:rotateY(-14deg);}
.lux-neck{position:absolute;left:50%;top:0;width:70px;height:62px;transform:translateX(-50%);border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#7A5E22,#E7CF6A 40%,#B08A33 70%,#6B5014);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);box-shadow:0 10px 20px rgba(0,0,0,.6);}
.lux-plinth{position:absolute;left:50%;top:58px;width:250px;height:28px;transform:translateX(-50%);border-radius:8px;
  background:linear-gradient(180deg,#E7CF6A 0 6px,#5B3A1E 6px,#3A2412 100%);box-shadow:0 18px 30px -6px rgba(0,0,0,.85);}
.lux-table{position:absolute;left:-30%;right:-24%;top:82px;height:60px;border-radius:6px;transform:skewX(-8deg);
  background:linear-gradient(180deg,#2D2A24,#15130F);box-shadow:inset 0 2px 0 rgba(255,255,255,.08),0 30px 40px rgba(0,0,0,.6);}
/* hologram ring */
.lux-holo{position:absolute;left:-8%;top:118px;width:190px;height:190px;border-radius:50%;z-index:3;pointer-events:none;
  background:radial-gradient(circle,rgba(231,207,106,.55) 0 6%,rgba(201,168,76,.12) 7% 30%,transparent 31%);}
.lux-holo i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(201,168,76,.55);}
.lux-holo i:nth-child(1){inset:12%;border-style:dashed;animation:lx-spin 14s linear infinite;}
.lux-holo i:nth-child(2){inset:24%;border-color:rgba(243,228,184,.75);border-width:3px;border-right-color:transparent;border-left-color:transparent;animation:lx-spin 6s linear infinite reverse;}
.lux-holo i:nth-child(3){inset:0;border-color:rgba(201,168,76,.25);box-shadow:0 0 40px rgba(201,168,76,.25),inset 0 0 30px rgba(201,168,76,.2);}
.lux-holo i:nth-child(4){inset:36%;background:conic-gradient(from 0deg,rgba(231,207,106,.9),transparent 30%,rgba(231,207,106,.6) 60%,transparent 80%);border:none;animation:lx-spin 3.5s linear infinite;-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%);}
@keyframes lx-spin{to{transform:rotate(360deg);}}
.lux-sold{position:absolute;left:-2%;top:56px;z-index:4;padding:10px 12px;border-radius:12px;font-size:10.5px;font-weight:700;color:#E9DFC3;letter-spacing:.04em;
  background:linear-gradient(180deg,rgba(40,30,18,.85),rgba(20,15,10,.85));border:1px solid rgba(201,168,76,.35);box-shadow:0 14px 30px rgba(0,0,0,.5);animation:lx-float 6s ease-in-out infinite;}
.lux-sold .lc{display:block;margin-top:6px;width:20px;height:20px;color:var(--lx-gold-2);}
.lux-mol{position:absolute;left:4%;top:-6px;width:170px;height:120px;z-index:3;animation:lx-float 7s ease-in-out infinite;opacity:.9;}
.lux-mol line{stroke:rgba(190,220,210,.45);stroke-width:1.2;}
.lux-mol circle{fill:#9FC7BC;}
.lux-mol circle.g{fill:var(--lx-gold-2);}
@keyframes lx-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* ---------- crystal metric cards ---------- */
.lux-crystals{display:flex;flex-direction:column;gap:12px;position:relative;z-index:3;}
.crystal{position:relative;padding:13px 14px 12px;color:#fff;
  clip-path:polygon(10% 0,90% 0,100% 14%,100% 86%,90% 100%,10% 100%,0 86%,0 14%);
  background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(190,230,215,.08) 40%,rgba(255,255,255,.04) 60%,rgba(201,168,76,.18) 100%);
  backdrop-filter:blur(6px);animation:lx-float 6s ease-in-out infinite;}
.crystal::before{content:"";position:absolute;inset:0;clip-path:inherit;padding:1px;background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.08) 40%,rgba(231,207,106,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.crystal::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);background-size:260% 100%;animation:lx-sheen 6s ease-in-out infinite;}
.crystal:nth-child(2){animation-delay:-1.2s;} .crystal:nth-child(3){animation-delay:-2.4s;} .crystal:nth-child(4){animation-delay:-3.6s;} .crystal:nth-child(5){animation-delay:-4.8s;}
.crystal .cl{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D6E4DE;}
.crystal .cv{font-size:19px;font-weight:800;margin-top:4px;letter-spacing:-.01em;}
.crystal .cd{font-size:10.5px;font-weight:700;color:#7FE0BE;margin-top:2px;}
.crystal .cs{font-size:10px;color:#B6C4BE;margin-top:2px;}

/* ---------- metal dock ---------- */
.lux-dock{position:relative;z-index:4;max-width:1240px;margin:-78px auto 0;padding:0 18px 34px;}
.lux-dock-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:22px;padding:6px;
  background:linear-gradient(180deg,#2C302D 0%,#151816 40%,#0B0D0C 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.32),0 30px 60px -20px rgba(0,0,0,.9);}
.lux-dock-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px 14px;position:relative;border-radius:16px;transition:background .25s;}
.lux-dock-item + .lux-dock-item::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(201,168,76,.45),transparent);}
.lux-dock-item:hover{background:rgba(255,255,255,.04);}
.lux-dock-item .lc{width:22px;height:22px;color:var(--lx-gold-2);margin-bottom:8px;filter:drop-shadow(0 0 6px rgba(231,207,106,.4));}
.lux-dock-item b{font-size:12.5px;font-weight:700;color:#F3EEE0;}
.lux-dock-item span{font-size:11px;color:#8C9993;margin-top:3px;}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .lux-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .lux-crystals{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;justify-content:center;}
  .crystal{min-width:150px;}
  .lux-frame{padding:40px 34px 120px;}
}
@media (max-width:900px){
  .lux-inner{grid-template-columns:minmax(0,1fr);}
  .lux-stage{height:auto;min-height:440px;}
  .lux-stage .hero-dashboard{position:relative;left:0;top:0;}
  .lux-holo{left:-14px;width:130px;height:130px;}
  .lux-dock-bar{grid-template-columns:repeat(3,minmax(0,1fr));}
  .lux-dock-item:nth-child(4)::before{display:none;}
  .lux-side{display:none;}
}
@media (max-width:600px){
  .lux-frame{border-radius:0;padding:28px 18px 110px;border-left:none;border-right:none;}
  .lux-tablet,.lux-standwrap{transform:none;}
  .lux-mol,.lux-holo,.lux-sold{display:none;}
  .ls-kpi .v{font-size:15px;}
  .crystal{min-width:0;flex:1 1 40%;}
  .lux-dock-bar{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lux-dock-item:nth-child(odd)::before{display:none;}
  .lux-dock-item:nth-child(4)::before{display:block;}
  .lux-table{left:-10%;right:-10%;}
}
@media (prefers-reduced-motion:reduce){
  .lux-side,.lux-frame::after,.btn-gold::after,.lux-holo i,.lux-sold,.lux-mol,.crystal,.crystal::after,.ls-chart .lx-line{animation:none !important;stroke-dashoffset:0;}
}
html,body{overflow-x:clip;}

/* ---------- footer (deep green, gold accents, centred brand + 4 columns) ---------- */
.lx-footer{position:relative;overflow:hidden;color:#DCE7E2;border-top:none !important;padding:56px 0 26px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zM28 100L0 84V66M28 100l28-16V66' fill='none' stroke='%23C9A84C' stroke-opacity='.07'/%3E%3C/svg%3E"),
    linear-gradient(170deg,#173D33 0%,#12302A 55%,#0D241F 100%) !important;}
.lx-footer::before{content:"";position:absolute;left:50%;top:-160px;width:620px;height:320px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(201,168,76,.18),transparent);pointer-events:none;}
.lf-brand{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:30px;border-bottom:1px solid rgba(201,168,76,.22);}
.lf-mark svg{display:block;filter:drop-shadow(0 6px 18px rgba(201,168,76,.35));}
.lf-name{font-size:26px;font-weight:800;letter-spacing:.14em;color:#E7CF6A;}
.lf-name span{color:#fff;}
.lf-tag{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#C9A84C;}
.lf-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;padding:34px 0 30px;border-bottom:1px solid rgba(201,168,76,.22);}
.lf-col h5{font-size:17px;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:0;text-transform:none;}
.lf-col a{display:block;color:#C9D6D0;font-size:13.5px;padding:4px 0;text-decoration:none;transition:color .2s,transform .2s;}
.lf-col a:hover{color:#E7CF6A;transform:translateX(3px);}
.lf-col p{font-size:13px;line-height:1.55;color:#C9D6D0;margin:0 0 10px;}
.lf-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#C9D6D0;padding:4px 0;flex-wrap:wrap;}
.lf-line a{display:inline;padding:0;}
.lf-line .lc{width:15px;height:15px;color:#C9A84C;}
.lf-social{display:flex;gap:10px;margin-top:12px;}
.lf-social a{width:34px;height:34px;border-radius:50%;background:#fff;color:#173D33;display:flex !important;align-items:center;justify-content:center;padding:0 !important;transition:transform .25s,background .25s;}
.lf-social a:hover{transform:translateY(-3px);background:#E7CF6A;}
.lf-social .lc{width:16px;height:16px;}
.lf-news{display:flex;margin-top:6px;border-radius:4px;overflow:hidden;box-shadow:0 10px 24px -12px rgba(0,0,0,.6);}
.lf-news input{flex:1;min-width:0;border:none;padding:12px 12px;font:inherit;font-size:13px;color:#13231F;background:#fff;outline:none;}
.lf-news button{border:none;padding:0 18px;font:inherit;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,#D9B95A,#B08A33);cursor:pointer;transition:filter .2s;}
.lf-news button:hover{filter:brightness(1.08);}
.lf-news-msg{font-size:12px;color:#E7CF6A;margin-top:8px;min-height:16px;}
.lf-bottom{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:20px;font-size:12.5px;color:#AFC2BA;text-align:center;}
.lx-footer .photo-credits{color:#8FA59D;margin:0;} .lx-footer .photo-credits a{color:#C9D6D0;}
@media (max-width:900px){ .lf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;} }
@media (max-width:560px){ .lf-grid{grid-template-columns:minmax(0,1fr);text-align:left;} .lx-footer{padding:44px 0 22px !important;} }
