:root {
  --misiom-base: #E66A00;
  --misiom-base-rgb: 90, 42, 0;
  --yt-dark: #0b0c0e;
  --yt-black: #000;
  --yt-soft: #f6f2ea;
  --yt-text: #17191d;
  --yt-muted: #6e727a;
}

body.youteller-page {
  background: #fff;
  color: var(--yt-text);
  font-family: "Open Sans", sans-serif;
}

.yt-header {
  top: 0;
  background: #000;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.yt-header .main-header__inner {
  padding: 16px 0;
  min-height: 86px;
}

.yt-logo-box img, .yt-footer-logo img, .logo-box img {
  display: block;
  height: auto;
}

.yt-main-nav .main-menu__list > li > a {
  color: #fff;
  font-size: 14px;
  letter-spacing: .08em;
  font-weight: 800;
  text-transform: uppercase;
}

.yt-main-nav .main-menu__list > li > a:hover, .yt-main-nav .main-menu__list > li.current > a {
  color: var(--misiom-base);
}

.yt-header-actions {
  gap: 18px;
}

.yt-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 26px;
  border-radius: 999px;
  background: var(--misiom-base);
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}

.yt-header-cta:hover {
  background: #fff;
  color: #111;
}

.yt-header .mobile-nav__btn span {
  background: #fff;
}

.yt-hero-v2 {
  position: relative;
  overflow: hidden;
  padding: 175px 0 115px;
  background: radial-gradient(circle at 88% 8%, rgba(255,159,28,.24), transparent 30%), linear-gradient(120deg, #050607 0%, #101114 48%, #27231c 100%);
  color: #fff;
}

.yt-hero-v2__bg {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: .42;
  mix-blend-mode: screen;
}

.yt-hero-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .45;
}

.yt-orbit {
  position: absolute;
  border: 1px solid rgba(255,159,28,.75);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  animation: ytFloat 4s ease-in-out infinite;
}

.yt-orbit--one {
  right: 12%;
  top: 31%;
}

.yt-orbit--two {
  left: 12%;
  bottom: 18%;
  animation-delay: 1s;
  opacity: .55;
}

@keyframes ytFloat {
  0%,100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-16px);
  }

}

.yt-hero-v2 .container {
  position: relative;
  z-index: 2;
}

.yt-hero-v2__top {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

.yt-section-pill, .sec-title__tagline, .yt-eyebrow {
  color: var(--misiom-base);
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.yt-section-pill {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  font-size: 13px;
  margin-bottom: 32px;
}

.yt-hero-v2__title {
  color: #fff;
  font-size: 90px;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
}

.yt-hero-v2__lead {
  max-width: 720px;
  margin: 0 auto 26px;
  color: rgba(255,255,255,.72);
  font-size: 20px;
  line-height: 1.55;
}

.yt-hero-v2 .animate-box {
  margin-bottom: 25px;
}

.yt-hero-v2__media {
  margin-top: 70px;
}

.yt-video-frame {
  position: relative;
  overflow: hidden;
  max-width: 1120px;
  min-height: 420px;
  margin: 0 auto;
  border-radius: 34px;
  border: 1px solid rgba(255,159,28,.35);
  box-shadow: 0 38px 90px rgba(0,0,0,.45);
}

.yt-video-frame__image, .yt-video-frame__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
}

.yt-video-frame::after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.08) 58%);
  pointer-events:none;
}

.yt-video-frame__overlay {
  position:absolute;
  z-index:3;
  left:42px;
  bottom:38px;
  display:grid;
  gap:8px;
}

.yt-video-frame__overlay span {
  color: var(--misiom-base);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:13px;
}

.yt-video-frame__overlay strong {
  color:#fff;
  font-size:24px;
  line-height:1.15;
}

.yt-video-frame .video-btn {
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.yt-marquee {
  background: var(--misiom-base);
}

.yt-marquee .slide-text-two__title {
  color: #111;
}

.yt-white-section, .yt-languages {
  background: #fff;
}

.yt-intro-top {
  margin-bottom: 45px;
}

.yt-problem-grid {
  display: grid;
  grid-template-columns: 1.55fr .85fr;
  gap: 32px;
  align-items: stretch;
}

.yt-problem-image, .yt-problem-image a, .yt-problem-image img {
  min-height: 465px;
  border-radius: 24px;
  overflow: hidden;
  display: block;
  width: 100%;
}

.yt-problem-image img {
  object-fit: cover;
}

.yt-problem-card {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 24px;
  padding: 56px 35px;
  min-height: 465px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}

.yt-problem-card h3 {
  color: #17191d;
  font-size: clamp(32px, 3vw, 52px);
  line-height: 1;
  letter-spacing: -.045em;
  margin-bottom: 24px;
}

.yt-problem-card p:not(.portfolio-two__card__tagline) {
  color: #69707a;
  font-size: 17px;
  line-height: 1.7;
}

.yt-pillars .services-two__wrapper {
  grid-template-columns: repeat(3, 1fr);
}

.yt-pillars .service-card-two__title {
  font-size: 30px;
}

.yt-pillars .service-card-two__object {
  max-height: 124px;
  object-fit: contain;
}

.yt-pillars .service-card-two__image {
  object-fit: cover;
}

.yt-pillars .services-two__text {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.yt-method {
  background: #fff;
}

.yt-method .sec-title {
  margin-bottom: 54px;
}

.yt-section-lead {
  max-width: 720px;
  margin: 20px auto 0;
  text-align: center;
  color: #68707a;
  font-size: 18px;
  line-height: 1.7;
}

.yt-section-lead--light {
  color: rgba(255,255,255,.68);
}

.yt-esa-flow {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:nowrap;
}

.yt-esa-step {
  min-width:165px;
  padding:26px 22px;
  border-radius:18px;
  background:#17191d;
  border:1px solid rgba(255,159,28,.35);
  color:#fff;
  font-size:18px;
  font-weight:800;
  text-align:center;
  transition: transform .3s ease, background .3s ease;
}

.yt-esa-step:hover {
  transform: translateY(-7px);
  background:#000;
}

.yt-esa-step span {
  display:block;
  color:var(--misiom-base);
  margin-bottom:8px;
  font-size:14px;
}

.yt-esa-flow i {
  color: var(--misiom-base);
}

.yt-languages .portfolio-two__card__title {
  font-size: clamp(27px, 2.25vw, 40px);
}

.yt-languages .portfolio-two__card__image img {
  min-height: 420px;
  object-fit: cover;
}

.yt-languages .portfolio-two__card {
  margin-bottom: 34px;
}

.yt-languages .portfolio-two__card:last-child {
  margin-bottom: 0;
}

.yt-clients {
  position: relative;
  overflow: hidden;
  background:#111317;
}

.yt-clients .services-two__bg {
  opacity:.75;
}

.yt-clients .container {
  position: relative;
  z-index:2;
}

.yt-client-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-top:44px;
}

.yt-client-grid__item {
  height:112px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  display:grid;
  place-items:center;
  padding:26px 34px;
  transition: transform .35s ease, border-color .35s ease, background .35s ease;
}

.yt-client-grid__item:hover {
  transform: translateY(-8px);
  border-color:rgba(255,165,1,.45);
  background:rgba(255,255,255,.085);
}

.yt-client-grid__item img {
  display:block;
  max-width:100%;
  max-height:62px;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:.96;
  transition: opacity .35s ease, transform .35s ease;
}

.yt-client-grid__item:hover img {
  opacity:1;
  transform: scale(1.035);
}

.yt-final-cta {
  padding: 95px 0;
  background: #fff;
}

.yt-final-cta__wrapper {
  background: linear-gradient(135deg,#101113 0%,#24262b 100%);
  border-radius:34px;
  padding:78px 72px;
  overflow:hidden;
}

.yt-final-cta__content h2 {
  color:#fff;
  font-size:clamp(38px,4vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
  margin-bottom:22px;
}

.yt-final-cta__content p:not(.yt-eyebrow) {
  color:rgba(255,255,255,.74);
  font-size:19px;
  line-height:1.6;
  max-width:680px;
}

.yt-footer {
  background:#000;
  padding:82px 0 28px;
  color:rgba(255,255,255,.7);
}

.yt-footer p {
  max-width:440px;
  margin-top:22px;
  color:rgba(255,255,255,.7);
  line-height:1.7;
}

.yt-footer h3 {
  color:#fff;
  font-size:20px;
  margin-bottom:20px;
}

.yt-footer-links {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.yt-footer-links a {
  color:rgba(255,255,255,.7);
}

.yt-footer-links a:hover {
  color:var(--misiom-base);
}

.yt-footer-bottom {
  margin-top:56px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.45);
  font-size:14px;
}

.mobile-nav__content .main-menu__list li a {
  color:#fff;
}

.esa-process-section {
  position: relative;
  padding: 120px 0;
  background: #111214;
  color: #fff;
  overflow: hidden;
}

.esa-process-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:         linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),         linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: .45;
  pointer-events: none;
}

.esa-process-section::after {
  content: "";
  position: absolute;
  right: -180px;
  top: -180px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,165,1,.26), transparent 68%);
  pointer-events: none;
}

.esa-process-section .container {
  position: relative;
  z-index: 2;
}

.esa-process-section .sec-title__tagline {
  color: var(--misiom-base);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 700;
  margin-bottom: 18px;
}

.esa-process-section .sec-title__title {
  font-size: clamp(38px, 4vw, 62px);
  line-height: 1.02;
  max-width: 760px;
  color: #fff;
}

.esa-process-section__intro {
  color: rgba(255,255,255,.68);
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0;
}

.esa-card {
  position: relative;
  min-height: 280px;
  padding: 38px 36px;
  border-radius: 28px;
  background: #1c1d20;
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  transition: transform .35s ease, border-color .35s ease, background .35s ease;
}

.esa-card:hover {
  transform: translateY(-10px);
  border-color: rgba(255,165,1,.65);
  background: #202124;
}

.esa-card::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 1px solid rgba(255,165,1,.22);
}

.esa-card__number {
  display: block;
  margin-bottom: 56px;
  color: var(--misiom-base);
  font-size: 56px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.esa-card h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 18px;
}

