.home-charism-section{
  --charism-parallax:0px;
  position:relative;
  overflow:hidden;
  padding:72px 24px 50px;
  background:
    radial-gradient(circle at 78% 58%, rgba(247,210,122,.22), transparent 32%),
    radial-gradient(circle at 72% 50%, rgba(157,84,21,.12), transparent 38%),
    linear-gradient(180deg, #fff 0%, #fff 10%, #fbf7ef 22%, #f6ecd8 100%);
  color:#2d261d;
  isolation:isolate;
}

.home-charism-section::before{
  content:"";
  position:absolute;
  inset:10% 0 0;
  z-index:-1;
  background:
    repeating-linear-gradient(90deg, rgba(142,108,45,.045) 0, rgba(142,108,45,.045) 1px, transparent 1px, transparent 28px),
    radial-gradient(circle at 22% 14%, rgba(255,255,255,.72), transparent 34%);
  opacity:.88;
}

.home-charism-shell{
  width:min(1320px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 500px) minmax(700px, 1fr);
  gap:78px;
  align-items:center;
}

.home-charism-copy{
  max-width:500px;
}

.home-charism-section.has-reveal .home-charism-copy{
  opacity:0;
  transform:translate3d(0, 24px, 0);
  transition:opacity .72s ease, transform .72s ease;
}

.home-charism-section.has-reveal.is-visible .home-charism-copy{
  opacity:1;
  transform:translate3d(0, 0, 0);
}

.home-charism-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:7px 12px;
  border:1px solid rgba(157,84,21,.16);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:#9d5415;
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}

.home-charism-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#b8872f;
  box-shadow:0 0 0 5px rgba(184,135,47,.12);
}

.home-charism-title{
  margin:0;
  max-width:520px;
  color:#241e17;
  font-size:2.85rem;
  line-height:1.04;
  letter-spacing:0;
}

.home-charism-lead{
  margin:20px 0 0;
  color:#665846;
  font-size:1.08rem;
  line-height:1.75;
}

.home-charism-quote{
  margin:28px 0 0;
  padding:18px 20px;
  border-left:3px solid #b8872f;
  border-radius:0 18px 18px 0;
  background:rgba(255,255,255,.72);
  color:#4f402e;
  font-size:1rem;
  font-weight:700;
  box-shadow:0 16px 36px rgba(73,48,19,.08);
}

.home-charism-quote--link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.home-charism-quote--link:hover,
.home-charism-quote--link:focus-visible{
  border-left-color:#8e5f17;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 42px rgba(73,48,19,.12);
  color:#3f3323;
}

.home-charism-quote__text{
  min-width:0;
}

.home-charism-quote__arrow{
  width:30px;
  height:30px;
  border-radius:999px;
  flex:0 0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#5c4a2f;
  color:#fff8e8;
  font-weight:900;
  transition:transform .2s ease, background .2s ease;
}

.home-charism-quote--link:hover .home-charism-quote__arrow,
.home-charism-quote--link:focus-visible .home-charism-quote__arrow{
  transform:translateX(2px);
  background:#8e5f17;
}

.home-charism-orb{
  position:relative;
  min-height:680px;
  width:min(740px, 100%);
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}

.home-charism-section.has-reveal .home-charism-orb{
  opacity:0;
  transform:translate3d(0, 24px, 0) scale(.96);
  transition:opacity .84s ease .12s, transform .84s ease .12s;
}

.home-charism-section.has-reveal.is-visible .home-charism-orb{
  opacity:1;
  transform:translate3d(0, var(--charism-parallax), 0) scale(1);
}

.home-charism-section.has-reveal:not(.is-visible) .home-charism-ring,
.home-charism-section.has-reveal:not(.is-visible) .home-charism-portrait-wrap::before,
.home-charism-section.has-reveal:not(.is-visible) .home-charism-portrait-wrap::after,
.home-charism-section.has-reveal:not(.is-visible) .home-charism-spark,
.home-charism-section.has-reveal:not(.is-visible) .home-charism-orbit-track,
.home-charism-section.has-reveal:not(.is-visible) .home-charism-orbit-upright{
  animation-play-state:paused;
}

