.elementor-411 .elementor-element.elementor-element-e8c3052{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-ab20a05{--display:flex;}.elementor-411 .elementor-element.elementor-element-296cd07{--display:flex;}.elementor-411 .elementor-element.elementor-element-855e8d3{--display:flex;}.elementor-411 .elementor-element.elementor-element-eb1e995{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-411 .elementor-element.elementor-element-bc7f2b3 .elementor-heading-title{font-family:"Neue Haas Display Black", Sans-serif;font-size:6.5vw;font-weight:200;color:var( --e-global-color-6f340d4 );}.elementor-411 .elementor-element.elementor-element-065669e{width:initial;max-width:initial;}.elementor-411 .elementor-element.elementor-element-065669e .elementor-heading-title{font-family:"Neue Haas Display Black", Sans-serif;font-size:6.5vw;font-weight:200;color:var( --e-global-color-6f340d4 );}.elementor-411 .elementor-element.elementor-element-1031fca{--display:flex;}.elementor-411 .elementor-element.elementor-element-afde7ae .elementor-heading-title{font-family:"Neue Haas Display Black", Sans-serif;font-size:3.5vw;font-weight:200;}.elementor-411 .elementor-element.elementor-element-a6cd7b8 .elementor-heading-title{font-family:"Neue Haas Display Black", Sans-serif;font-size:3.5vw;font-weight:200;}.elementor-411 .elementor-element.elementor-element-11ae03d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-11ae03d:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-11ae03d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F1ED;}.elementor-411 .elementor-element.elementor-element-3f46d95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-411 .elementor-element.elementor-element-8b07a2e{--display:flex;}.elementor-411 .elementor-element.elementor-element-594fb1d .elementor-heading-title{font-family:"Neue Haas Display Black", Sans-serif;font-size:5vw;font-weight:200;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-411 .elementor-element.elementor-element-35bfe4b{font-family:"Neue Haas Display Black", Sans-serif;font-size:2vw;font-weight:200;color:#171717;}.elementor-411 .elementor-element.elementor-element-6eefaad{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-411 .elementor-element.elementor-element-fd3007c{font-family:"Neue Haas Display Black", Sans-serif;font-size:1.6vw;font-weight:200;}.elementor-411 .elementor-element.elementor-element-f747be0{font-family:"Neue Haas Display Black", Sans-serif;font-size:2vw;font-weight:200;}.elementor-411 .elementor-element.elementor-element-a411804{font-family:"Neue Haas Display Black", Sans-serif;font-size:2vw;font-weight:200;}.elementor-411 .elementor-element.elementor-element-4858c46{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-411 .elementor-element.elementor-element-7d54206 .elementor-button{background-color:#BAA59000;font-family:"Neue Haas Display Black", Sans-serif;font-weight:200;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-411 .elementor-element.elementor-element-ad4df2f .elementor-button{background-color:#BAA59000;font-family:"Neue Haas Display Black", Sans-serif;font-weight:200;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-411 .elementor-element.elementor-element-f5ccc4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-411:not(.elementor-motion-effects-element-type-background), body.elementor-page-411 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-92e7a8b );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-411 .elementor-element.elementor-element-afde7ae .elementor-heading-title{font-size:7.2vw;}.elementor-411 .elementor-element.elementor-element-a6cd7b8 .elementor-heading-title{font-size:8.2vw;}.elementor-411 .elementor-element.elementor-element-8b07a2e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-594fb1d .elementor-heading-title{font-size:8vw;}.elementor-411 .elementor-element.elementor-element-35bfe4b{font-size:3.2vw;}.elementor-411 .elementor-element.elementor-element-6eefaad{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-4858c46{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-bc7f2b3 */.elementor-411 .elementor-element.elementor-element-bc7f2b3 em{
    font-family:'Cormorant Garamond';
    color:#BAA590;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-065669e */.elementor-411 .elementor-element.elementor-element-065669e em{
    font-family:'Cormorant Garamond';
    color:#BAA590;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6cd7b8 */.elementor-411 .elementor-element.elementor-element-a6cd7b8 em{
    font-family:'Cormorant Garamond';
    color:#BAA590;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-594fb1d */.elementor-411 .elementor-element.elementor-element-594fb1d em{
    font-family:'Cormorant Garamond';
    color:#BAA590;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35bfe4b */.elementor-411 .elementor-element.elementor-element-35bfe4b {
    font-size: clamp(18px, 1.2vw, 22px);
line-height: 1.5;
letter-spacing: 0;
font-weight: 200;
opacity: 0.8;
} 
.elementor-411 .elementor-element.elementor-element-35bfe4b em{
    font-family:'Cormorant Garamond';
    color: #171717;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fd3007c */.elementor-411 .elementor-element.elementor-element-fd3007c {
    font-size: clamp(16px, 1vw, 18px);
line-height: 1.6;
max-width: 580px;
font-weight: 200;
opacity: 0.75;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f747be0 */.elementor-411 .elementor-element.elementor-element-f747be0 {
    font-size: clamp(18px, 1.2vw, 22px);
line-height: 1.5;
letter-spacing: 0;
font-weight: 200;
opacity: 0.8;
}

.elementor-411 .elementor-element.elementor-element-f747be0 em{
    font-family:'Cormorant Garamond';
    color: #171717;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a411804 */.elementor-411 .elementor-element.elementor-element-a411804 {
    font-size: clamp(18px, 1.2vw, 22px);
line-height: 1.5;
letter-spacing: 0;
font-weight: 200;
opacity: 0.8;
}

.elementor-411 .elementor-element.elementor-element-a411804 em{
    font-family:'Cormorant Garamond';
    color: #171717;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11ae03d */#hero-2 .h2-reveal,
#hero-2 .p-reveal,
#hero-2 .cta-reveal,
#hero-2 .hero2-cta{
  opacity:0;
  transform:translateY(20px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1783c3d *//* Override stili Flodesk per newsletter This Is */

/* Rimuovi il box bianco contenitore */
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__container, [data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d {
  background: transparent !important;
  max-width: 100% !important;
}

[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__form {
  background: transparent !important;
  padding: 0 !important;
}

/* Campi input — stile minimal */
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__control {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(26,26,26,0.25) !important;
  border-radius: 0 !important;
  padding: 14px 4px !important;
  font-size: 0.9rem !important;
  color: #1a1a1a !important;
  height: auto !important;
}

[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__control:focus {
  border-bottom-color: #1a1a1a !important;
}

/* Label input */
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__label {
  padding: 14px 4px !important;
  font-size: 0.85rem !important;
  color: #8a8580 !important;
  letter-spacing: 0.05em !important;
}

/* Bottone — stile This Is */
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__button {
  background: transparent !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 0 !important;
  color: #1a1a1a !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  width: auto !important;
  margin-top: 24px !important;
  transition: background 0.4s ease, color 0.4s ease !important;
  position: relative;
  overflow: hidden;
}

[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__button:hover {
  background: #1a1a1a !important;
  color: #f5f0eb !important;
}

/* Privacy checkbox */
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__accepts-gdpr-checkbox .fd-form-check__label {
  color: #8a8580 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
}

/* Titolo interno Flodesk — nascondilo se vuoi usare il tuo */
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__title,
[data-ff-el="root"].ff-69b0a02354c3bd0d3eb01b8d .ff-69b0a02354c3bd0d3eb01b8d__subtitle {
  display: none !important;
}


.tis-newsletter {
  padding: 100px 48px;
  background: #f5f0eb;
  text-align: center;
  border-top: 1px solid rgba(26,26,26,0.08);
}

.tis-nl-eyebrow {
  font-size: 0.68rem;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #8a8580;
  margin-bottom: 32px;
}

.tis-nl-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 300;
  color: #1a1a1a;
  line-height: 1.2;
  margin-bottom: 24px;
  letter-spacing: -0.01em;
}

.tis-nl-body {
  font-size: 0.95rem;
  font-weight: 300;
  color: #5a5550;
  line-height: 1.85;
  max-width: 480px;
  margin: 0 auto 48px;
}

.tis-nl-form {
  max-width: 480px;
  margin: 0 auto;
}

.tis-nl-closing {
  font-size: 0.78rem;
  font-weight: 300;
  letter-spacing: 0.12em;
  color: #8a8580;
  font-style: italic;
  margin-top: 28px;
}
.elementor-411 .elementor-element.elementor-element-1783c3d em{
    font-family:'Cormorant Garamond';
    color:#BAA590;
}
@media (max-width: 768px) {
  .tis-newsletter { padding: 72px 24px; }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================
GLOBAL – HERO SNAP FADE (classi usate dal tuo snap JS)
========================================================== */
.hero-snap-fade {
  transition: opacity .45s ease, transform .45s ease;
  will-change: opacity, transform;
}

.hero-snap-leave {
  opacity: 0;
  transform: translateY(-12px);
}

.hero-snap-enter {
  opacity: 0;
  transform: translateY(12px);
}


/* ==========================================================
HERO 1 – VERSIONE CLEAN (JPEG FULL BLACK)
Niente overlay, niente effetti finti
========================================================== */

#hero-1{
  height:100vh;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#000;
}

/* 70 / 30 */
#hero-1 .hero1-top{
  position:relative;
  z-index:1;          /* importante: ordine layer */
  height:70vh;
  background:#000;
  overflow:hidden;
}

#hero-1 .hero1-bottom{
  position:relative;
  z-index:2;          /* importante: sopra la top */
  height:30vh;
  background:#F3F1ED;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(24px,3vw,48px);
  overflow:hidden;    /* edge INSIDE: stabile su Elementor */
}

/* Centro immagine */
#hero-1 .hero1-center{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

/* JPEG */
#hero-1 .hero1-chair{
  width:min(720px,48vw);
  max-width:85%;
  height:auto;
  display:block;
}

/* Titoli (solo posizione) */
#hero-1 .hero1-title{
  position:absolute;
  top:clamp(70px,5vh,100px);
  left:clamp(30px,5vw,100px);
}

#hero-1 .hero1-sub{
  position:absolute;
  right:clamp(30px,5vw,100px);
  bottom:2vh;         /* come hai deciso tu */
  max-width:710px;
  text-align:right;
}





/* ==========================================================
RESPONSIVE
========================================================== */
@media(max-width:767px){

  #hero-1 .hero1-top{ height:62vh; }
  #hero-1 .hero1-bottom{ height:38vh; }

  #hero-1 .hero1-chair{
    width:80vw;
  }

  #hero-1 .hero1-sub{
    right:20px;
    bottom:20px;
    max-width:70vw;
    text-align:left;
  }
  
  
  
  
  
  /* ==========================================================
HERO 2 – Editorial clean (100vh)
========================================================== */

#hero-2{
  min-height:100vh;
  height:100vh;
  background:#F3F1ED; /* cambia se vuoi */
  display:flex;
  align-items:stretch;
  overflow:hidden;
}

/* wrapper interno */
#hero-2 .hero2-wrap{
  width:100%;
  display:grid;
  grid-template-columns: 1.05fr 0.95fr; /* sinistra leggermente più “pesante” */
  gap:clamp(18px, 3vw, 56px);
  padding:clamp(28px, 5vw, 84px);
}

