@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

:root{
  --c-ink:#23201c;
  --c-ink-soft:#57514a;
  --c-paper:#faf6f0;
  --c-paper-alt:#f1e9dc;
  --c-paper-dark:#211d18;
  --c-line:#ddd3c2;
  --c-line-strong:#c9bba1;
  --c-accent:#a9714f;
  --c-accent-dark:#8a5a3c;
  --c-sage:#7c8a6e;
  --r-sm:8px;
  --r-md:16px;
  --r-lg:28px;
  --r-full:999px;
  --sh-sm:0 1px 2px rgba(35,32,28,.06), 0 1px 1px rgba(35,32,28,.04);
  --sh-md:0 6px 16px rgba(35,32,28,.08), 0 2px 6px rgba(35,32,28,.06);
  --sh-lg:0 24px 48px rgba(35,32,28,.14), 0 8px 20px rgba(35,32,28,.08);
  --ease:cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:'Rubik',sans-serif;
  background:var(--c-paper);
  color:var(--c-ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}

a{color:inherit;text-decoration:none}

.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

h1,h2,h3,h4{
  font-family:'Rubik',sans-serif;
  font-weight:600;
  line-height:1.2;
  margin:0 0 .6em;
  color:var(--c-ink);
}

h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h3{font-size:clamp(1.3rem,2.4vw,1.7rem)}
h4{font-size:1.1rem;font-weight:600}

p{margin:0 0 1em;color:var(--c-ink-soft)}

.eyebrow{
  display:flex;align-items:center;gap:12px;
  font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:500;color:var(--c-accent-dark);margin-bottom:1rem;

  & span{width:30px;height:1px;background:var(--c-accent-dark);display:inline-block}
}
.eyebrow-light{color:#e7ddca;
  & span{background:#e7ddca}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:14px 30px;border-radius:var(--r-full);
  font-size:.95rem;font-weight:500;border:1px solid transparent;
  cursor:pointer;transition:all .3s var(--ease);
  min-height:48px;
  &.btn-dark{background:var(--c-ink);color:#faf6f0;box-shadow:var(--sh-sm);
    &:hover{background:#3a352d;box-shadow:var(--sh-md);transform:translateY(-2px)}
  }
  &.btn-accent{background:var(--c-accent);color:#fff;box-shadow:var(--sh-sm);
    &:hover{background:var(--c-accent-dark);box-shadow:var(--sh-md);transform:translateY(-2px)}
  }
  &.btn-line{background:transparent;border-color:var(--c-ink);color:var(--c-ink);
    &:hover{background:var(--c-ink);color:#faf6f0}
  }
  &.btn-light{background:#faf6f0;color:var(--c-ink);box-shadow:var(--sh-sm);
    &:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--sh-md)}
  }
  &.btn-line-light{background:transparent;border-color:#e7ddca;color:#e7ddca;
    &:hover{background:#e7ddca;color:var(--c-ink)}
  }
  &.btn-block{width:100%}
}


.hdr{
  position:fixed;top:0;left:0;right:0;z-index:500;
  background:rgba(250,246,240,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c-line);
  transition:transform .45s var(--ease), opacity .3s var(--ease);

  & .hdr-in{
    max-width:1280px;margin:0 auto;padding:18px 24px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
  & .hdr-logo{
    display:flex;align-items:center;gap:12px;font-weight:600;font-size:1.15rem;
    & em{font-style:normal;color:var(--c-accent)}
  }
  & .hdr-nav{
    display:flex;gap:32px;
    & a{
      position:relative;font-size:.95rem;font-weight:500;color:var(--c-ink-soft);
      padding:4px 0;transition:color .3s var(--ease);
      &::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--c-accent);transition:width .3s var(--ease)}
      &:hover{color:var(--c-ink)}
      &:hover::after{width:100%}
      &.active{color:var(--c-ink)}
      &.active::after{width:100%}
    }
  }
  & .hdr-cta{
    padding:11px 24px;border-radius:var(--r-full);background:var(--c-ink);color:#faf6f0;
    font-size:.9rem;font-weight:500;transition:all .3s var(--ease);
    &:hover{background:var(--c-accent);transform:translateY(-1px)}
  }
  & .hdr-burger{
    display:none;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;border:1px solid var(--c-line);border-radius:var(--r-sm);
    background:transparent;cursor:pointer;
    & span{width:20px;height:1px;background:var(--c-ink);margin:0 auto;transition:all .3s var(--ease)}
  }
  &.hdr--hide{transform:translateY(-110%);opacity:0}
}

.hdr-pill{
  position:fixed;top:18px;left:50%;transform:translate(-50%,-140%);
  z-index:520;opacity:0;pointer-events:none;
  transition:transform .4s var(--ease), opacity .3s var(--ease);
  &.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
  & button{
    width:56px;height:56px;border-radius:var(--r-full);border:none;cursor:pointer;
    background:var(--c-accent);color:#fff;font-size:1.15rem;
    box-shadow:var(--sh-lg);transition:all .3s var(--ease);
    display:flex;align-items:center;justify-content:center;
    &:hover{background:var(--c-accent-dark);transform:scale(1.06)}
  }
}


.mmenu{
  position:fixed;inset:0;z-index:900;
  display:flex;visibility:hidden;opacity:0;
  transition:opacity .4s var(--ease), visibility .4s var(--ease);
  &.open{visibility:visible;opacity:1}

  & .mmenu-left{
    width:60%;background:var(--c-ink);color:#faf6f0;
    padding:100px 40px 40px;position:relative;
    display:flex;flex-direction:column;justify-content:space-between;
    transform:translateX(-100%);transition:transform .5s var(--ease);
  }
  & .mmenu-right{
    width:40%;position:relative;overflow:hidden;
    transform:translateX(100%);transition:transform .5s var(--ease);
    & img{width:100%;height:100%;object-fit:cover}
    &::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,32,28,.1),rgba(35,32,28,.5))}
  }
  &.open .mmenu-left{transform:translateX(0)}
  &.open .mmenu-right{transform:translateX(0)}

  & nav{display:flex;flex-direction:column;gap:14px;
    & a{font-size:clamp(1.8rem,5vw,3rem);font-weight:600;color:#faf6f0;opacity:.85;transition:opacity .3s var(--ease),padding-left .3s var(--ease);
      &:hover{opacity:1;padding-left:10px}
    }
  }
  & .mmenu-close{
    position:absolute;top:24px;right:-70px;width:48px;height:48px;border-radius:var(--r-full);
    border:1px solid rgba(250,246,240,.4);background:transparent;color:#faf6f0;cursor:pointer;font-size:1.1rem;
    transition:all .3s var(--ease);
    &:hover{background:#faf6f0;color:var(--c-ink)}
  }
  & .mmenu-foot{
    display:flex;flex-direction:column;gap:8px;font-size:.95rem;opacity:.75;
    & a:hover{opacity:1;text-decoration:underline}
  }
}