.esa-card p {
  color: rgba(255,255,255,.66);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

.esa-card--accent {
  background: var(--misiom-base);
  color: #111214;
}

.esa-card--accent .esa-card__number, .esa-card--accent h3, .esa-card--accent p {
  color: #111214;
}

.esa-card--accent:hover .esa-card__number {
  color: var(--misiom-base);
}

.esa-card--accent:hover h3 {
  color: #fff;
}

.esa-card--accent:hover p {
  color: rgba(255,255,255,.66);
}

.esa-process-section__quote {
  display: block;
  margin-top: 18px;
  color: var(--misiom-base);
  font-weight: 700;
}

.esa-card--wide {
  min-height: 240px;
}

.yt-page-hero__lead.bw-reveal-text .line {
    justify-content: center;
}

@media (max-width: 767px) {
  .esa-process-section {
    padding: 80px 0;
  }

  .esa-card {
    min-height: auto;
    padding: 30px 26px;
    border-radius: 22px;
  }

  .esa-card__number {
    margin-bottom: 36px;
    font-size: 46px;
  }

}

@media (max-width: 1199px) {
  .yt-header-actions {
    padding:0;
  }

  .yt-header-cta {
    display:none;
  }

  .yt-pillars .services-two__wrapper {
    grid-template-columns: 1fr;
  }

  .yt-problem-grid {
    grid-template-columns: 1fr;
  }

  .yt-esa-flow {
    flex-direction:column;
  }

  .yt-esa-flow i {
    transform: rotate(90deg);
  }

  .yt-client-grid {
    grid-template-columns: repeat(2,1fr);
  }

}

@media (max-width: 767px) {
  .yt-logo-box img {
    width: 175px;
  }

  .yt-header .main-header__inner {
    min-height:74px;
  }

  .yt-hero-v2 {
    padding: 130px 0 70px;
  }

  .yt-section-pill {
    font-size: 11px;
    letter-spacing: .1em;
  }

  .yt-hero-v2__title {
    font-size: 45px;
    letter-spacing: -.05em;
  }

  .yt-hero-v2__lead {
    font-size: 17px;
  }

  .yt-video-frame, .yt-video-frame__image, .yt-video-frame__image img {
    min-height: 320px;
    border-radius:22px;
  }

  .yt-video-frame__overlay {
    left:24px;
    right:24px;
    bottom:24px;
  }

  .yt-video-frame__overlay strong {
    font-size:18px;
  }

  .yt-problem-card {
    padding:36px 28px;
    min-height:auto;
  }

  .yt-problem-image, .yt-problem-image a, .yt-problem-image img {
    min-height:330px;
  }

  .yt-client-grid {
    grid-template-columns: 1fr;
  }

  .yt-final-cta__wrapper {
    padding:48px 28px;
    border-radius:24px;
  }

}

@media (max-width: 575px) {
  .yt-client-grid__item {
    height:96px;
    padding:22px 28px;
  }

  .yt-client-grid__item img {
    max-height:64px;
  }

}

/* Test homepage: hero fotografica full width per index2.html */ .yt-hero-photo-test {
  padding: 0 0 95px;
  background: radial-gradient(circle at 82% 12%, rgba(255,159,28,.22), transparent 34%), linear-gradient(120deg, #050607 0%, #101114 52%, #252118 100%);
}

.yt-hero-photo-test .yt-hero-v2__bg {
  opacity: .26;
}

.yt-hero-photo-test__image-wrap {
  position: relative;
  min-height: clamp(520px, 74vh, 820px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yt-hero-photo-test__image {
  width: 100%;
  height: 100%;
  min-height: clamp(520px, 74vh, 820px);
  object-fit: cover;
  object-position: center center;
  display: block;
  transform: scale(1.01);
}

.yt-hero-photo-test__overlay {
  position: absolute;
  inset: 0;
  background:     linear-gradient(180deg, rgba(0,0,0,.26) 0%, rgba(0,0,0,.14) 48%, rgba(0,0,0,.62) 100%),     radial-gradient(circle at 50% 50%, rgba(0,0,0,.08), rgba(0,0,0,.48) 78%);
  pointer-events: none;
}

.yt-hero-photo-test__claim {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 24px;
}

.yt-hero-photo-test__claim h1 {
  color: #fff;
  font-size: clamp(52px, 7.2vw, 128px);
  line-height: .95;
  letter-spacing: -.055em;
  text-transform: none;
  max-width: 1180px;
  margin: 0;
  text-shadow: 0 24px 70px rgba(0,0,0,.62);
}

.yt-hero-photo-test__content {
  padding-top: 62px;
}

.yt-hero-photo-test__content .yt-section-pill {
  margin-bottom: 26px;
}

@media (max-width: 767px) {
  .yt-hero-photo-test {
    padding-bottom: 72px;
  }

  .yt-hero-photo-test__image-wrap,   .yt-hero-photo-test__image {
    min-height: 520px;
  }

  .yt-hero-photo-test__claim h1 {
    font-size: clamp(44px, 13vw, 72px);
    line-height: 1;
  }

  .yt-hero-photo-test__content {
    padding-top: 44px;
  }

}

/* Aggiornamenti 24/08: hero video index2 */ .yt-hero-video-test {
  padding: 0;
}

.yt-hero-video-test__wrap {
  min-height: clamp(650px, 92vh, 980px);
}

.yt-hero-video-test__video {
  min-height: clamp(650px, 92vh, 980px);
}

.yt-hero-video-test__content {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1120px;
  margin: 0 auto;
  padding: 120px 24px 70px;
  text-align: center;
}

.yt-hero-video-test__content .yt-section-pill {
  margin-bottom: 28px;
}

.yt-hero-video-test__content .yt-hero-v2__title {
  color: #fff;
  text-shadow: 0 24px 70px rgba(0,0,0,.62);
}

.yt-hero-video-test__content .yt-hero-v2__lead {
  color: rgba(255,255,255,.82);
}

.yt-hero-video-test .yt-hero-photo-test__overlay {
  background:     linear-gradient(180deg, rgba(0,0,0,.54) 0%, rgba(0,0,0,.34) 45%, rgba(0,0,0,.70) 100%),     radial-gradient(circle at 50% 48%, rgba(0,0,0,.08), rgba(0,0,0,.58) 78%);
}

/* ESA: tutti i box diventano arancioni in hover */ .esa-card:hover {
  background: var(--misiom-base);
  border-color: rgba(255,165,1,.75);
}

.esa-card:hover .esa-card__number, .esa-card:hover h3, .esa-card:hover p {
  color: #111214;
}

/* Logo Sparkasse: mantieni proporzioni originali */ .yt-client-grid__item--sparkasse img {
  height: 48px;
  width: auto;
  max-width: none;
  max-height: none;
}

@media (max-width: 767px) {
  .yt-hero-video-test__wrap,   .yt-hero-video-test__video {
    min-height: 620px;
  }

  .yt-hero-video-test__content {
    padding: 110px 22px 60px;
  }

  .yt-hero-video-test__content .yt-hero-v2__title {
    font-size: clamp(46px, 12vw, 72px);
  }

  .yt-client-grid__item--sparkasse img {
    height: 40px;
  }

}

/* =========================================================
   Pagina Metodo
   ========================================================= */ .yt-page-hero {
  position: relative;
  overflow: hidden;
  padding: 165px 0 115px;
  background:     radial-gradient(circle at 84% 12%, rgba(230,106,0,.24), transparent 32%),     linear-gradient(120deg, #050607 0%, #101114 54%, #252118 100%);
  color: #fff;
}

.yt-page-hero__bg {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: .30;
  mix-blend-mode: screen;
}

.yt-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:     linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),     linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .42;
  pointer-events: none;
}

.yt-page-hero .container {
  position: relative;
  z-index: 2;
}

.yt-page-hero__content {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.yt-page-hero__title {
  margin: 0 auto 30px;
  color: #fff;
  font-size: clamp(54px, 6.2vw, 86px);
  line-height: .98;
  letter-spacing: -.025em;
  text-transform: none;
}

.yt-page-hero__lead {
  max-width: 790px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,.74);
  font-size: 21px;
  line-height: 1.6;
}

.yt-method-intro {
  background: #fff;
}

.yt-method-intro__copy {
  color: #626873;
  font-size: 18px;
  line-height: 1.75;
}

.yt-method-intro__copy p:last-child {
  margin-bottom: 0;
}

.yt-method-intro__grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 34px;
  margin-top: 58px;
  align-items: stretch;
}

.yt-method-intro__visual, .yt-method-intro__visual img {
  min-height: 620px;
  height: 100%;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
}

.yt-method-intro__visual img {
  object-fit: cover;
}

.yt-method-intro__panel {
  min-height: 620px;
  padding: 54px 46px;
  border-radius: 28px;
  background: #f4f4f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yt-method-intro__panel > p {
  margin-bottom: 36px;
  color: #515761;
  font-size: 18px;
  line-height: 1.75;
}

.yt-method-intro__statements {
  display: grid;
  gap: 16px;
}

.yt-method-intro__statements > div {
  position: relative;
  padding: 23px 24px 23px 76px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: #fff;
}

.yt-method-intro__statements span {
  position: absolute;
  left: 22px;
  top: 22px;
  color: var(--misiom-base);
  font-size: 18px;
  font-weight: 800;
}

.yt-method-intro__statements strong {
  display: block;
  margin-bottom: 3px;
  color: #17191d;
  font-size: 20px;
}

.yt-method-intro__statements p {
  margin: 0;
  color: #747983;
}

.yt-method-maieutic {
  position: relative;
  overflow: hidden;
  background: #f7f4ef;
}

.yt-method-maieutic::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -240px;
  top: -220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(230,106,0,.17), transparent 68%);
  pointer-events: none;
}

.yt-method-maieutic .container {
  position: relative;
  z-index: 2;
}

.yt-method-maieutic__content h2 {
  margin: 14px 0 28px;
  color: #17191d;
  font-size: clamp(42px, 4.3vw, 62px);
  line-height: 1;
  letter-spacing: -.045em;
}

.yt-method-maieutic__content p:not(.yt-eyebrow) {
  color: #646a73;
  font-size: 18px;
  line-height: 1.72;
}

.yt-method-maieutic__card {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 54px 50px;
  border-radius: 30px;
  background: #17191d;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yt-method-maieutic__card::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  right: -80px;
  bottom: -80px;
  border: 1px solid rgba(230,106,0,.32);
  border-radius: 50%;
}

.yt-method-maieutic__number {
  display: block;
  margin-bottom: 52px;
  color: var(--misiom-base);
  font-size: 64px;
  line-height: 1;
  font-weight: 800;
}

.yt-method-maieutic__card h3 {
  max-width: 520px;
  margin-bottom: 24px;
  color: #fff;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1.05;
}

.yt-method-maieutic__card p {
  position: relative;
  z-index: 2;
  color: rgba(255,255,255,.68);
  font-size: 17px;
  line-height: 1.65;
}

.yt-method-maieutic__line {
  width: 100%;
  height: 1px;
  margin: 28px 0;
  background: rgba(255,255,255,.12);
}

.yt-method-maieutic__quote {
  color: var(--misiom-base) !important;
  font-weight: 700;
}

.yt-method-steps {
  position: relative;
  overflow: hidden;
  background: #111214;
  color: #fff;
}

.yt-method-steps__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .55;
}

.yt-method-steps .container {
  position: relative;
  z-index: 2;
}

.yt-method-steps__head {
  margin-bottom: 54px;
}

.yt-method-steps__lead {
  margin: 0;
  color: rgba(255,255,255,.65);
  font-size: 18px;
  line-height: 1.72;
}

.yt-method-steps__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 22px;
}

.yt-method-step {
  position: relative;
  min-height: 390px;
  padding: 36px 32px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  background: #1d1f22;
  overflow: hidden;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.yt-method-step:nth-child(1), .yt-method-step:nth-child(2), .yt-method-step:nth-child(3) {
  grid-column: span 2;
}

.yt-method-step:nth-child(4), .yt-method-step:nth-child(5) {
  grid-column: span 3;
  min-height: 350px;
}

.yt-method-step::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(230,106,0,.22);
  border-radius: 50%;
}

.yt-method-step:hover {
  transform: translateY(-9px);
  background: var(--misiom-base);
  border-color: var(--misiom-base);
}

.yt-method-step__number {
  display: block;
  margin-bottom: 54px;
  color: var(--misiom-base);
  font-size: 52px;
  line-height: 1;
  font-weight: 800;
  transition: color .35s ease;
}

.yt-method-step h3 {
  margin-bottom: 12px;
  color: #fff;
  font-size: 30px;
  transition: color .35s ease;
}

.yt-method-step h4 {
  margin-bottom: 20px;
  color: rgba(255,255,255,.86);
  font-size: 18px;
  line-height: 1.35;
  transition: color .35s ease;
}

.yt-method-step p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 16px;
  line-height: 1.65;
  transition: color .35s ease;
}

.yt-method-step:hover .yt-method-step__number, .yt-method-step:hover h3, .yt-method-step:hover h4, .yt-method-step:hover p {
  color: #111214;
}

.yt-method-guidance {
  background: #fff;
}

.yt-method-guidance__media, .yt-method-guidance__media img {
  width: 100%;
  min-height: 360px;
  border-radius: 26px;
  overflow: hidden;
}

.yt-method-guidance__media img {
  object-fit: cover;
}

.yt-method-guidance__content {
  padding: 42px 24px 0;
}

.yt-method-guidance__content--top {
  padding: 0 24px 42px;
}

.yt-method-guidance__content h2 {
  margin: 12px 0 24px;
  color: #17191d;
  font-size: clamp(36px, 3.4vw, 54px);
  line-height: 1.02;
  letter-spacing: -.04em;
}

.yt-method-guidance__content p:not(.yt-eyebrow) {
  color: #676d76;
  font-size: 17px;
  line-height: 1.72;
}

.yt-method-continuity {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  color: #fff;
}

.yt-method-continuity__bg, .yt-method-continuity__overlay {
  position: absolute;
  inset: 0;
}

.yt-method-continuity__bg {
  background-size: cover;
  background-position: center;
}

.yt-method-continuity__overlay {
  background: linear-gradient(90deg, rgba(6,7,8,.95) 0%, rgba(8,9,11,.88) 50%, rgba(8,9,11,.70) 100%);
}

.yt-method-continuity .container {
  position: relative;
  z-index: 2;
}

.yt-method-continuity__content h2 {
  margin: 12px 0 28px;
  color: #fff;
  font-size: clamp(42px, 4.2vw, 62px);
  line-height: 1;
  letter-spacing: -.045em;
}

.yt-method-continuity__content p:not(.yt-eyebrow) {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: 18px;
  line-height: 1.72;
}

.yt-method-continuity__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.yt-method-continuity__tools span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.07);
  color: #fff;
  font-weight: 700;
}

.yt-method-continuity__note {
  margin: 0;
  color: var(--misiom-base);
  font-size: 17px;
  line-height: 1.65;
  font-weight: 700;
}

.yt-method-closing {
  background: #fff;
}

.yt-method-closing__box {
  padding: 72px 68px;
  border-radius: 32px;
  background: #f4f4f2;
}

.yt-method-closing__box h2 {
  margin: 10px 0 22px;
  color: #17191d;
  font-size: clamp(40px, 4vw, 64px);
  line-height: 1;
  letter-spacing: -.045em;
}

.yt-method-closing__box p:not(.yt-eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #676d76;
  font-size: 18px;
  line-height: 1.7;
}

.yt-method-closing__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.yt-text-link {
  color: #17191d;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.yt-text-link i {
  margin-left: 8px;
  color: var(--misiom-base);
}

.yt-text-link:hover {
  color: var(--misiom-base);
}

@media (max-width: 1199px) {
  .yt-method-intro__grid {
    grid-template-columns: 1fr;
  }

  .yt-method-intro__visual,   .yt-method-intro__visual img,   .yt-method-intro__panel {
    min-height: 520px;
  }

  .yt-method-steps__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .yt-method-step:nth-child(n) {
    grid-column: span 1;
    min-height: 360px;
  }

  .yt-method-step:last-child {
    grid-column: span 2;
  }

}

