/*
Theme Name: Aurum
Theme URI: https://example.com/aurum
Author: 하정우브라더스
Author URI: https://example.com
Description: Dark-gold luxury business skin — hero, features, why, quick-nav, staff/atmosphere/facilities galleries, reviews, location and CTA sections. Converted from template1's standalone dark-gold design. Generated per-site by the Aurum theme_builder pipeline.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: aurum
*/

/* ==========================================================
   Base — ported verbatim from template/template1/style.css
   (dark-gold design tokens preserved)
   ========================================================== */
/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --gold:       #c9a84c;
  --gold-light: #e2c97e;
  --gold-dim:   #8a6e2f;
  --black:      #080808;
  --black-2:    #0f0f0f;
  --black-3:    #161616;
  --black-4:    #1e1e1e;
  --white:      #f5f0e8;
  --white-dim:  #b0a898;
  --text-sub:   #7a7062;
  --border:     rgba(201,168,76,.18);
  --ff-serif:   'Noto Serif KR', 'Playfair Display', serif;
  --ff-sans:    'Spoqa Han Sans Neo', sans-serif;
  --ff-display: 'Playfair Display', serif;
  --ease-out:   cubic-bezier(.16,1,.3,1);
}
html { scroll-behavior: smooth; font-size: 16px; }
body {
  background: var(--black);
  color: var(--white);
  font-family: var(--ff-sans);
  font-weight: 300;
  line-height: 1.8;
  overflow-x: hidden;
}
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
ul { list-style: none; }
::selection { background: var(--gold-dim); color: var(--white); }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--gold-dim); border-radius: 1px; }

/* Noise overlay */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity: .4;
}

/* ===== CURSOR ===== */
.d6477i3, .of2u0al {
  position: fixed; border-radius: 50%; pointer-events: none; z-index: 9999;
  transform: translate(-50%,-50%); transition: transform 0.128s;
}
.d6477i3  { width: 6px;  height: 6px;  background: var(--gold); }
.of2u0al { width: 36px; height: 36px; border: 1px solid rgba(201,168,76,.5); transition: transform 0.203s var(--ease-out), opacity 0.214s; }

/* ===== HEADER ===== */
#header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  padding: 0 5vw;
  display: flex; align-items: center; justify-content: space-between;
  height: 72px;
  transition: background 0.422s, backdrop-filter 0.389s, border-color 0.422s;
  border-bottom: 1px solid transparent;
}
#header.scrolled {
  background: rgba(8,8,8,.94);
  backdrop-filter: blur(20px);
  border-color: var(--border);
}
.qax3o2m { display: flex; align-items: center; gap: 13px; }
.ez6s4ic {
  width: 36px; height: 36px; border: 1px solid var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-size: 15px; color: var(--gold);
  letter-spacing: 1px; position: relative;
}
.ez6s4ic::after { content: ''; position: absolute; inset: 3px; border: 1px solid var(--gold-dim); opacity: .4; }
.aavt4og { font-family: var(--ff-serif); font-size: 16px; font-weight: 500; letter-spacing: 3px; }
.qjnm9tx  { font-size: 8px; letter-spacing: 4px; color: var(--gold); display: block; }

nav { display: flex; align-items: center; gap: 32px; }
nav a {
  font-size: 10px; letter-spacing: 2.5px; color: var(--white-dim);
  text-transform: uppercase; position: relative; transition: color 0.28s;
}
nav a::after {
  content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 1px;
  background: var(--gold); transform: scaleX(0); transform-origin: right;
  transition: transform 0.407s var(--ease-out);
}
nav a:hover, nav a.active { color: var(--gold); }
nav a:hover::after, nav a.active::after { transform: scaleX(1); transform-origin: left; }
.of3lvp3 {
  padding: 9px 22px !important; border: 1px solid var(--gold) !important;
  color: var(--gold) !important; transition: background 0.298s, color 0.312s !important;
}
.of3lvp3::after { display: none !important; }
.of3lvp3:hover { background: var(--gold) !important; color: var(--black) !important; }