.hero{
  padding:150px 24px 100px;position:relative;overflow:hidden;
  &::before{content:"";position:absolute;top:60px;left:-100px;width:260px;height:260px;border:1px solid var(--c-line-strong);border-radius:50%;opacity:.5}
  & .hero-in{
    max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;
  }
  & .hero-txt{padding-top:20px}
  & .hero-lead{font-size:1.1rem;max-width:520px;margin-bottom:2rem}
  & .hero-btns{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:1.4rem}
  & .hero-note{font-size:.85rem;color:var(--c-ink-soft);border-left:2px solid var(--c-accent);padding-left:12px}

  & .hero-card{position:relative;min-height:420px}
  & .hero-card-img{
    position:absolute;top:0;right:0;width:78%;height:340px;object-fit:cover;
    border-radius:var(--r-lg);box-shadow:var(--sh-md);
  }
  & .hero-crd{
    position:relative;margin-top:150px;margin-left:0;max-width:390px;
    background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
    padding:34px;box-shadow:var(--sh-lg);
  }
}

.crd{
  & .crd-kick{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent-dark);font-weight:600;margin-bottom:.4rem}
  & h3{margin-bottom:1rem}
  & .crd-list{list-style:none;margin:0 0 1.4rem;padding:0;
    & li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--c-line);font-size:.92rem;color:var(--c-ink-soft);
      & i{color:var(--c-accent);margin-top:3px}
      &:last-child{border-bottom:none}
    }
  }
  & .crd-price{display:flex;align-items:baseline;gap:10px;margin-bottom:1.4rem;
    & .crd-price-num{font-size:1.8rem;font-weight:700}
    & .crd-price-txt{font-size:.82rem;color:var(--c-ink-soft)}
  }
}


