/* Nitanis cinematic motion layer — progressive, restrained and accessible. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:nitanis-fade-out .18s ease both}
::view-transition-new(root){animation:nitanis-fade-in .36s ease both}

:root{
  --motion-copper:#ba5a2a;
  --motion-gold:#efbb6d;
  --motion-cream:#fff4df;
}

/* Navigation gains depth only after the page begins to move. */
.site-head{
  position:relative;
  z-index:120;
  transition:filter .45s ease,transform .45s cubic-bezier(.2,.7,.2,1);
}
.site-head.is-scrolled .head-inner{
  box-shadow:0 18px 42px rgba(62,31,20,.2),inset 0 1px 0 rgba(255,218,169,.32);
}

/* Layered hero atmosphere. These layers never carry content. */
.page-intro,.profile-hero,.article-hero,.leadership-hero{
  isolation:isolate;
  overflow:hidden;
  background-size:125% 125%;
}
.page-intro>.wrap,.profile-hero>.wrap,.article-hero>.wrap,.leadership-hero>.wrap{
  position:relative;
  z-index:3;
}
.page-intro:after,.profile-hero:after,.article-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  inset:auto -12% -46% 34%;
  height:78%;
  border-top:1px solid rgba(255,225,181,.2);
  border-radius:50%;
  box-shadow:0 -34px 90px rgba(238,164,86,.06),0 -92px 140px rgba(255,225,181,.035);
  transform:rotate(-7deg);
}
html[data-motion="on"] .page-intro,
html[data-motion="on"] .profile-hero,
html[data-motion="on"] .article-hero{
  animation:nitanis-gradient-breathe 18s ease-in-out infinite alternate;
}
html[data-motion="on"] .luxury-aura{animation:nitanis-aura 16s ease-in-out infinite alternate!important}
html[data-motion="on"] .luxury-lines{animation:nitanis-line-drift 24s ease-in-out infinite alternate!important}
html[data-motion="on"] .luxury-motif{animation:nitanis-motif-drift 21s ease-in-out infinite alternate!important}

/* Soft section illumination establishes rhythm without adding containers. */
.content-section{position:relative;isolation:isolate;overflow:clip}
.content-section>.wrap{position:relative;z-index:2}
.content-section:not(.referral-band):not(.profile-connect):before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(760px,72vw);
  aspect-ratio:1.8;
  right:-24%;
  top:-18%;
  opacity:.42;
  filter:blur(4px);
  background:radial-gradient(ellipse,rgba(233,167,93,.16),rgba(194,91,43,.055) 42%,transparent 72%);
  transform:translate3d(0,0,0) rotate(-7deg);
}
.content-section:nth-of-type(even):not(.referral-band):not(.profile-connect):before{
  right:auto;
  left:-25%;
  background:radial-gradient(ellipse,rgba(151,79,47,.095),rgba(235,185,112,.07) 45%,transparent 72%);
}
html[data-motion="on"] .content-section.is-in-view:before{
  animation:nitanis-section-light 13s ease-in-out infinite alternate;
}

/* Editorial rules travel gently through key section dividers. */
.content-section>.wrap:after{
  content:"";
  display:block;
  width:clamp(70px,10vw,145px);
  height:1px;
  margin-top:clamp(34px,5vw,66px);
  background:linear-gradient(90deg,transparent,var(--motion-copper),var(--motion-gold),transparent);
  background-size:220% 100%;
  opacity:.48;
}
.content-section.referral-band>.wrap:after,
.content-section.profile-connect>.wrap:after,
.reading.content-section>.wrap:after{display:none}
html[data-motion="on"] .content-section.is-in-view>.wrap:after{animation:nitanis-rule-flow 7s ease-in-out infinite alternate}

