@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');

:root{
  --bg:#07131d;
  --bg2:#0a1722;
  --ink:#f4f1e9;
  --muted:#b8c0c7;
  --gold:#b78a4a;
  --cream:#f2ede4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
}
.site-header{
  height:86px;
  padding:0 4.2vw;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:32px;
  background:#08131c;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:relative;
  z-index:5;
}
.brand,.footer-brand{
  text-decoration:none;
  color:var(--ink);
  display:flex;
  align-items:flex-end;
  gap:10px;
  width:max-content;
}
.brand-main{
  font-family:"Cormorant Garamond",serif;
  font-size:42px;
  line-height:.9;
  font-weight:500;
}
.brand-sub{
  font-size:11px;
  letter-spacing:.28em;
  line-height:1.1;
  margin-bottom:4px;
}
.main-nav{
  display:flex;
  gap:34px;
}
.main-nav a,.langs a{
  color:var(--ink);
  text-decoration:none;
  font-size:13px;
  font-weight:600;
  letter-spacing:.03em;
}
.main-nav a{
  padding:33px 0 29px;
  border-bottom:2px solid transparent;
}
.main-nav a.active{border-bottom-color:var(--gold)}
.langs{
  justify-self:end;
  display:flex;
  gap:8px;
  font-size:12px;
  color:#7f8a91;
}
.hero{
  height:min(53vw,620px);
  min-height:430px;
  position:relative;
  overflow:hidden;
  background:#08131c;
}
.hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 55%;
  display:block;
}
.hero-shade{
  position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(4,11,16,.75) 0%,rgba(4,11,16,.28) 48%,rgba(4,11,16,.12) 100%);
}
.hero-title{
  position:absolute;
  left:5.3vw;
  bottom:64px;
  max-width:650px;
}
.eyebrow{
  color:var(--gold);
  letter-spacing:.18em;
  font-size:13px;
  font-weight:600;
}
.hero-title h1,.profile h2{
  font-family:"Cormorant Garamond",serif;
  font-weight:500;
  margin:10px 0 4px;
  line-height:1.02;
}
.hero-title h1{font-size:clamp(44px,5vw,72px)}
.hero-title p{
  margin:10px 0 0;
  color:#d0d5d8;
  font-size:16px;
  letter-spacing:.04em;
}
.profile{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);
  gap:7vw;
  max-width:1240px;
  margin:0 auto;
  padding:92px 54px 100px;
  align-items:start;
}
.profile h2{
  font-size:50px;
  color:var(--ink);
}
.rule{width:48px;height:2px;background:var(--gold);margin:19px 0 28px}
.profile-copy p{
  max-width:720px;
  color:#d4d9dc;
  font-size:16px;
  line-height:1.82;
  margin:0 0 22px;
}
.team-note{
  margin-top:34px!important;
  padding-top:24px;
  border-top:1px solid rgba(183,138,74,.5);
  color:#c6ced3!important;
}
.portrait-wrap{
  margin:0;
  max-width:390px;
  justify-self:end;
}
.portrait-wrap img{
  width:100%;
  height:auto;
  display:block;
  border-radius:2px;
  /* Important: original image is shown directly. No filter, retouch, or AI modification. */
}
.portrait-wrap figcaption{
  color:#89949b;
  font-size:11px;
  letter-spacing:.04em;
  margin-top:12px;
}
.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
  background:#061019;
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:60px;
  padding:54px 5vw 30px;
  align-items:start;
}
.site-footer .brand-main{font-size:38px}
.footer-col h3{
  font-size:12px;
  letter-spacing:.12em;
  margin:0 0 18px;
  color:#fff;
}
.footer-col h3:after{
  content:"";
  display:block;
  width:28px;
  height:2px;
  background:var(--gold);
  margin-top:10px;
}
.footer-col p,.footer-col a{
  color:#c8cfd4;
  text-decoration:none;
  font-size:13px;
  line-height:1.7;
}
.footer-bottom{
  grid-column:1/-1;
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:20px;
  margin-top:8px;
  color:#6f7c85;
  font-size:11px;
}

