/* Private-office restyling: heritage, restraint and a warmer sense of place. */
:root {
  --ink: #102638;
  --deep: #081827;
  --cream: #f4f0e8;
  --sand: #c4a063;
  --line: rgba(16, 38, 56, .18);
  --muted: #596878;
  --gold: #c7a158;
  --gold-light: #e6cd8d;
}

.brand-lockup img {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 13px;
}
.brand-lockup .wordmark { font-family: "Playfair Display", Georgia, serif; font-size: 18px; font-weight: 600; letter-spacing: .06em; }
.brand-lockup .wordmark b { display: block; margin: 0; color: var(--gold-light); font: 500 8px/1.3 "DM Mono", monospace; letter-spacing: .22em; }
.site-header { height: 94px; border-color: rgba(230,205,141,.25); padding: 0 5.2vw; background: linear-gradient(to bottom, rgba(8,24,39,.63), transparent); }
.site-header nav a { font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.hero { background: var(--deep); min-height: 780px; }
.hero-photo { position:absolute; inset:0; background: url("assets/wayko-family-office-hero.png") center/cover no-repeat; opacity:.93; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(4,14,24,.96) 0%, rgba(4,14,24,.78) 35%, rgba(4,14,24,.22) 68%, rgba(4,14,24,.27) 100%), linear-gradient(0deg, rgba(4,14,24,.66), transparent 48%); }
.hero::before { z-index:2; background:var(--gold); }
.hero-topline, .hero-content, .scroll-note { z-index:3; }
.hero-content { max-width: 875px; margin: 14vh 0 0; }
.hero h1 { max-width: 830px; font-size: clamp(51px, 6.1vw, 92px); text-shadow: 0 3px 30px rgba(0,0,0,.2); }
.hero h1 em { color: var(--gold-light); }
.hero-copy { color: #e5e2d9; max-width: 500px; }
.hero-mark { z-index:2; right: 5.2vw; bottom: 7vh; width: min(25vw, 330px); height:auto; opacity:.2; }
.hero-mark img { width:100%; display:block; filter: drop-shadow(0 16px 35px rgba(0,0,0,.35)); }
.button-light { background: #f6f1e6; box-shadow: inset 3px 0 0 var(--gold); }
.philosophy { background: #f8f5ef; }
.lead { max-width: 1020px; }
.lead em { color: var(--gold); }
.philosophy-statement { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr); gap:5.5vw; padding:0 0 58px; border-bottom:1px solid var(--line); }
.philosophy-statement > div { max-width:610px; }
.philosophy-statement p { color:var(--muted); font-size:17px; line-height:1.68; margin:0 0 22px; }
.philosophy-statement p:last-child { margin-bottom:0; }
.philosophy-statement aside { border-left:2px solid var(--gold); padding:8px 0 8px 27px; align-self:start; }
.philosophy-statement aside span { display:block; color:var(--muted); font:10px "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; margin-bottom:20px; }
.philosophy-statement aside strong { font:500 clamp(28px,2.7vw,42px)/1.05 "Playfair Display",serif; letter-spacing:-.035em; }
.philosophy-statement aside em { color:var(--gold); }
.philosophy-closing { max-width:700px; font:500 21px/1.5 "Playfair Display",serif; color:var(--ink); margin:40px 0 72px; }
.disclaimer { margin:22px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.global-perspective { display:grid; grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr); background:#0b1d2a; color:#f7f1e6; min-height:610px; }
.global-copy { display:flex; flex-direction:column; justify-content:center; padding:9vw 6.2vw; }
.global-copy .eyebrow { margin-bottom:25px; color:var(--gold-light); }
.global-copy h2 { margin:0; font:500 clamp(52px,5.5vw,84px)/.94 "Playfair Display",serif; letter-spacing:-.045em; }
.global-copy h2 em { color:var(--gold-light); }
.global-copy > p:not(.eyebrow) { max-width:360px; color:#d6d8d2; font-size:17px; line-height:1.6; margin:32px 0 64px; }
.global-copy span { color:var(--gold-light); font:10px "DM Mono",monospace; letter-spacing:.12em; }
.global-perspective figure { margin:0; overflow:hidden; min-height:610px; position:relative; }
.global-perspective figure::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,29,42,.22),transparent 45%),linear-gradient(0deg,rgba(8,18,28,.15),transparent); pointer-events:none; }
.global-perspective img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.focus { background: #e7dfd0; }
.focus-grid article { background: rgba(249,247,241,.58); }
.insights { background: #0d2636; }
.contact { background: #c9aa71; }
footer { background:#071827; }
footer .brand-lockup img { display:block; width:39px; height:39px; }

@media (max-width:760px) {
  .site-header { height:76px; padding:0 6vw; }
  .brand-lockup img { width:42px; height:42px; }
  .brand-lockup .wordmark { font-size:16px; }
  .site-header nav { top:76px; background:#081827; }
  .hero { min-height:720px; padding-top:110px; }
  .hero-photo { background-position:65% center; }
  .hero::after { background:linear-gradient(90deg, rgba(4,14,24,.92), rgba(4,14,24,.55)), linear-gradient(0deg, rgba(4,14,24,.67), transparent 55%); }
  .hero-content { margin-top:13vh; }
  .hero-mark { width:170px; right:-22px; bottom:62px; opacity:.16; }
  .global-perspective { display:block; }
  .philosophy-statement { display:block; padding-bottom:42px; }
  .philosophy-statement aside { margin-top:36px; }
  .philosophy-closing { margin:31px 0 48px; font-size:19px; }
  .global-copy { min-height:440px; padding:80px 6vw; }
  .global-copy > p:not(.eyebrow) { margin-bottom:46px; }
  .global-perspective figure { min-height:390px; }
}