/* Restores the original immersive Goozel component language inside the new multi-page structure. */
:root{
  --legacy-ink:#071619;
  --legacy-paper:#f7f2ea;
  --legacy-aqua:#70ddd3;
  --legacy-head:'Barlow Condensed','Arial Narrow',sans-serif;
  --legacy-body:'Manrope',Arial,sans-serif;
}

.site-nav nav a[data-restored-pies-link]{opacity:.68}
.site-nav nav a[data-restored-pies-link].active{opacity:1}

.restored-people{
  position:relative;
  overflow:hidden;
  background:#071518;
  color:#fff;
  padding:clamp(84px,8vw,118px) 0 clamp(92px,9vw,132px);
}
.restored-people:before{
  content:'';
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 13% 20%,rgba(83,218,210,.31),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(229,146,194,.27),transparent 30%),
    radial-gradient(circle at 68% 90%,rgba(229,203,86,.15),transparent 27%);
  filter:blur(24px);
  pointer-events:none;
}
.restored-people .restored-shell{
  position:relative;
  z-index:2;
  width:min(1440px,92vw);
  margin:auto;
}
.restored-people-head{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:7vw;
  align-items:end;
  margin-bottom:50px;
}
.restored-people-head .restored-kicker,
.restored-pies .restored-kicker{
  margin:0;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,.56);
}
.restored-people-head h2{
  margin:16px 0 0;
  font:300 clamp(5rem,9vw,10rem)/.76 var(--legacy-head);
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.restored-people-head h2 span{color:var(--legacy-aqua)}
.restored-people-head>p{
  max-width:540px;
  margin:0 0 8px;
  font-size:.86rem;
  line-height:1.82;
  color:rgba(255,255,255,.65);
}
.restored-people-carousel{position:relative}
.restored-people-viewport{
  overflow:hidden;
  border-radius:42px;
  outline:none;
}
.restored-people-viewport:focus-visible{box-shadow:0 0 0 2px var(--legacy-aqua)}
.restored-people-track{
  display:flex;
  transition:transform .65s cubic-bezier(.2,.78,.18,1);
  will-change:transform;
}
.restored-person-card{
  flex:0 0 100%;
  min-width:100%;
  min-height:560px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:42px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.restored-person-visual{
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:#203d40;
}
.restored-person-visual:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,15,17,.02),rgba(3,15,17,.55));
  pointer-events:none;
}
.restored-person-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .8s cubic-bezier(.2,.75,.2,1);
}
.restored-person-card:hover .restored-person-visual img{transform:scale(1.025)}
.restored-person-role{
  position:absolute;
  z-index:2;
  left:22px;
  top:22px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(7,21,24,.34);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.restored-person-archive{
  position:absolute;
  z-index:2;
  right:22px;
  bottom:20px;
  font-size:.53rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.restored-person-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(38px,4vw,56px);
  min-width:0;
}
.restored-person-index{
  font-size:.61rem;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.restored-person-copy h3{
  margin:22px 0 8px;
  font:300 clamp(4rem,7vw,7.7rem)/.77 var(--legacy-head);
  text-transform:uppercase;
  letter-spacing:-.045em;
}
.restored-person-copy h4{
  margin:0 0 28px;
  font:500 .73rem var(--legacy-body);
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#78ded5;
}
.restored-person-about{
  max-width:620px;
  margin:0;
  font-size:.8rem;
  line-height:1.76;
  color:rgba(255,255,255,.63);
}
.restored-person-quote{
  margin:30px 0 0;
  padding-top:27px;
  border-top:1px solid rgba(255,255,255,.18);
  font:300 clamp(1.75rem,2.7vw,3.05rem)/1.08 var(--legacy-head);
  overflow-wrap:anywhere;
}
.restored-people-controls{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  margin-top:22px;
}
.restored-people-controls>button{
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  font-size:1.15rem;
  transition:.25s;
}
.restored-people-controls>button:hover,
.restored-people-controls>button:focus-visible{
  background:#fff;
  color:#071518;
  outline:none;
}
.restored-people-dots{
  display:flex;
  justify-content:center;
  gap:8px;
}
.restored-people-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.25);
  cursor:pointer;
  transition:.3s;
}
.restored-people-dots button.active{
  width:35px;
  background:#70ddd3;
}
.restored-people-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}