.sec{padding:clamp(4rem,8vw,7rem) 0}
.sec-alt{background:var(--c-paper-alt)}
.sec-dark{background:var(--c-paper-dark);color:#faf6f0;
  & h3{color:#faf6f0}
  & p{color:#cfc6b6}
}
.sec-strip{padding:2.2rem 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.strip-in p{margin:0;text-align:center;font-size:1rem;color:var(--c-ink);
  & i{color:var(--c-accent);margin-right:8px}
}

.sec-head{max-width:720px;margin:0 auto 3rem;text-align:left}
.sec-lead{font-size:1.05rem}
.sec-more{margin-top:2.5rem}

.lnk-under{
  display:inline-flex;align-items:center;gap:10px;font-weight:500;color:var(--c-ink);position:relative;padding-bottom:3px;
  &::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--c-ink);transform:scaleX(1);transform-origin:left;transition:transform .3s var(--ease)}
  &:hover{color:var(--c-accent)}
  &:hover::after{background:var(--c-accent)}
  & i{transition:transform .3s var(--ease)}
  &:hover i{transform:translateX(5px)}
}


.feat{
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding:2.6rem 0;border-bottom:1px solid var(--c-line);
  &:last-child{border-bottom:none}
  & .feat-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);aspect-ratio:4/3;
    & img{width:100%;height:100%;object-fit:cover}
  }
  & .feat-txt{
    & .feat-num{font-size:.85rem;letter-spacing:.15em;color:var(--c-accent);font-weight:600}
    & h3{display:flex;align-items:center;gap:12px;margin-top:.6rem;
      & i{color:var(--c-accent);font-size:1.3rem}
    }
  }
  &.feat-rev{
    & .feat-img{order:2}
    & .feat-txt{order:1}
  }
}


.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.val-crd{
  padding:32px 26px;border:1px solid var(--c-line);border-radius:var(--r-md);
  background:var(--c-paper);transition:all .35s var(--ease);
  &:hover{border-color:var(--c-accent);box-shadow:var(--sh-md);transform:translateY(-4px)}
  & .val-ico{
    width:52px;height:52px;border-radius:var(--r-sm);border:1px solid var(--c-line-strong);
    display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;
    & i{font-size:1.3rem;color:var(--c-accent)}
  }
  & p{font-size:.92rem;margin:0}
}


.dual{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center}
.dual-crd{padding:2rem}
.dual-div{width:1px;align-self:stretch;background:rgba(250,246,240,.2);margin:0 30px}


.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.story-crd{
  border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;background:#fff;
  box-shadow:var(--sh-sm);transition:all .35s var(--ease);
  &:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}
  & img{width:100%;height:220px;object-fit:cover}
  & .story-txt{padding:22px 24px}
}

.story-list{display:flex;flex-direction:column;gap:0}
.story-row{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;
  padding:2.6rem 0;border-bottom:1px solid var(--c-line);
  &:last-child{border-bottom:none}
  & .story-row-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);aspect-ratio:16/11;
    & img{width:100%;height:100%;object-fit:cover}
  }
  & .story-tag{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent-dark);font-weight:600}
  &.story-row-rev .story-row-img{order:2}
  &.story-row-rev .story-row-txt{order:1}
}


.line-list{display:flex;flex-direction:column}
.line-item{
  display:grid;grid-template-columns:80px 1fr;gap:24px;padding:2rem 0;
  border-top:1px solid var(--c-line);
  &:last-child{border-bottom:1px solid var(--c-line)}
  & .line-num{font-size:1.6rem;font-weight:300;color:var(--c-line-strong)}
  & p{margin:0}
}