.z1w8mp7 { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
.z1w8mp7 span { display: block; width: 24px; height: 1px; background: var(--white); transition: all 0.272s; }

/* Mobile Menu */
.lqmx7bl {
  display: none; position: fixed; inset: 0; z-index: 9999;
  background: rgba(8,8,8,.98); backdrop-filter: blur(20px);
  flex-direction: column; align-items: center; justify-content: center; gap: 38px;
}
.lqmx7bl.open { display: flex; animation: slideDown 0.257s ease-out forwards; }
.lqmx7bl a { font-family: var(--ff-serif); font-size: 23px; letter-spacing: 3px; color: var(--white-dim); transition: color 0.299s; }
.lqmx7bl a:hover, .lqmx7bl a.active { color: var(--gold); }
.mwty8is { position: absolute; top: 24px; right: 5vw; font-size: 32px; color: var(--white); cursor: pointer; z-index: 10000; padding: 9px; }

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===== PAGE HERO (sub pages) — unused legacy variant, kept from template1
   (the simpler .ld3syx2 rule further below wins the cascade) ===== */
.ld3syx2 {
  padding: 147px 5vw 87px;
  background:
    radial-gradient(ellipse 70% 80% at 20% 50%, rgba(201,168,76,.06) 0%, transparent 70%),
    linear-gradient(160deg, #0d0b06 0%, #080808 60%);
  border-bottom: 1px solid var(--border);
  position: relative; overflow: hidden;
}
.ld3syx2::after {
  content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%;
  background: linear-gradient(to bottom, transparent, var(--gold-dim), transparent); opacity: .3;
}
.page-hero-inner { max-width: 1200px; margin: 0 auto; }
.page-breadcrumb {
  display: flex; align-items: center; gap: 11px;
  font-size: 10px; letter-spacing: 2px; color: var(--text-sub); margin-bottom: 24px;
}
.page-breadcrumb a { transition: color 0.28s; }
.page-breadcrumb a:hover { color: var(--gold); }
.page-breadcrumb span { color: var(--gold-dim); }
.page-hero-label {
  font-size: 8px; letter-spacing: 5px; color: var(--gold);
  text-transform: uppercase; display: flex; align-items: center; gap: 11px; margin-bottom: 16px;
}
.page-hero-label::before { content: ''; width: 24px; height: 1px; background: var(--gold); }
.page-hero-title {
  font-family: var(--ff-serif);
  font-size: clamp(32px, 5vw, 64px);
  font-weight: 600; line-height: 1.2; letter-spacing: 1px;
}
.page-hero-title em { color: var(--gold); font-style: italic; font-family: var(--ff-display); }
.page-hero-sub { margin-top: 20px; max-width: 560px; font-size: 14px; color: var(--white-dim); line-height: 2.1; }
.page-hero-bg-text {
  position: absolute; right: 4vw; top: 50%; transform: translateY(-50%);
  font-family: var(--ff-display); font-size: clamp(80px,14vw,160px);
  color: rgba(201,168,76,.04); font-style: italic; line-height: 1;
  pointer-events: none; user-select: none;
}

/* ===== SECTION COMMON ===== */
section { position: relative; z-index: 1; }
.k5uq1y9 { max-width: 1200px; margin: 0 auto; padding: 0 5vw; }
.xle4u2b { width: 100%; height: 1px; background: var(--border); }
.cqqz2fc {
  display: inline-flex; align-items: center; gap: 15px;
  font-size: 9px; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; margin-bottom: 18px;
}
.cqqz2fc::before { content: ''; width: 28px; height: 1px; background: var(--gold); }
.h580853 { font-family: var(--ff-serif); font-size: clamp(26px,3.5vw,44px); font-weight: 600; line-height: 1.25; letter-spacing: 1px; }
.h580853 em { color: var(--gold); font-style: italic; font-family: var(--ff-display); }

/* ===== BUTTONS ===== */
.znfgdbr {
  display: inline-flex; align-items: center; gap: 13px;
  padding: 16px 36px; background: var(--gold); color: var(--black);
  font-size: 10px; letter-spacing: 3px; font-weight: 500; text-transform: uppercase;
  transition: background 0.286s, transform 0.255s;
}
.znfgdbr:hover { background: var(--gold-light); transform: translateY(-2px); }
.nh7khqv {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 16px 34px; border: 1px solid var(--border); color: var(--white-dim);
  font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;
  transition: border-color 0.316s, color 0.301s;
}
.nh7khqv:hover { border-color: var(--gold); color: var(--gold); }

/* ===== CARDS / BOXES ===== */
.card {
  background: var(--black-3); border: 1px solid var(--border); padding: 43px 30px;
  position: relative; overflow: hidden; transition: border-color 0.296s;
}
.card:hover { border-color: var(--gold-dim); }
.card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(to right, var(--gold), transparent);
  transform: scaleX(0); transform-origin: left; transition: transform 0.532s var(--ease-out);
}
.card:hover::before { transform: scaleX(1); }

/* ===== REVEAL ===== */
.reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.986s var(--ease-out), transform 0.958s var(--ease-out); }
.reveal.visible { opacity: 1; transform: none; }
.reveal-delay-1 { transition-delay: 0.111s; }
.reveal-delay-2 { transition-delay: 0.196s; }
.reveal-delay-3 { transition-delay: 0.309s; }
.reveal-delay-4 { transition-delay: 0.361s; }