/* Image treatments: landscape and program imagery can move; portraits stay locked. */
.program-photo,.program-image-strip,.creative-inline-visual,.editorial-landscape,
.photo-program-card .program-card-image,.elder-feature>figure{
  overflow:hidden;
  isolation:isolate;
}
.program-photo img,.program-image-strip img,.creative-inline-visual img,.editorial-landscape img,
.photo-program-card .program-card-image,.elder-feature>figure img{
  will-change:transform;
  transform-origin:center center;
}
.creative-inline-visual:after,.editorial-landscape:after,.program-image-strip:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(112deg,transparent 22%,rgba(255,230,187,.12) 46%,transparent 70%);
  background-size:240% 100%;
  opacity:.65;
}
html[data-motion="on"] .is-in-view.creative-inline-visual:after,
html[data-motion="on"] .is-in-view.editorial-landscape:after,
html[data-motion="on"] .is-in-view.program-image-strip:after{
  animation:nitanis-image-sheen 9s ease-in-out infinite;
}

/* Fixed portraits receive light, never crop-altering movement. */
.leader-image:after,.team-person>figure:after,.team-person>img+*:before{
  transition:opacity .6s ease;
}
.leader-card,.team-person,.article-card,.service-card,.focus-item{
  --motion-light-x:78%;
  --motion-light-y:12%;
}
.leader-card:after,.team-person:after,.article-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),rgba(255,240,211,.3),transparent 34%);
  transition:opacity .55s ease;
}
@media(hover:hover){
  html[data-motion="on"] .leader-card:hover:after,
  html[data-motion="on"] .team-person:hover:after,
  html[data-motion="on"] .article-card:hover:after{opacity:1}
}

/* Relational diagrams move as connected systems, with no symbolic rotation. */
html[data-motion="on"] .about-page .constellation-core,
html[data-motion="on"] .wheel-center{
  animation:nitanis-core-breathe 5.8s ease-in-out infinite alternate;
}
html[data-motion="on"] .about-page .constellation-node{animation:nitanis-node-float 7s ease-in-out infinite alternate!important}
html[data-motion="on"] .about-page .constellation-node:nth-of-type(2n){animation-delay:-2.5s!important}
html[data-motion="on"] .about-page .constellation-node:nth-of-type(3n){animation-delay:-4.2s!important}
html[data-motion="on"] .connection-lines .spoke{animation:nitanis-dash-flow 9s linear infinite!important}

/* Accreditation carries a slow, steady presence without spinning. */
.quality-seal-stage img,.accreditation-seal{transform-origin:center}
html[data-motion="on"] .quality-seal-stage.is-in-view img,
html[data-motion="on"] .accreditation-seal.is-in-view{
  animation:nitanis-seal-float 7.5s ease-in-out infinite alternate;
}
.quality-number strong{background-size:180% 100%!important}
html[data-motion="on"] .quality-number.is-in-view strong{animation:nitanis-type-sheen 8s ease-in-out infinite alternate}

/* Refined interactive motion. */
.button,.text-link,.person-links a,.site-foot a{transition:color .28s ease,background-color .28s ease,border-color .28s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){
  html[data-motion="on"] .button:hover{transform:translateY(-3px)}
  html[data-motion="on"] .text-link:hover,
  html[data-motion="on"] .person-links a:hover{transform:translateX(4px)}
}