/* colonne */
#hero-2 .hero2-left,
#hero-2 .hero2-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* sinistra: headline + micro */
#hero-2 .hero2-left{
  padding-right:clamp(10px, 2vw, 34px);
}

/* destra: testo lungo + CTA in basso */
#hero-2 .hero2-right{
  padding-left:clamp(10px, 2vw, 34px);
}

/* CTA sempre in fondo colonna destra */
#hero-2 .hero2-cta{
  margin-top:auto;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}

/* bottoni/link: solo struttura (tu gestisci stile in Elementor) */
#hero-2 .hero2-cta a,
#hero-2 .hero2-cta .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

/* Responsive */
@media(max-width: 1024px){
  #hero-2 .hero2-wrap{
    grid-template-columns: 1fr;
    padding:clamp(22px, 5vw, 54px);
  }
  #hero-2 .hero2-left{
    justify-content:flex-end;
  }
  #hero-2 .hero2-right{
    justify-content:flex-start;
  }
  #hero-2 .hero2-cta{
    margin-top:18px;
  }
}

@media(max-width: 767px){
  #hero-2{
    height:auto;
    min-height:100vh;
  }
}

/* ==========================================================
HERO2 – stati iniziali per animazione (pulito, no tipografia)
========================================================== */

#hero-2 .h2-reveal,
#hero-2 .p-reveal,
#hero-2 .cta-reveal{
  opacity: 0;
  transform: translateY(16px);
  will-change: opacity, transform;
}

