.elementor-413 .elementor-element.elementor-element-41cabb1{--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;--justify-content:center;}.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-413 .elementor-element.elementor-element-8c51f72 .elementor-heading-title{font-family:"Neue Haas Display Black", Sans-serif;font-size:72px;font-weight:300;}.elementor-413 .elementor-element.elementor-element-855d8b0{--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;}.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-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-413 .elementor-element.elementor-element-b91bf85{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}.elementor-413 .elementor-element.elementor-element-b91bf85 img{width:50%;}.elementor-413 .elementor-element.elementor-element-6fab7af{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-413 .elementor-element.elementor-element-a70739c{padding:0px 0px 0px 2px;}.elementor-413 .elementor-element.elementor-element-b91bf85 img{width:100%;}.elementor-413 .elementor-element.elementor-element-50d5f1a{padding:0px 0px 0px 0px;}.elementor-413 .elementor-element.elementor-element-c31dc4a{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-413 .elementor-element.elementor-element-855d8b0{--content-width:1000px;}}/* Start custom CSS *//* ============================================
   THIS IS — ABOUT PAGE CSS (solo testo)
   Da incollare in: Elementor > Custom CSS
   
   Tipografia bloccata via CSS.
   font-family ereditato dal tema Elementor.
============================================ */

:root {
  --bg-light:  #f5f0eb;
  --bg-dark:   #0a0a0a;
  --text-dark:  #1a1a1a;
  --text-light: #f5f0eb;
  --text-muted: #8a8580;
  --accent:     #c4a882;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ============================================
   HERO — dark, 100vh, solo titolo "About"
============================================ */
.about-hero-section {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--bg-dark) !important;
  overflow: hidden;
  position: relative;
}

.about-hero-section .elementor-container {
  display: flex !important;
  justify-content: center !important;
}

.about-hero-title,
.about-hero-title .elementor-heading-title {
  font-family: inherit !important;
  font-size: clamp(3.5rem, 8vw, 7.5rem) !important;
  font-weight: 300 !important;
  color: var(--text-light) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
}

.about-hero-line {
  width: 1px !important;
  height: 0px;
  background-color: var(--text-muted) !important;
  margin: 60px auto 0 !important;
  display: block;
}

/* ============================================
   BODY TEXT — tutta la sezione testo
============================================ */
.about-text-section {
  padding: 160px 0 200px !important;
  background-color: var(--bg-light) !important;
}

.about-text-section .elementor-container {
  max-width: 780px !important;
}

/* Primo paragrafo — più grande, statement */
.about-intro,
.about-intro p,
.about-intro .elementor-widget-text-editor {
  font-family: inherit !important;
  font-size: clamp(1.6rem, 2.8vw, 2.2rem) !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.005em !important;
  color: var(--text-dark) !important;
  margin-bottom: 32px !important;
    padding: 0 20px;
}

/* Paragrafi corpo — eleganti, spaziati */
.about-body,
.about-body p,
.about-body .elementor-widget-text-editor {
  font-family: inherit !important;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.005em !important;
  color: var(--text-dark) !important;
  opacity: 0.82;
  padding: 0 20px;
}

.about-body p {
  margin-bottom: 36px !important;
}

.about-body p:last-child {
  margin-bottom: 0 !important;
}

/* Frase chiave — stacco visivo */
.about-key-phrase,
.about-key-phrase p,
.about-key-phrase .elementor-widget-text-editor {
  font-family: inherit !important;
  font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.005em !important;
  color: var(--text-dark) !important;
  margin-top: 80px !important;
  margin-bottom: 80px !important;
  padding: 48px 20px !important;
  border-top: 1px solid rgba(26,26,26,0.1) !important;
  border-bottom: 1px solid rgba(26,26,26,0.1) !important;
}

/* Paragrafo finale — italic, chiusura */
.about-closing,
.about-closing p,
.about-closing .elementor-widget-text-editor {
  font-family: inherit !important;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.85 !important;
  letter-spacing: 0.005em !important;
  color: var(--text-dark) !important;
  opacity: 0.75;
    padding: 0 20px;
}

/* ============================================
   RESPONSIVE
============================================ */
@media (max-width: 900px) {
  .about-text-section {
    padding: 100px 0 120px !important;
  }

  .about-intro {
    margin-bottom: 48px !important;
  }

  .about-key-phrase {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
    padding: 36px 20px !important;
  }
}

/* ============================================
   GRAIN OVERLAY (se non lo hai già)
============================================ */
.grain-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px;
}/* 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 */