@media (max-width: 767px) {
  .yt-page-hero {
    padding: 125px 0 80px;
  }

  .yt-page-hero__title {
    font-size: clamp(44px, 12vw, 64px);
  }

  .yt-page-hero__lead {
    font-size: 17px;
  }

  .yt-method-intro__grid {
    margin-top: 38px;
  }

  .yt-method-intro__visual,   .yt-method-intro__visual img {
    min-height: 360px;
  }

  .yt-method-intro__panel,   .yt-method-maieutic__card {
    min-height: auto;
    padding: 38px 28px;
    border-radius: 22px;
  }

  .yt-method-intro__statements > div {
    padding-left: 62px;
  }

  .yt-method-maieutic__number {
    margin-bottom: 34px;
    font-size: 52px;
  }

  .yt-method-steps__grid {
    grid-template-columns: 1fr;
  }

  .yt-method-step:nth-child(n),   .yt-method-step:last-child {
    grid-column: auto;
    min-height: auto;
  }

  .yt-method-step {
    padding: 30px 26px;
    border-radius: 22px;
  }

  .yt-method-step__number {
    margin-bottom: 36px;
    font-size: 46px;
  }

  .yt-method-guidance__content,   .yt-method-guidance__content--top {
    padding: 28px 0 34px;
  }

  .yt-method-continuity {
    padding: 85px 0;
  }

  .yt-method-closing__box {
    padding: 48px 28px;
    border-radius: 24px;
  }

}

/* =========================================================
   YOUTELLER - METODO ESA
   ========================================================= */ .yt-page-hero--esa .yt-page-hero__content {
  max-width: 1050px;
}

.yt-page-hero--esa .yt-page-hero__title {
  max-width: 980px;
}

.yt-esa-intro {
  background: #fff;
}

.yt-esa-intro__copy {
  padding-bottom: 4px;
}

.yt-esa-intro__copy p {
  margin: 0;
  color: #676d76;
  font-size: 18px;
  line-height: 1.72;
}

.yt-esa-intro__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 30px;
  margin-top: 64px;
}

.yt-esa-intro__statement, .yt-esa-intro__context {
  min-height: 430px;
  border-radius: 30px;
}

.yt-esa-intro__statement {
  position: relative;
  overflow: hidden;
  padding: 48px;
  background: #17191d;
  color: #fff;
}

.yt-esa-intro__statement::after {
  content: "";
  position: absolute;
  right: -85px;
  bottom: -85px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(236,113,0,.35);
  border-radius: 50%;
}

.yt-esa-intro__mark {
  display: block;
  margin-bottom: 90px;
  color: var(--misiom-base);
  font-size: clamp(64px, 7vw, 110px);
  line-height: .8;
  font-weight: 700;
  letter-spacing: -.07em;
}

.yt-esa-intro__statement h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(30px, 2.6vw, 44px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.yt-esa-intro__statement p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255,255,255,.67);
  font-size: 17px;
  line-height: 1.72;
}

.yt-esa-intro__context {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px 56px;
  border: 1px solid #e1e2e4;
  background: #f7f7f5;
}

.yt-esa-intro__context p {
  margin: 0 0 22px;
  color: #626872;
  font-size: 18px;
  line-height: 1.75;
}

.yt-esa-intro__context strong {
  display: block;
  margin-top: 10px;
  padding-top: 26px;
  border-top: 1px solid #d9dade;
  color: var(--misiom-base);
  font-size: 21px;
  line-height: 1.45;
}

.yt-esa-flow {
  position: relative;
  overflow: hidden;
  background: #111214;
  color: #fff;
}

.yt-esa-flow__bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  opacity: .32;
  pointer-events: none;
}

.yt-esa-flow .container {
  position: relative;
  z-index: 2;
}

.yt-esa-flow__head {
  margin-bottom: 64px;
}

.yt-esa-flow__lead {
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 18px;
  line-height: 1.72;
}

.yt-esa-flow__list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.yt-esa-flow-card {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) 1.72fr;
  min-height: 350px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 30px;
  background: rgba(31,32,35,.96);
  transition: border-color .35s ease, transform .35s ease, background .35s ease;
}

.yt-esa-flow-card:hover {
  transform: translateY(-5px);
  border-color: rgba(236,113,0,.55);
  background: #242528;
}

.yt-esa-flow-card__side {
  position: relative;
  overflow: hidden;
  padding: 42px 40px;
  border-right: 1px solid rgba(255,255,255,.09);
}

.yt-esa-flow-card__side::after {
  content: "";
  position: absolute;
  left: -80px;
  bottom: -120px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(236,113,0,.20);
  border-radius: 50%;
}

.yt-esa-flow-card__side > span {
  display: block;
  margin-bottom: 66px;
  color: var(--misiom-base);
  font-size: 68px;
  line-height: .9;
  font-weight: 700;
  letter-spacing: -.06em;
}

.yt-esa-flow-card__side h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(34px, 3vw, 50px);
  line-height: 1;
  letter-spacing: -.045em;
}

.yt-esa-flow-card__side p {
  max-width: 300px;
  margin: 0;
  color: rgba(255,255,255,.60);
  font-size: 16px;
  line-height: 1.58;
}

.yt-esa-flow-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 44px 52px;
}

.yt-esa-flow-card__body > p {
  margin: 0 0 17px;
  color: rgba(255,255,255,.70);
  font-size: 17px;
  line-height: 1.7;
}

.yt-esa-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 10px;
}

.yt-esa-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.82);
  font-size: 13px;
  font-weight: 700;
}

.yt-esa-flow-card blockquote {
  margin: 28px 0 0;
  padding: 0 0 0 22px;
  border-left: 3px solid var(--misiom-base);
  color: var(--misiom-base);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
}

.yt-esa-flow-card--evolution {
  border-color: rgba(236,113,0,.45);
}

.yt-esa-flow-card--evolution .yt-esa-flow-card__side {
  background: rgba(236,113,0,.08);
}

.yt-esa-systemic {
  overflow: hidden;
  background: #fff;
}

.yt-esa-systemic__content h2 {
  margin: 12px 0 26px;
  color: #17191d;
  font-size: clamp(42px, 4.4vw, 70px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-esa-systemic__content p {
  margin: 0 0 18px;
  color: #676d76;
  font-size: 18px;
  line-height: 1.72;
}

.yt-esa-systemic__content strong {
  display: block;
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid #dedfe2;
  color: var(--misiom-base);
  font-size: 20px;
  line-height: 1.5;
}

.yt-esa-systemic__visual {
  position: relative;
  width: min(560px, 100%);
  aspect-ratio: 1;
  margin-inline: auto;
  border-radius: 50%;
  background: #17191d;
}

.yt-esa-systemic__visual::before {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(236,113,0,.22) 0%, rgba(236,113,0,.03) 58%, transparent 70%);
}

.yt-esa-systemic__orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.yt-esa-systemic__orbit--one {
  width: 64%;
  height: 64%;
}

.yt-esa-systemic__orbit--two {
  width: 88%;
  height: 88%;
  border-color: rgba(236,113,0,.35);
}

.yt-esa-systemic__core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: flex;
  width: 145px;
  height: 145px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  background: var(--misiom-base);
  color: #111214;
  transform: translate(-50%, -50%);
}

.yt-esa-systemic__core span {
  font-size: 44px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.05em;
}

.yt-esa-systemic__core small {
  margin-top: 7px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.yt-esa-systemic__label {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: #242528;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

.yt-esa-systemic__label--1 {
  left: 8%;
  top: 21%;
}

.yt-esa-systemic__label--2 {
  right: 5%;
  top: 24%;
}

.yt-esa-systemic__label--3 {
  left: 2%;
  top: 49%;
}

.yt-esa-systemic__label--4 {
  right: 2%;
  top: 50%;
}

.yt-esa-systemic__label--5 {
  left: 14%;
  bottom: 18%;
}

.yt-esa-systemic__label--6 {
  right: 11%;
  bottom: 17%;
}

.yt-esa-purpose {
  position: relative;
  overflow: hidden;
  padding: 130px 0;
  color: #fff;
}

.yt-esa-purpose__bg, .yt-esa-purpose__overlay {
  position: absolute;
  inset: 0;
}

.yt-esa-purpose__bg {
  background-position: center;
  background-size: cover;
}

.yt-esa-purpose__overlay {
  background: linear-gradient(90deg, rgba(7,8,9,.97) 0%, rgba(9,10,12,.91) 55%, rgba(9,10,12,.73) 100%);
}

.yt-esa-purpose .container {
  position: relative;
  z-index: 2;
}

.yt-esa-purpose__content {
  max-width: 900px;
}

.yt-esa-purpose__content h2 {
  margin: 10px 0 30px;
  color: #fff;
  font-size: clamp(52px, 6vw, 94px);
  line-height: .92;
  letter-spacing: -.06em;
}

.yt-esa-purpose__content p {
  max-width: 800px;
  margin: 0 0 18px;
  color: rgba(255,255,255,.72);
  font-size: 18px;
  line-height: 1.72;
}

.yt-esa-purpose__content strong {
  display: block;
  max-width: 830px;
  margin-top: 32px;
  color: var(--misiom-base);
  font-size: 21px;
  line-height: 1.55;
}

@media (max-width: 1199px) {
  .yt-esa-intro__grid {
    grid-template-columns: 1fr;
  }

  .yt-esa-intro__statement,   .yt-esa-intro__context {
    min-height: auto;
  }

  .yt-esa-flow-card {
    grid-template-columns: 1fr;
  }

  .yt-esa-flow-card__side {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
  }

  .yt-esa-flow-card__side > span {
    margin-bottom: 42px;
  }

}

@media (max-width: 767px) {
  .yt-esa-intro__grid {
    margin-top: 38px;
  }

  .yt-esa-intro__statement,   .yt-esa-intro__context {
    padding: 34px 28px;
    border-radius: 22px;
  }

  .yt-esa-intro__mark {
    margin-bottom: 56px;
    font-size: 64px;
  }

  .yt-esa-flow__head {
    margin-bottom: 38px;
  }

  .yt-esa-flow-card {
    border-radius: 22px;
  }

  .yt-esa-flow-card__side,   .yt-esa-flow-card__body {
    padding: 30px 26px;
  }

  .yt-esa-flow-card__side > span {
    margin-bottom: 30px;
    font-size: 52px;
  }

  .yt-esa-tags span {
    min-height: 34px;
    padding: 0 11px;
    font-size: 12px;
  }

  .yt-esa-systemic__visual {
    width: 100%;
    max-width: 430px;
  }

  .yt-esa-systemic__core {
    width: 112px;
    height: 112px;
  }

  .yt-esa-systemic__core span {
    font-size: 34px;
  }

  .yt-esa-systemic__label {
    min-height: 32px;
    padding: 0 10px;
    font-size: 11px;
  }

  .yt-esa-purpose {
    padding: 90px 0;
  }

}

/* === YOUTELLER: SOLUZIONI + NARRAZIONI FORMATIVE === */ /* SOLUZIONI */ .yt-solutions-intro {
  background: #fff;
}

.yt-solutions-intro__copy p {
  margin: 0 0 16px;
  color: #5d5d60;
  font-size: 18px;
  line-height: 1.7;
}

.yt-solutions-intro__statement {
  margin-top: 62px;
  padding: 34px 40px;
  border-left: 5px solid var(--misiom-base);
  background: #f6f5f2;
  display: flex;
  gap: 12px 24px;
  align-items: baseline;
  flex-wrap: wrap;
}

.yt-solutions-intro__statement span {
  color: #28282b;
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.1;
  font-weight: 500;
}

.yt-solutions-intro__statement strong {
  color: var(--misiom-base);
  font-size: clamp(32px, 4vw, 58px);
  line-height: 1;
  letter-spacing: -.045em;
}

.yt-solutions-list {
  position: relative;
  overflow: hidden;
  background: #111214;
}

.yt-solutions-list__bg {
  position: absolute;
  inset: 0;
  opacity: .12;
  background-position: center;
  background-size: cover;
  pointer-events: none;
}

.yt-solutions-list .container {
  position: relative;
  z-index: 2;
}

.yt-solutions-list__head {
  margin-bottom: 55px;
}

.yt-solutions-list__lead {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 18px;
  line-height: 1.72;
}

.yt-solutions-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.yt-solution-card {
  position: relative;
  min-height: 430px;
  padding: 42px 40px 38px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 28px;
  background: #1c1d20;
  overflow: hidden;
  transition: background .4s ease, border-color .4s ease, transform .4s ease;
}

.yt-solution-card::after {
  content: '';
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(255,165,1,.23);
  border-radius: 50%;
  transition: transform .45s ease, border-color .45s ease;
}

.yt-solution-card:hover {
  background: var(--misiom-base);
  border-color: var(--misiom-base);
  transform: translateY(-7px);
}

.yt-solution-card:hover::after {
  transform: scale(1.15);
  border-color: rgba(17,18,20,.25);
}

.yt-solution-card__number {
  display: block;
  margin-bottom: 55px;
  color: var(--misiom-base);
  font-size: 58px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.05em;
  transition: color .35s ease;
}

.yt-solution-card__eyebrow {
  margin: 0 0 12px;
  color: rgba(255,255,255,.55);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: color .35s ease;
}

.yt-solution-card h3 {
  max-width: 560px;
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(28px, 2.2vw, 38px);
  line-height: 1.08;
  letter-spacing: -.035em;
  transition: color .35s ease;
}

.yt-solution-card > p:not(.yt-solution-card__eyebrow) {
  max-width: 600px;
  margin: 0;
  color: rgba(255,255,255,.65);
  font-size: 16px;
  line-height: 1.7;
  transition: color .35s ease;
}

.yt-solution-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
}

.yt-solution-card__tags span {
  min-height: 32px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: rgba(255,255,255,.74);
  font-size: 12px;
  line-height: 1;
  transition: all .35s ease;
}

.yt-solution-card:hover .yt-solution-card__number, .yt-solution-card:hover .yt-solution-card__eyebrow, .yt-solution-card:hover h3, .yt-solution-card:hover > p:not(.yt-solution-card__eyebrow) {
  color: #111214;
}

.yt-solution-card:hover .yt-solution-card__tags span {
  color: #111214;
  border-color: rgba(17,18,20,.3);
}

.yt-solutions-focus {
  background: #fff;
}

.yt-solutions-focus__visual {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  border-radius: 30px;
}

.yt-solutions-focus__visual img {
  width: 100%;
  height: 100%;
  min-height: 590px;
  object-fit: cover;
}

.yt-solutions-focus__label {
  position: absolute;
  left: 24px;
  bottom: 24px;
  max-width: 310px;
  padding: 24px 26px;
  border-radius: 20px;
  background: #111214;
  color: #fff;
}

.yt-solutions-focus__label span, .yt-solutions-focus__label strong {
  display: block;
}

.yt-solutions-focus__label span {
  color: rgba(255,255,255,.62);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.yt-solutions-focus__label strong {
  margin-top: 5px;
  color: var(--misiom-base);
  font-size: 28px;
}

.yt-solutions-focus__content {
  padding-left: 45px;
}

.yt-solutions-focus__content h2 {
  margin: 8px 0 26px;
  color: #111214;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-solutions-focus__content > p {
  margin: 0 0 24px;
  color: #5d5d60;
  font-size: 18px;
  line-height: 1.72;
}

.yt-solutions-focus__content blockquote {
  margin: 34px 0 0;
  padding: 24px 0 24px 28px;
  border-left: 4px solid var(--misiom-base);
  color: #111214;
  font-size: 23px;
  line-height: 1.45;
  font-weight: 650;
}

.yt-solutions-cta {
  padding: 0 0 120px;
  background: #fff;
}

.yt-solutions-cta__box {
  padding: 58px 60px;
  border-radius: 30px;
  background: #111214;
}

.yt-solutions-cta h2 {
  margin: 8px 0 18px;
  color: #fff;
  font-size: clamp(42px, 5vw, 70px);
  line-height: .95;
  letter-spacing: -.055em;
}

.yt-solutions-cta p {
  margin: 0;
  color: rgba(255,255,255,.65);
  font-size: 18px;
}

.yt-solutions-cta .yt-eyebrow {
  color: var(--misiom-base);
}

/* NARRAZIONI FORMATIVE */ .yt-narrative-intro {
  background: #fff;
}

.yt-narrative-intro__copy p {
  margin: 0;
  color: #5d5d60;
  font-size: 18px;
  line-height: 1.72;
}

.yt-narrative-intro__grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  margin-top: 60px;
  border-radius: 30px;
  overflow: hidden;
  background: #f2f1ee;
}

.yt-narrative-intro__visual {
  min-height: 610px;
}

.yt-narrative-intro__visual img {
  width: 100%;
  height: 100%;
  min-height: 610px;
  object-fit: cover;
}

.yt-narrative-intro__panel {
  padding: 58px 54px;
  align-self: center;
}

.yt-narrative-intro__mark {
  display: block;
  margin-bottom: 55px;
  color: var(--misiom-base);
  font-size: clamp(58px, 7vw, 74px);
  line-height: .82;
  font-weight: 750;
  letter-spacing: -.02em;
}

.yt-narrative-intro__panel h3 {
  margin: 0 0 24px;
  color: #111214;
  font-size: clamp(34px, 3.2vw, 50px);
  line-height: 1;
  letter-spacing: -.045em;
}

.yt-narrative-intro__panel p {
  margin: 0 0 15px;
  color: #5d5d60;
  font-size: 17px;
  line-height: 1.72;
}

.yt-narrative-change {
  position: relative;
  overflow: hidden;
  background: #111214;
}

.yt-narrative-change__bg {
  position: absolute;
  inset: 0;
  opacity: .12;
  background-position: center;
  background-size: cover;
}

.yt-narrative-change .container {
  position: relative;
  z-index: 2;
}

.yt-narrative-change__head {
  margin-bottom: 54px;
}

.yt-narrative-change__lead {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 18px;
  line-height: 1.72;
}

.yt-narrative-change__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.yt-narrative-change__grid article {
  min-height: 285px;
  padding: 34px 32px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 26px;
  background: #1c1d20;
  transition: background .35s ease, transform .35s ease;
}

.yt-narrative-change__grid article:hover {
  background: var(--misiom-base);
  transform: translateY(-7px);
}

.yt-narrative-change__grid span {
  display: block;
  margin-bottom: 72px;
  color: var(--misiom-base);
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  transition: color .35s ease;
}

.yt-narrative-change__grid h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 30px;
  transition: color .35s ease;
}

