/* Nails By Tasher Tienda */
.tts-wrap{
  --bg:#E9E3DB;
  --paper:#F7F2EC;
  --ink:#171513;
  --muted:#746B64;
  --script:#746357;
  --line:rgba(23,21,19,.18);
  background:var(--bg);
  color:var(--ink);
  overflow:hidden;
}
.tts-wrap *{box-sizing:border-box}
.tts-header{max-width:1120px;margin:0 auto;padding:135px 24px 100px;text-align:center}
.tts-kicker{margin:0 0 21px;color:var(--muted);font-family:"Montserrat",sans-serif;font-size:10px;font-weight:300;letter-spacing:.34em;text-transform:uppercase}
.tts-header h2,.tts-featured-copy h3,.tts-section-head h3,.tts-final h3{margin:0;color:var(--ink);font-family:"Italiana",Georgia,serif!important;font-weight:400!important;letter-spacing:-.045em}
.tts-header h2{font-size:clamp(72px,10vw,150px);line-height:.86}
.tts-script{margin-top:-12px;color:var(--script);font-family:"Pinyon Script",cursive;font-size:clamp(62px,9vw,135px);line-height:.78}
.tts-intro{max-width:720px;margin:42px auto 0;color:var(--muted);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(20px,2vw,27px);font-style:italic;line-height:1.55}

.tts-featured{max-width:1380px;margin:0 auto;padding:0 clamp(20px,5vw,80px) 125px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,7vw,110px);align-items:center}
.tts-featured-image img{width:100%;height:720px;display:block;object-fit:cover}
.tts-featured-copy h3{font-size:clamp(54px,6vw,94px);line-height:.94}
.tts-featured-copy>p:not(.tts-kicker){max-width:540px;margin:27px 0 20px;color:var(--muted);font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;line-height:1.55}
.tts-featured-copy>strong{display:block;margin-bottom:30px;font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:400}
.tts-dark-btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:52px;border:1px solid var(--ink);border-radius:14px;background:var(--ink);color:#fff!important;text-decoration:none!important;font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.tts-dark-btn:hover{background:transparent;color:var(--ink)!important}

.tts-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;max-width:1100px;margin:0 auto 60px;padding:0 20px}
.tts-filters button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:10px 19px;font-family:"Montserrat",sans-serif;font-size:10px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.tts-filters button:hover,.tts-filters button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}

.tts-grid{max-width:1380px;margin:0 auto;padding:0 clamp(20px,5vw,80px) 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,42px);align-items:start}
.tts-card:nth-child(3n+2){margin-top:70px}
.tts-card.is-hidden{display:none}
.tts-card-image{position:relative;display:block;overflow:hidden;background:#d7cec5}
.tts-card-image img{width:100%;height:560px;display:block;object-fit:cover;transition:transform .8s ease}
.tts-card:nth-child(3n+2) .tts-card-image img{height:480px}
.tts-card:hover img{transform:scale(1.035)}
.tts-number{position:absolute;top:18px;left:18px;z-index:2;color:#fff;font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.2em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.tts-card-copy{padding:19px 2px 6px}
.tts-card-copy h3{margin:0 0 13px;font-family:"Italiana",Georgia,serif!important;font-size:clamp(31px,3vw,46px);font-weight:400!important;line-height:1}
.tts-card-copy h3 a{color:var(--ink)!important;text-decoration:none!important}
.tts-card-bottom{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;color:var(--muted);font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;line-height:1.4}
.tts-card-bottom span{max-width:72%}
.tts-card-bottom strong{color:var(--ink);font-weight:400;white-space:nowrap}

.tts-values{padding:125px clamp(20px,5vw,80px);background:var(--paper)}
.tts-section-head{max-width:1000px;margin:0 auto 72px;text-align:center}
.tts-section-head h3{font-size:clamp(58px,8vw,112px);line-height:.9}
.tts-value-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.tts-value-grid>div{padding:45px 34px;background:var(--paper)}
.tts-value-grid span{display:block;margin-bottom:24px;color:var(--muted);font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:.2em}
.tts-value-grid h4{margin:0 0 16px;font-family:"Italiana",Georgia,serif;font-size:36px;font-weight:400}
.tts-value-grid p{margin:0;color:var(--muted);font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1.5}

.tts-final{min-height:74vh;display:flex;align-items:center;justify-content:center;padding:120px 24px;background:#070707;color:#fff;text-align:center}
.tts-final h3{max-width:1050px;margin:0 auto;color:#fff;font-size:clamp(58px,8vw,118px);line-height:.9}
.tts-final .tts-kicker{color:rgba(255,255,255,.72)}
.tts-final .tts-script{color:rgba(255,255,255,.72)}
.tts-reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease var(--tts-delay,0ms),transform .85s ease var(--tts-delay,0ms)}
.tts-reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){
  .tts-featured{grid-template-columns:1fr}
  .tts-featured-image img{height:620px}
  .tts-grid{grid-template-columns:repeat(2,1fr)}
  .tts-card:nth-child(3n+2){margin-top:0}
  .tts-card:nth-child(even){margin-top:45px}
}
@media(max-width:650px){
  .tts-header{padding-top:100px}
  .tts-featured-image img{height:520px}
  .tts-grid{display:block}
  .tts-card,.tts-card:nth-child(even){margin:0 0 48px}
  .tts-card-image img,.tts-card:nth-child(3n+2) .tts-card-image img{height:520px}
  .tts-value-grid{grid-template-columns:1fr}
  .tts-card-bottom{display:block}
  .tts-card-bottom strong{display:block;margin-top:10px}
}