/* ===== FOOTER ===== */
footer {
  padding: 56px 5vw 36px; background: var(--black);
  border-top: 1px solid var(--border); position: relative; z-index: 1;
}
.xnei26o { max-width: 1200px; margin: 0 auto; }
.w8w7j2o { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 48px; gap: 31px; flex-wrap: wrap; }
.t29hj7b { font-family: var(--ff-serif); font-size: 21px; font-weight: 500; letter-spacing: 4px; }
.p790b3f { font-size: 9px; letter-spacing: 4px; color: var(--gold); margin-top: 4px; }
.lgcrlfh { display: flex; gap: 25px; flex-wrap: wrap; align-items: center; }
.lgcrlfh a { font-size: 11px; letter-spacing: 2px; color: var(--text-sub); transition: color 0.292s; }
.lgcrlfh a:hover { color: var(--gold); }
.w5jblwt { padding-top: 28px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.xwhtkbq { font-size: 12px; color: var(--text-sub); }
.uhzszso { font-size: 10px; color: var(--text-sub); text-align: right; line-height: 1.8; }

/* ===== CTA BANNER ===== */
#cta-banner{padding:101px 5vw;background:linear-gradient(135deg,#0d0b06 0%,#0a0807 50%,#080808 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;position:relative;overflow:hidden}
#cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(201,168,76,.05) 0%,transparent 70%)}
.jgulch3{font-family:var(--ff-serif);font-size:clamp(26px,4vw,48px);font-weight:600;line-height:1.3;position:relative}
.jgulch3 em{color:var(--gold);font-style:italic;font-family:var(--ff-display)}
.ghqy1vn{margin-top:16px;font-size:12px;color:var(--white-dim);position:relative}
.ikkk91k{display:block;font-family:var(--ff-display);font-size:clamp(32px,5vw,56px);color:var(--gold);font-style:italic;letter-spacing:2px;margin:29px 0;position:relative}
.ecosull{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;position:relative}

/* ===== STAFF GALLERY ===== */
#staff-gallery { padding: 100px 0; background: var(--black-2); }
.fh01ol5 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 56px; }
.fkq3sca { position: relative; overflow: hidden; border-radius: 2px; border: 1px solid var(--border); transition: all 0.271s; }
.fkq3sca:hover { border-color: var(--gold-dim); transform: translateY(-4px); }
.dcuckeg {
  width: 100%;
  aspect-ratio: 21 / 9;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.dcuckeg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(8,8,8,0.4) 100%);
  transition: opacity 0.272s;
}
.fkq3sca:hover .dcuckeg::after { opacity: 0.8; }

/* ===== ATMOSPHERE GALLERY ===== */
#atmosphere-gallery { padding: 94px 0; background: var(--black); }
.m7sjd7w { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 56px; }
.ixwaalf { position: relative; overflow: hidden; border-radius: 2px; border: 1px solid var(--border); transition: all 0.264s; }
.ixwaalf:hover { border-color: var(--gold-dim); transform: translateY(-4px); }
.b0b8w6j {
  width: 100%;
  aspect-ratio: 21 / 9;
  background-size: cover;
  background-position: center;
  position: relative;
}
.b0b8w6j::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(201,168,76,0.05) 0%, transparent 50%);
  transition: opacity 0.261s;
}
.ixwaalf:hover .b0b8w6j::after { opacity: 0; }

