.tema-mare {
  --t-kicker: .8125rem;
  --t-small: .875rem;
  --t-body: 1rem;
  --t-lead: 1.1875rem;
  --t-h3: 1.25rem;
  --t-h2: clamp(2rem, 2.6vw, 2.625rem);
  --t-h1: clamp(2rem, 3vw, 2.625rem);
  --sp-sezione: clamp(4.5rem, 8vw, 6.5rem);
  --luna: #EAF1FB;
  --nebbia: rgba(234, 241, 251, .72);
  --nebbia-2: rgba(234, 241, 251, .56);
  --riga: rgba(234, 241, 251, .14);
  --vetro:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .16),
      rgba(255, 255, 255, .05));
  --vetro-bordo: rgba(255, 255, 255, .22);
  --vetro-luce: inset 0 1px 0 rgba(255, 255, 255, .28);
}
@media (max-width: 760px) {
  .tema-mare {
    --g: 1.25rem;
    --t-kicker: .75rem;
    --t-small: .8125rem;
    --t-body: .9375rem;
    --t-lead: 1.0625rem;
    --t-h3: 1.0625rem;
    --t-h2: 1.625rem;
    --t-h1: 1.625rem;
    --sp-sezione: 3.5rem;
  }
}
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.tema-mare .section-title,
.tema-mare .expo2__titolo,
.tema-mare .fondale__h,
.tema-mare .page-head h1,
.tema-mare .work-meta h1 {
  font-size: var(--t-h2);
  line-height: 1.15;
  letter-spacing: -.015em;
  font-weight: 350;
}
.tema-mare .percorso__titolo {
  font-size: var(--t-h1);
  line-height: 1.25;
  letter-spacing: -.01em;
  font-weight: 350;
}
.tema-mare .capitolo .kicker,
.tema-mare .page-head .kicker,
.tema-mare .expo2__kicker,
.tema-mare .fondale__serie,
.tema-mare .percorso__serie {
  font-size: var(--t-kicker);
  line-height: 1.4;
  letter-spacing: .04em;
  font-weight: 400;
  color: var(--nebbia);
  opacity: 1;
}
.tema-mare .capitolo p,
.tema-mare .section-sub,
.tema-mare .expo2__riga,
.tema-mare .fondale__sub,
.tema-mare .page-head p:not(.kicker),
.tema-mare .work-desc,
.tema-mare .statement3__testo p {
  font-size: var(--t-body);
  line-height: 1.6;
  font-weight: 400;
}
.tema-mare .capitolo .about3__lead,
.tema-mare .statement3__testo .statement-quote,
.tema-mare .expo2__sottotitolo,
.tema-mare .percorso__riga {
  font-size: var(--t-lead);
  line-height: 1.5;
  letter-spacing: -.005em;
}
.tema-mare .mostre3__citta {
  font-size: var(--t-h3);
}
.tema-mare .mostre3__titolo {
  font-size: var(--t-body);
}
.tema-mare .mostre3__org,
.tema-mare .mostre3__data,
.tema-mare .reel figcaption,
.tema-mare .statement3__opera figcaption,
.tema-mare .contatto3__side,
.tema-mare .campo label,
.tema-mare .percorso__link,
.tema-mare .work-card-sub,
.tema-mare .ar-note,
.tema-mare .ship-note {
  font-size: var(--t-small);
  line-height: 1.5;
}
.tema-mare .contatto3__side {
  color: var(--nebbia);
}
html[lang=ja] .tema-mare :is(.capitolo p, .section-sub, .expo2__riga, .fondale__sub, .statement3__testo p) {
  line-height: 1.8;
}
.tema-mare .capitolo,
.tema-mare .expo2,
.tema-mare .studio2 {
  padding-block: var(--sp-sezione);
}
body.tema-mare .nav,
body.tema-mare .nav.scrolled,
body.nav-sea .nav.scrolled {
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding-block: .75rem;
}
body.tema-mare .nav::before {
  content: "";
  position: absolute;
  inset: 0 0 -2.75rem;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(4, 16, 31, .6) 0%,
      rgba(4, 16, 31, .26) 55%,
      rgba(4, 16, 31, 0) 100%);
  opacity: 0;
  transition: opacity .5s var(--ld-ease);
}
body.tema-mare .nav.scrolled::before {
  opacity: 1;
}
.tema-mare .nav-logo,
.tema-mare .nav-links a {
  text-shadow: 0 1px 14px rgba(0, 0, 0, .45);
}
.tema-mare .nav-logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.tema-mare .nav-hamburger {
  width: 44px;
  height: 44px;
  margin-right: -.6rem;
  color: var(--luna);
  filter: drop-shadow(0 1px 8px rgba(0, 0, 0, .45));
}
.tema-mare .nav-hamburger svg {
  width: 22px;
  height: 22px;
}
.tema-mare .nav-mobile {
  justify-content: flex-start;
  gap: 0;
  padding: calc(env(safe-area-inset-top, 0px) + 6rem) var(--g) calc(env(safe-area-inset-bottom, 0px) + 1.75rem);
  background: rgba(4, 16, 31, .74);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  backdrop-filter: blur(22px) saturate(140%);
  transition: opacity .2s var(--ld-ease), visibility 0s linear .2s;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .tema-mare .nav-mobile {
    background: rgba(4, 16, 31, .97);
  }
}
.tema-mare .nav-mobile.open {
  transition: opacity .34s var(--ld-ease), visibility 0s;
}
.tema-mare .nav-mobile > a {
  align-self: flex-start;
  font-family: var(--display);
  font-size: 1.75rem;
  font-weight: 350;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: var(--luna) !important;
  padding: .55rem 0;
  opacity: 0;
  transform: none;
  filter: blur(6px);
  transition: opacity .16s linear, filter .16s linear;
  transition-delay: 0s !important;
}
.tema-mare .nav-mobile.open > a {
  opacity: 1;
  filter: none;
  transition: opacity .5s var(--ld-ease), filter .6s var(--ld-ease);
}
.tema-mare .nav-mobile.open > a:nth-of-type(1) {
  transition-delay: .06s !important;
}
.tema-mare .nav-mobile.open > a:nth-of-type(2) {
  transition-delay: .1s !important;
}
.tema-mare .nav-mobile.open > a:nth-of-type(3) {
  transition-delay: .14s !important;
}
.tema-mare .nav-mobile.open > a:nth-of-type(4) {
  transition-delay: .18s !important;
}
.tema-mare .nav-close {
  top: .75rem;
  right: calc(var(--g) - .6rem);
  width: 44px;
  height: 44px;
  color: var(--luna);
}
.menu__piede {
  margin-top: auto;
  padding-top: 1.5rem;
  border-top: 1px solid var(--riga);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  opacity: 0;
  transition: opacity .16s linear;
}
.nav-mobile.open .menu__piede {
  opacity: 1;
  transition: opacity .5s var(--ld-ease) .22s;
}
.menu__social {
  display: flex;
  gap: .6rem;
}
.menu__social a,
.menu__piede .menu__social a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--luna) !important;
  background: var(--vetro);
  border: 1px solid var(--vetro-bordo);
  box-shadow: var(--vetro-luce);
}
.menu__social svg {
  width: 18px;
  height: 18px;
}
.menu__mail {
  font-size: var(--t-small);
  color: var(--nebbia) !important;
  padding-block: .75rem;
}
.tema-mare .lingua {
  gap: 0;
  padding: 0;
  align-items: center;
  border-radius: 999px;
  background: var(--vetro);
  border: 1px solid var(--vetro-bordo);
  box-shadow: var(--vetro-luce), 0 12px 30px -16px rgba(0, 0, 0, .7);
}
.lingua__apri {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  height: 40px;
  padding: 0 .85rem 0 .7rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--luna);
  font: 500 .75rem/1 var(--body);
  letter-spacing: .04em;
  cursor: pointer;
}
.lingua__apri svg {
  width: 16px;
  height: 16px;
}
.lingua__scelte {
  display: grid;
  grid-template-columns: 0fr;
  transition: grid-template-columns .2s var(--ld-ease);
}
.lingua__scelte > div {
  display: flex;
  gap: 2px;
  overflow: hidden;
  min-width: 0;
}
.lingua.e-aperta .lingua__scelte {
  grid-template-columns: 1fr;
  transition: grid-template-columns .32s var(--ld-ease);
}
.tema-mare .lingua .lingua__scelte button {
  min-width: 0;
  height: 32px;
  margin: 4px 0;
  padding: 0 .8rem;
  white-space: nowrap;
  opacity: 0;
  transition:
    opacity .12s linear,
    background .09s linear,
    color .09s linear;
}
.tema-mare .lingua .lingua__scelte button:last-child {
  margin-right: 4px;
}
.lingua.e-aperta .lingua__scelte button {
  opacity: 1;
  transition:
    opacity .3s var(--ld-ease) .08s,
    background .09s linear,
    color .09s linear;
}
.lingua.e-aperta .lingua__apri .lingua__codice {
  opacity: .55;
}
.lingua:not(.e-aperta) .lingua__scelte button {
  pointer-events: none;
}
@media (orientation: portrait) {
  .tema-mare .percorso__cap:not(.percorso__intro) {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 5.5rem);
    width: min(100% - 2 * var(--g), 22rem);
  }
  .tema-mare .percorso__link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin-top: .25rem;
  }
  .tema-mare .percorso__intro {
    padding: 0 var(--g);
  }
  .tema-mare .percorso__titolo {
    max-width: 16ch;
  }
}
.tema-mare .percorso__salta {
  height: 40px;
  padding: 0 1rem;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
  right: var(--g);
  display: inline-flex;
  align-items: center;
  font-size: .75rem;
  letter-spacing: .02em;
  background: var(--vetro);
  border-color: var(--vetro-bordo);
  box-shadow: var(--vetro-luce);
}
.percorso .fondale__testo {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 9%;
  width: min(100% - 2 * var(--g), 40rem);
  translate: -50% 0;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: opacity .9s var(--ld-ease);
  pointer-events: none;
}
.percorso.e-fondale .fondale__testo {
  opacity: 1;
}
.percorso .fondale__testo .fondale__h {
  margin-top: .5rem;
  color: var(--luna);
}
.percorso .fondale__testo .fondale__sub {
  margin: .6rem 0 0;
  max-width: 36ch;
  color: rgba(234, 241, 251, .8);
}
.percorso .fondale__testo .fondale__serie {
  color: rgba(234, 241, 251, .75);
}
.percorso .fondale__testo .fondale__tutte {
  position: static;
  translate: none;
  margin-top: 1.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .8s var(--ld-ease);
}
.percorso.e-fondale-fine .fondale__testo .fondale__tutte {
  opacity: 1;
  pointer-events: auto;
}
@media (orientation: portrait) {
  .percorso .fondale__testo {
    top: calc(env(safe-area-inset-top, 0px) + 5.25rem);
  }
}
.fondale__ui .fondale__opera--su .fondale__didascalia {
  top: auto;
  bottom: calc(100% + .6rem);
}
.fondale__ui .fondale__opera--giu .fondale__didascalia {
  top: calc(100% + .6rem);
  bottom: auto;
}
@media (max-width: 760px) {
  .fondale__ui .fondale__didascalia {
    padding: .4rem .75rem;
    font-size: .75rem;
    background: var(--vetro);
    border: 1px solid var(--vetro-bordo);
  }
  .fondale__ui .fondale__stato {
    font-size: .6875rem;
  }
}
.tema-mare .expo2 {
  text-align: left;
}
.tema-mare .expo2__wrap {
  max-width: 1200px;
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  column-gap: clamp(2.4rem, 6vw, 5rem);
  align-items: start;
}
.tema-mare .expo2__wrap > * {
  grid-column: 1;
}
.tema-mare .expo2__titolo {
  margin-top: .6rem;
  color: var(--luna);
}
.tema-mare .expo2__sottotitolo {
  margin-top: .35rem;
  color: var(--nebbia);
  letter-spacing: -.005em;
}
.tema-mare .expo2__stato {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: 1.25rem;
  padding: .45rem .9rem;
  border-radius: 999px;
  background: var(--vetro);
  border: 1px solid var(--vetro-bordo);
  box-shadow: var(--vetro-luce);
  font-size: var(--t-small);
  color: var(--luna);
}
.tema-mare .expo2__fatti {
  grid-column: 2;
  grid-row: 1 / span 7;
  align-self: center;
  display: block;
  margin: 0;
  border: 0;
}
.tema-mare .expo2__fatti div {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem 0;
  border: 0;
  border-top: 1px solid var(--riga);
}
.tema-mare .expo2__fatti div:last-child {
  border-bottom: 1px solid var(--riga);
}
.tema-mare .expo2__fatti div + div {
  border-left: 0;
}
.tema-mare .expo2__fatti dt {
  font-size: var(--t-kicker);
  letter-spacing: .04em;
  color: var(--nebbia-2);
  padding-top: .15rem;
}
.tema-mare .expo2__fatti dd {
  margin: 0;
  font-size: var(--t-body);
  line-height: 1.5;
  color: var(--luna);
}
.tema-mare .expo2__riga {
  margin: 1.25rem 0 0;
  max-width: 46ch;
  color: var(--nebbia);
}
.tema-mare .expo2__azioni {
  justify-content: flex-start;
  margin-top: 1.5rem;
  gap: .6rem;
}
@media (max-width: 860px) {
  .tema-mare .expo2__wrap {
    grid-template-columns: 1fr;
  }
  .tema-mare .expo2__fatti {
    grid-column: 1;
    grid-row: auto;
    margin-top: 1.75rem;
  }
  .tema-mare .expo2__fatti div {
    grid-template-columns: 5.5rem minmax(0, 1fr);
    padding: .85rem 0;
  }
}
.tema-mare .btn,
.tema-mare .btn.ghost {
  min-height: 44px;
  padding: 0 1.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .tema-mare .btn,
  .tema-mare .btn.ghost {
    font-size: .8125rem;
    padding: 0 1.1rem;
  }
}
.tema-mare .studio2__testa .section-sub {
  margin-bottom: 0;
}
@media (max-width: 760px) {
  .tema-mare .studio2__fila {
    gap: 1.25rem .75rem;
    margin-top: 1.75rem;
  }
  .tema-mare .reel figcaption {
    margin-top: .5rem;
    letter-spacing: 0;
  }
  .tema-mare .studio2__piu {
    margin-top: 1.25rem;
  }
  .tema-mare .studio2__piu a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: var(--t-small);
    letter-spacing: 0;
  }
  .tema-mare .marquee-track {
    font-size: .8125rem;
  }
}
@media (max-width: 860px) {
  .tema-mare .about3__grid,
  .tema-mare .statement3__grid,
  .tema-mare .contatto3__grid {
    gap: 2rem;
  }
  .tema-mare .about3__foto .frame-box {
    aspect-ratio: 4 / 5;
    max-height: 30rem;
  }
  .tema-mare .about3__foto img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
  }
  .tema-mare .capitolo .about3__lead {
    margin: 1rem 0 1.25rem;
  }
  .tema-mare .statement3__opera {
    width: 100%;
    max-width: 26rem;
  }
  .tema-mare .statement3__testo .statement-quote {
    margin-top: 1.5rem;
    padding-left: 1rem;
  }
}
@media (max-width: 760px) {
  .tema-mare .capitolo .section-title {
    margin-bottom: .9rem;
  }
  .tema-mare .capitolo .kicker {
    margin-bottom: .5rem;
  }
  .tema-mare .about3__testo .stats-row {
    gap: 1rem;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
  }
  .tema-mare .about3__testo .stat-num {
    font-size: 1.5rem;
  }
  .tema-mare .about3__testo .stat-label {
    font-size: .75rem;
  }
  .tema-mare .mostre3__lista {
    margin-top: 1.5rem;
    row-gap: 0;
  }
  .tema-mare .mostre3__riga {
    padding: .9rem 0 1.1rem;
    gap: .2rem;
  }
  .tema-mare .mostre3__tag {
    font-size: .6875rem;
    padding: .22rem .6rem;
  }
  .tema-mare .contatto3__form {
    padding: 1.25rem;
    border-radius: 20px;
    gap: .9rem;
  }
  .tema-mare .contatto3__link a {
    min-height: 44px;
    font-size: var(--t-body);
  }
}
.tema-mare .campo input,
.tema-mare .campo textarea {
  font-size: 1rem;
}
@media (max-width: 760px) {
  .tema-mare footer .footer-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .tema-mare .footer-nav {
    display: flex;
    gap: 1.25rem;
  }
  .tema-mare .footer-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: var(--t-small);
    letter-spacing: 0;
  }
  .tema-mare .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    font-size: .75rem;
  }
  .tema-mare .footer-bottom a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }
  .tema-mare .footer-social a {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 640px) {
  .pagina-mare .works-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem .75rem;
  }
  .pagina-mare .work-card-img img {
    max-height: none;
  }
  .pagina-mare .work-card-meta {
    padding: .65rem 0 0;
  }
  .pagina-mare .work-card-title {
    font-size: .875rem;
    line-height: 1.3;
  }
  .pagina-mare .work-card-sub {
    font-size: .75rem;
    gap: .35rem;
    margin-top: .2rem;
  }
  .pagina-mare .page-head {
    padding-top: 6.5rem;
    padding-bottom: 2rem;
  }
}
.pagina-mare .badge,
.pagina-mare .frame-btn,
.pagina-mare .zoom-hint {
  text-transform: none;
  letter-spacing: .01em;
}
.pagina-mare .frame-btn {
  min-height: 40px;
  padding: 0 1rem;
  font-size: var(--t-small);
}
.pagina-mare .work-meta .work-sub {
  font-size: var(--t-body);
}
.pagina-mare .meta-row {
  font-size: var(--t-body);
}
.pagina-mare .work-price {
  font-size: var(--t-h3);
}
@media (max-width: 760px) {
  .pagina-mare .work-layout {
    gap: 1.75rem;
  }
  .pagina-mare .work-meta h1 {
    font-size: var(--t-h2);
  }
  .pagina-mare .badge {
    font-size: .75rem;
  }
  .pagina-mare .work-actions {
    gap: .6rem;
  }
  .pagina-mare .room-section {
    margin-top: 2.5rem;
    padding-top: 2rem;
  }
  .pagina-mare .prev-next-nav {
    gap: .6rem;
    align-items: center;
  }
  .pagina-mare .prev-next-nav #prevLink,
  .pagina-mare .prev-next-nav #nextLink {
    width: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
  }
  .pagina-mare .prev-next-nav #prevLink span,
  .pagina-mare .prev-next-nav #nextLink span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}
