:root {
  --ink:#211b24;
  --muted:#68606a;
  --paper:#fbfaf8;
  --warm:#f3eee9;
  --purple:#5c2685;
  --purple-dark:#3d185b;
  --magenta:#bd126b;
  --red:#df171c;
  --yellow:#f9bd2c;
  --line:rgba(33,27,36,.14);
  --max:1180px;
  --radius:4px;
  --shadow:0 18px 60px rgba(31,20,34,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Aptos,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--purple)}
.display,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(3rem,6vw,6.25rem)}
h2{font-size:clamp(2.15rem,4vw,4.15rem)}
h3{font-size:clamp(1.45rem,2vw,2rem)}
p{margin:0 0 1.25rem}
.lead{font-size:clamp(1.16rem,1.6vw,1.42rem);line-height:1.55;color:#403742;max-width:720px}
.small{font-size:.94rem;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(251,250,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease}
.site-header.scrolled{border-color:var(--line)}
.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:210px;height:auto}
.nav{display:flex;gap:28px;align-items:center;font-size:.94rem}
.nav a{position:relative;padding:8px 0}
.nav a[aria-current="page"]::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--purple)}
.nav-cta{border:1px solid var(--purple)!important;padding:10px 16px!important;color:var(--purple);font-weight:650}
.nav-cta::after{display:none!important}
.menu-button{display:none;background:none;border:0;font:inherit;padding:8px;color:var(--ink)}
.hero{padding:72px 0 96px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:70px}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{max-width:760px;margin:14px 0 30px}
.hero-copy .lead{max-width:690px}
.hero-actions{display:flex;gap:18px;align-items:center;margin-top:34px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:10px;background:var(--purple);color:#fff;padding:14px 22px;border:1px solid var(--purple);font-weight:700;font-size:.95rem;transition:transform .16s ease,background .16s ease}
.button:hover{background:var(--purple-dark);transform:translateY(-1px)}
.text-link{font-weight:700;color:var(--purple);border-bottom:1px solid rgba(92,38,133,.35);padding-bottom:2px}
.hero-visual{position:relative;min-height:650px}
.hero-visual::before{content:"";position:absolute;width:160px;height:118px;background:var(--magenta);top:-22px;right:-44px;transform:rotate(8deg);border-radius:38% 10% 42% 8%;z-index:0;opacity:.94}
.hero-visual::after{content:"";position:absolute;width:92px;height:92px;background:var(--yellow);bottom:42px;left:-35px;transform:rotate(-11deg);border-radius:14% 44% 12% 42%;z-index:2}
.hero-photo{height:650px;width:100%;object-fit:cover;object-position:center 34%;position:relative;z-index:1;box-shadow:var(--shadow)}
.section{padding:112px 0}
.section-tight{padding:82px 0}
.section-warm{background:var(--warm)}
.section-purple{background:var(--purple-dark);color:#fff}
.section-purple .lead,.section-purple .small{color:rgba(255,255,255,.78)}
.section-title{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start;margin-bottom:58px}
.section-title h2{max-width:720px}
.recognition-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.recognition-item{padding:28px 26px 28px 0;border-bottom:1px solid var(--line);font-size:clamp(1.08rem,1.4vw,1.28rem)}
.recognition-item:nth-child(even){padding-left:34px;border-left:1px solid var(--line)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}
.split.reverse .media{order:2}
.media img{width:100%;max-height:650px;object-fit:cover;box-shadow:var(--shadow)}
.media-wide img{aspect-ratio:3/2;object-fit:cover;object-position:center}
.quote-line{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,3.15rem);line-height:1.18;color:var(--purple);margin:28px 0}
.axes{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.axis{border:1px solid rgba(92,38,133,.25);color:var(--purple);padding:7px 11px;font-size:.85rem;font-weight:700}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:48px}
.step{background:var(--purple-dark);padding:34px}
.step strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;font-weight:400;margin-bottom:10px}
.credentials{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 34px;margin:28px 0 30px;padding:0;list-style:none}
.credentials li{border-top:1px solid var(--line);padding:13px 0;font-size:.95rem}
.personal-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:74px;align-items:center}
.personal-photo{max-height:520px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.questions{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.question{padding:30px 0;border-top:1px solid var(--line)}
.question p{color:var(--muted);margin-top:10px;max-width:520px}
.domaan{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;padding:44px;border:1px solid rgba(255,255,255,.22)}
.domaan-mark{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,7vw,7.2rem);line-height:.8;color:#fff;opacity:.16;text-align:right}
.warm-thumb{width:260px;aspect-ratio:1/1;object-fit:cover;object-position:center;box-shadow:var(--shadow)}
.cta{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}
.cta-contact{font-size:1.05rem;border-left:1px solid var(--line);padding-left:32px}
.page-hero{padding:78px 0 76px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(3rem,5vw,5.3rem);max-width:900px;margin:12px 0 28px}
.page-hero .lead{max-width:780px}
.prose{max-width:760px}
.prose h2{margin:60px 0 24px;font-size:clamp(2rem,3.5vw,3.4rem)}
.prose h3{margin:34px 0 12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{border-top:3px solid var(--purple);background:#fff;padding:28px;min-height:240px}
.card p{color:var(--muted);margin-top:12px}
.footer{padding:58px 0 34px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:48px}
.footer-brand img{width:180px;margin-bottom:18px}
.footer h3{font-family:inherit;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.footer a{display:block;color:var(--muted);margin:5px 0}
.footer a:hover{color:var(--purple)}
.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.82rem}
@media (max-width:900px){
  .container{width:min(calc(100% - 34px),var(--max))}
  .nav-wrap{height:74px}.brand img{width:170px}.menu-button{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px 28px;flex-direction:column;align-items:flex-start;gap:8px}.nav.open{display:flex}.nav a{width:100%}
  .hero{padding-top:36px}.hero-grid,.split,.personal-grid,.section-title,.cta,.domaan{grid-template-columns:1fr;gap:38px}.hero-visual{min-height:500px}.hero-photo{height:500px}.section{padding:82px 0}.recognition-grid,.questions,.cards{grid-template-columns:1fr}.recognition-item:nth-child(even){padding-left:0;border-left:0}.three{grid-template-columns:1fr}.split.reverse .media{order:0}.credentials{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.domaan-mark{text-align:left}.cta-contact{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.warm-thumb{width:min(100%,340px)}
}
@media (max-width:560px){
  h1{font-size:clamp(2.7rem,14vw,4.2rem)}.hero-visual,.hero-photo{height:430px;min-height:430px}.hero-visual::before{width:110px;height:82px}.hero-visual::after{width:72px;height:72px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.section{padding:68px 0}.page-hero{padding:54px 0}.domaan{padding:28px}.cards{gap:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 2026 art-direction refinement: warm, soulful, professional — never soft */
:root{
  --paper:#f8f5f0;
  --warm:#efe8df;
  --ink:#201820;
  --purple:#59217c;
  --purple-dark:#32123f;
  --burgundy:#4a1832;
}
body{background:var(--paper)}
.site-header{background:rgba(248,245,240,.95)}
.nav-wrap{height:94px}
.brand img{width:224px}
.hero{padding:58px 0 28px;position:relative}
.hero::before{content:"";position:absolute;inset:0 auto auto 0;width:8px;height:72%;background:var(--purple)}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:76px;align-items:end}
.hero-copy{padding:58px 0 54px}
.hero-copy h1{font-size:clamp(3.7rem,6.2vw,6.8rem);line-height:.96;margin:18px 0 34px;letter-spacing:-.045em}
.hero-copy .lead{font-size:clamp(1.3rem,1.8vw,1.58rem);line-height:1.46;max-width:640px;color:#302832}
.hero-signature{max-width:610px;font-size:1.04rem;color:var(--muted);margin-top:20px;border-left:2px solid var(--yellow);padding-left:18px}
.hero-visual{min-height:700px;position:relative;margin-right:-34px}
.hero-photo{height:700px;box-shadow:none;object-position:center 31%;clip-path:polygon(7% 0,100% 0,100% 94%,0 100%,0 8%)}
.hero-visual::before{width:150px;height:94px;top:28px;right:-24px;background:var(--magenta);border-radius:0;transform:rotate(4deg);opacity:.96}
.hero-visual::after{width:78px;height:78px;bottom:94px;left:-27px;background:var(--yellow);border-radius:50%;transform:none}
.hero-number{position:absolute;z-index:2;left:-45px;top:18px;font-family:Georgia,"Times New Roman",serif;font-size:7rem;line-height:1;color:rgba(255,255,255,.9);mix-blend-mode:soft-light;pointer-events:none}
.hero-caption{position:absolute;z-index:3;right:0;bottom:0;background:var(--paper);padding:18px 0 8px 26px;min-width:245px;border-top:1px solid var(--line)}
.hero-caption strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:400}.hero-caption span{display:block;font-size:.8rem;color:var(--muted);margin-top:3px}
.hero-rule{display:flex;align-items:center;gap:18px;padding-top:24px;padding-bottom:14px;color:var(--purple);font-size:.76rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.hero-rule i{display:block;flex:1;height:1px;background:rgba(89,33,124,.24);max-width:100px}
.button{border-radius:0;padding:15px 24px;letter-spacing:.01em}
.section{padding:124px 0}.section-title{grid-template-columns:.62fr 1.38fr;gap:88px}.section-title>div:first-child{padding-top:9px}
.recognition-item{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.18rem,1.55vw,1.42rem);line-height:1.38;padding-top:31px;padding-bottom:31px}
.section-warm{background:#eee8e1}.section-soul{background:#e9dfd5;position:relative;overflow:hidden}.section-soul::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(89,33,124,.16);border-radius:50%;right:-80px;top:60px}
.section-purple{background:var(--purple-dark)}.section-ink{background:#211923;color:#fff}.section-ink .lead{color:rgba(255,255,255,.8)}
.split{gap:92px}.media img{box-shadow:none}.media-wide{position:relative}.media-wide::after{content:"";position:absolute;left:-20px;bottom:-20px;width:76px;height:76px;border:10px solid var(--yellow);border-radius:50%;z-index:2}
.axes{margin-top:30px}.axis{border-color:rgba(89,33,124,.3);padding:8px 13px;background:rgba(255,255,255,.28)}
.step{background:var(--purple-dark);padding:42px 36px;min-height:195px}.step strong{font-size:1.9rem}.step p{color:rgba(255,255,255,.76)}
.credentials li{font-weight:600;color:#403642}
.personal-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:92px}.personal-photo{box-shadow:none;transform:rotate(-1.1deg);border:10px solid rgba(255,255,255,.55)}.quote-line{color:var(--burgundy);font-size:clamp(2.15rem,3.2vw,3.65rem);max-width:760px;letter-spacing:-.035em}
.question{padding:34px 0}.question h3{font-size:clamp(1.55rem,2.1vw,2.15rem)}
.domaan{border:1px solid rgba(255,255,255,.28);padding:54px}.domaan-mark{font-size:clamp(4rem,8vw,8rem);opacity:.11}
.cta{border-top:1px solid var(--line);padding-top:54px}.warm-thumb{box-shadow:none;clip-path:polygon(0 6%,95% 0,100% 94%,7% 100%)}
.footer{background:#f1ece6}.footer-brand img{width:195px}
@media (max-width:1100px){.hero-visual{margin-right:0}.hero-grid{gap:48px}.hero-copy h1{font-size:clamp(3.5rem,6vw,5.7rem)}}
@media (max-width:900px){.nav-wrap{height:76px}.hero{padding-top:26px}.hero::before{display:none}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{padding:35px 0 18px}.hero-visual{min-height:560px}.hero-photo{height:560px}.hero-caption{right:0}.hero-rule{padding-top:16px}.section{padding:88px 0}.section-title{gap:34px}.personal-grid{gap:46px}}
@media (max-width:560px){.hero-copy h1{font-size:clamp(3rem,15vw,4.45rem)}.hero-visual,.hero-photo{height:470px;min-height:470px}.hero-caption{min-width:210px;padding-left:18px}.hero-number{left:-8px;font-size:5rem}.hero-rule{gap:10px}.hero-rule i{max-width:50px}.section{padding:72px 0}.personal-photo{border-width:6px}.domaan{padding:30px}}


/* Heldens identity refinement v2 — distinctive, precise, warm without softness */
.site-header{position:relative;top:auto;background:var(--paper);border-top:3px solid #b8d9b6;border-bottom:0;backdrop-filter:none}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(33,27,36,.14) 8%,rgba(33,27,36,.14) 92%,transparent 100%)}
.nav-wrap{height:132px;align-items:center;gap:44px}
.brand{align-self:stretch;display:flex;align-items:center;padding:14px 0 12px;flex:0 0 auto}
.brand img{width:254px;max-height:105px;object-fit:contain;object-position:left center}
.nav{gap:9px;align-items:center;font-size:.94rem}
.nav a{padding:13px 15px 12px;position:relative;font-weight:520;transition:color .18s ease,transform .18s ease}
.nav a::before{content:"";position:absolute;left:14px;top:5px;width:0;height:5px;background:var(--magenta);transform:rotate(-8deg);transition:width .18s ease;transform-origin:left center}
.nav a:hover,.nav a[aria-current="page"]{color:var(--purple)}
.nav a:hover::before,.nav a[aria-current="page"]::before{width:22px}
.nav a[aria-current="page"]::after,.nav a:hover::after{display:none}
.nav-cta{margin-left:9px;border:0!important;background:transparent;color:var(--purple)!important;font-weight:750!important;padding:14px 22px 13px 20px!important;clip-path:polygon(0 0,91% 0,100% 26%,100% 100%,9% 100%,0 74%);box-shadow:inset 0 0 0 1px var(--purple)}
.nav-cta::before{background:var(--yellow)!important;width:18px!important;height:6px!important;left:8px!important;top:3px!important}
.nav-cta:hover{background:var(--purple);color:#fff!important;transform:translateY(-1px)}

.hero{padding-top:86px}
.hero-copy{padding-top:28px}
.hero-grid{align-items:center}

.button{position:relative;border:0;background:var(--purple);padding:16px 31px 16px 27px;clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,8% 100%,0 72%);box-shadow:none;overflow:visible}
.button::before{content:"";position:absolute;left:12px;top:0;width:28px;height:7px;background:var(--yellow);transform:translateY(-45%) rotate(-7deg)}
.button:hover{background:var(--purple-dark);transform:translateY(-2px)}
.text-link{position:relative;border:0;padding:8px 4px 7px 16px;color:var(--purple)}
.text-link::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;background:var(--magenta);transform:translateY(-50%) rotate(12deg)}
.text-link::after{content:"";position:absolute;left:16px;right:4px;bottom:3px;height:1px;background:rgba(89,33,124,.32);transform-origin:left;transition:transform .18s ease}
.text-link:hover::after{transform:scaleX(.55)}

.footer-brand img{width:230px;max-height:105px;object-fit:contain;object-position:left center}

@media (max-width:900px){
  .site-header{border-top-width:2px}.nav-wrap{height:96px}.brand{padding:8px 0}.brand img{width:205px;max-height:78px}.menu-button{display:block;border:1px solid rgba(89,33,124,.25);padding:9px 14px;clip-path:polygon(0 0,90% 0,100% 25%,100% 100%,10% 100%,0 75%)}
  .nav{top:96px;padding-top:28px}.nav a{padding:13px 8px 13px 20px}.nav a::before{left:4px;top:8px}.nav-cta{margin:8px 0 0;width:auto!important}
  .hero{padding-top:52px}
}
@media (max-width:560px){.nav-wrap{height:86px}.brand img{width:178px;max-height:70px}.nav{top:86px}.hero{padding-top:42px}}