:root{
  --black:#0b0b0a;
  --charcoal:#121211;
  --charcoal-2:#191714;
  --warm:#b69b7d;
  --warm-soft:#d7c5b1;
  --ivory:#f2f0eb;
  --muted:#9c9993;
  --line:rgba(242,240,235,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
header{height:78px;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(to bottom,rgba(11,11,10,.9),rgba(11,11,10,.55),transparent);backdrop-filter:blur(7px)}
.brand{text-decoration:none;display:flex;align-items:baseline;gap:13px;white-space:nowrap}
.brand-zander{font:400 13px Manrope,Inter,sans-serif;letter-spacing:.39em}
.brand-comms{font:500 8px Inter,sans-serif;letter-spacing:.38em;color:var(--warm-soft)}
.header-right{display:flex;gap:25px;align-items:center;font:500 9px Inter,sans-serif;letter-spacing:.18em;color:#aaa69e}
#lang{border:1px solid rgba(242,240,235,.22);background:rgba(255,255,255,.02);color:var(--ivory);font:500 9px Inter;letter-spacing:.14em;cursor:pointer;padding:8px 10px}
.scene{position:relative;padding:13vh 7vw 10vh;border-bottom:1px solid var(--line);overflow:hidden}
.section-label,.eyebrow{font:500 9px Inter,sans-serif;letter-spacing:.25em;color:#a5a097;text-transform:uppercase}

/* HERO — derived from the new ZANDER COMMS identity */
.hero{min-height:100vh;padding-top:12vh;background:radial-gradient(ellipse at 74% 66%,rgba(182,155,125,.10),transparent 24%),linear-gradient(115deg,#090909 0%,#0c0c0b 58%,#15120f 100%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:16vw 100%;opacity:.28}
.architectural-light{position:absolute;right:-2vw;top:0;width:48vw;height:100%;pointer-events:none;overflow:hidden}
.architectural-light:before{content:"";position:absolute;right:8vw;top:7vh;width:20vw;height:78vh;background:linear-gradient(145deg,transparent 0 27%,rgba(215,197,177,.68) 28%,rgba(182,155,125,.25) 58%,transparent 59%);filter:blur(.4px);opacity:.68;transform:skewX(-7deg)}
.architectural-light:after{content:"";position:absolute;right:0;bottom:5vh;width:38vw;height:20vh;background:linear-gradient(169deg,transparent 38%,rgba(182,155,125,.34) 39%,rgba(215,197,177,.09) 58%,transparent 59%);filter:blur(3px);opacity:.8}
.hero-copy{position:relative;z-index:2;min-height:80vh;display:flex;flex-direction:column;justify-content:space-between;max-width:1320px}
.brand-lockup{width:min(690px,70vw);padding-top:6vh;text-align:center;align-self:center;margin-right:7vw}
.brand-lockup-zander{font:300 clamp(54px,6vw,92px)/1 Manrope,Inter,sans-serif;letter-spacing:.27em;padding-left:.27em;color:#f4f2ee}
.brand-lockup-comms{margin-top:18px;font:400 clamp(21px,2vw,32px)/1 Manrope,Inter,sans-serif;letter-spacing:.52em;padding-left:.52em;color:#f4f2ee}
.brand-lockup i{display:block;width:68px;height:1px;background:var(--warm-soft);margin:34px auto 28px;box-shadow:0 0 9px rgba(215,197,177,.26)}
.brand-lockup-line{font:400 clamp(8px,.75vw,11px) Inter,sans-serif;letter-spacing:.35em;color:#d8d4cd}
.hero-message{max-width:940px;padding:7vh 0 0}
.hero h1,.work h2,.experience h2,.contact h2{font-family:Manrope,Inter,sans-serif;font-weight:300;margin:0;letter-spacing:-.055em}
.hero h1{font-size:clamp(58px,7.6vw,118px);line-height:.86;margin-top:3vh;max-width:1050px}
.lead{max-width:700px;font-size:clamp(17px,1.35vw,21px);font-weight:300;line-height:1.7;color:#c8c3ba;margin:5vh 0 4vh}
.text-link{text-decoration:none;font:500 10px Inter,sans-serif;letter-spacing:.2em;border-bottom:1px solid rgba(215,197,177,.5);padding-bottom:7px}.text-link span{color:var(--warm-soft);margin-left:9px}


.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:1vh}
.primary-cta{display:inline-flex;align-items:center;gap:12px;text-decoration:none;background:#f1eee8;color:#11100f;padding:15px 19px;font:600 9px Inter,sans-serif;letter-spacing:.18em;transition:transform .2s ease,background .2s ease}
.primary-cta:hover{transform:translateY(-2px);background:#fff}
.primary-cta span{font-size:14px;color:#6f6254}
.quick-help{margin-top:5vh;padding:24px 28px 25px;border:1px solid rgba(215,197,177,.24);background:rgba(215,197,177,.045);max-width:760px;backdrop-filter:blur(3px)}
.quick-help-label{font:500 9px Inter,sans-serif;letter-spacing:.2em;color:#e3d8ca;margin-bottom:12px}
.quick-help p{max-width:650px;margin:0 0 15px;font-size:14px;line-height:1.65;color:#aaa49b;font-weight:300}
.quick-help a{text-decoration:none;font:500 8px Inter,sans-serif;letter-spacing:.18em;color:#f1eee8;border-bottom:1px solid rgba(215,197,177,.4);padding-bottom:5px}
.quick-help a span{color:var(--warm-soft);margin-left:8px}

/* APPROACH */
.work{background:linear-gradient(135deg,#10100f 0%,#171512 100%)}
.work-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:11vw;align-items:end;margin:8vh 0 10vh}
.work h2{font-size:clamp(58px,7.4vw,112px);line-height:.92}
.work-intro p{font-size:18px;line-height:1.75;font-weight:300;color:#bbb6ad;margin:0;max-width:620px}
.work-lines{border-top:1px solid var(--line)}
.work-lines article{display:grid;grid-template-columns:64px .9fr 1fr;gap:3vw;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}
.work-lines article>span{font:500 9px Inter;color:var(--warm-soft);letter-spacing:.18em}
.work-lines h3{font:300 clamp(22px,2.2vw,32px) Manrope,Inter,sans-serif;letter-spacing:-.025em;margin:0}
.work-lines p{margin:0;max-width:540px;font-size:14px;line-height:1.7;color:#9f9a91}
.investor-note{max-width:800px;margin:6rem 0 0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.65;color:#c4bfb6}

/* CLIENTS */
.trusted{padding:8vh 7vw 9vh;background:#0c0c0b;border-bottom:1px solid var(--line)}
.trusted .section-label{margin-bottom:5vh}
.logo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6vw;align-items:center;max-width:1380px}
.logo-cell{height:86px;display:flex;align-items:center;justify-content:center}
.logo-cell img{width:auto;filter:brightness(0) invert(1);opacity:.78;transition:opacity .25s ease,transform .25s ease}
.logo-cell:nth-child(1) img{height:46px}.logo-cell:nth-child(2) img{height:70px}.logo-cell:nth-child(3) img{height:58px}
.logo-cell:hover img{opacity:1;transform:translateY(-2px)}

/* EXPERIENCE */
.experience{background:#0e0e0d}
.experience-head{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end;margin:8vh 0}
.experience h2{font-size:clamp(58px,7.5vw,118px);line-height:.88}
.experience-head p{font-size:16px;line-height:1.78;color:#aaa59d;font-weight:300;margin:0}.experience-bridge{margin-top:1.8rem!important;color:#c0bbb2!important}
.mosaic{height:min(68vw,850px);display:grid;grid-template-columns:1.22fr .7fr .88fr;grid-template-rows:1fr .82fr;gap:10px}
.mosaic figure{margin:0;overflow:hidden;position:relative;background:#151515}.mosaic figure:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.55) contrast(1.04);transition:transform .7s ease,filter .7s ease}.mosaic figure:hover img{transform:scale(1.018);filter:saturate(.85) contrast(1.02)}
.m-idol{grid-column:1/3;grid-row:1}.m-traitors{grid-column:3;grid-row:1/3}.m-traitors img{object-position:center top}.m-allsang{grid-column:1;grid-row:2}.m-talang{grid-column:2;grid-row:2}.m-talang img{object-position:center 20%}
.experience-foot{display:flex;justify-content:space-between;margin-top:20px;font:500 8px Inter;letter-spacing:.18em;color:#77736d}

/* PROOF */
.proof{background:radial-gradient(ellipse at 85% 22%,rgba(182,155,125,.11),transparent 28%),#12110f}
.proof .section-label{margin-bottom:8vh}
.hero-quote{font:300 clamp(42px,6vw,92px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-.05em;max-width:1250px;margin:0;color:#f0eee9}
.byline{display:flex;gap:16px;margin-top:5vh;font-size:10px;letter-spacing:.04em}.byline span{color:#8d8982}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:12vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote-grid article{padding:5vh 5vw 5vh 0}.quote-grid article+article{border-left:1px solid var(--line);padding-left:5vw}.quote-grid p{font-size:17px;line-height:1.7;color:#bcb7ae;font-weight:300;max-width:620px;margin:0 0 6vh}.quote-grid span{font-size:9px;color:#88837c;letter-spacing:.04em}.quote-grid b{color:#f2f0eb}

/* CONTACT */
.contact{min-height:82vh;background:#0b0b0a;display:flex;flex-direction:column;justify-content:space-between}
.contact-light{position:absolute;right:0;top:0;width:48vw;height:100%;background:linear-gradient(145deg,transparent 0 36%,rgba(182,155,125,.12) 37%,rgba(215,197,177,.28) 48%,rgba(182,155,125,.08) 59%,transparent 60%);opacity:.75}
.contact-copy{position:relative;z-index:2;margin-top:auto}.contact-copy p{font:500 9px Inter;letter-spacing:.25em;color:var(--warm-soft);margin:0 0 5vh}.contact h2{font-size:clamp(68px,10vw,150px);line-height:.85}.contact-copy a{display:inline-block;margin-top:7vh;text-decoration:none;font-size:18px;font-weight:300;border-bottom:1px solid rgba(215,197,177,.55);padding-bottom:7px}.contact-copy a span{color:var(--warm-soft);margin-left:10px}
footer{height:72px;padding:0 4.8vw;display:flex;justify-content:space-between;align-items:center;color:#77736c;font:500 8px Inter;letter-spacing:.19em;background:#080807}

@media(max-width:900px){
 header{padding:0 6vw}.scene{padding:12vh 6vw 9vh}.hero{padding-top:12vh}.hero-copy{min-height:78vh}.brand-lockup{width:76vw;margin-right:0}.brand-lockup-zander{font-size:clamp(48px,10vw,72px)}.brand-lockup-comms{font-size:clamp(18px,4vw,26px)}.architectural-light{width:60vw;opacity:.66}.hero h1{font-size:clamp(64px,14vw,112px)}
 .work-intro,.experience-head{grid-template-columns:1fr;gap:5vh}.work-lines article{grid-template-columns:44px 1fr}.work-lines p{grid-column:2;margin-top:8px}
 .mosaic{height:105vw;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.m-idol{grid-column:1/3;grid-row:1}.m-traitors{grid-column:1;grid-row:2}.m-allsang{grid-column:2;grid-row:2}.m-talang{display:none}
 .quote-grid{grid-template-columns:1fr}.quote-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}
}
@media(max-width:560px){
 header{padding:0 5vw;height:68px}.brand{gap:8px}.brand-zander{font-size:11px;letter-spacing:.28em}.brand-comms{font-size:7px;letter-spacing:.26em}.signal{display:none}
 .scene{padding:11vh 5vw 8vh;min-height:auto}.hero{min-height:100svh;padding-top:10vh}.architectural-light{right:-25vw;width:92vw;opacity:.45}.hero-copy{min-height:86svh}.brand-lockup{width:100%;padding-top:8vh}.brand-lockup-zander{font-size:12vw;letter-spacing:.21em;padding-left:.21em}.brand-lockup-comms{font-size:5vw;letter-spacing:.42em;padding-left:.42em}.brand-lockup-line{font-size:6.4px;letter-spacing:.19em}.hero-message{padding-top:11vh}.hero h1{font-size:15vw}.lead{font-size:16px;margin-top:4vh}
 .work h2,.experience h2{font-size:14vw}.work-intro,.experience-head{margin:6vh 0}.work-lines article{padding:23px 0}.investor-note{margin-top:4rem}
 .trusted{padding:7vh 5vw}.logo-row{grid-template-columns:1fr;gap:0}.logo-cell{height:70px;justify-content:flex-start}.logo-cell:nth-child(1) img{height:34px}.logo-cell:nth-child(2) img{height:50px}.logo-cell:nth-child(3) img{height:42px}
 .mosaic{height:125vw;gap:5px}.experience-foot{font-size:7px;flex-direction:column;gap:8px}.hero-quote{font-size:10vw}.quote-grid{margin-top:8vh}.contact{min-height:70vh}.contact h2{font-size:15vw}.contact-light{width:75vw;opacity:.45}footer{padding:0 5vw;gap:20px;font-size:6px}
}

@media(max-width:560px){.hero h1{font-size:12.5vw;line-height:.9}.hero-actions{gap:20px}.primary-cta{padding:14px 16px}.quick-help{margin-top:4vh;padding:20px}.quick-help p{font-size:13px}}

/* v15 — mobile polish */
@media(max-width:560px){
  /* Bring the proposition into view sooner on phones */
  .hero{padding-top:8vh}
  .hero-copy{min-height:auto}
  .brand-lockup{padding-top:3vh}
  .brand-lockup i{margin:26px auto 22px}
  .hero-message{padding-top:7vh}

  /* Slightly tighter mobile reading rhythm */
  .lead{line-height:1.58}
  .work-intro p{line-height:1.62}
  .work-lines p{line-height:1.58}
  .experience-head p{line-height:1.64}

  /* Normalize perceived client-logo scale and spacing */
  .trusted .section-label{margin-bottom:3.5vh}
  .logo-row{gap:8px}
  .logo-cell{height:64px;justify-content:flex-start}
  .logo-cell:nth-child(1) img{height:29px;max-width:76%}
  .logo-cell:nth-child(2) img{height:43px;max-width:76%}
  .logo-cell:nth-child(3) img{height:37px;max-width:76%}

  /* Keep the editorial quote, but improve mobile readability */
  .proof .section-label{margin-bottom:5vh}
  .hero-quote{font-size:8.4vw;line-height:1.09;max-width:94%}
  .byline{margin-top:3.5vh}
}