.yt-narrative-change__grid p {
  margin: 0;
  color: rgba(255,255,255,.65);
  font-size: 16px;
  transition: color .35s ease;
}

.yt-narrative-change__grid article:hover span, .yt-narrative-change__grid article:hover h3, .yt-narrative-change__grid article:hover p {
  color: #111214;
}

.yt-story-live {
  background: #fff;
}

.yt-story-live__sticky {
  position: sticky;
  top: 150px;
  padding-right: 45px;
}

.yt-story-live__sticky h2 {
  margin: 8px 0 24px;
  color: #111214;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .95;
  letter-spacing: -.055em;
}

.yt-story-live__sticky p {
  color: #5d5d60;
  font-size: 18px;
  line-height: 1.72;
}

.yt-story-live__sticky strong {
  display: block;
  margin-top: 28px;
  color: var(--misiom-base);
  font-size: 21px;
  line-height: 1.5;
}

.yt-story-questions {
  display: grid;
  gap: 12px;
}

.yt-story-questions > div {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 22px;
  align-items: center;
  min-height: 122px;
  padding: 24px 28px;
  border: 1px solid #e3e1dc;
  border-radius: 22px;
  background: #f7f6f3;
  transition: background .35s ease, border-color .35s ease, transform .35s ease;
}

.yt-story-questions > div:hover {
  background: #111214;
  border-color: #111214;
  transform: translateX(-8px);
}

.yt-story-questions span {
  color: var(--misiom-base);
  font-size: 26px;
  font-weight: 700;
}

.yt-story-questions p {
  margin: 0;
  color: #202124;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 600;
  transition: color .35s ease;
}

.yt-story-questions > div:hover p {
  color: #fff;
}

.yt-manager-story {
  position: relative;
  padding: 125px 0;
  overflow: hidden;
}

.yt-manager-story__bg, .yt-manager-story__overlay {
  position: absolute;
  inset: 0;
}

.yt-manager-story__bg {
  background-position: center;
  background-size: cover;
}

.yt-manager-story__overlay {
  background: rgba(10,11,13,.84);
}

.yt-manager-story .container {
  position: relative;
  z-index: 2;
}

.yt-manager-story__content h2 {
  margin: 8px 0 26px;
  color: #fff;
  font-size: clamp(46px, 5.5vw, 80px);
  line-height: .93;
  letter-spacing: -.06em;
}

.yt-manager-story__content p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 18px;
  line-height: 1.72;
}

.yt-manager-story__skills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 38px;
}

.yt-manager-story__skills span {
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: #fff;
  font-size: 14px;
}

.yt-narrative-formats {
  background: #fff;
}

.yt-narrative-formats__head {
  margin-bottom: 48px;
}

.yt-narrative-formats__head p {
  margin: 0;
  color: #5d5d60;
  font-size: 18px;
  line-height: 1.7;
}

.yt-narrative-formats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #dedcd6;
  border-left: 1px solid #dedcd6;
}

.yt-narrative-formats__grid > div {
  min-height: 165px;
  padding: 26px 24px;
  border-right: 1px solid #dedcd6;
  border-bottom: 1px solid #dedcd6;
  background: #fff;
  transition: background .35s ease;
}

.yt-narrative-formats__grid > div:hover {
  background: #111214;
}

.yt-narrative-formats__grid span {
  display: block;
  margin-bottom: 38px;
  color: var(--misiom-base);
  font-size: 16px;
  font-weight: 700;
}

.yt-narrative-formats__grid strong {
  display: block;
  color: #111214;
  font-size: 20px;
  line-height: 1.25;
  transition: color .35s ease;
}

.yt-narrative-formats__grid > div:hover strong {
  color: #fff;
}

.yt-narrators {
  position: relative;
  overflow: hidden;
  background: #111214;
}

.yt-narrators__bg {
  position: absolute;
  inset: 0;
  opacity: .12;
  background-position: center;
  background-size: cover;
}

.yt-narrators .container {
  position: relative;
  z-index: 2;
}

.yt-narrators__content {
  padding-right: 42px;
}

.yt-narrators__content h2 {
  margin: 8px 0 26px;
  color: #fff;
  font-size: clamp(42px, 4.7vw, 70px);
  line-height: .95;
  letter-spacing: -.055em;
}

.yt-narrators__content p {
  color: rgba(255,255,255,.7);
  font-size: 18px;
  line-height: 1.72;
}

.yt-narrators__content strong {
  display: block;
  margin-top: 28px;
  color: var(--misiom-base);
  font-size: 21px;
  line-height: 1.5;
}

.yt-narrators__visual {
  min-height: 600px;
  overflow: hidden;
  border-radius: 30px;
}

.yt-narrators__visual img {
  width: 100%;
  height: 100%;
  min-height: 600px;
  object-fit: cover;
}

.yt-media-stories {
  background: #fff;
}

.yt-media-stories .sec-title {
  max-width: 850px;
  margin: 0 auto 58px;
}

.yt-media-stories__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.yt-media-story {
  border: 1px solid #e1dfda;
  border-radius: 26px;
  overflow: hidden;
  background: #f8f7f4;
  transition: transform .35s ease, box-shadow .35s ease;
}

.yt-media-story:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 50px rgba(0,0,0,.08);
}

.yt-media-story__image {
  height: 330px;
  overflow: hidden;
}

.yt-media-story__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yt-media-story__content {
  padding: 30px 28px 34px;
}

.yt-media-story__content span {
  display: block;
  margin-bottom: 18px;
  color: var(--misiom-base);
  font-size: 18px;
  font-weight: 700;
}

.yt-media-story__content h3 {
  margin: 0 0 16px;
  color: #111214;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.yt-media-story__content p {
  margin: 0;
  color: #606064;
  font-size: 16px;
  line-height: 1.65;
}

.yt-why-youteller {
  background: #f4f3ef;
}

.yt-why-youteller__box {
  padding: 62px;
  border-radius: 30px;
  background: #fff;
}

.yt-why-youteller__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.yt-why-youteller__logo img {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  object-fit: contain;
}

.yt-why-youteller h2 {
  margin: 8px 0 24px;
  color: #111214;
  font-size: clamp(40px, 4.6vw, 66px);
  line-height: .98;
  letter-spacing: -.055em;
}

.yt-why-youteller p {
  color: #5d5d60;
  font-size: 17px;
  line-height: 1.72;
}

.yt-why-youteller .misiom-btn {
  margin-top: 18px;
}

@media (max-width: 1199px) {
  .yt-solutions-grid {
    grid-template-columns: 1fr;
  }

  .yt-solutions-focus__content {
    padding-left: 0;
  }

  .yt-narrative-intro__grid {
    grid-template-columns: 1fr;
  }

  .yt-narrative-intro__visual, .yt-narrative-intro__visual img {
    min-height: 500px;
  }

  .yt-narrative-formats__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .yt-media-stories__grid {
    grid-template-columns: 1fr;
  }

  .yt-media-story {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
  }

  .yt-media-story__image {
    height: 100%;
    min-height: 330px;
  }

}

