/* Sito creato con ❤ custom da MarTe Graphics | autore e sito web: www.martegraphics.it | All Rights Reserved. */
:root{
  
  --tao-primary:    #4A5A6F;   
  --tao-secondary:  #5A8B7A;   
  --tao-accent:     #C08080;   
  --tao-text:       #3D4F42;   
  --tao-text-soft:  #6B7D94;   
  --tao-cream:      #FFFFFF;   
  --tao-beige:      #FAFAF7;   
  --tao-border:     rgba(61,79,66,0.08);

  
  --tao-font-display: "Fraunces", Georgia, serif;
  --tao-font-italic:  "Cormorant Garamond", Georgia, serif;
  --tao-font-body:    "Inter", system-ui, sans-serif;
  --tao-font-mono:    "JetBrains Mono", ui-monospace, monospace;

  
  --tao-maxw: 1280px;
  --tao-pad-x: clamp(20px, 4vw, 56px);
}

.tao-section *{box-sizing:border-box}
.tao-container{max-width:var(--tao-maxw);margin:0 auto;padding:0 var(--tao-pad-x)}

.tao-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;border-radius:999px;
  font-family:var(--tao-font-body);
  font-size:14px;font-weight:500;letter-spacing:0.01em;
  text-decoration:none;cursor:pointer;border:0;
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease, color .25s ease;
}
.tao-btn-primary{background:var(--tao-accent);color:#fff}
.tao-btn-primary:hover{background:#b06f6f;transform:translateY(-2px);box-shadow:0 12px 28px rgba(192,128,128,0.28)}
.tao-btn-primary.large{padding:18px 36px;font-size:15px}
.tao-btn-secondary{color:var(--tao-secondary);border:1px solid var(--tao-secondary);background:transparent}
.tao-btn-secondary:hover{background:var(--tao-secondary);color:#fff}
.tao-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,0.4);background:transparent}
.tao-btn-ghost:hover{background:rgba(255,255,255,0.1);border-color:#fff}

.tao-section-eyebrow{
  font-family:var(--tao-font-mono);font-size:11px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--tao-secondary);
  display:inline-block;margin-bottom:22px;
}
.tao-section-eyebrow.centered{display:block;text-align:center}
.tao-section-eyebrow.inverted{color:#E8DCC0}

.tao-h2{
  font-family:var(--tao-font-display);font-weight:400;
  font-size:clamp(32px, 4.5vw, 56px);
  line-height:1.05;letter-spacing:-0.02em;
  color:var(--tao-text);margin:0 0 28px 0;
  text-wrap:balance;
}
.tao-h2.centered{text-align:center}
.tao-h2.inverted{color:#fff}
.tao-h3{font-family:var(--tao-font-display);font-weight:500;font-size:24px;line-height:1.25;color:var(--tao-text);margin:0 0 14px 0;letter-spacing:-0.01em}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}