.restored-pies{
  --pies-rgb:243,166,77;
  --pies-accent:#f3a64d;
  position:relative;
  overflow:hidden;
  min-height:100svh;
  background:#071518;
  color:#fff;
  padding:clamp(120px,11vw,165px) 0 clamp(92px,9vw,130px);
}
.restored-pies:before{
  content:'';
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 15% 25%,rgba(var(--pies-rgb),.27),transparent 29%),
    radial-gradient(circle at 84% 74%,rgba(var(--pies-rgb),.17),transparent 30%),
    radial-gradient(circle at 58% 10%,rgba(82,220,210,.13),transparent 28%);
  filter:blur(26px);
  transition:background .55s;
}
.restored-pies-shell{
  position:relative;
  z-index:2;
  width:min(1440px,92vw);
  margin:auto;
}
.restored-pies-head{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:6vw;
  align-items:end;
  margin-bottom:46px;
}
.restored-pies-head h1{
  margin:15px 0 0;
  font:300 clamp(6rem,12vw,13rem)/.68 var(--legacy-head);
  letter-spacing:-.06em;
}
.restored-pies-head>p{
  max-width:650px;
  margin:0 0 10px;
  font-size:.88rem;
  line-height:1.82;
  color:rgba(255,255,255,.66);
}
.restored-pies-main{
  display:grid;
  grid-template-columns:minmax(400px,.92fr) minmax(510px,1.08fr);
  gap:clamp(22px,3vw,42px);
  align-items:start;
}
.restored-pies-source{
  position:sticky;
  top:98px;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  padding:clamp(28px,3vw,43px);
  box-shadow:0 28px 75px rgba(0,0,0,.25);
}
.restored-pies-source-label{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:18px;
  font-size:.55rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.restored-pies-source h2{
  margin:0 0 22px;
  font:300 clamp(2.5rem,3.2vw,3.9rem)/.92 var(--legacy-head);
  text-transform:uppercase;
}
.restored-pies-source-toggle{display:none}
.restored-pies-source-body{min-width:0}
.restored-pies-arabic{
  margin:0 0 22px;
  font-family:'Noto Naskh Arabic','Amiri',serif;
  font-size:clamp(1.75rem,2.45vw,3rem);
  line-height:1.55;
  direction:rtl;
  text-align:center;
}
.restored-pies-translation{
  margin:0;
  font-size:clamp(.86rem,1vw,1rem);
  line-height:1.72;
  color:rgba(255,255,255,.78);
}
.pies-word{
  display:inline;
  border:0;
  border-radius:3px;
  padding:1px 4px 2px;
  color:#fff;
  cursor:pointer;
  font:inherit;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.pies-word[data-pie="intellectual"]{background:#5f67db}
.pies-word[data-pie="emotional"]{background:#f2a03e}
.pies-word[data-pie="physical"]{background:#cc3ab5}
.pies-word[data-pie="spiritual"]{background:#8cc84a}
.pies-word:hover,.pies-word:focus-visible{filter:brightness(1.12);box-shadow:0 7px 20px rgba(0,0,0,.24);outline:none}
.restored-pies-note{
  margin:24px 0 0;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.15);
  font-size:.56rem;
  font-style:italic;
  line-height:1.6;
  color:rgba(255,255,255,.5);
}
.restored-pies-hint{
  margin:11px 0 0;
  font-size:.49rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(255,255,255,.35);
}
.restored-pies-interaction{
  min-width:0;
  display:grid;
  gap:16px;
  overflow:hidden;
}
.restored-pies-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  min-width:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:25px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
}
.restored-pies-tab{
  min-width:0;
  min-height:116px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  color:#fff;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  opacity:.57;
  transition:opacity .3s,background .35s,border-color .35s,box-shadow .35s;
}
.restored-pies-tab b{
  font:300 clamp(2.8rem,4vw,4.4rem)/.72 var(--legacy-head);
}
.restored-pies-tab span{
  font:400 clamp(.82rem,1vw,1.08rem) var(--legacy-head);
  text-transform:uppercase;
}
.restored-pies-tab small{
  max-width:100%;
  font-size:.47rem;
  line-height:1.25;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:rgba(255,255,255,.56);
  text-align:center;
}
.restored-pies-tab.active{
  opacity:1;
  border-color:rgba(255,255,255,.55);
  background:linear-gradient(145deg,rgba(var(--pies-rgb),.92),rgba(var(--pies-rgb),.3));
  box-shadow:0 17px 38px rgba(0,0,0,.2),0 0 42px rgba(var(--pies-rgb),.21);
}
.restored-pies-tab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.restored-pies-detail-wrap{position:relative;min-width:0;overflow:hidden}
.restored-pies-summary{
  position:absolute;
  z-index:3;
  right:26px;
  top:26px;
  width:94px;
  height:94px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  padding:12px;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),rgba(var(--pies-rgb),.3));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 14px 36px rgba(0,0,0,.2);
}
.restored-pies-summary b{
  display:block;
  font:300 2.5rem/.68 var(--legacy-head);
  color:var(--pies-accent);
}
.restored-pies-summary span{
  display:block;
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.48rem;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.76);
}
.restored-pies-detail{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  padding:clamp(32px,4vw,50px);
  padding-right:clamp(125px,12vw,160px);
  box-shadow:0 28px 75px rgba(0,0,0,.25);
}
.restored-pies-meta{
  display:flex;
  justify-content:space-between;
  gap:15px;
  font-size:.55rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.43);
}
.restored-pies-detail h3{
  margin:30px 0 12px;
  font:300 clamp(4.3rem,6.6vw,7.3rem)/.77 var(--legacy-head);
  text-transform:uppercase;
  letter-spacing:-.045em;
}
.restored-pies-detail h3 em{
  display:block;
  max-width:100%;
  color:var(--pies-accent);
  font-style:normal;
  overflow-wrap:anywhere;
}
.restored-pies-keyword{
  margin:0 0 20px;
  font:300 clamp(1.5rem,2vw,2.05rem)/1.15 var(--legacy-head);
  color:rgba(255,255,255,.78);
}
.restored-pies-description{
  max-width:680px;
  margin:0;
  font-size:.83rem;
  line-height:1.78;
  color:rgba(255,255,255,.65);
}
.restored-pies-prompt{
  margin-top:25px;
  padding:19px 21px;
  border-left:2px solid var(--pies-accent);
  background:rgba(var(--pies-rgb),.08);
}
.restored-pies-prompt span{
  display:block;
  margin-bottom:8px;
  font-size:.53rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.43);
}
.restored-pies-prompt p{
  margin:0;
  font:300 clamp(1.3rem,1.75vw,1.75rem)/1.17 var(--legacy-head);
}
.restored-pies-controls{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
}
.restored-pies-controls>button{
  min-height:44px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#fff;
  padding:10px 16px;
  cursor:pointer;
  font-size:.58rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:.25s;
}
.restored-pies-controls>button:hover,
.restored-pies-controls>button:focus-visible{
  background:#fff;
  color:#071518;
  outline:none;
}
.restored-pies-dots{display:flex;justify-content:center;gap:8px}
.restored-pies-dots i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.25);
  transition:.3s;
}
.restored-pies-dots i.active{width:28px;background:var(--pies-accent)}