@media (max-width: 991px) {
  .yt-solutions-focus__visual, .yt-solutions-focus__visual img {
    min-height: 470px;
  }

  .yt-story-live__sticky {
    position: static;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .yt-manager-story__skills {
    padding-left: 0;
  }

  .yt-narrators__content {
    padding-right: 0;
  }

  .yt-narrators__visual, .yt-narrators__visual img {
    min-height: 480px;
  }

  .yt-narrative-change__grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 767px) {
  .yt-solutions-intro__statement {
    margin-top: 38px;
    padding: 26px 24px;
  }

  .yt-solution-card {
    min-height: auto;
    padding: 30px 26px;
    border-radius: 22px;
  }

  .yt-solution-card__number {
    margin-bottom: 38px;
    font-size: 48px;
  }

  .yt-solutions-focus__visual, .yt-solutions-focus__visual img {
    min-height: 390px;
  }

  .yt-solutions-focus__label {
    left: 16px;
    right: 16px;
    bottom: 16px;
    max-width: none;
  }

  .yt-solutions-cta {
    padding-bottom: 80px;
  }

  .yt-solutions-cta__box {
    padding: 38px 28px;
    border-radius: 24px;
  }

  .yt-narrative-intro__grid {
    margin-top: 38px;
    border-radius: 22px;
  }

  .yt-narrative-intro__visual, .yt-narrative-intro__visual img {
    min-height: 360px;
  }

  .yt-narrative-intro__panel {
    padding: 36px 28px;
  }

  .yt-narrative-intro__mark {
    margin-bottom: 34px;
  }

  .yt-narrative-change__grid article {
    min-height: auto;
  }

  .yt-narrative-change__grid span {
    margin-bottom: 38px;
  }

  .yt-story-questions > div {
    grid-template-columns: 46px 1fr;
    gap: 14px;
    padding: 20px;
  }

  .yt-story-questions p {
    font-size: 17px;
  }

  .yt-manager-story {
    padding: 90px 0;
  }

  .yt-narrative-formats__grid {
    grid-template-columns: 1fr;
  }

  .yt-narrative-formats__grid > div {
    min-height: 130px;
  }

  .yt-narrators__visual, .yt-narrators__visual img {
    min-height: 360px;
  }

  .yt-media-story {
    display: block;
  }

  .yt-media-story__image {
    height: 270px;
    min-height: 0;
  }

  .yt-why-youteller__box {
    padding: 38px 28px;
    border-radius: 24px;
  }

  .yt-why-youteller__logo {
    margin-bottom: 20px;
    padding: 0;
  }

  .yt-why-youteller__logo img {
    max-width: 190px;
  }

}

/* ==========================================================
   PROGETTI
   ========================================================== */ .yt-page-hero--projects .yt-page-hero__content {
  max-width: 1120px;
}

.yt-projects-intro {
  background: #fff;
}

.yt-projects-intro__copy {
  padding-left: 22px;
}

.yt-projects-intro__copy p {
  margin: 0 0 18px;
  color: #606064;
  font-size: 18px;
  line-height: 1.72;
}

.yt-projects-intro__copy strong {
  color: #111214;
  font-weight: 650;
}

.yt-projects-showcase {
  position: relative;
  background: #f4f3ef;
  overflow: clip;
}

.yt-projects-showcase__head {
  margin-bottom: 64px;
}

.yt-projects-showcase__head h2 {
  margin: 8px 0 0;
  color: #111214;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .96;
  letter-spacing: -.055em;
}

.yt-projects-showcase__head p {
  margin: 0;
  color: #636367;
  font-size: 18px;
  line-height: 1.7;
}

.yt-projects-stack {
  position: relative;
  padding-bottom: 1px;
}

.yt-project-card {
  position: relative;
  margin-bottom: 28px;
  border: 1px solid #dedcd7;
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 65px rgba(18,18,18,.06);
}

.yt-project-card__visual {
  position: relative;
  display: flex;
  min-height: 610px;
  height: 100%;
  padding: 42px 38px;
  overflow: hidden;
  background: #111214;
  color: #fff;
  text-decoration: none;
  align-items: flex-end;
  transition: background .35s ease;
}

.yt-project-card__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:     linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),     linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .55;
}

.yt-project-card__visual::after {
  content: "";
  position: absolute;
  right: -105px;
  top: 50%;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(236,113,0,.38);
  border-radius: 50%;
  transform: translateY(-50%);
  transition: transform .5s ease, border-color .35s ease;
}

.yt-project-card:hover .yt-project-card__visual {
  background: #18191c;
}

.yt-project-card:hover .yt-project-card__visual::after {
  transform: translateY(-50%) scale(1.08);
  border-color: var(--misiom-base);
}

.yt-project-card__index {
  position: relative;
  z-index: 2;
  color: var(--misiom-base);
  font-size: clamp(110px, 12vw, 190px);
  line-height: .72;
  font-weight: 700;
  letter-spacing: -.07em;
}

.yt-project-card__visual-meta {
  position: absolute;
  z-index: 2;
  left: 40px;
  top: 38px;
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.yt-project-card__visual-arrow {
  position: absolute;
  z-index: 2;
  right: 38px;
  bottom: 36px;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  color: #fff;
  transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.yt-project-card:hover .yt-project-card__visual-arrow {
  background: var(--misiom-base);
  border-color: var(--misiom-base);
  color: #111214;
}

.yt-project-card__content {
  min-height: 610px;
  height: 100%;
  padding: 54px 48px 46px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yt-project-card__eyebrow {
  margin: 0 0 20px;
  color: var(--misiom-base);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.yt-project-card h3 {
  margin: 0 0 17px;
  color: #111214;
  font-size: clamp(38px, 3.4vw, 56px);
  line-height: .98;
  letter-spacing: -.055em;
}

.yt-project-card h4 {
  margin: 0 0 24px;
  color: #303034;
  font-size: 21px;
  line-height: 1.38;
  font-weight: 600;
}

.yt-project-card__content > p:not(.yt-project-card__eyebrow):not(.yt-project-card__closing) {
  margin: 0 0 22px;
  color: #606064;
  font-size: 16px;
  line-height: 1.7;
}

.yt-project-card__closing {
  margin: 0 0 28px;
  padding-top: 20px;
  border-top: 1px solid #e5e3df;
  color: #111214;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 600;
}

.yt-project-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.yt-project-card__tags span {
  padding: 8px 13px;
  border: 1px solid #d9d7d2;
  border-radius: 999px;
  color: #5c5c60;
  font-size: 12px;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.yt-projects-principle {
  position: relative;
  background: #111214;
  color: #fff;
  overflow: hidden;
}

.yt-projects-principle::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: .4;
}

.yt-projects-principle .container {
  position: relative;
  z-index: 2;
}

.yt-projects-principle__number {
  width: min(420px, 100%);
  aspect-ratio: 1;
  margin: 0 auto;
  border: 1px solid rgba(255,165,1,.55);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 45%, rgba(255,165,1,.16), transparent 62%);
}

.yt-projects-principle__number strong {
  color: var(--misiom-base);
  font-size: clamp(120px, 14vw, 210px);
  line-height: .72;
  letter-spacing: -.09em;
}

.yt-projects-principle__number span {
  margin-top: 26px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.yt-projects-principle__content {
  padding-left: 38px;
}

.yt-projects-principle__content h2 {
  margin: 8px 0 26px;
  color: #fff;
  font-size: clamp(42px, 4.8vw, 70px);
  line-height: .96;
  letter-spacing: -.055em;
}

.yt-projects-principle__content p {
  color: rgba(255,255,255,.68);
  font-size: 18px;
  line-height: 1.72;
}

.yt-projects-principle__quote {
  display: block;
  margin-top: 28px;
  color: var(--misiom-base);
  font-size: 22px;
  line-height: 1.45;
}

.yt-projects-cta {
  padding: 110px 0;
  background: #fff;
}

.yt-projects-cta__box {
  padding: 58px 62px;
  border-radius: 30px;
  background: #f4f3ef;
  border: 1px solid #e6e3dd;
}

.yt-projects-cta h2 {
  margin: 8px 0 18px;
  color: #111214;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-projects-cta p {
  margin: 0;
  color: #626266;
  font-size: 18px;
  line-height: 1.7;
}

@media (max-width: 1199px) {
  .yt-projects-showcase {
    overflow: hidden;
  }

  .yt-project-card__visual {
    min-height: 500px;
  }

  .yt-project-card__content {
    min-height: auto;
    padding: 42px 38px;
  }

  .yt-projects-principle__content {
    padding-left: 0;
  }

}

@media (max-width: 991px) {
  .yt-projects-intro__copy {
    padding-left: 0;
  }

  .yt-project-card__visual {
    min-height: 430px;
  }

  .yt-projects-principle__number {
    max-width: 340px;
  }

}

@media (max-width: 767px) {
  .yt-projects-showcase__head {
    margin-bottom: 38px;
  }

  .yt-project-card {
    border-radius: 22px;
    margin-bottom: 22px;
  }

  .yt-project-card__visual {
    min-height: 270px;
    padding: 28px 24px;
  }

  .yt-project-card__visual-meta {
    left: 24px;
    top: 24px;
  }

  .yt-project-card__visual-arrow {
    right: 24px;
    bottom: 24px;
    width: 46px;
    height: 46px;
  }

  .yt-project-card__index {
    font-size: 108px;
  }

  .yt-project-card__content {
    padding: 32px 26px 34px;
  }

  .yt-project-card h3 {
    font-size: 38px;
  }

  .yt-project-card h4 {
    font-size: 18px;
  }

  .yt-projects-principle__number {
    max-width: 280px;
  }

  .yt-projects-principle__content h2 {
    font-size: 40px;
  }

  .yt-projects-cta {
    padding: 80px 0;
  }

  .yt-projects-cta__box {
    padding: 38px 28px;
    border-radius: 24px;
  }

}

/* ==========================================================
   MENU METODO + CHI SIAMO
   ========================================================== */ .yt-main-nav .main-menu__list > li.dropdown > ul {
  border-radius: 0 0 16px 16px;
  border-top: 2px solid var(--misiom-base);
  background: #fff;
  box-shadow: 0 18px 42px rgba(0,0,0,.16);
}

.yt-main-nav .main-menu__list > li.dropdown > ul li > a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: none;
}

.yt-page-hero--about .yt-page-hero__content {
  max-width: 1100px;
}

.yt-about-intro {
  background: #fff;
}

.yt-about-intro__copy {
  padding-left: 22px;
}

.yt-about-intro__copy p {
  margin: 0;
  color: #606064;
  font-size: 18px;
  line-height: 1.72;
}

.yt-about-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  margin-top: 58px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #e1dfda;
  background: #f4f3ef;
}

.yt-about-intro__visual {
  min-height: 590px;
  overflow: hidden;
}

.yt-about-intro__visual img {
  width: 100%;
  height: 100%;
  min-height: 590px;
  object-fit: cover;
}

.yt-about-intro__panel {
  padding: 54px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yt-about-intro__panel > p {
  margin: 0 0 28px;
  color: #55565b;
  font-size: 18px;
  line-height: 1.72;
}

.yt-about-intro__panel > strong {
  display: block;
  margin-top: 30px;
  color: #111214;
  font-size: 20px;
  line-height: 1.5;
}

.yt-about-intro__languages {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.yt-about-intro__languages span {
  padding: 9px 14px;
  border: 1px solid #d6d3cd;
  border-radius: 999px;
  background: #fff;
  color: #55565b;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.yt-about-listening {
  position: relative;
  overflow: hidden;
  background: #17181b;
  color: #fff;
}

.yt-about-listening__bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  opacity: .16;
  pointer-events: none;
}

.yt-about-listening .container {
  position: relative;
  z-index: 2;
}

.yt-about-listening__head {
  margin-bottom: 58px;
}

.yt-about-listening__lead {
  margin: 0;
  color: rgba(255,255,255,.64);
  font-size: 18px;
  line-height: 1.7;
}

.yt-about-listening__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.yt-about-listening__grid article {
  min-height: 300px;
  padding: 36px 32px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 26px;
  background: rgba(255,255,255,.04);
  transition: background .35s ease, border-color .35s ease, transform .35s ease;
}

.yt-about-listening__grid article:hover {
  background: var(--misiom-base);
  border-color: var(--misiom-base);
  transform: translateY(-6px);
}

.yt-about-listening__grid span {
  display: block;
  margin-bottom: 64px;
  color: var(--misiom-base);
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

.yt-about-listening__grid article:hover span {
  color: #111214;
}

.yt-about-listening__grid h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 30px;
  line-height: 1.1;
}

.yt-about-listening__grid p {
  margin: 0;
  color: rgba(255,255,255,.64);
  font-size: 16px;
  line-height: 1.65;
}

.yt-about-listening__grid article:hover h3, .yt-about-listening__grid article:hover p {
  color: #111214;
}

.yt-about-partners {
  background: #fff;
}

.yt-about-partners .sec-title {
  margin-bottom: 54px;
}

.yt-partner-card {
  height: 100%;
  border: 1px solid #e0ded9;
  border-radius: 30px;
  overflow: hidden;
  background: #f5f4f0;
}

.yt-partner-card__image {
  position: relative;
  height: 600px;
  overflow: hidden;
  background: #1c1d20;
}

.yt-partner-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yt-partner-card__image > span {
  position: absolute;
  left: 30px;
  bottom: 24px;
  z-index: 3;
  color: #fff;
  font-size: 74px;
  font-weight: 700;
  line-height: .8;
}

.yt-partner-card__content {
  padding: 38px 38px 42px;
}

.yt-partner-card__content h3 {
  margin: 8px 0 22px;
  color: #111214;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .95;
  letter-spacing: -.05em;
}

.yt-partner-card__content > p:not(.yt-eyebrow) {
  color: #626266;
  font-size: 16px;
  line-height: 1.72;
}

.yt-partner-card__content strong {
  display: block;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid #ddd9d2;
  color: #111214;
  font-size: 17px;
  line-height: 1.6;
}

/* CHI SIAMO - ORIGINE YOUTELLER */ .yt-about-origin {
  position: relative;
  overflow: hidden;
  background: #111214;
  color: #fff;
}

.yt-about-origin__bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  opacity: .22;
}

.yt-about-origin .container {
  position: relative;
  z-index: 2;
}

.yt-about-origin__inner {
  max-width: 1080px;
  margin: 0 auto;
}

.yt-about-origin__quote {
  margin: 22px 0 36px;
  color: #fff;
  font-size: clamp(38px, 4.6vw, 48px);
  line-height: 1.34;
  font-weight: 650;
  letter-spacing: -.045em;
}

.yt-about-origin__author {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.16);
}

.yt-about-origin__author strong {
  color: var(--misiom-base);
  font-size: 20px;
  font-weight: 800;
}

.yt-about-origin__author span {
  color: rgba(255,255,255,.58);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.yt-about-team {
  background: #f4f3ef;
}

.yt-about-team__sticky {
  position: sticky;
  top: 125px;
  padding-right: 42px;
}

.yt-about-team__sticky h2 {
  margin: 8px 0 24px;
  color: #111214;
  font-size: clamp(44px, 5vw, 72px);
  line-height: .96;
  letter-spacing: -.055em;
}

.yt-about-team__sticky p {
  color: #626266;
  font-size: 18px;
  line-height: 1.72;
}

.yt-about-team__sticky strong {
  display: block;
  margin-top: 28px;
  color: var(--misiom-base);
  font-size: 20px;
  line-height: 1.5;
}

.yt-about-team__skills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.yt-about-team__skills > div {
  min-height: 180px;
  padding: 28px 26px;
  border: 1px solid #dedbd4;
  border-radius: 22px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.yt-about-team__skills > div:hover {
  background: #17181b;
  transform: translateY(-5px);
}

.yt-about-team__skills span {
  color: var(--misiom-base);
  font-size: 30px;
  font-weight: 700;
}

.yt-about-team__skills p {
  margin: 26px 0 0;
  color: #202126;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 650;
}

.yt-about-team__skills > div:hover p {
  color: #fff;
}

.yt-about-team__people h3 {
  margin: 26px 0 0;
  color: #202126;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.02em;
  transition: color .35s ease;
}

.yt-about-team__people p {
  margin-top: 10px;
  color: #74767b;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .035em;
}

.yt-about-team__people > div:hover h3, .yt-about-team__people > div:hover p {
  color: #fff;
}

.yt-about-people {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
}

.yt-about-people__bg {
  position: absolute;
  inset: -9% 0;
  background-position: center;
  background-size: cover;
}

.yt-about-people__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,8,10,.93) 0%, rgba(7,8,10,.74) 54%, rgba(7,8,10,.34) 100%);
}

