@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root{--side:230px;--ink:#171512;--cream:#f4efe8;--beige:#c1aa91;--line:rgba(23,21,18,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}
a{text-decoration:none;color:inherit}
img{width:100%;display:block}
button{font:inherit}
main{margin-left:var(--side)}
.kicker{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9b8067;margin-bottom:18px}
h1,h2,h3,.woman-name{font-family:"Playfair Display",serif}
.sidebar{position:fixed;z-index:1000;inset:0 auto 0 0;width:var(--side);background:#fff;border-right:1px solid var(--line);padding:26px 30px 25px;flex-direction:column;justify-content:space-between}
.brand{display:block;text-align:center}
.logo-orbit{width:115px;height:115px;margin:0 auto 10px;border:1px solid #d7d3cd;border-radius:50%;display:grid;place-items:center;position:relative}
.logo-orbit:after{content:"";position:absolute;width:92px;height:92px;border:1px solid #ddd8d1;border-radius:50%;transform:translate(30px,-15px)}
.logo-orbit span{font-family:Georgia,serif;font-size:42px;font-weight:bold;letter-spacing:-8px;position:relative;z-index:2}
.brand strong{display:block;font-family:Georgia,serif;font-size:35px;line-height:1;margin-top:10px}
.brand small{display:block;margin-top:12px;color:#6e6962;font-family:Georgia,serif;font-weight:bold}
.sidebar nav{border-top:1px solid var(--line);margin-top:32px;padding-top:25px;text-align:center;display:flex;flex-direction:column;gap:18px;font-family:Georgia,serif;font-weight:bold;font-size:14px}
.sidebar nav a{transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{color:#9b8067}
.sidebar-foot{text-align:center;color:#69645e;font-family:Georgia,serif;font-size:11px;line-height:1.8}
.social{display:flex;justify-content:center;gap:13px;font-family:"DM Sans";font-size:13px;margin-bottom:15px}
.credit{margin-top:8px;color:#99938c}
.hero{height:50vh;min-height:470px;background:#ded5cb}
.hero-slide{height:100%;position:relative;background-size:cover;background-position:center}
.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,240,234,.97) 0%,rgba(245,240,234,.82) 31%,rgba(245,240,234,.12) 58%,rgba(245,240,234,0) 100%)}
.hero-slide-vit{background-image:url('images/rucne-vyrabene-bryle-hero.jpg')}
.hero-slide-1{background-image:url('images/hero-slide-1.jpg')}
.hero-slide-2{background-image:url('images/bryle.jpg')}
.hero-slide-3{background-image:url('images/mereni-zraku.jpg')}
.hero-copy{position:relative;z-index:2;height:100%;width:47%;padding:35px 5vw;display:flex;flex-direction:column;justify-content:center}
.hero-copy .kicker{margin-bottom:8px}
.hero-copy h1,.hero-copy h2{font-size:clamp(48px,5.5vw,88px);line-height:.96;letter-spacing:-.055em;margin:0 0 18px;font-weight:500}
.hero-copy h1 em,.hero-copy h2 em{font-weight:500}
.hero-copy p{font-family:Georgia,serif;font-size:14px;line-height:1.45;margin:0 0 18px}
.black-btn,.outline-btn{    width: max-content;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 13px 18px;
    font-family: Georgia, serif;
    font-size: 11px;
    letter-spacing: .03em;
    border: 1px solid var(--ink);
    white-space: nowrap;}
.black-btn{background:#111;color:#fff}.black-btn:hover{background:#302d29;color:#fff}
.outline-btn:hover{background:#111;color:#fff}
.hero-arrow{width:42px;height:58px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.45);opacity:1;color:#111;font-size:18px}
.carousel-control-prev{left:0}.carousel-control-next{right:0}
.hero-dots{left:44%;right:auto;bottom:14px;margin:0;gap:8px}
.hero-dots [data-bs-target]{text-indent:0;width:30px;height:24px;border:0;background:none;color:#777;font-size:10px;opacity:1;border-bottom:1px solid transparent}
.hero-dots .active{color:#111;border-bottom-color:#111}
.intro{height:50vh;min-height:480px;display:grid;grid-template-columns:37% 31.5% 31.5%;background:#f8f5f0}
.intro-text{padding:38px 5vw;display:flex;flex-direction:column;justify-content:center}
.intro-text h2{font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.04em;margin:0}
.intro-sub{font-family:Georgia,serif;color:#a18871;font-size:19px;margin:8px 0 22px}
.intro-text>p:not(.intro-sub){font-family:Georgia,serif;font-size:13px;line-height:1.55;max-width:420px;margin:0 0 8px}
.woman-card{position:relative;padding:0;border:0;background:#222;overflow:hidden;text-align:left;color:#fff}
.woman-card img{height:100%;object-fit:cover;transition:transform .6s ease}
.woman-card:hover img{transform:scale(1.035)}
.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 55%)}
.woman-info{position:absolute;inset:auto 28px 24px;display:flex;flex-direction:column}
.woman-name{font-size:28px}
.woman-info small{font-family:Georgia,serif;margin:3px 0 30px}
.more{font-family:Georgia,serif;font-size:11px}.more i{margin-left:14px}
.glasses{min-height:620px;display:grid;grid-template-columns:56% 44%;background:#f5f0e8}
.glasses-photo{background:url('images/bryle.jpg') center/cover no-repeat}
.glasses-copy{padding:70px 7vw;display:flex;flex-direction:column;justify-content:center}
.glasses-copy h2{font-size:clamp(43px,4.6vw,70px);line-height:1.02;letter-spacing:-.04em;margin:0 0 25px}
.glasses-copy p{font-family:Georgia,serif;line-height:1.7;font-size:14px;max-width:420px;margin-bottom:28px}
.services{display:grid;grid-template-columns:repeat(4,1fr);min-height:390px}
.service-card{position:relative;overflow:hidden;color:#fff;background-size:cover;background-position:center}
.service-rucni{background-image:url('images/rucne-vyrabene-bryle.jpg')}
.service-eye{background-image:url('images/mereni-zraku.jpg')}
.service-lens{background-image:url('images/kontaktni-cocky.jpg')}
.service-zeiss{background-image:url('images/zeiss.jpg')}
.service-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.08))}
.service-content{position:absolute;inset:auto 35px 30px}
.service-content .kicker{color:#d8c3ae;margin-bottom:9px}
.service-content h3{font-size:30px;margin:0 0 8px}
.service-content p{font-family:Georgia,serif;font-size:13px;line-height:1.5;max-width:330px}
.service-content b{font-family:Georgia,serif;font-size:11px;font-weight:normal}
.statement{padding:75px 8vw;background:#f2ebe3;display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:70px}
.statement h2{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0}
.statement h2 em{font-weight:500}
.statement p{font-family:Georgia,serif;line-height:1.65;font-size:14px;max-width:400px}
.photo-strip{display:grid;grid-template-columns:1fr 1fr 1.3fr;height:270px;gap:3px;background:#fff}
.photo{background-size:cover;background-position:center}
.p2{background-image:url('images/interior.jpg')}
.p1{background-image:url('images/mereni-zraku.jpg')}
.p3{background-image:url('images/hero-slide-1.jpg')}
.contact{background:#f8f5f0;padding:65px 5vw;display:grid;grid-template-columns:1.15fr .8fr 1.1fr;gap:55px;align-items:center}
.contact-title h2{font-size:clamp(45px,4.5vw,68px);line-height:1;letter-spacing:-.04em;margin:0}
.contact-title p{font-family:Georgia,serif;color:#a18871;font-size:24px;margin:10px 0 0}
.contact-info p{display:flex;gap:14px;font-family:Georgia,serif;font-size:12px;line-height:1.5}
.contact-info i{color:#9b8067}
.contact-card{background:#fff;padding:10px}
.shop-photo{height:210px;background:url('images/interior.jpg') center/cover}
.contact-card .black-btn{margin:10px auto 0}
.person-modal .modal-dialog{max-width:1080px}
.person-modal .modal-content{border:0;border-radius:0;display:grid;grid-template-columns:48% 52%;overflow:hidden;background:#f7f3ed;min-height:650px;position:relative}
.modal-person-photo img{height:100%;object-fit:cover}
.modal-person-copy{padding:65px 65px;display:flex;flex-direction:column;justify-content:center}
.modal-person-copy h2{font-size:70px;line-height:1;margin:0;letter-spacing:-.04em}
.role{font-family:Georgia,serif;color:#a18871;font-size:18px;margin:8px 0}
.rule{width:60px;height:1px;background:#c8b7a5;margin:25px 0}
.modal-person-copy>p:not(.role){font-family:Georgia,serif;line-height:1.7;font-size:15px}
.specials{margin-top:22px;display:grid;gap:12px}
.specials span{font-family:Georgia,serif;font-size:13px;display:flex;gap:12px;align-items:center}
.specials i{    width: 25px;
    font-size: 1.3em;
    color: #9b8067;}
.modal-x{position:absolute;z-index:3;right:18px;top:18px;border:0;background:transparent;font-size:20px}
.mobilebar{display:flex;position:fixed;z-index:1030;inset:0 0 auto;height:66px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);padding:0 20px;align-items:center;justify-content:space-between}
.mobilebar a{display:flex;flex-direction:column}.mobilebar strong{font-family:Georgia,serif;font-size:25px}.mobilebar small{font-family:Georgia,serif;font-weight:bold;font-size:10px;color:#6e6962}
.mobilebar button{border:0;background:none;font-size:28px}
.mobile-menu{display:flex;flex-direction:column}.mobile-menu a{font-family:Georgia,serif;font-size:25px;padding:14px 0;border-bottom:1px solid var(--line)}
.offcanvas-brand strong{display:block;font-family:Georgia,serif;font-size:28px;line-height:1}
.offcanvas-brand small{display:block;margin-top:6px;font-family:Georgia,serif;font-weight:bold;font-size:11px;color:#6e6962}
.offcanvas-foot{margin-top:10px;padding-top:20px}
.offcanvas-foot .sidebar-place,.offcanvas-foot .sidebar-instagram{text-align:left;border:none;padding:0;margin:0}
.offcanvas-foot .sidebar-place{margin-bottom:14px}
@media(max-width:1199px){:root{--side:205px}.sidebar{padding-left:22px;padding-right:22px}.hero-copy{width:55%}.intro{grid-template-columns:40% 30% 30%}}
@media(max-width:991.98px){body{padding-top:66px}main{margin-left:0}.hero{height:55vh;min-height:480px}.intro{height:auto;min-height:0;grid-template-columns:1fr 1fr}.intro-text{grid-column:1/-1;padding:60px 7vw}.woman-card{height:520px}.glasses{grid-template-columns:1fr}.glasses-photo{height:500px}.services{grid-template-columns:1fr}.service-card{height:380px}.statement{grid-template-columns:1fr}.contact{grid-template-columns:1fr 1fr}.contact-card{grid-column:1/-1}.person-modal .modal-content{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.hero{height:calc(100vh - 66px)}.hero-copy{width:100%;padding:45px 7vw;justify-content:flex-end;padding-bottom:85px}.hero-slide:before{background:linear-gradient(180deg,rgba(245,240,234,.2),rgba(245,240,234,.92) 72%)}.hero-copy h1{font-size:64px}.hero-dots{left:7vw}.intro{grid-template-columns:1fr}.intro-text{grid-column:auto}.woman-card{height:500px}.glasses-photo{height:380px}.glasses-copy{padding:60px 7vw}.statement{padding:70px 7vw;gap:25px}.photo-strip{grid-template-columns:1fr;height:auto}.photo{height:260px}.contact{grid-template-columns:1fr;padding:60px 7vw}.contact-card{grid-column:auto}.person-modal .modal-dialog{margin:0;max-width:none}.person-modal .modal-content{grid-template-columns:1fr;min-height:100vh}.modal-person-photo{height:45vh}.modal-person-copy{padding:45px 28px}.modal-person-copy h2{font-size:56px}}

/* ===== EXTENDED VERSION ===== */
.brand-story{
  padding:110px 7vw;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  align-items:center;
  background:#fff;
}
.brand-story h2{
  font-family:"Playfair Display",serif;
  font-size:clamp(48px,5.3vw,80px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:0;
}
.brand-story h2 em{font-weight:500}
.brand-story-copy>p{
  font-family:Georgia,serif;
  font-size:15px;
  line-height:1.85;
  color:#554e47;
  max-width:670px;
}
.brand-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px 30px;
  margin-top:35px;
}
.brand-points>div{
  border-top:1px solid var(--line);
  padding-top:15px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.brand-points strong{font-family:Georgia,serif;font-size:15px}
.brand-points span{font-size:12px;color:#7d756d}

.instagram-section{padding:100px 6vw;background:#fff}
.instagram-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}
.instagram-head h2{
  font-family:"Playfair Display",serif;
  font-size:clamp(45px,5vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:0;
}
.instagram-head h2 em{font-weight:500}
.instagram-head p{max-width:510px;font-family:Georgia,serif;font-size:14px;line-height:1.8;color:#625a53;margin:0}
.instagram-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr 1.18fr;gap:8px;align-items:stretch}
.instagram-card{position:relative;min-height:330px;overflow:hidden;background:#eee}
.instagram-card.large{min-height:430px}
.instagram-card img{height:100%;object-fit:cover;transition:transform .45s ease}
.instagram-card:hover img{transform:scale(1.035)}
.instagram-card span{position:absolute;left:15px;bottom:14px;background:rgba(255,255,255,.88);padding:7px 11px;font-family:Georgia,serif;font-size:11px}
.instagram-card:after{content:"↗";position:absolute;right:14px;top:14px;width:34px;height:34px;background:rgba(255,255,255,.86);border-radius:50%;display:grid;place-items:center;font-size:13px}

.faq-section{
  padding:100px 7vw;
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:7vw;
  background:#fff;
}
.faq-intro h2{
  font-family:"Playfair Display",serif;
  font-size:clamp(44px,5vw,72px);
  line-height:1;
  letter-spacing:-.04em;
  margin:0;
}
.faq-intro p{font-family:Georgia,serif;line-height:1.8;color:#665e57;margin-top:25px;max-width:430px}
.faq-section .accordion{--bs-accordion-border-color:var(--line);--bs-accordion-border-radius:0;--bs-accordion-inner-border-radius:0;--bs-accordion-btn-focus-box-shadow:none}
.faq-section .accordion-item{border-left:0;border-right:0}
.faq-section .accordion-button{font-family:Georgia,serif;font-size:17px;padding:22px 0;background:#fff!important;color:#171512}
.faq-section .accordion-body{font-family:Georgia,serif;line-height:1.75;color:#635b54;padding:0 0 24px}

/* landing pages */
.page-hero{min-height:58vh;background:#f4efe8;display:grid;grid-template-columns:1fr 1fr}
.page-hero-copy{padding:80px 7vw;display:flex;flex-direction:column;justify-content:center}
.page-hero h1{font-family:"Playfair Display",serif;font-size:clamp(56px,7vw,105px);line-height:.92;letter-spacing:-.055em;margin:0 0 28px}
.page-hero-copy p{font-family:Georgia,serif;max-width:540px;line-height:1.85;color:#5d554e;margin-bottom:28px}
.page-hero-photo{background-size:cover;background-position:center}
.page-content{padding:95px 7vw;background:#fff}
.content-two{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw}
.content-two h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.04em;margin:0}
.content-two h2 em{font-weight:500}
.prose{font-family:Georgia,serif;font-size:16px;line-height:1.9;color:#554f49}
.steps{padding:85px 7vw;background:#f7f3ed}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.step{border-top:1px solid #bca994;padding-top:20px}
.step>span{font-size:11px;color:#a68a70}
.step h3{font-family:"Playfair Display",serif;font-size:26px;margin:12px 0}
.step p{font-family:Georgia,serif;font-size:13px;line-height:1.65;color:#665e57}
.cta-band{padding:70px 7vw;background:#171512;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-band h2{font-family:"Playfair Display",serif;font-size:clamp(35px,4vw,58px);margin:0}
.cta-band .outline-btn{border-color:#fff;color:#fff}.cta-band .outline-btn:hover{background:#fff;color:#111}

@media(max-width:1199px){
  .instagram-grid{grid-template-columns:1fr 1fr}
  .instagram-card,.instagram-card.large{min-height:360px}
}
@media(max-width:991.98px){
  .brand-story,.faq-section,.page-hero,.content-two{grid-template-columns:1fr}
  .brand-story{padding:80px 7vw}
  .page-hero-photo{min-height:500px}
  .steps-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767.98px){
  .brand-story{gap:40px}
  .brand-points{grid-template-columns:1fr}
  .instagram-section{padding:70px 7vw}
  .instagram-head{align-items:flex-start;flex-direction:column;gap:25px}
  .instagram-grid{grid-template-columns:1fr 1fr}
  .instagram-card,.instagram-card.large{min-height:245px}
  .faq-section{padding:70px 7vw;gap:45px}
  .page-hero{min-height:auto}
  .page-hero-copy{padding:70px 7vw}
  .page-hero-photo{min-height:360px}
  .page-content,.steps{padding:70px 7vw}
  .steps-grid{grid-template-columns:1fr}
  .cta-band{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){.instagram-grid{grid-template-columns:1fr}.instagram-card,.instagram-card.large{min-height:330px}}


/* ===== FINAL CONTENT / LANDING PAGE ENHANCEMENTS ===== */
.service-copy-section{
  padding:90px 7vw;
  background:#fff;
}
.service-copy-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:7vw;
  align-items:start;
}
.service-copy-title h2{
  font-family:"Playfair Display",serif;
  font-size:clamp(42px,5vw,72px);
  line-height:1;
  letter-spacing:-.045em;
  margin:0;
}
.service-copy-title h2 em{font-weight:500}
.service-copy-body{
  font-family:Georgia,serif;
  color:#554f49;
  font-size:16px;
  line-height:1.9;
}
.service-copy-body p{margin:0 0 20px}
.service-note{
  margin-top:32px;
  padding:24px 26px;
  background:#f5efe8;
  border-left:2px solid #a68a70;
}
.service-note strong{
  display:block;
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#947a63;
  margin-bottom:8px;
}
.service-note p{margin:0;font-size:14px;line-height:1.7}

.faq-cards{
  display:grid;
  gap:12px;
}
.faq-card{
  background:#f8f5f0;
  border:1px solid rgba(23,21,18,.08);
  transition:.2s ease;
}
.faq-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 35px rgba(40,30,20,.06);
}
.faq-card .accordion-button{
  padding:22px 24px!important;
  gap:16px;
  background:transparent!important;
}
.faq-number{
  flex:0 0 auto;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid #cdbca9;
  border-radius:50%;
  color:#92785f;
  font-family:"DM Sans",sans-serif;
  font-size:10px;
}
.faq-card .accordion-body{
  padding:0 24px 24px 72px!important;
  font-size:14px;
}
.faq-card.accordion-item{border:1px solid rgba(23,21,18,.08)!important}

.map-section{
  position:relative;
  background:#e9e4dc;
}
.map-section iframe{
  display:block;
  width:100%;
  height:430px;
  border:0;
  filter:grayscale(25%) contrast(.96);
}
.map-card{
  position:absolute;
  left:5vw;
  bottom:34px;
  width:min(390px,calc(100% - 10vw));
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  padding:26px 28px;
  box-shadow:0 18px 55px rgba(30,25,20,.12);
}
.map-card h3{
  font-family:"Playfair Display",serif;
  font-size:31px;
  margin:0 0 8px;
}
.map-card p{
  font-family:Georgia,serif;
  margin:0 0 18px;
  color:#625b54;
  line-height:1.55;
}
.map-card a{
  font-family:Georgia,serif;
  font-size:11px;
  display:inline-flex;
  gap:10px;
  align-items:center;
}

@media(max-width:991.98px){
  .service-copy-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:767.98px){
  .service-copy-section{padding:70px 7vw}
  .faq-card .accordion-body{padding-left:24px!important}
  .map-section iframe{height:520px}
  .map-card{left:7vw;bottom:25px;width:86vw}
}


/* ===== SIDEBAR FINAL ===== */
.sidebar-foot{
  text-align:left; color:#69645e; font-family:Georgia,serif; font-size:11px; line-height:1.6;
}
.sidebar-place{border-top:1px solid var(--line); padding-top:18px; margin-bottom:14px;}
.sidebar-place a{display:block;font-size:12px;color:#4f4943;}
.sidebar-instagram{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:18px;}
.sidebar-instagram a{display:flex;align-items:center;gap:9px;font-family:"DM Sans",sans-serif;font-size:12px;color:#2f2b27;}
.sidebar-instagram a .bi-arrow-up-right{margin-left:auto;font-size:11px;}
.sidebar-instagram a:hover{color:var(--warm);}
.sidebar-legal{text-align:center;display:grid;gap:6px;color:#8a847d;}
.sidebar-legal a{text-decoration:underline;text-underline-offset:2px;}
.sidebar-legal a:hover{color:#5e554c;}
.sidebar .social{display:none!important;}
@media(max-width:1199px){.sidebar-foot{font-size:10px}.sidebar-place a,.sidebar-instagram a{font-size:11px}}


/* ===== POLISH: BENEFIT ICONS, PERSON BUTTONS, LANDING CTA ===== */

.brand-point{
  min-height:108px;
}
.brand-point > i{
  display:block;
  width:max-content;
  margin-bottom:13px;
  color:var(--warm);
  font-size:22px;
  line-height:1;
  font-weight:400;
}
.brand-point:hover > i{
  transform:translateY(-2px);
}
.brand-point > i{
  transition:transform .2s ease;
}

/* Hanka / Terka action: visible but still editorial */
.person-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:max-content;
  min-width:145px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.72);
  color:#fff;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.woman-card:hover .person-more-btn{
  background:#fff;
  color:#171512;
  border-color:#fff;
}
.person-more-btn i{
  transition:transform .2s ease;
}
.woman-card:hover .person-more-btn i{
  transform:translateX(3px);
}

/* Landing-page mini navigation */
.page-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:4px;
}
.page-hero-actions .black-btn,
.page-hero-actions .outline-btn{
  min-height:45px;
}
.page-hero-actions .black-btn{
  gap:10px;
}
.page-hero-actions .faq-jump{
  gap:18px;
  background:rgba(255,255,255,.22);
}
.page-hero-actions .faq-jump:hover{
  background:#fff;
  color:#171512;
}
#faq{
  scroll-margin-top:30px;
}

/* Make phone link in contact visually identical to the surrounding data */
.contact-info a{
  color:inherit;
  text-decoration:none;
}
.contact-info a:hover{
  color:var(--warm);
}

/* FAQ gets a tiny visual cue that this is a destination */
.faq-section{
  scroll-margin-top:24px;
}

@media(max-width:575.98px){
  .page-hero-actions{
    align-items:flex-start;
    flex-direction:column;
  }
  .page-hero-actions .black-btn,
  .page-hero-actions .outline-btn{
    width:100%;
    justify-content:space-between;
  }
  .person-more-btn{
    min-width:138px;
  }
}