@media(max-width:1050px){
  .restored-people-head,.restored-pies-head{grid-template-columns:1fr;gap:20px}
  .restored-pies-main{grid-template-columns:1fr}
  .restored-pies-source{position:relative;top:auto}
  .restored-person-card{grid-template-columns:1fr}
  .restored-person-visual{min-height:390px}
}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .restored-people{padding:76px 0 86px}
  .restored-people-head{margin-bottom:30px}
  .restored-people-head h2{font-size:clamp(4.3rem,17vw,6rem)}
  .restored-people-head>p{font-size:.79rem;line-height:1.7}
  .restored-people-viewport,.restored-person-card{border-radius:28px}
  .restored-person-card{min-height:0}
  .restored-person-visual{min-height:300px}
  .restored-person-role{left:16px;top:16px;padding:8px 11px;font-size:.51rem}
  .restored-person-archive{right:16px;bottom:14px}
  .restored-person-copy{padding:28px 23px 34px}
  .restored-person-copy h3{font-size:clamp(3.6rem,15vw,4.9rem)}
  .restored-person-copy h4{font-size:.61rem;margin-bottom:20px}
  .restored-person-about{font-size:.74rem}
  .restored-person-quote{font-size:1.8rem;margin-top:22px;padding-top:20px}
  .restored-people-controls{margin-top:16px}
  .restored-people-controls>button{width:44px;height:44px}

  .restored-pies{padding:116px 0 82px}
  .restored-pies-shell,
  .restored-pies-main,
  .restored-pies-interaction,
  .restored-pies-detail-wrap,
  .restored-pies-detail{width:100%;max-width:100%;min-width:0}
  .restored-pies-shell{overflow:hidden}
  .restored-pies-head{margin-bottom:27px}
  .restored-pies-head h1{font-size:24vw}
  .restored-pies-head>p{font-size:.79rem;line-height:1.72}
  .restored-pies-source{border-radius:25px;padding:22px 18px}
  .restored-pies-source h2{font-size:2rem;margin-bottom:15px}
  .restored-pies-source-toggle{
    width:100%;
    min-height:44px;
    margin:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#fff;
    padding:10px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    font-size:.57rem;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .restored-pies-source-toggle span:last-child{font-size:1rem;transition:transform .25s}
  .restored-pies-source.is-expanded .restored-pies-source-toggle span:last-child{transform:rotate(45deg)}
  .restored-pies-source-body{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transition:grid-template-rows .32s ease,opacity .25s ease;
  }
  .restored-pies-source-body-inner{min-height:0;overflow:hidden}
  .restored-pies-source.is-expanded .restored-pies-source-body{grid-template-rows:1fr;opacity:1}
  .restored-pies-arabic{font-size:clamp(1.48rem,6.5vw,2rem);line-height:1.62;margin-top:18px}
  .restored-pies-translation{font-size:.91rem;line-height:1.67}
  .restored-pies-tabs{
    width:100%;
    max-width:100%;
    min-width:0;
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding:9px;
    border-radius:21px;
  }
  .restored-pies-tabs::-webkit-scrollbar{display:none}
  .restored-pies-tab{
    flex:0 0 116px;
    min-width:116px;
    max-width:116px;
    min-height:102px;
    border-radius:16px;
    scroll-snap-align:center;
  }
  .restored-pies-tab b{font-size:2.9rem}
  .restored-pies-tab span{font-size:.86rem}
  .restored-pies-detail-wrap{overflow:hidden}
  .restored-pies-summary{right:17px;top:16px;width:68px;height:68px;padding:8px}
  .restored-pies-summary b{font-size:2rem}
  .restored-pies-summary span{font-size:.42rem}
  .restored-pies-detail{
    overflow:hidden;
    border-radius:25px;
    padding:86px 18px 24px;
  }
  .restored-pies-detail h3{
    max-width:100%;
    margin:14px 0 9px;
    font-size:clamp(3.2rem,14vw,4.9rem);
    line-height:.79;
    overflow-wrap:anywhere;
  }
  .restored-pies-keyword{font-size:1.4rem}
  .restored-pies-description{font-size:.81rem;line-height:1.72}
  .restored-pies-prompt{padding:16px}
  .restored-pies-prompt p{font-size:1.25rem}
  .restored-pies-controls{grid-template-columns:auto 1fr auto;gap:9px}
  .restored-pies-controls>button{padding:10px 12px;font-size:.53rem}
}

@media(max-width:420px){
  .restored-pies-tab{flex-basis:106px;min-width:106px;max-width:106px}
  .restored-pies-detail{padding:82px 16px 22px}
  .restored-pies-detail h3{font-size:clamp(3rem,13.5vw,4.25rem)}
  .restored-pies-keyword{font-size:1.24rem}
  .restored-pies-controls>button{padding:9px 10px;font-size:.49rem}
}