.home-charism-orb::before,
.home-charism-orb::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.home-charism-orb::before{
  z-index:0;
  width:640px;
  height:640px;
  background:
    conic-gradient(from 20deg,
      rgba(255,243,189,0),
      rgba(255,243,189,.28),
      rgba(224,179,79,.11),
      rgba(201,133,30,.25),
      rgba(255,243,189,0),
      rgba(157,84,21,.16),
      rgba(255,243,189,0));
  -webkit-mask:radial-gradient(circle, transparent 71%, #000 72%, #000 73%, transparent 74%);
  mask:radial-gradient(circle, transparent 71%, #000 72%, #000 73%, transparent 74%);
  opacity:.76;
  animation:homeCharismRing 26s linear infinite;
}

.home-charism-orb::after{
  z-index:0;
  width:500px;
  height:500px;
  background:
    radial-gradient(circle, rgba(255,243,189,.44), rgba(247,210,122,.22) 34%, rgba(157,84,21,.09) 58%, transparent 74%);
  filter:blur(12px);
  opacity:.9;
  animation:homeCharismBreath 6s ease-in-out infinite;
}

.home-charism-portrait-wrap{
  position:relative;
  z-index:7;
  width:336px;
  height:336px;
  border-radius:50%;
  display:grid;
  place-items:center;
  isolation:isolate;
  filter:drop-shadow(0 30px 68px rgba(77,52,20,.28));
}

.home-charism-portrait-wrap::before,
.home-charism-portrait-wrap::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.home-charism-portrait-wrap::before{
  inset:-34px;
  z-index:-1;
  background:
    conic-gradient(from 0deg,
      #fff3bd,
      #f7d27a 11%,
      #c9851e 24%,
      rgba(255,243,189,.18) 34%,
      #e0b34f 48%,
      #9d5415 62%,
      #fff3bd 78%,
      #f7d27a 100%);
  -webkit-mask:radial-gradient(circle, transparent 57%, #000 58%, #000 70%, transparent 71%);
  mask:radial-gradient(circle, transparent 57%, #000 58%, #000 70%, transparent 71%);
  filter:drop-shadow(0 0 20px rgba(224,179,79,.5));
  animation:homeCharismRing 20s linear infinite;
}

.home-charism-portrait-wrap::after{
  inset:-64px;
  z-index:-2;
  background:
    radial-gradient(circle, rgba(255,243,189,.42), rgba(247,210,122,.21) 40%, rgba(157,84,21,.09) 62%, transparent 76%);
  filter:blur(10px);
  animation:homeCharismBreath 5.6s ease-in-out infinite;
}

.home-charism-portrait{
  position:relative;
  z-index:2;
  width:292px;
  height:292px;
  aspect-ratio:1 / 1;
  display:block;
  border-radius:50%;
  border:7px solid rgba(255,255,255,.88);
  object-fit:cover;
  object-position:center top;
  background:#f8efe0;
  box-shadow:
    inset 0 0 0 1px rgba(255,243,189,.68),
    0 0 0 1px rgba(157,84,21,.16),
    0 0 38px rgba(247,210,122,.28);
}

.home-charism-ring{
  position:absolute;
  z-index:2;
  width:470px;
  height:470px;
  border-radius:50%;
  border:1px solid rgba(247,210,122,.22);
  background:
    conic-gradient(from 90deg,
      rgba(255,243,189,0),
      rgba(247,210,122,.38),
      rgba(224,179,79,.1),
      rgba(201,133,30,.3),
      rgba(255,243,189,0));
  -webkit-mask:radial-gradient(circle, transparent 61%, #000 62%, #000 66%, transparent 67%);
  mask:radial-gradient(circle, transparent 61%, #000 62%, #000 66%, transparent 67%);
  opacity:.9;
  animation:homeCharismRing 22s linear infinite reverse;
}

.home-charism-ring::after{
  content:"";
  position:absolute;
  inset:56px;
  border-radius:50%;
  border:1px solid rgba(255,243,189,.26);
  box-shadow:0 0 42px rgba(224,179,79,.2);
  animation:homeCharismBreath 5.6s ease-in-out infinite;
}

.home-charism-sparkles{
  position:absolute;
  top:50%;
  left:50%;
  width:570px;
  height:570px;
  transform:translate(-50%, -50%);
  z-index:5;
  pointer-events:none;
}

.home-charism-spark{
  position:absolute;
  width:var(--spark-size, 4px);
  height:var(--spark-size, 4px);
  border-radius:999px;
  background:radial-gradient(circle, #fff3bd 0%, #f7d27a 42%, rgba(201,133,30,.74) 70%, rgba(157,84,21,0) 100%);
  box-shadow:0 0 15px rgba(247,210,122,.66);
  opacity:0;
  animation:homeCharismSpark var(--spark-duration, 5s) ease-in-out infinite;
  animation-delay:var(--spark-delay, 0s);
  will-change:transform, opacity;
}

.home-charism-spark.spark-1{top:8%;left:50%;--spark-x:0;--spark-y:-46px;--spark-size:5px;--spark-delay:.1s;--spark-duration:4.4s;}
.home-charism-spark.spark-2{top:13%;left:67%;--spark-x:34px;--spark-y:-36px;--spark-size:4px;--spark-delay:.7s;--spark-duration:5.2s;}
.home-charism-spark.spark-3{top:29%;right:10%;--spark-x:48px;--spark-y:-16px;--spark-size:6px;--spark-delay:1.25s;--spark-duration:4.9s;}
.home-charism-spark.spark-4{top:50%;right:6%;--spark-x:52px;--spark-y:0;--spark-size:4px;--spark-delay:.35s;--spark-duration:5.8s;}
.home-charism-spark.spark-5{bottom:26%;right:13%;--spark-x:36px;--spark-y:34px;--spark-size:5px;--spark-delay:1.75s;--spark-duration:5.4s;}
.home-charism-spark.spark-6{bottom:8%;left:52%;--spark-x:4px;--spark-y:48px;--spark-size:6px;--spark-delay:2.25s;--spark-duration:4.7s;}
.home-charism-spark.spark-7{bottom:17%;left:29%;--spark-x:-34px;--spark-y:38px;--spark-size:4px;--spark-delay:1.05s;--spark-duration:5.9s;}
.home-charism-spark.spark-8{top:50%;left:7%;--spark-x:-50px;--spark-y:2px;--spark-size:5px;--spark-delay:2.8s;--spark-duration:5.1s;}
.home-charism-spark.spark-9{top:27%;left:12%;--spark-x:-42px;--spark-y:-20px;--spark-size:3px;--spark-delay:3.15s;--spark-duration:4.6s;}
.home-charism-spark.spark-10{top:14%;left:34%;--spark-x:-26px;--spark-y:-40px;--spark-size:4px;--spark-delay:1.55s;--spark-duration:6.1s;}
.home-charism-spark.spark-11{top:7%;left:61%;--spark-x:22px;--spark-y:-46px;--spark-size:3px;--spark-delay:3.65s;--spark-duration:5.5s;}
.home-charism-spark.spark-12{top:39%;right:3%;--spark-x:52px;--spark-y:-6px;--spark-size:5px;--spark-delay:2.05s;--spark-duration:6.4s;}
.home-charism-spark.spark-13{bottom:6%;left:40%;--spark-x:-12px;--spark-y:50px;--spark-size:4px;--spark-delay:4.05s;--spark-duration:5.7s;}
.home-charism-spark.spark-14{bottom:32%;left:9%;--spark-x:-44px;--spark-y:24px;--spark-size:6px;--spark-delay:.55s;--spark-duration:6.2s;}
.home-charism-spark.spark-15{top:61%;right:11%;--spark-x:42px;--spark-y:20px;--spark-size:3px;--spark-delay:4.45s;--spark-duration:5s;}
.home-charism-spark.spark-16{top:11%;left:43%;--spark-x:-8px;--spark-y:-50px;--spark-size:7px;--spark-delay:2.55s;--spark-duration:6.5s;}
.home-charism-spark.spark-17{top:20%;right:22%;--spark-x:30px;--spark-y:-30px;--spark-size:5px;--spark-delay:4.9s;--spark-duration:5.6s;}
.home-charism-spark.spark-18{bottom:20%;right:28%;--spark-x:22px;--spark-y:42px;--spark-size:3px;--spark-delay:3.45s;--spark-duration:4.8s;}
.home-charism-spark.spark-19{bottom:24%;left:20%;--spark-x:-34px;--spark-y:34px;--spark-size:5px;--spark-delay:5.15s;--spark-duration:6.3s;}
.home-charism-spark.spark-20{top:37%;left:18%;--spark-x:-44px;--spark-y:-10px;--spark-size:4px;--spark-delay:2.95s;--spark-duration:5.3s;}

.home-charism-actions{
  position:absolute;
  top:50%;
  left:50%;
  width:630px;
  height:630px;
  transform:translate(-50%, -50%);
  z-index:4;
  pointer-events:auto;
}

.home-charism-orbit-track{
  position:absolute;
  inset:0;
  border-radius:50%;
  animation:homeCharismOrbitRotate 40s linear infinite;
  pointer-events:none;
  will-change:transform;
}

.home-charism-orbit-track::before{
  content:"";
  position:absolute;
  inset:48px;
  border-radius:50%;
  border:1px solid rgba(224,179,79,.2);
  box-shadow:inset 0 0 30px rgba(247,210,122,.08);
  pointer-events:none;
}

.home-charism-orbit:hover .home-charism-orbit-track,
.home-charism-orbit:focus-within .home-charism-orbit-track,
.home-charism-orbit:hover .home-charism-orbit-upright,
.home-charism-orbit:focus-within .home-charism-orbit-upright{
  animation-play-state:paused;
}

.home-charism-orbit-item:hover .home-charism-action,
.home-charism-orbit-item:focus-within .home-charism-action{
  opacity:1;
}

.home-charism-orbit-item{
  position:absolute;
  top:50%;
  left:50%;
  pointer-events:auto;
  --planet-width:248px;
  --planet-hover-width:350px;
  --orbit-angle:-42deg;
  --orbit-counter-angle:42deg;
  --orbit-radius:286px;
  transform:rotate(var(--orbit-angle)) translateX(var(--orbit-radius)) rotate(var(--orbit-counter-angle)) translate(-50%, -50%);
}

.home-charism-orbit-item--rogazionisti{
  transform:rotate(-42deg) translateX(286px) rotate(42deg) translate(-50%, -50%);
  --planet-width:238px;
  --planet-hover-width:348px;
  --hover-x:16px;
}

.home-charism-orbit-item--figlie{
  transform:rotate(48deg) translateX(292px) rotate(-48deg) translate(-50%, -50%);
  --planet-width:288px;
  --planet-hover-width:398px;
  --hover-x:18px;
}

.home-charism-orbit-item--famiglia{
  transform:rotate(158deg) translateX(278px) rotate(-158deg) translate(-50%, -50%);
  --planet-width:276px;
  --planet-hover-width:370px;
  --hover-x:-18px;
}

.home-charism-orbit-upright{
  animation:homeCharismOrbitCounterRotate 40s linear infinite;
  transform-origin:center;
  will-change:transform;
}

.home-charism-action{
  position:relative;
  min-height:64px;
  width:var(--planet-hover-width);
  max-width:var(--planet-width);
  display:block;
  border:1px solid rgba(157,84,21,.18);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#2f261c;
  text-decoration:none;
  overflow:hidden;
  box-shadow:
    0 16px 34px rgba(61,42,20,.1),
    0 0 20px rgba(247,210,122,.1);
  backdrop-filter:blur(12px);
  pointer-events:auto;
  transition:
    max-width .42s cubic-bezier(.22,.61,.36,1),
    box-shadow .32s ease,
    border-color .32s ease,
    background .32s ease,
    opacity .28s ease;
  will-change:max-width;
}

.home-charism-action-inner{
  min-height:64px;
  width:var(--planet-hover-width);
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
}

.home-charism-action__icon{
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 35% 28%, #fff3bd, #f7d27a 30%, #c9851e 62%, #9d5415 100%);
  color:#fff;
  font-size:.86rem;
  font-weight:900;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.32),
    0 10px 24px rgba(157,84,21,.24),
    0 0 18px rgba(247,210,122,.28);
}

.home-charism-action__copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.home-charism-action__title{
  color:#241e17;
  font-size:.95rem;
  font-weight:900;
  line-height:1.16;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

.home-charism-action__text{
  max-height:0;
  overflow:hidden;
  color:#665846;
  font-size:.84rem;
  line-height:1.35;
  opacity:0;
  transition:max-height .46s ease, opacity .46s ease;
}

.home-charism-action__arrow{
  margin-left:auto;
  color:#9d5415;
  font-size:1.15rem;
  font-weight:900;
  opacity:0;
  transform:translateX(-6px);
  transition:opacity .3s ease, transform .3s ease;
}

.home-charism-action:hover,
.home-charism-action:focus-visible{
  max-width:var(--planet-hover-width);
  background:#fffdf8;
  border-color:rgba(157,84,21,.38);
  box-shadow:
    0 22px 54px rgba(157,84,21,.18),
    0 0 30px rgba(247,210,122,.22);
  outline:none;
}

.home-charism-action:hover .home-charism-action__text,
.home-charism-action:focus-visible .home-charism-action__text{
  max-height:86px;
  opacity:1;
}

.home-charism-action:hover .home-charism-action__arrow,
.home-charism-action:focus-visible .home-charism-action__arrow{
  opacity:1;
  transform:translateX(2px);
}

@keyframes homeCharismRing{
  to{
    transform:rotate(360deg);
  }
}

@keyframes homeCharismBreath{
  0%, 100%{
    opacity:.48;
    transform:scale(.985);
  }
  50%{
    opacity:.84;
    transform:scale(1.035);
  }
}

@keyframes homeCharismSpark{
  0%{
    transform:translate3d(0, 0, 0) scale(.62);
    opacity:0;
  }
  18%{
    opacity:.9;
  }
  68%{
    transform:translate3d(var(--spark-x, 0), var(--spark-y, -26px), 0) scale(1.18);
    opacity:.92;
  }
  100%{
    transform:translate3d(var(--spark-x, 0), var(--spark-y, -26px), 0) scale(.42);
    opacity:0;
  }
}

@keyframes homeCharismOrbitRotate{
  to{
    transform:rotate(360deg);
  }
}

@keyframes homeCharismOrbitCounterRotate{
  to{
    transform:rotate(-360deg);
  }
}

@media (max-width: 1180px){
  .home-charism-shell{
    grid-template-columns:1fr;
    gap:44px;
  }

  .home-charism-copy{
    max-width:760px;
    text-align:center;
    margin:0 auto;
  }

  .home-charism-title{
    max-width:760px;
  }

  .home-charism-orb{
    justify-self:center;
    width:min(740px, 100%);
  }
}

@media (max-width: 900px){
  .home-charism-orb{
    min-height:auto;
    display:grid;
    justify-items:center;
    gap:26px;
    width:100%;
  }

  .home-charism-actions{
    position:static;
    width:100%;
    height:auto;
    transform:none;
    display:block;
    pointer-events:auto;
  }

  .home-charism-orbit-track{
    position:relative;
    inset:auto;
    display:grid;
    gap:12px;
    width:min(620px, 100%);
    margin:0 auto;
    animation:none;
  }

  .home-charism-orbit-track::before{
    display:none;
  }

  .home-charism-orbit-item,
  .home-charism-orbit-item--rogazionisti,
  .home-charism-orbit-item--figlie,
  .home-charism-orbit-item--famiglia{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
  }

  .home-charism-orbit-upright{
    animation:none;
    transform:none;
  }

  .home-charism-action,
  .home-charism-action--rogazionisti,
  .home-charism-action--figlie,
  .home-charism-action--famiglia{
    width:100%;
    max-width:100%;
    min-height:0;
    border-radius:22px;
  }

  .home-charism-action-inner{
    width:100%;
    min-height:0;
    padding:14px;
  }

  .home-charism-orbit:hover .home-charism-action,
  .home-charism-orbit:focus-within .home-charism-action{
    opacity:1;
  }

  .home-charism-action:hover,
  .home-charism-action:focus-visible{
    max-width:100%;
  }

  .home-charism-action__text{
    max-height:none;
    opacity:1;
  }

  .home-charism-action__arrow{
    opacity:1;
    transform:none;
  }
}

@media (max-width: 720px){
  .home-charism-section{
    padding:62px 16px 70px;
  }

  .home-charism-title{
    font-size:2.2rem;
  }

  .home-charism-orb::before{
    width:350px;
    height:350px;
    opacity:.48;
  }

  .home-charism-orb::after{
    width:300px;
    height:300px;
    opacity:.56;
  }

  .home-charism-ring{
    width:314px;
    height:314px;
  }

  .home-charism-portrait-wrap{
    width:244px;
    height:244px;
  }

  .home-charism-portrait-wrap::before{
    inset:-23px;
  }

  .home-charism-portrait-wrap::after{
    inset:-40px;
  }

  .home-charism-portrait{
    width:214px;
    height:214px;
  }

  .home-charism-sparkles{
    width:330px;
    height:330px;
    opacity:.44;
  }

  .home-charism-spark.spark-13,
  .home-charism-spark.spark-14,
  .home-charism-spark.spark-15,
  .home-charism-spark.spark-16,
  .home-charism-spark.spark-17,
  .home-charism-spark.spark-18,
  .home-charism-spark.spark-19,
  .home-charism-spark.spark-20{
    display:none;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-charism-section *,
  .home-charism-section *::before,
  .home-charism-section *::after{
    animation:none !important;
    transition:none !important;
  }
}