.split-ov{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.split-ov-rev{
  & .split-ov-txt{order:2}
  & .split-ov-img{order:1}
}
.split-ov-img{
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/3;
  & img{width:100%;height:100%;object-fit:cover}
}


.faq{max-width:820px;margin:0 auto}
.faq-item{
  border-bottom:1px solid var(--c-line);padding:1.3rem 0;
  & summary{
    cursor:pointer;list-style:none;font-weight:500;font-size:1.05rem;
    display:flex;justify-content:space-between;align-items:center;
    &::-webkit-details-marker{display:none}
    &::after{content:"+";font-size:1.4rem;color:var(--c-accent);transition:transform .3s var(--ease)}
  }
  &[open] summary::after{transform:rotate(45deg)}
  & p{margin-top:1rem;font-size:.95rem}
}


.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.frm{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:34px;box-shadow:var(--sh-md);
  & .frm-row{margin-bottom:20px;
    & label{display:block;font-size:.88rem;font-weight:500;margin-bottom:8px}
    & input,& select,& textarea{
      width:100%;padding:13px 16px;border:1px solid var(--c-line);border-radius:var(--r-sm);
      font-family:'Rubik',sans-serif;font-size:.95rem;background:var(--c-paper);color:var(--c-ink);
      transition:border-color .3s var(--ease), box-shadow .3s var(--ease);
      &:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(169,113,79,.15)}
    }
    & textarea{resize:vertical;min-height:120px}
  }
  & .frm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  & .frm-check{
    display:flex;gap:12px;align-items:flex-start;font-size:.85rem;color:var(--c-ink-soft);margin-bottom:22px;
    & input{margin-top:3px;width:18px;height:18px;flex-shrink:0}
    & a{color:var(--c-accent-dark);text-decoration:underline}
  }
}
.form-info{padding-top:1rem}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.contact-info{
  & .contact-img{border-radius:var(--r-lg);box-shadow:var(--sh-md);margin-bottom:28px;aspect-ratio:4/3;object-fit:cover}
  & .contact-list{display:flex;flex-direction:column;gap:20px}
  & .contact-item{
    display:flex;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--c-line);
    & i{color:var(--c-accent);font-size:1.2rem;margin-top:4px}
    & h4{margin-bottom:.2rem}
    & p{margin:0}
  }
}

.map-wrap{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);box-shadow:var(--sh-md)}