/* Mobile leadership hero: preserve Corinne and restore text clarity. */
@media(max-width:900px){
  .leadership-page .leadership-hero{
    background-image:linear-gradient(180deg,#fff9ef 0%,rgba(255,249,239,.98) 38%,rgba(255,249,239,.72) 56%,rgba(70,31,20,.08) 70%),url('/assets/corinne-leadership-hero.png')!important;
  }
  .leadership-page .leadership-hero-copy{padding-top:clamp(58px,12vw,80px)!important}
  .leadership-page .leadership-hero .lead{color:#4e3126!important;text-shadow:0 1px 0 rgba(255,255,255,.38)}
  .leadership-page .people-subnav a{color:#563426!important;border-color:rgba(112,55,29,.3)!important;background:rgba(255,249,239,.84)!important}
}

@supports ((animation-timeline:view()) and (animation-range:entry)){
  html[data-motion="on"] .program-photo img,
  html[data-motion="on"] .program-image-strip img,
  html[data-motion="on"] .creative-inline-visual img,
  html[data-motion="on"] .editorial-landscape img,
  html[data-motion="on"] .elder-feature>figure img{
    animation:nitanis-scroll-image linear both;
    animation-timeline:view();
    animation-range:entry -5% exit 105%;
  }
  html[data-motion="on"] .page-intro>.wrap,
  html[data-motion="on"] .profile-hero>.wrap,
  html[data-motion="on"] .article-hero>.wrap{
    animation:nitanis-scroll-copy linear both;
    animation-timeline:view();
    animation-range:entry 0% exit 78%;
  }
}

@keyframes nitanis-fade-out{to{opacity:.8}}
@keyframes nitanis-fade-in{from{opacity:0}}
@keyframes nitanis-gradient-breathe{0%{background-position:42% 48%}100%{background-position:58% 52%}}
@keyframes nitanis-aura{0%{transform:translate3d(0,0,0) scale(.96);opacity:.42}100%{transform:translate3d(-3%,5%,0) scale(1.08);opacity:.7}}
@keyframes nitanis-line-drift{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(-2.5%,2%,0) rotate(.8deg)}}
@keyframes nitanis-motif-drift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-10px,14px,0)}}
@keyframes nitanis-section-light{to{transform:translate3d(-6%,5%,0) rotate(-3deg);opacity:.62}}
@keyframes nitanis-rule-flow{to{background-position:100% 50%;width:clamp(95px,14vw,190px)}}
@keyframes nitanis-image-sheen{0%,35%{background-position:120% 50%}72%,100%{background-position:-120% 50%}}
@keyframes nitanis-core-breathe{to{box-shadow:0 0 0 9px rgba(236,180,104,.08),0 18px 46px rgba(74,35,20,.2)}}
@keyframes nitanis-node-float{to{margin-top:-5px}}
@keyframes nitanis-dash-flow{to{stroke-dashoffset:-72}}
@keyframes nitanis-seal-float{to{transform:translate3d(0,-5px,0);filter:drop-shadow(0 27px 38px rgba(80,35,18,.2))}}
@keyframes nitanis-type-sheen{0%{background-position:0 50%}100%{background-position:100% 50%}}
@keyframes nitanis-scroll-image{0%{transform:scale(1.035) translate3d(0,2.4%,0)}100%{transform:scale(1.035) translate3d(0,-2.4%,0)}}
@keyframes nitanis-scroll-copy{0%,35%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-18px,0);opacity:.86}}

@media(max-width:700px){
  .content-section:not(.referral-band):not(.profile-connect):before{width:115vw;right:-62%;opacity:.3}
  .content-section:nth-of-type(even):not(.referral-band):not(.profile-connect):before{left:-62%}
  .content-section>.wrap:after{margin-top:38px}
  .creative-inline-visual:after,.editorial-landscape:after,.program-image-strip:after{opacity:.42}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .page-intro,.profile-hero,.article-hero,.leadership-hero,
  .luxury-aura,.luxury-lines,.luxury-motif,.content-section:before,.content-section>.wrap:after,
  .creative-inline-visual:after,.editorial-landscape:after,.program-image-strip:after,
  .constellation-core,.constellation-node,.wheel-center,.quality-seal-stage img,.accreditation-seal,.quality-number strong{
    animation:none!important;transform:none!important;
  }
}
html[data-motion="off"] .page-intro,
html[data-motion="off"] .profile-hero,
html[data-motion="off"] .article-hero,
html[data-motion="off"] .luxury-aura,
html[data-motion="off"] .luxury-lines,
html[data-motion="off"] .luxury-motif,
html[data-motion="off"] .content-section:before,
html[data-motion="off"] .content-section>.wrap:after,
html[data-motion="off"] .creative-inline-visual:after,
html[data-motion="off"] .editorial-landscape:after,
html[data-motion="off"] .program-image-strip:after{animation:none!important;transform:none!important}