.yt-about-people .container {
  position: relative;
  z-index: 2;
}

.yt-about-people__content {
  max-width: 850px;
  padding: 120px 0;
}

.yt-about-people__content h2 {
  margin: 8px 0 28px;
  color: #fff;
  font-size: clamp(46px, 5.4vw, 78px);
  line-height: .95;
  letter-spacing: -.055em;
}

.yt-about-people__content p {
  max-width: 740px;
  color: rgba(255,255,255,.72);
  font-size: 19px;
  line-height: 1.72;
}

.yt-about-people__content strong {
  display: block;
  max-width: 760px;
  margin-top: 28px;
  color: var(--misiom-base);
  font-size: 22px;
  line-height: 1.5;
}

.yt-about-cta {
  background: #fff;
}

.yt-about-cta__box {
  padding: 58px 62px;
  border: 1px solid #e3e0da;
  border-radius: 30px;
  background: #f4f3ef;
}

.yt-about-cta h2 {
  margin: 8px 0 18px;
  color: #111214;
  font-size: clamp(40px, 4.6vw, 66px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-about-cta p {
  margin: 0;
  color: #626266;
  font-size: 18px;
  line-height: 1.7;
}

@media (max-width: 1199px) {
  .yt-about-intro__grid {
    grid-template-columns: 1fr 1fr;
  }

  .yt-partner-card__image {
    height: 520px;
  }

  .yt-about-team__sticky {
    padding-right: 20px;
  }

}

@media (max-width: 991px) {
  .yt-about-intro__copy {
    padding-left: 0;
  }

  .yt-about-intro__grid {
    grid-template-columns: 1fr;
  }

  .yt-about-intro__visual, .yt-about-intro__visual img {
    min-height: 470px;
  }

  .yt-about-listening__grid {
    grid-template-columns: 1fr;
  }

  .yt-about-listening__grid article {
    min-height: 220px;
  }

  .yt-about-listening__grid span {
    margin-bottom: 38px;
  }

  .yt-about-team__sticky {
    position: static;
    padding-right: 0;
  }

  .yt-about-people {
    min-height: 650px;
  }

}

@media (max-width: 767px) {
  .yt-about-intro__grid {
    margin-top: 38px;
    border-radius: 22px;
  }

  .yt-about-intro__visual, .yt-about-intro__visual img {
    min-height: 350px;
  }

  .yt-about-intro__panel {
    padding: 34px 26px;
  }

  .yt-about-listening__grid article {
    border-radius: 22px;
    padding: 30px 26px;
  }

  .yt-partner-card {
    border-radius: 22px;
  }

  .yt-partner-card__image {
    height: 430px;
  }

  .yt-partner-card__content {
    padding: 30px 26px 34px;
  }

  .yt-about-team__skills {
    grid-template-columns: 1fr;
  }

  .yt-about-team__skills > div {
    min-height: 145px;
  }

  .yt-about-people__content {
    padding: 90px 0;
  }

  .yt-about-people__content h2 {
    font-size: 42px;
  }

  .yt-about-cta__box {
    padding: 38px 28px;
    border-radius: 24px;
  }

}

/* ==========================================================
   RICHIEDI UN COLLOQUIO
   ========================================================== */ .yt-page-hero--contact .yt-page-hero__content {
  max-width: 1120px;
}

.yt-contact {
  background: #fff;
}

.yt-contact__intro {
  padding-right: 34px;
}

.yt-contact__intro h2 {
  color: #111214;
  font-size: clamp(44px, 5vw, 55px);
  line-height: 1;
  letter-spacing: -.055em;
}

.yt-contact__intro > p {
  margin: 0 0 18px;
  color: #606064;
  font-size: 17px;
  line-height: 1.52;
}

.yt-contact__details {
  margin-top: 46px;
  border-top: 1px solid #dddcd7;
}

.yt-contact__detail {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid #dddcd7;
}

.yt-contact__detail > span {
  color: var(--misiom-base);
  font-size: 22px;
  font-weight: 750;
}

.yt-contact__detail small {
  display: block;
  margin-bottom: 5px;
  color: #87878b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.yt-contact__detail a, .yt-contact__detail strong {
  display: inline-block;
  color: #151619;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 700;
}

.yt-contact__detail a:hover {
  color: var(--misiom-base);
}

.yt-contact__detail p {
  margin: 7px 0 0;
  color: #6a6a6f;
  font-size: 15px;
  line-height: 1.6;
}

.yt-contact__form-wrap {
  padding: 48px 48px 50px;
  border-radius: 30px;
  background: #17181b;
  color: #fff;
  box-shadow: 0 28px 80px rgba(17,18,20,.12);
}

.yt-contact__form-head {
  margin-bottom: 38px;
}

.yt-contact__form-head > span {
  display: block;
  margin-bottom: 12px;
  color: var(--misiom-base);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 750;
  letter-spacing: .14em;
}

.yt-contact__form-head h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-contact-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 18px;
}

.yt-contact-form__field--full {
  grid-column: 1 / -1;
}

.yt-contact-form__field label {
  display: block;
  margin-bottom: 9px;
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 650;
}

.yt-contact-form__field input, .yt-contact-form__field select, .yt-contact-form__field textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 0;
  outline: none;
  background: rgba(255,255,255,.055);
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  transition: border-color .25s ease, background .25s ease;
}

.yt-contact-form__field input, .yt-contact-form__field select {
  height: 58px;
  padding: 0 17px;
}

.yt-contact-form__field textarea {
  min-height: 170px;
  padding: 16px 17px;
  resize: vertical;
}

.yt-contact-form__field input:focus, .yt-contact-form__field select:focus, .yt-contact-form__field textarea:focus {
  border-color: var(--misiom-base);
  background: rgba(255,255,255,.08);
}

.yt-contact-form__field textarea::placeholder {
  color: rgba(255,255,255,.36);
}

.yt-contact-form__field select {
  color-scheme: dark;
}

.yt-contact-form__field select option {
  background: #17181b;
  color: #fff;
}

.yt-contact-form__privacy {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-top: 3px;
}

.yt-contact-form__privacy input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--misiom-base);
  flex: 0 0 auto;
}

.yt-contact-form__privacy label {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.55;
}

.yt-contact-form__privacy a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.yt-contact-form__submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 4px;
}

.yt-contact-form__submit p {
  margin: 0;
  color: rgba(255,255,255,.42);
  font-size: 12px;
  line-height: 1.5;
}

.yt-contact-steps {
  background: #f4f3ef;
}

.yt-contact-steps__head {
  margin-bottom: 54px;
}

.yt-contact-steps__lead {
  margin: 0;
  color: #646469;
  font-size: 18px;
  line-height: 1.7;
}

.yt-contact-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.yt-contact-steps__grid article {
  min-height: 290px;
  padding: 34px 30px;
  border: 1px solid #dedbd5;
  border-radius: 26px;
  background: #fff;
  transition: transform .3s ease, background .3s ease, border-color .3s ease;
}

.yt-contact-steps__grid article:hover {
  transform: translateY(-6px);
  background: var(--misiom-base);
  border-color: var(--misiom-base);
}

.yt-contact-steps__grid span {
  display: block;
  margin-bottom: 60px;
  color: var(--misiom-base);
  font-size: 44px;
  line-height: 1;
  font-weight: 750;
}

.yt-contact-steps__grid article:hover span {
  color: #111214;
}

.yt-contact-steps__grid h3 {
  margin: 0 0 14px;
  color: #111214;
  font-size: 30px;
  line-height: 1.08;
}

.yt-contact-steps__grid p {
  margin: 0;
  color: #65656a;
  font-size: 16px;
  line-height: 1.65;
}

.yt-contact-steps__grid article:hover p {
  color: #222326;
}

@media (max-width: 991px) {
  .yt-contact__intro {
    padding-right: 0;
  }

  .yt-contact__form-wrap {
    padding: 42px 36px 44px;
  }

  .yt-contact-steps__grid {
    grid-template-columns: 1fr;
  }

  .yt-contact-steps__grid article {
    min-height: 220px;
  }

  .yt-contact-steps__grid span {
    margin-bottom: 38px;
  }

}

@media (max-width: 767px) {
  .yt-contact__form-wrap {
    padding: 34px 24px 36px;
    border-radius: 22px;
  }

  .yt-contact-form__grid {
    grid-template-columns: 1fr;
  }

  .yt-contact-form__field--full {
    grid-column: auto;
  }

  .yt-contact-form__submit {
    align-items: flex-start;
    flex-direction: column;
  }

  .yt-contact-steps__grid article {
    padding: 30px 26px;
    border-radius: 22px;
  }

}

/* ==========================================================
   APPROFONDIMENTI: MEDIA / TEATRO / PODCAST / VIDEO
   ========================================================== */ .yt-main-nav .main-menu__list > li.dropdown > ul li.current > a {
  color: var(--misiom-base);
  background-color: white;
}

.yt-card-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  color: var(--misiom-base);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.yt-card-link:hover {
  color: #111;
}

.yt-media-story .yt-card-link:hover, .yt-deep-dark .yt-card-link:hover {
  color: #fff;
}

.yt-page-hero--deep .yt-page-hero__content {
  max-width: 1160px;
}

.yt-deep-intro, .yt-deep-feature, .yt-deep-production {
  background: #fff;
}

.yt-deep-head {
  margin-bottom: 58px;
}

.yt-deep-lead {
  margin: 0;
  color: #62636a;
  font-size: 18px;
  line-height: 1.72;
}

.yt-deep-split {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid #e1dfda;
  border-radius: 30px;
  background: #f4f3ef;
}

.yt-deep-split__visual, .yt-deep-split__visual img {
  width: 100%;
  min-height: 590px;
  height: 100%;
  object-fit: cover;
}

.yt-deep-split__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px 48px;
}

.yt-deep-split__content p {
  margin: 0 0 20px;
  color: #57585e;
  font-size: 18px;
  line-height: 1.72;
}

.yt-deep-split__content > strong {
  margin-top: 26px;
  color: #111214;
  font-size: 21px;
  line-height: 1.5;
}

.yt-deep-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 12px 0 4px;
}