/* Responsive layout */
@media (min-width:1400px){
  .profile{max-width:1320px}
  .site-header{padding-left:4.5vw;padding-right:4.5vw}
}
@media (max-width:1199px){
  .site-header{padding-left:28px;padding-right:28px}
  .main-nav{gap:24px}
  .main-nav a{font-size:12px}
  .profile{gap:5vw;padding-left:42px;padding-right:42px}
}
@media (max-width:1024px){
  .site-header{grid-template-columns:auto 1fr auto;gap:18px}
  .brand-main{font-size:39px}
  .main-nav{gap:18px}
  .main-nav a{font-size:11px}
  .langs{font-size:11px}
  .hero{height:500px;min-height:420px}
  .profile{grid-template-columns:minmax(0,1fr) 300px;gap:42px}
  .profile h2{font-size:44px}
  .profile-copy p{font-size:15px}
}
@media (max-width:900px){
  .site-header{
    grid-template-columns:1fr auto;
    height:86px;
    padding:0 22px;
    gap:16px;
  }
  .main-nav{display:none}
  .brand-main{font-size:38px}
  .brand-sub{font-size:9px;letter-spacing:.25em}
  .langs{font-size:12px;gap:7px}
  .hero{height:430px;min-height:430px}
  .hero img{object-position:center 52%}
  .hero-title{left:26px;right:26px;bottom:38px}
  .hero-title h1{font-size:clamp(36px,7vw,48px)}
  .hero-title p{font-size:14px}
  .profile{grid-template-columns:1fr;padding:58px 26px 66px;gap:42px}
  .profile h2{font-size:40px}
  .profile-copy p{font-size:14.5px;line-height:1.75}
  .portrait-wrap{justify-self:start;max-width:330px}
  .site-footer{grid-template-columns:1fr;gap:22px;padding:36px 26px 22px}
  .footer-bottom{grid-column:1/-1}
}
@media (max-width:600px){
  .site-header{height:80px;padding:0 18px}
  .brand-main{font-size:34px}
  .brand-sub{font-size:8px}
  .langs{font-size:11px}
  .hero{height:390px;min-height:390px}
  .hero img{object-position:58% 50%}
  .hero-title{left:20px;right:20px;bottom:30px}
  .eyebrow{font-size:11px}
  .hero-title h1{font-size:34px;margin-top:8px}
  .hero-title p{font-size:13px}
  .profile{padding:46px 20px 54px;gap:34px}
  .profile h2{font-size:34px}
  .rule{margin:16px 0 22px}
  .profile-copy p{font-size:14px;line-height:1.72;margin-bottom:18px}
  .team-note{margin-top:28px!important;padding-top:20px}
  .portrait-wrap{max-width:280px}
  .portrait-wrap figcaption{font-size:10px}
  .site-footer{padding:30px 20px 18px}
  .site-footer .brand-main{font-size:34px}
}
@media (max-width:390px){
  .site-header{padding:0 14px}
  .brand-main{font-size:31px}
  .brand-sub{font-size:7.5px}
  .langs{font-size:10px;gap:5px}
  .hero{height:365px;min-height:365px}
  .hero-title{left:16px;right:16px;bottom:26px}
  .hero-title h1{font-size:31px}
  .profile{padding-left:16px;padding-right:16px}
  .profile h2{font-size:31px}
  .portrait-wrap{max-width:260px}
  .site-footer{padding-left:16px;padding-right:16px}
}
@supports (padding:max(0px)){
  @media (max-width:900px){
    .site-header{
      padding-left:max(22px,env(safe-area-inset-left));
      padding-right:max(22px,env(safe-area-inset-right));
    }
  }
  @media (max-width:600px){
    .site-header{
      padding-left:max(18px,env(safe-area-inset-left));
      padding-right:max(18px,env(safe-area-inset-right));
    }
  }
}


/* FINAL v5 — About footer gold-rule deduplication */
.site-footer .footer-col .mini-rule + .mini-rule{
  display:none !important;
}
.site-footer .footer-col h3::after,
.site-footer .footer-col h4::after{
  content:none !important;
  display:none !important;
}