/* ===== FACILITIES GALLERY ===== */
#facilities { padding: 100px 0; background: var(--black-2); }
.o6rrcun { display: grid; grid-template-columns: repeat(4, 1fr); gap: 19px; margin-top: 56px; }
.pc8j8jd { position: relative; overflow: hidden; border-radius: 2px; border: 1px solid var(--border); transition: all 0.283s; }
.pc8j8jd:hover { border-color: var(--gold-dim); }
.j7k0hxz {
  width: 100%;
  aspect-ratio: 21 / 9;
  background-size: cover;
  background-position: center;
  transition: transform 0.52s;
}
.pc8j8jd:hover .j7k0hxz { transform: scale(1.05); }
.m1xffg8 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }

/* ===== SUB PAGE HERO (actual rule in effect — overrides the fuller
   variant above via source order, same as upstream template1) ===== */
.ld3syx2{padding:111px 0 55px;background:var(--black);text-align:center}

/* ===== PHILOSOPHY (About Page) ===== */
#philosophy{padding:108px 0;background:var(--black-2)}
.pdt85b2{display:grid;grid-template-columns:5fr 7fr;gap:87px;align-items:start}
.e4oaynl{margin-top:24px;font-size:12px;color:var(--white-dim);line-height:2.2}
.e4oaynl p+p{margin-top:20px}
.q2sltu1{margin-top:40px;padding:30px 35px;border-left:2px solid var(--gold);background:rgba(201,168,76,.04)}
.q2sltu1 p{font-family:var(--ff-serif);font-size:17px;color:var(--white);line-height:1.8;font-weight:500}
.q2sltu1 small{display:block;margin-top:10px;font-size:9px;letter-spacing:3px;color:var(--gold)}
.akabyk6{display:flex;flex-direction:column;gap:2px}
.lklwlaf{display:flex;align-items:flex-start;gap:20px;padding:30px;background:var(--black-3);border:1px solid var(--border);transition:border-color 0.34s}
.lklwlaf:hover{border-color:var(--gold-dim)}
.cfk0daf{font-family:var(--ff-display);font-size:46px;color:rgba(201,168,76,.12);font-style:italic;line-height:1;flex-shrink:0;width:48px}
.wcw9qfk{font-size:13px;font-weight:500;color:var(--gold-light);margin-bottom:8px}
.k8dmpec{font-size:12px;color:var(--white-dim);line-height:1.9}

/* ===== FLOATING CTA ===== */
.fwlnt1v { position: fixed; bottom: 28px; right: 24px; z-index: 90; display: flex; flex-direction: column; gap: 11px; align-items: flex-end; }
.gytp1ux {
  display: flex; align-items: center; gap: 8px; padding: 13px 17px;
  font-size: 10px; letter-spacing: 1px; font-weight: 500; white-space: nowrap;
  box-shadow: 0 2px 12px rgba(0,0,0,.5); transition: transform 0.269s;
}
.gytp1ux:hover { transform: translateY(-2px); }
.arzu8ci { background: var(--gold); color: var(--black); }