.yt-deep-tags span {
  padding: 9px 13px;
  border: 1px solid #d6d3cd;
  border-radius: 999px;
  background: #fff;
  color: #505157;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.yt-deep-dark {
  position: relative;
  overflow: hidden;
  background: #17181b;
  color: #fff;
}

.yt-deep-dark__bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  opacity: .13;
  pointer-events: none;
}

.yt-deep-dark .container {
  position: relative;
  z-index: 2;
}

.yt-deep-dark__head {
  margin-bottom: 52px;
}

.yt-deep-dark__head h2 {
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(44px, 5vw, 72px);
  line-height: .97;
  letter-spacing: -.05em;
}

.yt-deep-dark__head p {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 18px;
  line-height: 1.7;
}

.yt-deep-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.yt-deep-card-grid--4 {
  grid-template-columns: repeat(2, 1fr);
}

.yt-deep-card-grid article {
  min-height: 320px;
  padding: 32px 30px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  background: rgba(255,255,255,.035);
  transition: transform .3s ease, background .3s ease, border-color .3s ease;
}

.yt-deep-card-grid article:hover {
  transform: translateY(-6px);
  background: var(--misiom-base);
  border-color: var(--misiom-base);
}

.yt-deep-card-grid article > span {
  display: block;
  margin-bottom: 55px;
  color: var(--misiom-base);
  font-size: 46px;
  line-height: 1;
  font-weight: 750;
}

.yt-deep-card-grid article:hover > span {
  color: #111214;
}

.yt-deep-card-grid h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 29px;
  line-height: 1.07;
}

.yt-deep-card-grid article:hover h3 {
  color: #111214;
}

.yt-deep-card-grid p {
  margin: 0;
  color: rgba(255,255,255,.65);
  font-size: 16px;
  line-height: 1.64;
}

.yt-deep-card-grid article:hover p {
  color: #26272a;
}

.yt-deep-card-grid article a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 20px;
  color: var(--misiom-base);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.yt-deep-card-grid article:hover a {
  color: #111214;
}

.yt-deep-feature__content {
  padding-right: 30px;
}

