:root{
  --paper:#f4efe8;
  --paper-2:#ebe2d8;
  --ink:#1f1d1a;
  --muted:#6f675f;
  --gold:#b28a4c;
  --gold-soft:#d7b77b;
  --navy:#11161b;
  --navy-2:#1b232a;
  --steel:#3f5363;
  --line:rgba(30,28,26,.18);
  --max:1260px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;width:100%;height:auto}
a{color:inherit}
main{display:block}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visual-hero{position:relative;width:100%;overflow:hidden;background:#111}
.visual-hero img{width:100%;height:auto;pointer-events:none}
.visual-hero.gold-bottom{border-bottom:1px solid var(--gold)}
.hotspot{position:absolute;z-index:50;display:block;border-radius:4px;background:transparent;text-indent:-9999px;overflow:hidden;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hotspot:focus-visible{outline:2px solid #fff;outline-offset:2px;background:rgba(255,255,255,.08)}
.home-map .hs-logo{left:3.8%;top:2.4%;width:20%;height:12%}
.home-map .hs-leadership{left:41.3%;top:4.7%;width:8.2%;height:7%}
.home-map .hs-formate{left:50.6%;top:4.7%;width:6.4%;height:7%}
.home-map .hs-common{left:58.2%;top:4.7%;width:11.5%;height:7%}
.home-map .hs-ryke{left:71.4%;top:4.7%;width:5.3%;height:7%}
.home-map .hs-cta{left:78.8%;top:3.2%;width:16.2%;height:8.5%}
.dark-map .hs-logo{left:5.5%;top:1.4%;width:11%;height:8%}
.dark-map .hs-leadership{left:29.0%;top:1.6%;width:9.2%;height:7%}
.dark-map .hs-formate{left:39.7%;top:1.6%;width:7.3%;height:7%}
.dark-map .hs-common{left:48.3%;top:1.6%;width:11.5%;height:7%}
.dark-map .hs-ryke{left:62.3%;top:1.6%;width:5.3%;height:7%}
.dark-map .hs-cta{left:78.4%;top:1.2%;width:15.6%;height:7.6%}

/* FORMAT CTA HOTSPOTS – approved Formate hero composition */
.dark-map .hs-format-leadership{left:57.10%;top:62.25%;width:12.75%;height:5.2%}
.dark-map .hs-format-family{left:70.25%;top:62.25%;width:11.80%;height:5.2%}
.dark-map .hs-format-couples{left:82.20%;top:62.25%;width:11.75%;height:5.2%}

.common-map .hs-logo{left:13.5%;top:1.2%;width:10.5%;height:6.5%}
.common-map .hs-leadership{left:34.0%;top:1.0%;width:7.0%;height:6%}
.common-map .hs-formate{left:41.8%;top:1.0%;width:6.5%;height:6%}
.common-map .hs-common{left:49.2%;top:1.0%;width:9.6%;height:6%}
.common-map .hs-ryke{left:59.3%;top:1.0%;width:5.2%;height:6%}
.common-map .hs-cta{left:68.0%;top:.7%;width:15.4%;height:6.5%}
.common-map .hs-whatsapp{left:3.9%;top:55.7%;width:33.2%;height:10.6%}
.book-section{border-top:1px solid var(--gold);padding:clamp(28px,4vw,58px) clamp(14px,2.5vw,42px) clamp(44px,6vw,84px);background:linear-gradient(180deg,#f4efe9 0%,#ece3d9 100%)}
.book-stage{position:relative;max-width:1500px;margin:0 auto;box-shadow:0 24px 70px rgba(48,37,28,.10)}
.book-stage .hs-book{left:5.8%;top:61.5%;width:15%;height:9%}
.home-intro{border-top:1px solid var(--gold);padding:clamp(64px,8vw,120px) clamp(22px,5vw,76px);background:#f7f3ed}
.wrap{width:min(var(--max),100%);margin:0 auto}
.kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-weight:600}
.display{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,5.2vw,78px);line-height:1.02;letter-spacing:-.035em}
.lead-copy{font-size:clamp(18px,1.6vw,24px);line-height:1.6;color:#403b36;max-width:790px}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,7vw,100px);align-items:start}
.portal-grid{margin-top:clamp(58px,7vw,94px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gold);border:1px solid var(--gold)}
.portal{background:#f7f3ed;padding:34px 30px 38px;text-decoration:none;min-height:230px}
.portal h3{margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400}
.portal p{margin:0;color:#5b544e;line-height:1.55}
.portal .more{display:block;margin-top:26px;color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.leadership-one{border-top:1px solid var(--gold);background:var(--navy);color:#f2eee7;padding:clamp(70px,8vw,130px) clamp(22px,5vw,76px)}
.leadership-two{border-top:1px solid var(--gold);background:#edf0f2;color:#192027;padding:clamp(70px,8vw,130px) clamp(22px,5vw,76px)}
.content-grid{width:min(var(--max),100%);margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,8vw,120px);align-items:start}
.leadership-one .kicker{color:var(--gold-soft)}
.leadership-one .display{color:#fff}
.leadership-one .copy{color:#d7d7d5}
.leadership-two .kicker{color:#5d7689}
.copy{font-size:clamp(18px,1.45vw,22px);line-height:1.72}
.copy p{margin:0 0 1.3em}
.statement{margin-top:32px;padding-top:26px;border-top:1px solid var(--gold);font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.5vw,39px);line-height:1.25}
.role-list{margin:30px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.role-list li{border:1px solid rgba(214,183,123,.55);padding:8px 12px;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.culture-line{margin-top:30px;padding-left:18px;border-left:3px solid #5d7689;font-weight:600}
.text-header{border-bottom:1px solid var(--gold);background:#f4efe8;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px clamp(24px,5vw,76px)}
.text-brand{font-family:Georgia,"Times New Roman",serif;font-size:35px;letter-spacing:.22em;text-decoration:none;color:#8e6b36}
.text-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.text-nav a{text-decoration:none;font-size:14px}
.text-cta{border:1px solid var(--gold);padding:11px 16px;text-decoration:none}
.person-hero{min-height:calc(100vh - 95px);display:grid;grid-template-columns:.8fr 1.2fr;background:#f7f3ed}
.person-photo{min-height:560px;background:#ddd}
.person-photo img{height:100%;object-fit:cover}
.person-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,8vw,120px)}
.person-copy p{max-width:620px;font-size:19px;line-height:1.65;color:#544d46}
.mail-button{align-self:flex-start;margin-top:20px;border:1px solid var(--gold);padding:14px 20px;text-decoration:none}
.legal-main{padding:clamp(54px,7vw,96px) clamp(22px,5vw,76px) clamp(80px,9vw,130px);background:#f7f3ed}
.legal{width:min(900px,100%);margin:0 auto}
.legal h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(44px,6vw,72px);margin:0 0 40px}
.legal h2{font-size:20px;margin:36px 0 12px}
.legal p,.legal li{font-size:16px;line-height:1.7;color:#3f3a35}
.legal ul{padding-left:22px}
.legal .stand{color:var(--muted);letter-spacing:.05em}
.site-footer{border-top:1px solid var(--gold);background:#efe8df;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px clamp(22px,5vw,76px)}
.site-footer .brand{font-family:Georgia,"Times New Roman",serif;font-size:25px;letter-spacing:.22em;text-decoration:none;color:#8e6b36}
.site-footer .links{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.intro-grid,.content-grid,.person-hero{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr}.person-photo{min-height:420px}.text-header{align-items:flex-start;flex-direction:column}.text-nav{gap:18px}}
/* MOBILE FIX 2026-09-10: move the whole hero together with the hotspots instead of moving only the image and disabling the links. */
@media(max-width:650px){
  body{overflow-x:hidden}
  .visual-hero{width:840px;max-width:none}
  .visual-hero img{min-width:840px;width:840px;max-width:none;position:static;left:auto;transform:none}
  .home-map{left:42%;transform:translateX(-50%)}
  .dark-map{left:43%;transform:translateX(-50%)}
  .common-map{left:48%;transform:translateX(-50%)}
  .hotspot{display:block!important;z-index:50!important;pointer-events:auto!important;touch-action:manipulation}
  .site-footer{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}