/* ===== RESPONSIVE (base) ===== */
@media (max-width: 1024px) {
  .e3zeoke { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .wxcyoqb { grid-template-columns: 1fr; gap: 20px; }
  .fh01ol5 { grid-template-columns: repeat(2, 1fr); gap: 21px; }
  .m7sjd7w { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .o6rrcun { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

@media (max-width: 960px) {
  nav { display: none; }
  .z1w8mp7 { display: flex; }
  .ft5myeu { font-size: 124px; top: 15%; right: 10%; transform: none; }
  .lb6wqep { display: none; }
  .vke6p6x { grid-template-columns: 1fr; gap: 45px; }
  .pdt85b2 { grid-template-columns: 1fr; gap: 46px; }
  .f5go9kn { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .w5jblwt { flex-direction: column; align-items: flex-start; }
  .uhzszso { text-align: left; }
}

@media (max-width: 768px) {
  .h580853 { font-size: 31px; }
  .iftkvnn { font-size: 41px; }
  .c3np3ht { font-size: 13px; }
  .ld3syx2 { padding: 132px 5vw 64px; }
  .page-hero-title { font-size: 39px; }
}

@media (max-width: 480px) {
  .iftkvnn { font-size: 34px; }
  .f5go9kn { grid-template-columns: 1fr; }
  .znfgdbr, .nh7khqv { width: 100%; justify-content: center; }
  .f6yznqm { flex-direction: column; align-items: flex-start; }
  .gytp1ux { padding: 11px 13px; font-size: 11px; }
  .fh01ol5 { grid-template-columns: 1fr; }
  .m7sjd7w { grid-template-columns: 1fr; }
  .o6rrcun { grid-template-columns: 1fr; }
  .m1xffg8 { grid-template-columns: 1fr; gap: 26px; }
}

/* ==========================================================
   Home page sections — ported from template/template1/home.php's
   inline <style> block (moved into the stylesheet proper for the
   WP theme surface; front-page.php stays markup-only).
   ========================================================== */
#hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 5vw 10vh;overflow:hidden}
.udse520{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.ffy5hbx{position:absolute;inset:0;pointer-events:none}
.ffy5hbx::before{content:'';position:absolute;width:1px;height:100%;left:40%;background:var(--gold);opacity:.08}
.ffy5hbx::after{content:'';position:absolute;width:55%;height:1px;right:0;top:40%;background:var(--gold);opacity:.08}
.ft5myeu{position:absolute;right:5vw;top:50%;transform:translateY(-50%);font-family:var(--ff-display);font-size:clamp(120px,20vw,220px);color:rgba(201,168,76,.04);font-style:italic;line-height:1;pointer-events:none;user-select:none}
.lb6wqep{position:absolute;right:5vw;bottom:12vh;display:flex;flex-direction:column;gap:20px;align-items:flex-end;opacity:0;animation:fadeUp 0.813s cubic-bezier(.16,1,.3,1) 0.954s forwards}
.kfqfm23{font-family:var(--ff-display);font-size:28px;color:var(--gold);font-style:italic;line-height:1;text-align:right}
.rl1xrtk{font-size:8px;letter-spacing:3px;color:var(--text-sub)}
.phw0944{display:inline-flex;align-items:center;gap:10px;padding:6px 20px;border:1px solid var(--border);background:rgba(201,168,76,.06);font-size:10px;letter-spacing:3px;color:var(--gold);margin-bottom:24px;opacity:0;animation:fadeUp 0.811s cubic-bezier(.16,1,.3,1) 0.32s forwards}
.phw0944 span{width:14px;height:1px;background:var(--gold)}
.iftkvnn{font-family:var(--ff-serif);font-size:clamp(36px,7vw,84px);font-weight:600;line-height:1.15;letter-spacing:2px;opacity:0;animation:fadeUp 0.887s cubic-bezier(.16,1,.3,1) 0.447s forwards}
.iftkvnn em{font-style:italic;color:var(--gold);font-family:var(--ff-display)}
.c3np3ht{margin-top:20px;max-width:480px;font-size:14px;color:var(--white-dim);line-height:2.1;opacity:0;animation:fadeUp 0.906s cubic-bezier(.16,1,.3,1) 0.709s forwards}
.f6yznqm{margin-top:40px;display:flex;align-items:center;gap:19px;flex-wrap:wrap;opacity:0;animation:fadeUp 0.843s cubic-bezier(.16,1,.3,1) 0.937s forwards}
.alnyjs0{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2.5px;color:var(--white-dim);text-transform:uppercase;transition:color 0.327s}
.alnyjs0::after{content:'→';transition:transform 0.313s}
.alnyjs0:hover{color:var(--gold)}
.alnyjs0:hover::after{transform:translateX(4px)}
.uovsnwy{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;opacity:0;animation:fadeIn 0.865s ease 0.986s forwards}
.fnlqxoe{width:1px;height:50px;background:linear-gradient(to bottom,var(--gold-dim),transparent);animation:scrollPulse 2.267s ease-in-out infinite}
.uovsnwy span{font-size:9px;letter-spacing:4px;color:var(--text-sub)}
#features{padding:131px 0;background:var(--black-2)}
.e3zeoke{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px}
.or2a1wx{background:var(--black-3);border:1px solid var(--border);padding:50px 32px;text-align:center;transition:border-color 0.266s;position:relative;overflow:hidden}
.or2a1wx:hover{border-color:var(--gold-dim)}
.or2a1wx::after{content:'';position:absolute;bottom:0;left:30%;right:30%;height:1px;background:var(--gold);transform:scaleX(0);transition:transform 0.45s}
.or2a1wx:hover::after{transform:scaleX(1)}
.y9ipxtn{font-size:26px;margin-bottom:20px}
.r9sphr5{font-family:var(--ff-display);font-size:43px;color:var(--gold);font-style:italic;line-height:1;margin-bottom:8px}
.feat-unit{font-size:10px;color:var(--gold-dim);letter-spacing:1px}
.ufivzc1{font-family:var(--ff-serif);font-size:14px;font-weight:500;color:var(--white);margin:15px 0 11px}
.wl2bend{font-size:11px;color:var(--white-dim);line-height:1.8}
#why{padding:132px 0;background:var(--black)}
.vke6p6x{display:grid;grid-template-columns:5fr 7fr;gap:77px;align-items:center;margin-top:0}
.xojpwyw{margin-top:24px;font-size:13px;color:var(--white-dim);line-height:2.1}
.xojpwyw p+p{margin-top:18px}
.d56g33u{margin-top:40px;display:flex;gap:17px;flex-wrap:wrap}
.hs33d7d{display:flex;flex-direction:column;gap:2px}
.rh2cuwg{display:flex;align-items:flex-start;gap:20px;padding:27px 28px;background:var(--black-3);border:1px solid var(--border);transition:border-color 0.32s}
.rh2cuwg:hover{border-color:var(--gold-dim)}
.zg5ea38{font-family:var(--ff-display);font-size:17px;color:var(--gold);font-style:italic;flex-shrink:0;line-height:1.4}
.zumgdhi{font-size:13px;font-weight:500;color:var(--gold-light);margin-bottom:6px}
.pcd84ne{font-size:11px;color:var(--white-dim);line-height:1.8}
#quick{padding:72px 0;background:var(--black-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.f5go9kn{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}
.im4wo17{padding:42px 31px;background:var(--black-3);border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;align-items:flex-start;transition:background 0.301s,border-color 0.28s}
.im4wo17:hover{background:var(--black-4);border-color:var(--gold-dim)}
.zmy9zo6{font-size:24px}
.dhdcme3{font-size:10px;letter-spacing:3px;color:var(--gold)}
.vjej29r{font-family:var(--ff-serif);font-size:17px;font-weight:500}
.x4evex4{font-size:17px;color:var(--gold);margin-top:auto;transition:transform 0.3s}
.im4wo17:hover .x4evex4{transform:translateX(4px)}
#review-strip{padding:108px 0;background:var(--black)}
.wxcyoqb{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px}
.wulwwei{padding:45px 29px;background:var(--black-3);border:1px solid var(--border);position:relative;transition:border-color 0.326s}
.wulwwei:hover{border-color:var(--gold-dim)}
.wulwwei::before{content:'\201C';position:absolute;top:20px;left:24px;font-family:var(--ff-display);font-size:61px;color:var(--gold);opacity:.12;line-height:1}
.gdxclv6{display:flex;gap:3px;margin-bottom:16px}
.gdxclv6 span{color:var(--gold);font-size:11px}
.leoqyry{font-size:13px;color:var(--white-dim);line-height:2;margin-bottom:24px}
.fid3nx8{display:flex;justify-content:space-between;font-size:11px}
.wlak5gy{color:var(--gold);letter-spacing:2px}
.nrp9x8r{color:var(--text-sub)}
#location{padding:115px 0;background:var(--black);position:relative}
.peq72fa{margin-top:56px;display:flex;flex-direction:column;gap:40px}
.rd8181n{position:relative;width:100%;border:1px solid var(--border);overflow:hidden;border-radius:2px;box-shadow:0 20px 50px rgba(0,0,0,0.4);aspect-ratio:21/9;min-height:350px}
.rd8181n iframe{width:100%;height:100%;border:0;filter:invert(90%) hue-rotate(180deg) contrast(1.2);opacity:0.8}
.u4zqe44{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.e26yzhy{padding:32px;background:var(--black-3);border:1px solid var(--border);transition:border-color 0.315s;display:flex;align-items:flex-start;gap:22px}
.e26yzhy:hover{border-color:var(--gold-dim)}
.w70dfcs{font-family:var(--ff-display);font-size:20px;color:var(--gold);font-style:italic;line-height:1;flex-shrink:0}
.g8w63pp h4{font-size:14px;font-weight:500;color:var(--gold-light);margin-bottom:8px;letter-spacing:1px}
.g8w63pp p{font-size:12px;color:var(--white-dim);line-height:1.8}
.g8w63pp kbd{font-size:11px;background:rgba(201,168,76,0.1);padding:2px 8px;border:1px solid var(--border);color:var(--gold);vertical-align:middle;margin-top:4px;display:inline-block}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scrollPulse{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:960px){.e3zeoke{grid-template-columns:1fr 1fr}.f5go9kn{grid-template-columns:1fr 1fr}.wxcyoqb{grid-template-columns:1fr}.u4zqe44{grid-template-columns:1fr}.rd8181n{aspect-ratio:16/9}}
@media(max-width:600px){.e3zeoke{grid-template-columns:1fr}.f5go9kn{grid-template-columns:1fr 1fr}}

/* ==========================================================
   WordPress theme surface extensions (not present in the
   standalone template1): FAQ accordion + blog templates.
   Same dark-gold design language as above.
   ========================================================== */
/* faq */
.faq-sec{max-width:820px;margin:53px auto 0;display:flex;flex-direction:column;gap:15px}
.faq-item{background:var(--black-3);border:1px solid var(--border);padding:4px 30px;transition:border-color 0.245s}
.faq-item[open]{border-color:var(--gold-dim)}
.faq-q{cursor:pointer;list-style:none;padding:23px 0;font-family:var(--ff-serif);font-weight:500;font-size:15px;color:var(--white);display:flex;justify-content:space-between;align-items:center;gap:15px}
.faq-q::-webkit-details-marker{display:none}
.faq-icon{flex:none;width:22px;height:22px;border:1px solid var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-style:italic;font-size:12px}
.faq-a{padding:0 0 24px;color:var(--white-dim);font-size:14px;line-height:2}
/* blog */
.uyuw1on{display:flex;flex-direction:column;gap:24px;margin-top:56px}
.post-card{background:var(--black-3);border:1px solid var(--border);padding:34px 41px;transition:border-color 0.272s}
.post-card:hover{border-color:var(--gold-dim)}
.post-card h2{font-family:var(--ff-serif);font-size:21px;font-weight:500}
.post-card h2 a{color:var(--white)}
.post-card h2 a:hover{color:var(--gold)}
.op91e3a{margin-top:8px;font-size:11px;letter-spacing:1px;color:var(--text-sub)}
.xsr9buf{margin-top:16px;color:var(--white-dim);font-size:13px;line-height:2}
.qt8k93r{max-width:760px;margin:0 auto}
.qt8k93r .op91e3a{margin-bottom:18px}
.f6s15ab{font-family:var(--ff-serif);font-size:clamp(28px,4vw,42px);font-weight:600}
.txugzfs img{margin-top:24px;border:1px solid var(--border)}
.dniy4id{margin-top:30px;font-size:13px;line-height:2;color:var(--white-dim)}
.dniy4id p{margin-top:18px}
.dniy4id h2,.dniy4id h3{margin-top:38px;margin-bottom:4px;color:var(--gold-light);font-family:var(--ff-serif)}
.dniy4id ul,.dniy4id ol{margin-top:16px;padding-left:22px}
.dniy4id img{margin-top:20px;border:1px solid var(--border)}
.dniy4id a{color:var(--gold);text-decoration:underline}
.lls7j8t{margin-top:56px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;letter-spacing:1px;color:var(--white-dim)}
.lls7j8t a:hover{color:var(--gold)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}