.yt-deep-feature__content h2, .yt-deep-production h2 {
  margin: 8px 0 25px;
  color: #111214;
  font-size: clamp(42px, 4.8vw, 62px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-deep-feature__content > p, .yt-deep-production p {
  color: #5e6066;
  font-size: 18px;
  line-height: 1.72;
}

.yt-deep-feature__visual, .yt-deep-feature__visual img, .yt-deep-production__visual, .yt-deep-production__visual img {
  width: 100%;
  min-height: 580px;
  height: 100%;
  object-fit: cover;
  border-radius: 28px;
  overflow: hidden;
}

.yt-check-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 30px;
}

.yt-check-list span {
  position: relative;
  padding: 16px 16px 16px 40px;
  border: 1px solid #dedbd5;
  border-radius: 14px;
  color: #34353a;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 650;
}

.yt-check-list span::before {
  content: "→";
  position: absolute;
  left: 16px;
  top: 15px;
  color: var(--misiom-base);
  font-weight: 800;
}

.yt-check-list--large span {
  min-height: 74px;
  display: flex;
  align-items: center;
}

.yt-inline-strong {
  display: block;
  margin-top: 28px;
  color: #111214;
  font-size: 21px;
  line-height: 1.5;
}

.yt-deep-band {
  background: #f4f3ef;
}

.yt-deep-band h2 {
  margin: 8px 0 24px;
  color: #111214;
  font-size: clamp(42px, 4.7vw, 62px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-deep-band p {
  margin: 0;
  color: #5f6065;
  font-size: 18px;
  line-height: 1.72;
}

.yt-deep-statement {
  padding: 38px 34px;
  border-radius: 24px;
  background: #17181b;
}

.yt-deep-statement strong {
  display: block;
  margin-bottom: 18px;
  color: var(--misiom-base);
  font-size: 23px;
  line-height: 1.25;
}

.yt-deep-statement span {
  color: rgba(255,255,255,.72);
  font-size: 16px;
  line-height: 1.65;
}

.yt-deep-ai {
  background: #fff;
}

.yt-deep-ai__box {
  overflow: hidden;
  padding: 28px;
  border-radius: 30px;
  background: #17181b;
  color: #fff;
}

.yt-deep-ai__visual, .yt-deep-ai__visual img {
  width: 100%;
  min-height: 520px;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
  overflow: hidden;
}

.yt-deep-ai h2 {
  margin: 8px 0 24px;
  color: #fff;
  font-size: clamp(42px, 4.7vw, 66px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-deep-ai p {
  color: rgba(255,255,255,.68);
  font-size: 17px;
  line-height: 1.7;
}

.yt-deep-ai strong {
  display: block;
  margin-top: 26px;
  color: var(--misiom-base);
  font-size: 21px;
  line-height: 1.5;
}

.yt-deep-tags--dark span {
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.76);
}

.yt-process-line {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid rgba(255,255,255,.14);
}

.yt-process-line article {
  min-height: 300px;
  padding: 28px 20px;
  border-right: 1px solid rgba(255,255,255,.14);
}

.yt-process-line article:last-child {
  border-right: 0;
}

.yt-process-line span {
  display: block;
  margin-bottom: 60px;
  color: var(--misiom-base);
  font-size: 38px;
  font-weight: 750;
}

.yt-process-line h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 25px;
}

.yt-process-line p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 14px;
  line-height: 1.6;
}

.yt-deep-production .yt-text-link {
  margin-top: 16px;
}

.yt-deep-cta {
  background: #fff;
}

.yt-deep-cta__box {
  padding: 58px 62px;
  border: 1px solid #e3e0da;
  border-radius: 30px;
  background: #f4f3ef;
}

.yt-deep-cta h2 {
  margin: 8px 0 18px;
  color: #111214;
  font-size: clamp(42px, 4.7vw, 62px);
  line-height: .98;
  letter-spacing: -.05em;
}

.yt-deep-cta p {
  margin: 0;
  color: #626267;
  font-size: 18px;
  line-height: 1.7;
}

@media (max-width: 1199px) {
  .yt-process-line {
    grid-template-columns: repeat(3, 1fr);
  }

  .yt-process-line article {
    border-bottom: 1px solid rgba(255,255,255,.14);
  }

}

@media (max-width: 991px) {
  .yt-deep-split {
    grid-template-columns: 1fr;
  }

  .yt-deep-split__visual, .yt-deep-split__visual img {
    min-height: 470px;
  }

  .yt-deep-card-grid, .yt-deep-card-grid--4 {
    grid-template-columns: 1fr;
  }

  .yt-deep-feature__content {
    padding-right: 0;
  }

  .yt-deep-feature__visual, .yt-deep-feature__visual img, .yt-deep-production__visual, .yt-deep-production__visual img {
    min-height: 470px;
  }

  .yt-process-line {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width: 767px) {
  .yt-deep-head {
    margin-bottom: 38px;
  }

  .yt-deep-split {
    border-radius: 22px;
  }

  .yt-deep-split__visual, .yt-deep-split__visual img {
    min-height: 350px;
  }

  .yt-deep-split__content {
    padding: 34px 26px;
  }

  .yt-deep-card-grid article {
    min-height: auto;
    padding: 30px 26px;
    border-radius: 22px;
  }

  .yt-deep-card-grid article > span {
    margin-bottom: 36px;
  }

  .yt-check-list {
    grid-template-columns: 1fr;
  }

  .yt-deep-feature__visual, .yt-deep-feature__visual img, .yt-deep-production__visual, .yt-deep-production__visual img {
    min-height: 360px;
    border-radius: 22px;
  }

  .yt-deep-ai__box {
    padding: 18px;
    border-radius: 24px;
  }

  .yt-deep-ai__visual, .yt-deep-ai__visual img {
    min-height: 340px;
  }

  .yt-process-line {
    grid-template-columns: 1fr;
  }

  .yt-process-line article {
    min-height: auto;
    border-right: 0;
  }

  .yt-process-line span {
    margin-bottom: 28px;
  }

  .yt-deep-cta__box {
    padding: 38px 28px;
    border-radius: 24px;
  }

}

/* ==========================================================
   PROGETTI - DETTAGLIO CONCEPT
   ========================================================== */ .yt-page-hero--project-detail .yt-page-hero__content {
  max-width: 1180px;
}

.yt-project-card__image {
  position: relative;
}

.yt-project-card__overlay-link {
  position: absolute;
  inset: 0;
  z-index: 5;
}

.yt-project-card__content h3 a {
  color: inherit;
}

.yt-project-card__content h3 a:hover {
  color: var(--misiom-base);
}

.yt-project-card__detail-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 18px;
  color: var(--misiom-base);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.yt-project-card__detail-link:hover {
  color: #fff;
}

.yt-project-detail-intro {
  background:#fff;
}

.yt-project-detail-meta {
  position: sticky;
  top: 135px;
  padding: 34px;
  border:1px solid #e1ded8;
  border-radius:28px;
  background:#f4f3ef;
}

.yt-project-detail-meta__num {
  display:block;
  margin-bottom:30px;
  color:var(--misiom-base);
  font-size:clamp(84px,9vw,132px);
  line-height:.78;
  font-weight:750;
  letter-spacing:-.05em;
}

.yt-project-detail-meta p {
  margin:0 0 24px;
  color:#3f4045;
  font-size:15px;
  line-height:1.55;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.yt-project-detail-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.yt-project-detail-tags span {
  padding:8px 11px;
  border:1px solid #d8d4ce;
  border-radius:999px;
  background:#fff;
  color:#57585d;
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.yt-project-detail-intro h2, .yt-project-detail-approach h2 {
  margin:8px 0 28px;
  color:#111214;
  font-size:clamp(44px,5vw,72px);
  line-height:.97;
  letter-spacing:-.05em;
}

.yt-project-detail-intro .col-lg-7 > p:not(.yt-eyebrow), .yt-project-detail-approach .col-lg-6 > p:not(.yt-eyebrow) {
  color:#5f6066;
  font-size:18px;
  line-height:1.72;
}

.yt-project-detail-visual {
  padding:0 0 120px;
  background:#fff;
}

.yt-project-detail-visual__box {
  position:relative;
  overflow:hidden;
  min-height:640px;
  border-radius:30px;
  background:#17181b;
}

.yt-project-detail-visual__box img {
  width:100%;
  height:640px;
  object-fit:cover;
}

.yt-project-detail-visual__box > span {
  position:absolute;
  left:34px;
  bottom:28px;
  z-index:3;
  color:#fff;
  font-size:clamp(82px,9vw,138px);
  line-height:.75;
  font-weight:750;
  letter-spacing:-.05em;
}

.yt-project-detail-approach {
  background:#f4f3ef;
}

.yt-project-detail-observe {
  min-height:280px;
  margin-bottom:18px;
  padding:36px 34px;
  border-radius:26px;
  background:#17181b;
  color:#fff;
}

.yt-project-detail-observe--orange {
  background:var(--misiom-base);
  color:#111214;
}

.yt-project-detail-observe span {
  display:block;
  margin-bottom:52px;
  color:var(--misiom-base);
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.yt-project-detail-observe--orange span {
  color:#111214;
}

.yt-project-detail-observe p {
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:18px;
  line-height:1.65;
}

.yt-project-detail-observe--orange p {
  color:#222326;
}

.yt-project-detail-quote {
  background:#17181b;
}

.yt-project-detail-quote blockquote {
  max-width:1180px;
  margin:0 auto;
  color:#fff;
  font-size:clamp(46px,5.6vw,82px);
  line-height:.98;
  letter-spacing:-.05em;
  text-align:center;
}

.yt-project-detail-quote blockquote::before {
  content:'“';
  display:block;
  margin-bottom:18px;
  color:var(--misiom-base);
  font-size:100px;
  line-height:.55;
}

.yt-project-detail-nav {
  background:#fff;
}

.yt-project-detail-nav__grid {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:18px;
  align-items:stretch;
}

.yt-project-detail-nav__item {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:180px;
  padding:28px 30px;
  border:1px solid #dfdcd6;
  border-radius:24px;
  background:#f4f3ef;
}

.yt-project-detail-nav__item--next {
  text-align:right;
}

.yt-project-detail-nav__item small {
  margin-bottom:10px;
  color:var(--misiom-base);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.yt-project-detail-nav__item span {
  color:#111214;
  font-size:24px;
  line-height:1.12;
  font-weight:700;
}

.yt-project-detail-nav__all {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:20px;
  border-radius:24px;
  background:#17181b;
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.yt-project-detail-nav__all:hover {
  background:var(--misiom-base);
  color:#111214;
}

@media (max-width:991px) {
  .yt-project-detail-meta {
    position:static
  }

  .yt-project-detail-visual__box,.yt-project-detail-visual__box img {
    min-height:500px;
    height:500px
  }

  .yt-project-detail-nav__grid {
    grid-template-columns:1fr
  }

  .yt-project-detail-nav__item--next {
    text-align:left
  }

  .yt-project-detail-nav__all {
    min-height:90px
  }

}

@media (max-width:767px) {
  .yt-project-detail-meta {
    padding:28px 24px;
    border-radius:22px
  }

  .yt-project-detail-visual {
    padding-bottom:80px
  }

  .yt-project-detail-visual__box,.yt-project-detail-visual__box img {
    min-height:390px;
    height:390px;
    border-radius:22px
  }

  .yt-project-detail-observe {
    padding:30px 25px;
    border-radius:22px
  }

  .yt-project-detail-observe span {
    margin-bottom:34px
  }

  .yt-project-detail-nav__item {
    min-height:150px;
    padding:24px;
    border-radius:20px
  }

}

/* === YOUTELLER: PROJECT MENU + LEGAL FOOTER === */ @media (min-width: 1200px) {
  .yt-main-nav .main-menu__list > li.yt-projects-menu > ul {
    width: 340px;
  }

  .yt-main-nav .main-menu__list > li.yt-projects-menu > ul > li > a {
    white-space: normal;
    line-height: 1.25;
  }

}

.yt-footer-company {
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.65;
  opacity: .78;
}

/* 26/10/2026 - banner orizzontali senza immagini */ .yt-method-continuity, .yt-esa-purpose, .yt-manager-story, .yt-about-people {
  background: #111214;
}

/* Youteller: 4:3 media cards (1200 x 900) - no stretching or cropping */ .yt-media-story__image {
  height: auto;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.yt-media-story__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 991px) {
  .yt-media-story__image {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

}

@media (max-width: 767px) {
  .yt-media-story__image {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

}

/* PRODUZIONI / CATALOGO E DETTAGLI */ .yt-productions {
  background:#fff;
  color:#171717
}

.yt-prod-section-top {
  max-width:800px;
  margin:0 0 50px
}

.yt-prod-section-top h2 {
  color:#121212;
  font-size:clamp(38px,4vw,60px);
  line-height:1.1;
  letter-spacing:-.045em;
  margin:10px 0 20px
}

.yt-prod-section-top>p:last-child {
  font-size:18px;
  line-height:1.65
}

.yt-prod-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:36px 28px
}

.yt-prod-card {
  background:#f5f5f2;
  border-radius:16px;
  overflow:hidden;
  min-width:0;
  transition:transform .3s ease,box-shadow .3s ease
}

.yt-prod-card:hover {
  transform:translateY(-6px);
  box-shadow:0 15px 42px #00000020
}

.yt-prod-card__cover {
  display:block;
  aspect-ratio:1;
  overflow:hidden;
  background:#202020
}

.yt-prod-card__cover img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .5s ease
}

.yt-prod-card:hover img {
  transform:scale(1.035)
}

.yt-prod-card__body {
  padding:25px 26px 30px
}

.yt-prod-eyebrow {
  display:block;
  color:#eb690b;
  font-size:12px;
  letter-spacing:.13em;
  font-weight:750;
  text-transform:uppercase;
  margin-bottom:12px
}

.yt-prod-card h2 {
  font-size:clamp(23px,2vw,30px);
  line-height:1.16;
  margin:0 0 14px;
  letter-spacing:-.03em
}

.yt-prod-card h2 a {
  color:#181818
}

.yt-prod-card__body p {
  font-size:15px;
  line-height:1.65;
  margin:0 0 24px
}

.yt-prod-card__link,.yt-prod-back {
  color:#de5900;
  font-weight:700;
  text-decoration:none
}

.yt-prod-card__link:hover,.yt-prod-back:hover {
  color:#111
}

.yt-prod-detail-layout {
  display:grid;
  grid-template-columns:minmax(240px,420px) 1fr;
  align-items:center;
  gap:clamp(30px,5vw,90px);
  margin-top:35px
}

.yt-prod-detail-cover {
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 16px 40px #0002
}

.yt-prod-copy h2 {
  font-size:clamp(32px,4vw,58px);
  color:#111;
  letter-spacing:-.04em;
  line-height:1.1
}

.yt-prod-copy>p {
  font-size:18px;
  line-height:1.7
}

.yt-prod-credits {
  padding-top:25px;
  border-top:1px solid #ddd;
  margin-top:30px;
  font-size:15px
}

.yt-prod-credits p {
  margin:0 0 8px;
  font-size:18px;
  line-height:1.7
}

.yt-prod-player {
  margin-top:65px;
  padding:35px;
  background:#131313;
  color:#fff;
  border-radius:18px
}

.yt-prod-player h2 {
  color:#fff;
  font-size:28px;
  margin:0 0 20px
}

.yt-prod-player iframe {
  display:block;
  border:0;
  border-radius:9px;
  max-width:100%
}

.yt-prod-player .yt-prod-card__link {
  display:inline-block;
  margin-top:12px
}

.yt-prod-adjacent {
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-top:40px
}

.yt-prod-adjacent a {
  color:#222;
  font-weight:700
}

.yt-prod-category-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:25px
}

.yt-prod-category-grid>a {
  display:block;
  background:#161616;
  color:#fff;
  padding:55px 40px;
  min-height:310px;
  border-radius:16px;
  transition:background .3s
}

.yt-prod-category-grid>a:hover {
  background:#b94e10
}

.yt-prod-category-grid span {
  color:#ff8b43;
  letter-spacing:.13em;
  font-size:13px
}

.yt-prod-category-grid h3 {
  color:#fff;
  font-size:clamp(40px,5vw,70px);
  margin:35px 0 15px;
  letter-spacing:-.05em
}

.yt-prod-category-grid p {
  color:#eee;
  line-height:1.6
}

.yt-prod-category-grid strong {
  color:#fff
}

.yt-prod-video-pending {
  background:#161616;
  border-radius:16px;
  padding:70px 50px;
  color:#fff;
  text-align:center
}

.yt-prod-video-pending h3 {
  color:#fff;
  font-size:38px
}

.yt-prod-video-pending p {
  max-width:650px;
  margin:18px auto 25px;
  color:#ddd
}

.yt-prod-video-pending__icon {
  font-size:45px;
  color:#ff761c
}

.yt-prod-video-pending a {
  color:#ff9c63
}

@media(max-width:991px) {
  .yt-prod-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .yt-prod-detail-layout {
    grid-template-columns:minmax(180px,300px) 1fr;
    gap:25px
  }

}

@media(max-width:767px) {
  .yt-prod-grid,.yt-prod-category-grid,.yt-prod-detail-layout {
    grid-template-columns:1fr
  }

  .yt-prod-detail-cover {
    max-width:420px
  }

  .yt-prod-player {
    padding:22px
  }

  .yt-prod-video-pending {
    padding:40px 20px
  }

  .yt-prod-category-grid>a {
    padding:40px 30px
  }

}


/* Video produzioni: player YouTube responsive */
.yt-prod-player--video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* Youteller mobile: natural image ratio and readable typography. */
@media (max-width: 991px), (hover: none), (pointer: coarse) {
  /* WebGL hover is deliberately disabled at these breakpoints. */
  .bw-hover-img canvas { display: none !important; }
  .bw-hover-img,
  .portfolio-two__card__image.bw-hover-img { height: auto !important; min-height: 0 !important; }
  .bw-hover-img > img,
  .portfolio-two__card__image.bw-hover-img > img,
  .yt-languages .portfolio-two__card__image.bw-hover-img > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  /* Minimum reading rhythm for titles and compact display text on mobile. */
  h1, h2, h3, h4, h5, h6,
  .section-title__title, .page-header__title,
  .portfolio-two__card__title {
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
  }
}

@media (max-width: 991px) {
  .yt-hero-v2__title,
  .yt-video-frame__overlay strong,
  .yt-problem-card h3,
  .yt-final-cta__content h2,
  .yt-hero-photo-test__claim h1,
  .yt-page-hero__title,
  .yt-method-maieutic__content h2,
  .yt-method-maieutic__number,
  .yt-method-maieutic__card h3,
  .yt-method-step__number,
  .yt-method-guidance__content h2,
  .yt-method-continuity__content h2,
  .yt-method-closing__box h2,
  .yt-esa-intro__mark,
  .yt-esa-intro__statement h3,
  .yt-esa-flow-card__side > span,
  .yt-esa-flow-card__side h3,
  .yt-esa-systemic__content h2,
  .yt-esa-systemic__core span,
  .yt-esa-purpose__content h2,
  .yt-solutions-intro__statement span,
  .yt-solutions-intro__statement strong,
  .yt-solution-card__number,
  .yt-solution-card h3,
  .yt-solution-card__tags span,
  .yt-solutions-focus__content h2,
  .yt-solutions-cta h2,
  .yt-narrative-intro__mark,
  .yt-narrative-intro__panel h3,
  .yt-narrative-change__grid span,
  .yt-story-live__sticky h2,
  .yt-manager-story__content h2,
  .yt-narrative-formats__grid strong,
  .yt-narrators__content h2,
  .yt-media-story__content h3,
  .yt-why-youteller h2,
  .yt-projects-showcase__head h2,
  .yt-project-card__index,
  .yt-project-card h3,
  .yt-projects-principle__number strong,
  .yt-projects-principle__content h2,
  .yt-projects-cta h2,
  .yt-about-listening__grid span,
  .yt-about-listening__grid h3,
  .yt-partner-card__image > span,
  .yt-partner-card__content h3,
  .yt-about-origin__quote,
  .yt-about-team__sticky h2,
  .yt-about-team__people h3,
  .yt-about-people__content h2,
  .yt-about-cta h2,
  .yt-contact__intro h2,
  .yt-contact__form-head h3,
  .yt-contact-steps__grid span,
  .yt-contact-steps__grid h3,
  .yt-deep-dark__head h2,
  .yt-deep-card-grid article > span,
  .yt-deep-card-grid h3,
  .yt-deep-feature__content h2,
  .yt-deep-production h2,
  .yt-deep-band h2,
  .yt-deep-statement strong,
  .yt-deep-ai h2,
  .yt-deep-cta h2,
  .yt-project-detail-meta__num,
  .yt-project-detail-intro h2,
  .yt-project-detail-approach h2,
  .yt-project-detail-visual__box > span,
  .yt-project-detail-quote blockquote,
  .yt-project-detail-nav__item span,
  .yt-main-nav .main-menu__list > li.yt-projects-menu > ul > li > a,
  .yt-prod-section-top h2,
  .yt-prod-card h2,
  .yt-prod-copy h2,
  .yt-prod-category-grid h3 {
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
  }
}

/* YOUTELLER - affinamenti mobile */
@media (max-width: 767px) {
  .yt-problem-image,
  .yt-problem-image a,
  .yt-problem-image img {
    min-height: 200px;
  }

  .yt-method-maieutic__content h2 {
    font-size: clamp(34px, 4.3vw, 62px);
  }

  .yt-method-continuity__content h2 {
    font-size: clamp(34px, 4.2vw, 62px);
  }

  .yt-esa-systemic__content h2 {
    font-size: clamp(34px, 4.4vw, 70px);
  }

  .yt-solutions-cta h2 {
    font-size: clamp(34px, 5vw, 70px);
  }

  .yt-story-live__sticky h2 {
    font-size: clamp(34px, 5vw, 72px);
  }

  .yt-narrators__content h2 {
    font-size: clamp(34px, 4.7vw, 70px);
  }

  .yt-projects-showcase__head h2 {
    font-size: clamp(34px, 5vw, 72px);
  }

  .yt-projects-principle__content h2 {
    font-size: clamp(34px, 4.8vw, 70px);
  }

  .yt-deep-feature__content h2, .yt-deep-production h2 {
    font-size: clamp(34px, 4.8vw, 62px);
  }

  .yt-deep-band h2 {
    font-size: clamp(34px, 4.7vw, 62px);
  }

  .yt-deep-ai h2 {
    font-size: clamp(34px, 4.7vw, 66px);
  }

  .yt-deep-cta h2 {
    font-size: clamp(34px, 4.7vw, 62px);
  }

}

/* YOUTELLER - ulteriori riduzioni tipografiche su smartphone */
@media (max-width: 767px) {
  /* Titoli originariamente con clamp(46px, ...) */
  .yt-hero-video-test__content .yt-hero-v2__title {
    font-size: clamp(37px, 12vw, 72px);
  }

  .yt-manager-story__content h2 {
    font-size: clamp(37px, 5.5vw, 80px);
  }

  .yt-about-people__content h2 {
    font-size: clamp(37px, 5.4vw, 78px);
  }

  .yt-project-detail-quote blockquote {
    font-size: clamp(37px, 5.6vw, 82px);
  }

  /* Titoli originariamente con clamp(44px, ...) */
  .yt-hero-photo-test__claim h1 {
    font-size: clamp(34px, 13vw, 72px);
  }

  .yt-page-hero__title {
    font-size: clamp(34px, 12vw, 64px);
  }

  .yt-about-team__sticky h2 {
    font-size: clamp(34px, 5vw, 72px);
  }

  .yt-contact__intro h2 {
    font-size: clamp(34px, 5vw, 55px);
  }

  .yt-deep-dark__head h2 {
    font-size: clamp(34px, 5vw, 72px);
  }

  .yt-project-detail-intro h2,
  .yt-project-detail-approach h2 {
    font-size: clamp(34px, 5vw, 72px);
  }
  
  
  .yt-about-cta h2 {
  font-size: clamp(34px, 5vw, 72px);
}
}