/* accessibilità: se utente ha reduced motion */
@media (prefers-reduced-motion: reduce){
  #hero-2 .h2-reveal,
  #hero-2 .p-reveal,
  #hero-2 .cta-reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


@media (max-width: 767px) {

  /* HERO 1 — riordina e ridimensiona */
  #hero-1 {
    overflow: hidden;
  }

  /* Testo "THIS IS" — rimane in alto a sinistra, ridotto */

  
  #hero-1 .hero1-title {
    font-size: 15vw !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 18% !important;
    left: 5% !important;
    z-index: 2 !important;
  }

  /* Sedia — centrata, più grande */
  #hero-1 .hero1-chair {
    position: absolute !important;
    width: 70vw !important;
    max-width: 320px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
  }

  /* "WHAT YOU NEED" — in basso a destra */
  #hero-1 .hero1-sub {
    font-size: 10vw !important;
    line-height: 1 !important;
    position: absolute !important;
    bottom: 10% !important;
    right: 5% !important;
    text-align: right !important;
    z-index: 2 !important;
  }

  /* HERO 2 — elimina spazio vuoto enorme sopra */
  #hero-2 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    min-height: auto !important;
  }

  /* Sezione "We don't create" — fix logo header sovrapposto */
  /* Il logo si sovrappone perché la sezione non ha abbastanza padding-top */
  .elementor-location-header {
    mix-blend-mode: normal !important;
  }

  /* Sezione testi — padding laterale */
  #hero-2 .elementor-widget-wrap,
  {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* "We don't create photos" — dimensione testo */
  #hero-2 .hero2-content .h2-reveal,
  #hero-2 h2 {
    font-size: clamp(1.8rem, 8vw, 2.8rem) !important;
    line-height: 1.15 !important;
  }

  /* Paragrafi a destra — padding */
  #hero-2 .p-reveal,
  #hero-2 p {
    font-size: 0.92rem !important;
    line-height: 1.75 !important;
  }
  #hero-2 .hero2-right{
  padding-left: 0px;
}

  /* Newsletter */
  .tis-newsletter {
    padding: 56px 24px !important;
  }

  .tis-nl-title {
    font-size: clamp(1.5rem, 6.5vw, 2rem) !important;
  }

  /* CTA finale */
  .elementor-widget-text-editor .tis-cta-wrap,
  [data-elementor-type="wp-page"] .tis-cta-wrap {
    padding: 56px 24px !important;
    min-height: auto !important;
    text-align: center !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Haas Display Black';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://thisistudio.com/wp-content/uploads/2026/02/NeueHaasDisplayThin.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Haas Display Black';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://thisistudio.com/wp-content/uploads/2026/02/NeueHaasDisplayLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Haas Display Black';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://thisistudio.com/wp-content/uploads/2026/02/NeueHaasDisplayRoman.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Haas Display Black';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://thisistudio.com/wp-content/uploads/2026/02/NeueHaasDisplayMediu.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Haas Display Black';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://thisistudio.com/wp-content/uploads/2026/02/NeueHaasDisplayBlack.ttf') format('truetype');
}
/* End Custom Fonts CSS */