.tema-mare :is(.work-card-img, .work-figure, .frame-box, .room-scene) {
  position: relative;
}
.tema-mare :is(.work-card-img, .work-figure, .frame-box, .room-scene):has(img:not(.is-in))::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      105deg,
      transparent 30%,
      rgba(255, 255, 255, .12) 45%,
      rgba(255, 255, 255, .04) 55%,
      transparent 70%) 0 0 / 250% 100%;
  animation: ldShimmer 1.8s ease-in-out infinite;
}
.tema-mare .frame-box {
  background:
    linear-gradient(
      180deg,
      #0D2A52,
      #0A2244);
}
.tema-mare .room-scene {
  background:
    linear-gradient(
      180deg,
      #0D2A52,
      #0A2244);
}
.yk-ld-safe .tema-mare :is(.work-card-img, .work-figure, .frame-box, .room-scene)::after {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .tema-mare :is(.work-card-img, .work-figure, .frame-box, .room-scene)::after {
    animation: none;
  }
}
.tema-mare .nav-mobile .menu__piede a {
  font-family: var(--body);
  font-size: var(--t-small);
  font-weight: 400;
  letter-spacing: 0;
  padding: 0;
  opacity: 1;
  transform: none;
  filter: none;
  transition: none;
}
.tema-mare .nav-mobile .menu__piede .menu__mail {
  padding-block: .75rem;
}
.tema-mare .reel .frame-box:has(video:not(.is-in))::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      105deg,
      transparent 30%,
      rgba(255, 255, 255, .12) 45%,
      rgba(255, 255, 255, .04) 55%,
      transparent 70%) 0 0 / 250% 100%;
  animation: ldShimmer 1.8s ease-in-out infinite;
}
@media (hover: none) {
  .fondale__ui .fondale__opera.e-su .fondale__didascalia {
    display: block;
    opacity: .95;
    transform: none;
  }
}
.tema-mare .lingua .lingua__apri {
  height: 40px;
  min-width: 0;
  padding: 0 .85rem 0 .7rem;
  background: transparent;
  color: var(--luna);
}
.tema-mare .mostre3__citta {
  line-height: 1.3;
}
.tema-mare .mostre3__riga {
  line-height: 1.45;
}
.percorso__carica {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 1.1rem);
  translate: -50% 0;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  height: 40px;
  padding: 0 1rem;
  border-radius: 999px;
  background: var(--vetro);
  border: 1px solid var(--vetro-bordo);
  box-shadow: var(--vetro-luce);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--luna);
  font-size: .75rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transition: opacity .5s var(--ld-ease);
  pointer-events: none;
}
.percorso__carica-barra {
  position: relative;
  width: 44px;
  height: 3px;
  border-radius: 3px;
  overflow: hidden;
  background: rgba(234, 241, 251, .18);
}
.percorso__carica-barra i {
  position: absolute;
  inset: 0;
  background: var(--luna);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s linear;
}
.percorso.e-pronto .percorso__carica,
.percorso.e-fermo .percorso__carica,
.percorso:not(.e-vivo) .percorso__carica {
  opacity: 0;
}
.percorso:not(.e-pronto) .percorso__cap:not(.percorso__intro) {
  opacity: 0 !important;
  pointer-events: none !important;
}
.percorso:not(.e-pronto) .percorso__salta {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 761px) {
  .percorso__carica {
    bottom: 1.5rem;
  }
}
.fondale__ui .fondale__opera--sx .fondale__didascalia {
  left: 0;
  right: auto;
  translate: none;
  text-align: left;
}
.fondale__ui .fondale__opera--dx .fondale__didascalia {
  left: auto;
  right: 0;
  translate: none;
  text-align: right;
}
.lingua__codice {
  transition: opacity .12s linear;
}
.lingua.e-aperta .lingua__codice {
  display: none;
}
html[lang=ja] .tema-mare :is(h1, h2, h3, .percorso__titolo, .percorso__riga, .fondale__sub, .expo2__fatti dd) {
  word-break: auto-phrase;
}
html[lang=ja] .tema-mare :is(.percorso__titolo, .section-title) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
html[lang=ja] .tema-mare .percorso__titolo {
  max-width: 13em;
}
.fondale__ui .fondale__didascalia,
.fondale__ui .fondale__opera.e-su .fondale__didascalia {
  display: none !important;
}
.linea {
  position: relative;
  list-style: none;
  max-width: 46rem;
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}
.linea::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 1.75rem;
  bottom: 1.75rem;
  width: 1px;
  background:
    linear-gradient(
      180deg,
      rgba(234, 241, 251, .38),
      rgba(234, 241, 251, .08));
}
.linea__voce {
  position: relative;
}
.linea__testa {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 56px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) auto 18px;
  align-items: center;
  column-gap: .9rem;
  padding: .6rem 0;
  border: 0;
  background: none;
  color: var(--luna);
  font: inherit;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.linea__testa:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
  border-radius: 10px;
}
.linea__punto {
  justify-self: center;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid rgba(234, 241, 251, .7);
  background: #071A36;
}
.linea__voce--viva .linea__punto {
  background: var(--luna);
  border-color: var(--luna);
  box-shadow: 0 0 0 4px rgba(234, 241, 251, .12);
}
.linea__nome {
  font-size: var(--t-h3);
  line-height: 1.3;
  letter-spacing: -.005em;
}
.linea__data {
  font-size: var(--t-small);
  line-height: 1.4;
  color: var(--nebbia);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.linea__freccia {
  width: 18px;
  height: 18px;
  color: var(--nebbia);
  transition: transform .2s var(--ld-ease);
}
.linea__voce.e-aperta .linea__freccia {
  transform: rotate(180deg);
  transition-duration: .32s;
}
@media (hover: hover) and (pointer: fine) {
  .linea__testa:hover .linea__nome,
  .linea__testa:hover .linea__freccia {
    color: #FFFFFF;
  }
}
.linea__corpo {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .22s var(--ld-ease);
}
.linea__voce.e-aperta .linea__corpo {
  grid-template-rows: 1fr;
  transition-duration: .38s;
}
.linea__corpo > div {
  overflow: hidden;
  min-height: 0;
}
.linea__dentro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .3rem;
  padding: 0 0 1.1rem calc(15px + .9rem);
  opacity: 0;
  transition: opacity .14s linear;
}
.linea__voce.e-aperta .linea__dentro {
  opacity: 1;
  transition: opacity .34s var(--ld-ease) .1s;
}
.linea__titolo {
  font-size: var(--t-body);
  color: var(--luna);
}
.linea__org {
  font-size: var(--t-small);
  line-height: 1.5;
  color: var(--nebbia);
}
.linea .mostre3__tag {
  margin: 0 0 .2rem;
}
@media (max-width: 600px) {
  .linea__testa {
    grid-template-columns: 15px minmax(0, 1fr) 18px;
    grid-template-areas: "punto nome freccia" ". data freccia";
    row-gap: .15rem;
  }
  .linea__punto {
    grid-area: punto;
  }
  .linea__nome {
    grid-area: nome;
  }
  .linea__data {
    grid-area: data;
    text-align: left;
  }
  .linea__freccia {
    grid-area: freccia;
  }
  .linea::before {
    top: 1.55rem;
    bottom: 2.4rem;
  }
}
body.tema-mare .nav::after {
  content: "";
  position: absolute;
  inset: 0 0 -1.5rem;
  z-index: -2;
  pointer-events: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-mask-image:
    linear-gradient(
      180deg,
      #000 0%,
      #000 45%,
      transparent 100%);
  mask-image:
    linear-gradient(
      180deg,
      #000 0%,
      #000 45%,
      transparent 100%);
  opacity: 0;
  transition: opacity .5s var(--ld-ease);
}
body.tema-mare .nav.scrolled::after {
  opacity: 1;
}
body.tema-mare.nav-sea .nav::after {
  opacity: 0;
}
@media (orientation: portrait) {
  .percorso .fondale__testo {
    top: calc(env(safe-area-inset-top, 0px) + 6rem);
  }
}
body.tema-mare:not(.pagina-mare) .mare {
  margin-top: 0;
  padding-top: 0;
  background:
    linear-gradient(
      180deg,
      #06162E 0%,
      #0B2447 22%,
      #081D3B 48%,
      #0C2850 70%,
      #061530 88%,
      #04101F 100%);
}
body.tema-mare:not(.pagina-mare) .mare::before {
  inset: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
@media (prefers-reduced-motion: no-preference) {
  .yk-js .percorso:not(.e-fermo) {
    height: 1100vh;
    height: 1100lvh;
  }
  .yk-js body.tema-mare .percorso:not(.e-fermo) + .mare {
    margin-top: -50vh;
    margin-top: -50lvh;
    padding-top: 30vh;
    padding-top: 30lvh;
    background:
      linear-gradient(
        180deg,
        rgba(6, 22, 46, 0) 0,
        rgba(6, 22, 46, .7) 20lvh,
        #06162E 38lvh,
        #0B2447 22%,
        #081D3B 48%,
        #0C2850 70%,
        #061530 88%,
        #04101F 100%);
  }
  .yk-js body.tema-mare .percorso:not(.e-fermo) + .mare::before {
    inset: 38lvh 0 0;
    -webkit-mask-image:
      linear-gradient(
        180deg,
        transparent 0,
        #000 40lvh);
    mask-image:
      linear-gradient(
        180deg,
        transparent 0,
        #000 40lvh);
  }
}
.work-card--attesa {
  pointer-events: none;
}
.work-card--attesa .work-card-img {
  aspect-ratio: 4 / 5;
  background:
    linear-gradient(
      180deg,
      #0D2A52,
      #0A2244);
  overflow: hidden;
}
.work-card--attesa .work-card-img::after,
.pagina-mare .riga-attesa::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      105deg,
      transparent 30%,
      rgba(255, 255, 255, .12) 45%,
      rgba(255, 255, 255, .04) 55%,
      transparent 70%) 0 0 / 250% 100%;
  animation: ldShimmer 1.8s ease-in-out infinite;
}
.work-card--attesa .work-card-meta span {
  display: block;
  height: .8rem;
  margin-top: .55rem;
  border-radius: 6px;
  background: rgba(234, 241, 251, .08);
}
.work-card--attesa .work-card-meta span + span {
  width: 60%;
}
.pagina-mare img:not([src]),
.pagina-mare img[src=""] {
  visibility: hidden;
}
.pagina-mare .work-meta h1:empty,
.pagina-mare .work-sub:empty,
.pagina-mare .work-price:empty,
.pagina-mare .meta-table:empty {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(234, 241, 251, .07);
}
.pagina-mare .work-meta h1:empty {
  height: 2.2rem;
  width: 70%;
}
.pagina-mare .work-sub:empty {
  height: 1rem;
  width: 45%;
}
.pagina-mare .meta-table:empty {
  height: 11rem;
}
.pagina-mare .work-price:empty {
  height: 1.5rem;
  width: 30%;
}
.pagina-mare :is(.work-meta h1, .work-sub, .work-price, .meta-table):empty::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      105deg,
      transparent 30%,
      rgba(255, 255, 255, .1) 45%,
      rgba(255, 255, 255, .03) 55%,
      transparent 70%) 0 0 / 250% 100%;
  animation: ldShimmer 1.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .work-card--attesa .work-card-img::after,
  .pagina-mare :is(.work-meta h1, .work-sub, .work-price, .meta-table):empty::after {
    animation: none;
  }
}
.tema-mare .lingua {
  transition: opacity .3s var(--ld-ease), visibility 0s;
}
.tema-mare .lingua.e-via {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s linear, visibility 0s linear .18s;
}
.tema-mare .reel .studio-toggle {
  top: .55rem;
  bottom: auto;
  right: .55rem;
}
.pagina-mare .status-dot::after {
  display: none;
}
html[lang=ja] .tema-mare .expo2__fatti dd {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.pagina-mare .work-figure:has(img:not(.is-in)) {
  background:
    linear-gradient(
      180deg,
      #0D2A52,
      #0A2244);
  min-height: 16rem;
}
html[lang=ja] body.tema-mare .section-title,
html[lang=ja] body.tema-mare .percorso__titolo,
html[lang=ja] body.tema-mare .expo2__fatti dd {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.tema-mare footer {
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 5rem) !important;
}
@media (max-width: 1024px) {
  .tema-mare .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
  }
}
@media (min-height: 900px) {
  .tema-mare .nav-mobile > a:first-of-type {
    margin-top: auto;
  }
}
.percorso .fondale__testo .fondale__tutte {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .18) 0%,
      rgba(255, 255, 255, .05) 100%);
  border: 1px solid rgba(255, 255, 255, .26);
  color: #FFFFFF;
}
@media (min-width: 761px) and (max-width: 1024px) {
  .tema-mare {
    --sp-sezione: 4rem;
  }
}
body.tema-mare {
  --bg: #06162E;
  --bg2: #0B2447;
  --text: #EAF1FB;
  --text-l: rgba(234, 241, 251, .72);
  --accent: #EAF1FB;
  --border: rgba(234, 241, 251, .14);
  --card: rgba(255, 255, 255, .05);
}
.tema-mare .nav-mobile .menu__piede .menu__mail {
  color: var(--nebbia) !important;
}
.tema-mare .contatto3__form,
.tema-mare .btn,
.tema-mare .btn.ghost,
.tema-mare .expo2__stato,
.tema-mare .contatto3__icona,
.tema-mare .menu__social a,
.tema-mare .footer-social a,
.tema-mare .mostre3__tag {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.percorso .fondale__testo .fondale__tutte {
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
}
.menu-open .plancton {
  visibility: hidden;
}

/* Awards & Recognition (09/10/2026) */
.premi__voce {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: .9rem;
  padding: .75rem 0;
  color: var(--luna);
}
.premi__voce .linea__punto {
  align-self: start;
  margin-top: .55em;
}
.premi__testo {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  min-width: 0;
}
.premi__voce .linea__punto,
.premi__voce .linea__nome,
.premi__voce .linea__data {
  grid-area: auto;
}
.premi__voce .linea__data {
  white-space: nowrap;
  text-align: right;
}