/* Nitanis premium flow system — the final visual layer shared by every page. */
:root{
  --flow-ink:#3c241b;
  --flow-cocoa:#4b291d;
  --flow-russet:#7b391f;
  --flow-copper:#bb5d2f;
  --flow-amber:#e6a552;
  --flow-cream:#fff9ef;
  --flow-linen:#f7ead7;
  --flow-blush:#eed8c9;
  --flow-line:rgba(139,78,43,.24);
  --flow-shadow:0 24px 70px rgba(76,39,23,.13);
}

html,body{max-width:100%;overflow-x:hidden}
html{background:#3b2119}
body{background:
  radial-gradient(ellipse at 100% 4%,rgba(235,159,83,.24),transparent 31%),
  radial-gradient(ellipse at 0 42%,rgba(183,91,48,.11),transparent 30%),
  linear-gradient(180deg,#fffaf2 0%,#fbf0df 47%,#fffaf3 100%);color:var(--flow-ink)}
.wrap{box-sizing:border-box;max-width:100%}
.luxury-aura{right:0!important;width:min(650px,55vw)!important}
.luxury-lines{right:0!important;width:min(70%,980px)!important}
.luxury-motif{right:0!important;width:min(320px,32vw)!important}
main{position:relative;isolation:isolate;overflow:clip}
main:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:52vw;height:1100px;right:-28vw;top:520px;border:1px solid rgba(190,103,52,.18);border-radius:50%;box-shadow:0 0 0 68px rgba(225,157,89,.045),0 0 0 138px rgba(173,78,40,.032);transform:rotate(-18deg)}

/* Sculpted masthead */
.site-head{padding:15px clamp(12px,2vw,28px) 12px;background:linear-gradient(180deg,rgba(255,249,239,.96),rgba(255,249,239,.72) 78%,transparent)}
.site-head .head-inner{max-width:1400px;border-radius:34px 34px 62px 34px;background:
  radial-gradient(circle at 8% 0%,rgba(239,159,82,.34),transparent 35%),
  linear-gradient(118deg,#3c2119 0%,#61301f 56%,#3c221b 100%);border:1px solid rgba(226,168,111,.56);box-shadow:0 15px 45px rgba(69,31,18,.18),inset 0 1px 0 rgba(255,228,190,.34)}
.site-head .head-inner:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 18%,rgba(255,213,151,.11) 40%,transparent 62%);background-size:220% 100%}
html[data-motion=on] .site-head .head-inner:after{animation:flow-sheen 14s ease-in-out infinite alternate}
.site-head .brand strong,.site-head .site-nav a,.mobile-menu summary{color:#fff2df}
.site-head .brand small{color:#eabf93}
.site-head .brand img{background:#fff4df;border-radius:50%;padding:5px}
.site-head .site-nav a{border-radius:999px;padding:10px 12px}
.site-head .site-nav a:hover,.site-head .site-nav a[aria-current=page]{background:rgba(255,239,211,.1);border-color:rgba(245,190,126,.28)}

/* Flowing page openers */
.page-intro,.profile-hero{margin:8px clamp(12px,2vw,28px) 0;border:0;border-radius:38px 38px 150px 44px;background:
  radial-gradient(ellipse at 92% 0%,rgba(233,159,91,.5),transparent 46%),
  radial-gradient(ellipse at 60% 130%,rgba(185,76,42,.46),transparent 60%),
  linear-gradient(122deg,#3b2119 0%,#69351f 60%,#a05a2e 100%);box-shadow:var(--flow-shadow)}
.page-intro:before,.profile-hero:before{content:"";position:absolute;left:-8%;bottom:-54%;width:78%;height:78%;border:1px solid rgba(255,224,179,.18);border-radius:50%;box-shadow:0 0 0 52px rgba(255,213,153,.035),0 0 0 104px rgba(255,213,153,.025);transform:rotate(10deg);pointer-events:none}
.page-intro .wrap,.profile-hero .wrap{padding-inline:clamp(28px,6vw,92px)}
.page-intro .lead{max-width:790px}

/* Sections connect as a composition instead of a stack of boxes. */
.content-section{position:relative;padding-block:clamp(64px,8vw,112px);border:0;background:transparent}
.content-section + .content-section:before{content:"";position:absolute;top:0;left:50%;width:min(1160px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--flow-line) 16%,var(--flow-line) 84%,transparent)}
.warm-section,.model-section{background:
  radial-gradient(ellipse at 8% 12%,rgba(255,213,153,.45),transparent 42%),
  radial-gradient(ellipse at 95% 92%,rgba(186,86,45,.13),transparent 40%),
  linear-gradient(125deg,#fbecd5,#f8e4ce 58%,#f9edde);overflow:hidden}
.warm-section:after,.model-section:after{content:"";position:absolute;pointer-events:none;right:-15vw;bottom:-28vw;width:62vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(161,75,40,.14);box-shadow:0 0 0 65px rgba(255,255,255,.09),0 0 0 130px rgba(162,75,40,.025)}
.section-title,.content-section h2{letter-spacing:-.035em}

/* Editorial panels use quiet edges, light fades and a restrained radius system. */
.service-card,.steps-grid article,.contact-card,.purpose-grid article,.article-card,.referral-form-panel,.boundary-panel{
  position:relative;overflow:hidden;border:1px solid rgba(174,110,64,.2);background:
  radial-gradient(circle at 0 0,rgba(255,255,255,.95),transparent 48%),
  linear-gradient(135deg,rgba(255,252,246,.94),rgba(247,229,205,.84));box-shadow:0 20px 55px rgba(83,43,25,.09)}
.service-card:nth-child(n),.purpose-grid article:nth-child(n),.contact-card:nth-child(n),.article-card:nth-child(n),.steps-grid article:nth-child(n){border-radius:14px}
.service-card:after,.article-card:after,.purpose-grid article:after,.contact-card:after{content:"";position:absolute;pointer-events:none;width:180px;height:180px;right:-105px;bottom:-110px;border:1px solid rgba(182,94,47,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(228,161,95,.05)}
.service-card:hover,.article-card:hover{transform:translateY(-5px);box-shadow:0 27px 65px rgba(83,43,25,.14)}
.boundary-panel{border-left:0;border-radius:14px;padding:clamp(28px,4vw,48px)}
.referral-form-panel{border-radius:16px;padding:clamp(30px,5vw,58px);background:
  radial-gradient(ellipse at 100% 0,rgba(229,155,85,.23),transparent 38%),
  linear-gradient(135deg,#fffaf2,#f5e2c8)}
.referral-fields input,.referral-fields select,.referral-fields textarea{border-radius:8px;border-color:rgba(145,87,52,.28);background:rgba(255,253,248,.88)}

/* Photography becomes part of the layout; faces remain fully framed. */
.creative-inline-visual,.program-image-strip,.program-photo img,.photo-program-card,.photo-service-grid .service-card,.elder-feature>figure{
  border-radius:14px;box-shadow:var(--flow-shadow)}
.creative-inline-visual,.program-photo,.elder-feature>figure{position:relative}
.creative-inline-visual:before,.program-photo:after,.elder-feature>figure:after{content:"";position:absolute;pointer-events:none;inset:0;border:0;border-radius:inherit;z-index:2;background:linear-gradient(135deg,rgba(255,247,230,.18),transparent 34%,transparent 72%,rgba(93,43,24,.16))}
.program-image-strip{height:auto;max-height:520px;aspect-ratio:2.25;object-fit:cover}
.photo-program-card{overflow:hidden;border:1px solid rgba(162,96,52,.22);background:linear-gradient(145deg,#fffaf2,#f5e4cd)}
.photo-program-card .program-card-image{height:clamp(280px,28vw,390px);object-position:center 32%}
.team-person{position:relative;padding-bottom:28px;border-bottom:1px solid var(--flow-line)}
.team-person img{aspect-ratio:4/4.2;object-fit:cover;object-position:center top;background:radial-gradient(ellipse at 50% 16%,#fff4df,#eacda9);border-radius:8px;box-shadow:0 18px 45px rgba(78,42,25,.12)}
.elder-feature>figure{overflow:hidden;background:linear-gradient(135deg,#f1d8b4,#c98d5a)}
.elder-feature>figure img{object-fit:contain;object-position:center top}
.referral-with-portrait img,.referral-contact img{object-fit:cover!important;object-position:center top;border-radius:8px!important;background:linear-gradient(135deg,#f7e7ce,#dca978);box-shadow:0 12px 32px rgba(76,38,21,.18)}

/* Program overview and contact areas stay open and editorial. */
.program-overview,.referral-contact,.contact-secondary{gap:clamp(34px,6vw,80px)}
.program-overview>div,.referral-contact>div{min-width:0}
.feature-list li{padding-block:13px;border-bottom:1px solid rgba(144,84,47,.18)}
.referral-band,.profile-connect{position:relative;overflow:hidden;border:0;background:
  radial-gradient(ellipse at 4% 4%,rgba(232,151,74,.42),transparent 43%),
  linear-gradient(120deg,#372019,#6a321f 64%,#a05a30);border-radius:12px;margin:22px clamp(12px,2vw,28px) 54px;box-shadow:var(--flow-shadow)}
.referral-band:before,.profile-connect:before{content:"";position:absolute;width:720px;height:720px;right:-360px;top:-390px;border:1px solid rgba(255,222,174,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(255,218,166,.04),0 0 0 110px rgba(255,218,166,.03)}
.referral-band h2,.referral-band h3,.referral-band p,.referral-band a,.profile-connect h2,.profile-connect p{color:#fff2df}
.people-crosslink p{color:#563a2c}
.leadership-page .people-crosslink p{color:#fff2df}
.people-crosslink .button{color:#4c281c;background:linear-gradient(120deg,#ffe0ad,#edb76c);border-color:#f4cf96}

/* Neutralize legacy crop math so every leadership portrait stays visible. */
.leadership-page .leadership-grid,.leadership-page .leader-card,.leadership-page .portrait-stage,.leadership-page .leader-image{min-width:0;max-width:100%;width:100%}
.leadership-page .portrait-stage{height:auto!important;margin-bottom:34px!important}
.leadership-page .leadership-flow{right:0!important;max-width:58vw}
.leadership-page #corinne-rothecker .leader-image.corinne-photo>img{position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:70% center}
.leadership-page .person-links,.leadership-page .person-description{overflow-wrap:anywhere}

/* Home: retain the approved hero; reshape every section below it. */
.home-root{background:transparent!important}
.home-root>.home-cinematic{border-radius:40px 40px 150px 44px!important;overflow:hidden;box-shadow:var(--flow-shadow);margin-inline:clamp(12px,2vw,28px)!important}
.home-root #programs{gap:clamp(24px,4vw,54px)!important;padding-inline:clamp(24px,5vw,70px)!important}
.home-root #programs>.photo-program-card{border-radius:46px 126px 46px 46px!important;box-shadow:var(--flow-shadow)!important}
.home-root #programs>.photo-program-card:nth-child(2){border-radius:126px 46px 46px 46px!important}
.home-root #approach{gap:32px!important;padding-inline:clamp(24px,5vw,70px)!important}
.home-root #approach>article{border:0!important;border-radius:54px 140px 54px 54px!important;background:linear-gradient(135deg,#fffaf2,#f4dfc5)!important;box-shadow:var(--flow-shadow)!important;overflow:hidden}
.home-root #approach>article:nth-child(2){border-radius:140px 54px 54px 54px!important}
.home-root #approach>article>img{border-radius:0 0 100px 0}
.home-root #referral{padding-inline:clamp(24px,5vw,70px)!important}
.home-root #referral img{border-radius:54px 130px 54px 54px!important;box-shadow:var(--flow-shadow)!important}
.home-root #referral aside{border-radius:110px 44px 44px 44px!important;background:radial-gradient(ellipse at 100% 0,rgba(234,161,86,.28),transparent 48%),linear-gradient(135deg,#fff8eb,#f4dec0)!important;box-shadow:var(--flow-shadow)!important}
.home-root #referral aside>a:first-of-type{border-radius:999px!important;background:linear-gradient(115deg,#9f401f,#d27539)!important}

/* Article reading remains calm, with a subtle flowing paper field. */
.reading{position:relative;margin-block:0;background:radial-gradient(ellipse at 100% 0,rgba(237,170,101,.12),transparent 32%)}
.reading blockquote{border-radius:36px 90px 36px 36px;background:linear-gradient(135deg,#fbebd3,#f4dcc0)}

@keyframes flow-sheen{to{background-position:-120% 50%}}
@media (min-width:901px){
  html[data-motion=on] .warm-section:after,html[data-motion=on] .model-section:after{animation:flow-orbit 24s ease-in-out infinite alternate}
  @keyframes flow-orbit{to{transform:translate(-7vw,-4vw) rotate(18deg)}}
}
@media (max-width:800px){
  .page-intro,.profile-hero{border-radius:28px 28px 90px 28px;margin-inline:10px}
  .site-head{padding-inline:10px}.site-head .head-inner{border-radius:28px 28px 44px 28px}
  .service-card:nth-child(n),.purpose-grid article:nth-child(n),.contact-card:nth-child(n),.article-card:nth-child(n),.steps-grid article:nth-child(n){border-radius:12px}
  .creative-inline-visual,.program-image-strip,.program-photo img,.photo-program-card,.photo-service-grid .service-card,.elder-feature>figure{border-radius:12px}
  .program-image-strip{aspect-ratio:1.45}
  .team-person img{aspect-ratio:1.05;max-height:none}
  .leadership-page .leadership-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
  .leadership-page .leader-card,.leadership-page .portrait-stage,.leadership-page .leader-image{width:100%!important;max-width:100%!important}
  .referral-band,.profile-connect{border-radius:10px;margin-inline:10px}
  .referral-form-panel{border-radius:12px}
  .home-root>.home-cinematic{border-radius:30px 30px 90px 30px!important;margin-inline:10px!important}
  .home-root #programs>.photo-program-card,.home-root #programs>.photo-program-card:nth-child(2),.home-root #approach>article,.home-root #approach>article:nth-child(2){border-radius:36px 82px 36px 36px!important}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Leadership art direction: calm, consistent portraiture with one shared visual field. */
.leadership-page .flow-two{display:none!important}
.leadership-page .leadership-hero:after{opacity:.42;filter:blur(10px)}
.leadership-page .leadership-grid{gap:clamp(74px,9vw,126px) clamp(42px,6vw,82px)}
.leadership-page .leader-card:nth-child(even){padding-top:0}
.leadership-page .portrait-stage{position:relative;padding:0!important;border:0!important;border-radius:8px!important;background:
  linear-gradient(145deg,rgba(255,251,244,.72),rgba(224,177,129,.42))!important;box-shadow:0 22px 58px rgba(79,39,23,.11)!important;overflow:hidden!important}
.leadership-page .portrait-stage:before{display:none!important}
.leadership-page .leader-image,.leadership-page .leader-card:nth-child(even) .leader-image{
  position:relative;height:auto!important;aspect-ratio:4/5!important;border-radius:7px!important;overflow:hidden!important;
  background:linear-gradient(145deg,#eddbc5,#d7a676)!important;box-shadow:none!important}
.leadership-page .leader-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,245,225,.14),transparent 42%,rgba(84,39,24,.13));box-shadow:inset 0 -42px 54px rgba(61,30,19,.1)}
.leadership-page .leader-image img,
.leadership-page #corinne-rothecker .leader-image.corinne-photo>img,
.leadership-page #lorraine-mlambo .leader-image img,
.leadership-page #charlotte-gibbs .leader-image img,
.leadership-page #aaron-thomas .leader-image img{
  position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;
  object-fit:cover!important;object-position:center top!important;background:#dfbd98!important;filter:saturate(.88) contrast(.98) sepia(.035)}
.leadership-page #corinne-rothecker .leader-image img{object-position:center top!important}
.leadership-page #corinne-rothecker .leader-image.corinne-photo{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:4/4.65!important;margin:0!important}
.leadership-page #corinne-rothecker .leader-image.corinne-photo>img{object-position:center top!important}
.leadership-page #lorraine-mlambo .leader-image img{object-position:center 16%!important}
.leadership-page #charlotte-gibbs .leader-image img{object-position:center top!important}
.leadership-page #aaron-thomas .leader-image img{object-position:center top!important}
.leadership-page .leader-card:hover .leader-image img{transform:none!important}
.leadership-page .leader-card h2{margin-top:4px}
.leadership-page .people-crosslink{border-radius:10px!important;background:
  radial-gradient(ellipse at 100% 0,rgba(225,146,76,.24),transparent 45%),
  linear-gradient(120deg,#4b281e,#7a3b24)!important}
@media(max-width:800px){
  .leadership-page .leadership-grid{gap:70px}
  .leadership-page .portrait-stage{padding:0!important;border-radius:7px!important}
  .leadership-page .leader-image,.leadership-page .leader-card:nth-child(even) .leader-image{border-radius:6px!important;aspect-ratio:4/5!important}
}

/* Leadership referral: cinematic contrast with the portrait aligned as editorial photography. */
.leadership-page .referral-band{background:
  radial-gradient(ellipse at 86% 12%,rgba(237,166,92,.32),transparent 38%),
  linear-gradient(118deg,#2e1a15 0%,#57291d 54%,#98502d 100%)!important}
.leadership-page .referral-band .split{align-items:center;gap:clamp(42px,7vw,100px)}
.leadership-page .referral-band .eyebrow{color:#f0b56f!important}
.leadership-page .referral-band h2{max-width:620px;color:#fff7eb!important;text-shadow:0 2px 18px rgba(29,12,7,.24)}
.leadership-page .referral-with-portrait{display:grid;grid-template-columns:minmax(150px,210px) minmax(220px,1fr);align-items:center;gap:clamp(24px,3vw,42px)}
.leadership-page .referral-with-portrait>img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover!important;object-position:center top!important;border:1px solid rgba(255,226,186,.42);border-radius:7px!important;box-shadow:0 24px 56px rgba(28,12,7,.32)}
.leadership-page .referral-with-portrait h3{font-size:clamp(1.7rem,3vw,2.35rem);margin-bottom:4px}
.leadership-page .referral-with-portrait p,.leadership-page .referral-with-portrait a{color:#fff2df!important}
@media(max-width:700px){
  .leadership-page .referral-with-portrait{grid-template-columns:1fr}
  .leadership-page .referral-with-portrait>img{max-width:280px}
}