:root{
  --black:#050505;
  --black2:#090909;
  --gold:#c89b45;
  --gold-light:#e5c37c;
  --white:#f4efe6;
  --muted:#aaa49a;
  --line:rgba(200,155,69,.28);
  --side:clamp(24px,5vw,78px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 80% 15%,rgba(200,155,69,.06),transparent 20%),
    linear-gradient(180deg,#050505,#090909 45%,#040404);
  color:var(--white);
  font-family:"Segoe UI",Arial,sans-serif;
  line-height:1.75;
}
a{text-decoration:none;color:inherit}
em{font-style:normal;color:var(--gold-light)}
.site-header{
  height:78px;position:fixed;inset:0 0 auto;z-index:100;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px;
  padding:0 var(--side);transition:.3s ease;
}
.site-header.scrolled{
  height:66px;background:rgba(4,4,4,.94);border-bottom:1px solid rgba(200,155,69,.14);
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)
}
.brand{display:flex;align-items:center;gap:13px}
.brand-copy{display:grid;font-family:Georgia,serif;line-height:1}
.brand-copy strong{font-size:.95rem;letter-spacing:.14em;font-weight:500}
.brand-copy em{font-size:1.02rem;letter-spacing:.14em;margin-top:6px}
.brand-symbol{position:relative;width:58px;height:36px;display:block}
.peak{position:absolute;left:50%;bottom:3px;width:31px;height:31px;border-left:1px solid var(--gold-light);border-top:1px solid var(--gold-light);transform-origin:center}
.peak-a{transform:translateX(-29px) rotate(45deg) skew(-7deg,-7deg)}
.peak-b{transform:translateX(-12px) scale(.78) rotate(45deg) skew(-7deg,-7deg)}
.peak-c{transform:translateX(7px) scale(.58) rotate(45deg) skew(-7deg,-7deg)}
.main-nav{display:flex;justify-content:center;gap:clamp(18px,3vw,40px)}
.main-nav a{font-size:.81rem;letter-spacing:.1em;font-weight:700;color:#d8d3ca;position:relative}
.main-nav a.active,.main-nav a:hover{color:var(--gold-light)}
.header-book{min-height:38px;display:flex;align-items:center;padding:0 22px;border:1px solid var(--line);font-size:.80rem;font-weight:800;letter-spacing:.08em}
.menu-toggle{display:none}

.about-hero{
  min-height:76vh;position:relative;display:grid;place-items:center;text-align:center;
  padding:135px var(--side) 90px;overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 44%,rgba(200,155,69,.08),transparent 25%),
    linear-gradient(135deg,#070707,#0b0b0b 55%,#050505);
}
.about-hero:before{
  content:"7";position:absolute;right:3%;bottom:-36%;color:rgba(200,155,69,.035);
  font-family:Georgia,serif;font-size:38rem;line-height:1;pointer-events:none
}
.hero-line{position:absolute;top:50%;width:29%;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero-line.left{left:0}.hero-line.right{right:0;transform:scaleX(-1)}
.about-hero-inner{position:relative;z-index:2;max-width:850px}
.eyebrow{color:var(--gold);font-size:.82rem;letter-spacing:.22em;font-weight:800}
.about-hero h1{
  margin-top:16px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(4rem,9vw,8.2rem);font-weight:400;line-height:.9;letter-spacing:-.045em
}
.about-hero p{max-width:650px;margin:28px auto 0;color:#aaa49a;font-size:1rem}

.founder-section{padding:120px var(--side)}
.founder-grid{width:min(1450px,100%);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,130px);align-items:start}
.founder-aside{position:sticky;top:110px}
.chapter-no{display:block;color:rgba(200,155,69,.22);font-family:Georgia,serif;font-size:6rem;line-height:.8}
.founder-aside h2{
  margin-top:20px;font-family:Georgia,serif;font-weight:400;font-size:clamp(3rem,5.5vw,5.8rem);
  line-height:.93;letter-spacing:-.035em
}
.role{margin-top:18px;color:#c6bba8;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase}
.mountain-mark{display:flex;align-items:center;gap:10px;width:230px;margin:30px 0}
.mountain-mark span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}
.mountain-mark span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.mountain-mark b{color:var(--gold-light)}
.founder-aside blockquote{
  max-width:430px;padding:25px 0 0 24px;border-left:1px solid var(--gold);
  color:#c4beb4;font-family:Georgia,serif;font-size:1.05rem;font-style:italic
}
.founder-story{max-width:900px}
.founder-story p{color:#b9b3a8;margin-bottom:25px;font-size:.98rem}
.founder-story .intro{font-family:Georgia,serif;color:#eee5d5;font-size:1.32rem;line-height:1.65}
.founder-story strong{color:var(--gold-light);font-weight:500}
.milestone{
  margin:42px 0;padding:28px 30px;border:1px solid var(--line);
  background:linear-gradient(90deg,rgba(200,155,69,.07),transparent);
}
.milestone span{display:block;color:var(--gold);font-size:.86rem;letter-spacing:.16em}
.milestone strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:1.8rem}
.timeline-band{
  display:grid;grid-template-columns:repeat(4,1fr);margin:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.timeline-band div{padding:22px 20px;border-right:1px solid rgba(200,155,69,.15)}
.timeline-band div:last-child{border-right:0}
.timeline-band strong{display:block;font-family:Georgia,serif;font-size:1.55rem}
.timeline-band span{display:block;margin-top:6px;color:#938d83;font-size:.84rem;line-height:1.5}
.story-quote{
  margin:38px 0;padding:30px 34px;border-left:2px solid var(--gold);
  color:#ddd6ca;background:rgba(200,155,69,.04);font-family:Georgia,serif;font-size:1.06rem;font-style:italic
}
.closing{padding-top:24px;border-top:1px solid var(--line)}

.team-section{
  padding:110px var(--side) 130px;border-top:1px solid rgba(200,155,69,.16);
  background:radial-gradient(circle at 50% 30%,rgba(200,155,69,.05),transparent 30%),#070707
}
.section-heading{text-align:center;max-width:800px;margin:auto}
.section-heading h2{margin-top:13px;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.95}
.section-heading p{margin:22px auto 0;max-width:620px;color:#aaa49a}
.team-grid{width:min(1200px,100%);margin:80px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,110px)}
.team-card{position:relative;padding:45px 42px;border-top:1px solid var(--gold);background:linear-gradient(145deg,rgba(200,155,69,.055),rgba(255,255,255,.01))}
.team-card.offset{transform:translateY(60px)}
.team-index{position:absolute;right:22px;top:8px;color:rgba(200,155,69,.12);font-family:Georgia,serif;font-size:7rem;line-height:1}
.team-role{color:var(--gold);font-size:.77rem;letter-spacing:.17em}
.team-card h3{margin-top:20px;font-family:Georgia,serif;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:400;line-height:.92}
.team-card p{margin-top:28px;color:#aaa49a;font-size:.92rem}

.about-cta{
  min-height:520px;display:grid;place-content:center;text-align:center;padding:90px var(--side);
  border-top:1px solid var(--line);background:linear-gradient(180deg,#050505,#090909)
}
.about-cta>span{color:var(--gold);font-size:.80rem;letter-spacing:.2em}
.about-cta h2{margin-top:15px;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.95}
.about-cta a{display:inline-flex;justify-self:center;align-items:center;min-height:48px;margin-top:30px;padding:0 26px;border:1px solid var(--line);color:var(--gold-light);font-size:.80rem;font-weight:800}

footer{
  min-height:85px;padding:0 var(--side);display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(200,155,69,.12);color:#77736d;font-size:.85rem;letter-spacing:.1em
}

@media(max-width:980px){
  .site-header{grid-template-columns:1fr auto}
  .header-book{display:none}
  .menu-toggle{display:grid;width:44px;height:44px;border:1px solid var(--line);background:#080808;place-content:center;gap:6px}
  .menu-toggle span{width:18px;height:1px;background:var(--gold-light)}
  .main-nav{
    position:fixed;top:70px;left:18px;right:18px;display:none;flex-direction:column;align-items:flex-start;
    padding:22px;background:rgba(5,5,5,.98);border:1px solid var(--line)
  }
  .main-nav.open{display:flex}
  .founder-grid{grid-template-columns:1fr}
  .founder-aside{position:relative;top:auto}
  .timeline-band{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr}
  .team-card.offset{transform:none}
}
@media(max-width:620px){
  :root{--side:18px}
  .about-hero{min-height:65vh}
  .about-hero h1{font-size:3.7rem}
  .founder-section,.team-section{padding-top:85px;padding-bottom:90px}
  .chapter-no{font-size:4.5rem}
  .timeline-band{grid-template-columns:1fr}
  .timeline-band div{border-right:0;border-bottom:1px solid rgba(200,155,69,.12)}
  .team-card{padding:34px 26px}
  footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}
}

.person-photo{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(200,155,69,.35);
  background:
    radial-gradient(circle at 35% 20%,rgba(200,155,69,.12),transparent 30%),
    linear-gradient(145deg,#171717,#080808);
  box-shadow:0 24px 55px rgba(0,0,0,.28);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.person-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(229,195,124,.08);
}
.founder-photo{
  width:min(100%,430px);
  aspect-ratio:4/5;
  margin-top:30px;
  border-radius:110px 22px 110px 22px;
}
.team-photo{
  width:100%;
  aspect-ratio:4/3;
  margin-bottom:28px;
  border-radius:34px 12px 34px 12px;
}
.photo-label{
  position:absolute;
  left:18px;
  bottom:17px;
  z-index:2;
  padding:7px 11px;
  border:1px solid rgba(200,155,69,.34);
  background:rgba(5,5,5,.72);
  color:var(--gold-light);
  font-size:.85rem;
  letter-spacing:.1em;
  font-weight:800;
}


.nav-dropdown{position:relative}
.dropdown-toggle{display:inline-flex;align-items:center;gap:7px}
.dropdown-toggle::before{content:"";display:none}
.dropdown-toggle::after{
  content:"⌄"!important;
  position:static!important;
  width:auto!important;height:auto!important;
  background:none!important;
  font-size:.85rem;
  color:var(--gold-light);
  transition:transform .2s ease!important;
}
.nav-dropdown.open .dropdown-toggle::after{transform:rotate(180deg)}
.dropdown-menu{
  position:absolute;
  top:calc(100% + 18px);
  left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:270px;
  padding:10px;
  display:grid;
  gap:4px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(6,6,6,.98);
  border:1px solid rgba(200,155,69,.25);
  box-shadow:0 22px 55px rgba(0,0,0,.4);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  transition:.2s ease;
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown.open .dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.dropdown-menu a{
  display:block;
  padding:11px 13px;
  color:#d8d3ca;
  font-size:.80rem;
  letter-spacing:.08em;
  white-space:nowrap;
}
.dropdown-menu a::after{display:none!important}
.dropdown-menu a:hover{
  color:var(--gold-light);
  background:rgba(200,155,69,.08);
}

@media(max-width:850px){
  .nav-dropdown{width:100%}
  .dropdown-toggle{width:100%;justify-content:space-between}
  .dropdown-menu{
    position:static;
    transform:none!important;
    min-width:0;
    width:100%;
    margin-top:8px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    display:none;
    box-shadow:none;
    background:#0a0a0a;
  }
  .nav-dropdown.open .dropdown-menu{display:grid}
  .nav-dropdown:hover .dropdown-menu{display:none}
  .nav-dropdown.open:hover .dropdown-menu{display:grid}
}

/* PRO TYPOGRAPHY */
.eyebrow,
.section-kicker,
.story-eyebrow,
.contact-kicker,
.team-role,
.role,
.main-nav a,
.dropdown-menu a,
.header-book,
.pdf-actions a,
.master-unit-head span,
.contact-list span{
  letter-spacing:.11em;
  font-weight:700;
}

.story-content>p,
.hotel-story-heading p,
.section-heading p,
.about-hero p,
.unit-copy p,
.contact-list strong,
.values-content p,
.pdf-card p{
  font-size:1rem;
  line-height:1.8;
}

.story-features span,
.timeline-band span,
.team-card p,
.contact-form-note,
.gallery-help,
.muted{
  font-size:.9rem;
  line-height:1.65;
}

footer{
  font-size:.78rem;
}

@media(max-width:620px){
  .story-content>p,
  .hotel-story-heading p,
  .section-heading p,
  .about-hero p,
  .unit-copy p,
  .contact-list strong,
  .values-content p{
    font-size:.96rem;
  }
}


/* Keep page sections visually above the accent without changing their existing look. */
main,header,footer,.site-header{
  position:relative;
  z-index:0;
}

@media(max-width:700px){
  body::before{
    width:105vw;
    height:160px;
    top:56%;
    opacity:.34;
    transform:translate(-50%,-50%) rotate(-17deg);
  }
  body::after{
    width:90vw;
    top:59%;
    opacity:.28;
  }
}


/* GLOBAL DECORATIVE GOLD ACCENT - SAFE STACKING */
body{
  position:relative;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:min(78vw,1180px);
  height:190px;
  transform:translate(-50%,-50%) rotate(-12deg);
  pointer-events:none;
  opacity:.48;
  filter:blur(24px);
  z-index:0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(116,73,29,0) 10%,
      rgba(116,73,29,.10) 24%,
      rgba(200,155,69,.22) 42%,
      rgba(239,207,126,.14) 50%,
      rgba(132,79,31,.13) 61%,
      rgba(200,155,69,.08) 76%,
      transparent 100%
    );
}
body::after{
  content:"";
  position:absolute;
  left:56%;
  top:47%;
  width:min(58vw,900px);
  height:100px;
  transform:translate(-50%,-50%) rotate(-12deg);
  pointer-events:none;
  opacity:.32;
  filter:blur(42px);
  z-index:0;
  background:radial-gradient(
    ellipse at center,
    rgba(216,175,83,.22) 0%,
    rgba(105,62,26,.10) 42%,
    transparent 74%
  );
}

/* Public content stays above the decorative accent. */
main, footer{
  position:relative;
  z-index:1;
}

/* Header/dropdown must stay above everything. */
.site-header{
  position:fixed !important;
  z-index:10000 !important;
}
.main-nav{
  position:relative;
  z-index:10001;
}
.nav-dropdown{
  position:relative;
  z-index:10002;
}
.dropdown-menu{
  z-index:10003 !important;
}

@media(max-width:700px){
  body::before{
    width:108vw;
    height:145px;
    top:46%;
    opacity:.38;
    transform:translate(-50%,-50%) rotate(-16deg);
  }
  body::after{
    width:92vw;
    top:49%;
    opacity:.24;
  }
}


/* DROPDOWN STAY-OPEN + VISIBLE MID-PAGE GOLD BAND */

/* Invisible bridge between CAZARE and its submenu:
   prevents :hover from being lost while moving the mouse downward. */
.nav-dropdown{
  padding-bottom:20px;
  margin-bottom:-20px;
}
.dropdown-menu{
  top:100% !important;
  margin-top:0 !important;
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu,
.nav-dropdown.open .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Stronger but still elegant gold/black diagonal accent around page middle. */
main{
  position:relative;
  z-index:1;
}
main::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-8vw;
  top:46%;
  width:116vw;
  height:330px;
  transform:rotate(-7deg);
  pointer-events:none;
  opacity:1;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,0) 0%,
      rgba(49,31,13,.10) 16%,
      rgba(112,70,26,.22) 31%,
      rgba(190,139,55,.31) 46%,
      rgba(222,178,86,.24) 54%,
      rgba(123,75,28,.20) 68%,
      rgba(33,22,12,.08) 84%,
      rgba(0,0,0,0) 100%
    );
  filter:blur(24px);
}

/* Fine luminous line inside the broad gradient. */
main::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:8vw;
  top:49%;
  width:84vw;
  height:74px;
  transform:rotate(-7deg);
  pointer-events:none;
  opacity:.62;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(135,86,31,.10) 20%,
    rgba(214,165,70,.26) 45%,
    rgba(236,199,115,.20) 55%,
    rgba(118,70,25,.10) 78%,
    transparent
  );
  filter:blur(30px);
}

/* Disable the previous body accent so the two systems do not cancel/muddy each other. */
body::before,
body::after{
  display:none !important;
}

@media(max-width:700px){
  main::before{
    left:-30vw;
    width:160vw;
    height:230px;
    top:48%;
    transform:rotate(-10deg);
  }
  main::after{
    left:-5vw;
    width:110vw;
    top:50%;
    transform:rotate(-10deg);
  }
}

/* DEFAULT_ABOUT_MEDIA */
.about-hero{
  background-image:
    linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),
    url("/images/despre-noi-hero-banner.png"),
    linear-gradient(135deg,#070707,#0b0b0b 55%,#050505);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#ladislauPhoto{background-image:url("/images/despre-noi-ladislau-hathazi.webp");}
#camilPhoto{background-image:url("/images/despre-noi-camil-hathazi.jpg");}
#sinzianaPhoto{background-image:url("/images/despre-noi-sinziana-hathazi.jpg");}