.legal-in{max-width:800px}
.legal{
  & h2{margin-top:2.4rem;font-size:1.5rem;
    &.letter-h{}
    &:first-child{margin-top:0}
  }
  & .term{color:var(--c-accent-dark)}
  & .def-box{
    border-left:2px solid var(--c-accent);padding:14px 20px;margin:1rem 0 1.6rem;
    background:var(--c-paper-alt);font-size:.9rem;color:var(--c-ink-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;
    & strong{color:var(--c-ink)}
  }
}
.cookie-table{border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;margin:1.4rem 0 2rem}
.cookie-row{
  display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:12px;padding:14px 18px;
  border-bottom:1px solid var(--c-line);font-size:.85rem;
  &:last-child{border-bottom:none}
  &.cookie-head{background:var(--c-paper-alt);font-weight:600}
}


.thanks-main{
  min-height:70vh;display:flex;align-items:center;justify-content:center;padding:160px 24px 80px;
  background:
    radial-gradient(circle at 15% 20%, rgba(169,113,79,.08), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(124,138,110,.08), transparent 40%),
    var(--c-paper-alt);
}
.thanks-crd{
  max-width:480px;text-align:center;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:52px 40px;box-shadow:var(--sh-lg);
  & .thanks-ico{
    width:68px;height:68px;border-radius:50%;border:1px solid var(--c-line-strong);
    display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;
    & i{font-size:1.8rem;color:var(--c-accent)}
  }
  & .thanks-note{font-size:.85rem;border-top:1px solid var(--c-line);padding-top:1rem;margin-top:1.4rem;margin-bottom:1.8rem}
}


.ftr{background:var(--c-ink);color:#d9d0c3;margin-top:auto}
.ftr-top{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;
  padding:5rem 24px 3rem;
  & h4{color:#faf6f0;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.2rem}
  & a{display:block;padding:6px 0;color:#c7bda9;transition:color .3s var(--ease);
    &:hover{color:#faf6f0}
  }
  & p{color:#c7bda9;margin:0 0 6px;display:flex;gap:10px;align-items:flex-start;
    & i{color:var(--c-accent);margin-top:3px}
  }
}
.ftr-brand{
  & img{margin-bottom:14px}
  & .ftr-name{font-size:1.2rem;font-weight:600;color:#faf6f0;margin-bottom:.6rem}
  & .ftr-tag{font-size:.88rem;max-width:280px}
}
.ftr-bottom{
  border-top:1px solid rgba(250,246,240,.12);
  padding:1.6rem 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:.8rem;color:#a89d87;
}

body{display:flex;flex-direction:column;min-height:100vh}
main{flex:1}


.cc-backdrop{
  position:fixed;inset:0;background:rgba(35,32,28,.55);backdrop-filter:blur(3px);
  z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .35s var(--ease), visibility .35s var(--ease);
  &.show{opacity:1;visibility:visible}
}
.cc-modal{
  background:#fff;max-width:520px;width:100%;border-radius:var(--r-lg);
  padding:36px;box-shadow:var(--sh-lg);border:1px solid var(--c-line);
  transform:scale(.95);transition:transform .35s var(--ease);
  .cc-backdrop.show &{transform:scale(1)}
  & h3{margin-bottom:.8rem}
  & p{font-size:.92rem}
  & .cc-cats{display:flex;flex-direction:column;gap:2px;margin:1.4rem 0;border-top:1px solid var(--c-line)}
  & .cc-cat{
    display:flex;justify-content:space-between;align-items:center;padding:13px 4px;
    border-bottom:1px solid var(--c-line);font-size:.92rem;font-weight:500;
    & input{width:20px;height:20px}
  }
  & .cc-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.6rem}
  & .cc-btn{
    flex:1;min-width:140px;padding:13px 18px;border-radius:var(--r-full);font-size:.88rem;font-weight:500;
    cursor:pointer;transition:all .3s var(--ease);border:1px solid var(--c-ink);
    &.cc-btn-ghost{background:transparent;color:var(--c-ink);
      &:hover{background:var(--c-paper-alt)}
    }
    &.cc-btn-solid{background:var(--c-ink);color:#faf6f0;border-color:var(--c-ink);
      &:hover{background:var(--c-accent);border-color:var(--c-accent)}
    }
  }
}


@media (max-width:1080px){
  .hero .hero-in{grid-template-columns:1fr}
  .hero .hero-card{margin-top:40px}
  .val-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid{grid-template-columns:1fr}
  .form-wrap,.contact-grid{grid-template-columns:1fr}
  .split-ov{grid-template-columns:1fr}
  .split-ov-rev .split-ov-txt{order:1}
  .split-ov-rev .split-ov-img{order:2}
}

@media (max-width:860px){
  .hdr .hdr-nav,.hdr .hdr-cta{display:none}
  .hdr .hdr-burger{display:flex}
  .feat,.feat.feat-rev{grid-template-columns:1fr}
  .feat .feat-img,.feat.feat-rev .feat-img{order:1}
  .feat .feat-txt,.feat.feat-rev .feat-txt{order:2}
  .story-row,.story-row.story-row-rev{grid-template-columns:1fr}
  .story-row .story-row-img,.story-row.story-row-rev .story-row-img{order:1}
  .story-row .story-row-txt,.story-row.story-row-rev .story-row-txt{order:2}
  .dual{grid-template-columns:1fr}
  .dual-div{width:100%;height:1px;margin:20px 0}
  .ftr-top{grid-template-columns:1fr 1fr}
  .cookie-row{grid-template-columns:1fr 1fr}
}

@media (max-width:640px){
  .container{padding:0 18px}
  .hero{padding:120px 18px 70px}
  .hero .hero-crd{padding:26px;margin-top:100px}
  .hero .hero-card-img{height:260px}
  .val-grid{grid-template-columns:1fr}
  .frm-row-2{grid-template-columns:1fr}
  .mmenu-left{width:100%;padding:90px 26px 30px}
  .mmenu-right{display:none}
  .ftr-top{grid-template-columns:1fr;gap:30px;padding:3.4rem 20px 2.2rem}
  .cookie-row{grid-template-columns:1fr}
  .cc-modal{padding:26px}
  .cc-btns{flex-direction:column}
  .hero-btns{flex-direction:column;align-items:stretch}
}