/* about-us.css — page-specific styles for about-us.html
   Shared header/nav/mobile-menu/footer/dropdown chrome lives in css/site.css.
   The rules below are either:
     (a) page-specific design tokens/content sections not present in site.css, or
     (b) small header overrides needed because this page uses its own display/body
         fonts (Playfair Display / Plus Jakarta Sans) and radius/muted/line values,
         so the shared header elements are pinned back to the site's Fraunces/Inter
         fonts via --header-display/--header-body, and a couple of dropdown/nav-cta
         details keep this page's original (non-mood-reactive) styling.
*/

.fa-plus {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

.fa-building {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1'/%3E%3Cpath d='M8 7h1M15 7h1M8 11h1M15 11h1M8 15h1M15 15h1M10 21v-4h4v4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1'/%3E%3Cpath d='M8 7h1M15 7h1M8 11h1M15 11h1M8 15h1M15 15h1M10 21v-4h4v4'/%3E%3C/svg%3E");
}

.fa-building-columns {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V10M20 21V10M3 10l9-6 9 6M7 10v7M12 10v7M17 10v7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V10M20 21V10M3 10l9-6 9 6M7 10v7M12 10v7M17 10v7'/%3E%3C/svg%3E");
}

.fa-feather {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c-6 0-14 4-14 12 0 2 1 3 3 3 8 0 12-8 12-14 0-.5 0-1-1-1z'/%3E%3Cpath d='M4 20l7-7M11 11l3 3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c-6 0-14 4-14 12 0 2 1 3 3 3 8 0 12-8 12-14 0-.5 0-1-1-1z'/%3E%3Cpath d='M4 20l7-7M11 11l3 3'/%3E%3C/svg%3E");
}

.fa-pen-nib {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l6-6M12 4l8 8-6 6-8-8z'/%3E%3Cpath d='M12 4l-2 6 4 4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l6-6M12 4l8 8-6 6-8-8z'/%3E%3Cpath d='M12 4l-2 6 4 4'/%3E%3C/svg%3E");
}

.fa-microphone-lines {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3M9 21h6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3M9 21h6'/%3E%3C/svg%3E");
}

.fa-heart-circle-check {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9.5-9A5 5 0 0 1 12 6a5 5 0 0 1 9.5 5c-.4.8-.9 1.6-1.5 2.3'/%3E%3Ccircle cx='18' cy='17' r='4.2'/%3E%3Cpath d='M16.3 17l1.2 1.2 2.2-2.4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9.5-9A5 5 0 0 1 12 6a5 5 0 0 1 9.5 5c-.4.8-.9 1.6-1.5 2.3'/%3E%3Ccircle cx='18' cy='17' r='4.2'/%3E%3Cpath d='M16.3 17l1.2 1.2 2.2-2.4'/%3E%3C/svg%3E");
}

.fa-shield-heart {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 5-3.5 7.5-7 9-3.5-1.5-7-4-7-9V6z'/%3E%3Cpath d='M12 15.5s-3-1.8-3-4a2 2 0 0 1 3-1.7A2 2 0 0 1 15 11.5c0 2.2-3 4-3 4z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 5-3.5 7.5-7 9-3.5-1.5-7-4-7-9V6z'/%3E%3Cpath d='M12 15.5s-3-1.8-3-4a2 2 0 0 1 3-1.7A2 2 0 0 1 15 11.5c0 2.2-3 4-3 4z'/%3E%3C/svg%3E");
}

:root {
  --bg-surface: #17120c;  /* used by .why; was never defined, so that section had no background */
  --muted: #b8aba0;
  --line: rgba(243, 236, 222, 0.1);
  --radius: 12px;
  --display: 'Playfair Display', serif;
  --body: 'Plus Jakarta Sans', sans-serif;
  --header-display: 'Fraunces', serif;
  --header-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
}

.wrap {
  padding: 0 24px;
}

#site-header .brand-text strong {
font-family: var(--header-display);
font-size: 19px;
font-weight: 600;
letter-spacing: .2px;
white-space: nowrap;
}

#site-header .brand-text small {
font-family: var(--header-body);
font-size: 11.5px;
color: var(--muted);
white-space: nowrap;
}

#site-header .primary-nav a,
#site-header .dropdown-trigger {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--header-body);
font-size: 14.5px;
color: var(--muted);
padding: 10px 14px;
border-radius: var(--radius);
background: none;
border: 0;
cursor: pointer;
transition: color .25s ease;
}

#site-header .primary-nav a::after,
#site-header .dropdown-trigger::after {
content: '';
position: absolute;
left: 14px;
right: 14px;
bottom: 6px;
height: 2px;
border-radius: 2px;
background:
linear-gradient(
90deg,
var(--gold),
var(--rust)
);
transform: scaleX(0);
transform-origin: left;
transition:
transform .35s cubic-bezier(.22,.9,.3,1),
filter .35s ease;
}

#site-header .primary-nav a:hover::after,
#site-header .primary-nav a:focus-visible::after,
#site-header .primary-nav a.active::after,
#site-header .has-dropdown:hover .dropdown-trigger::after,
#site-header .has-dropdown.open .dropdown-trigger::after {
transform: scaleX(1);
}

#site-header .dropdown-glow {
position: absolute;
inset: 0;
pointer-events: none;
opacity: .55;
background:
radial-gradient(
circle at 30% 10%,
rgba(255,210,74,.22),
transparent 60%
);
transition: background .4s ease;
}

#site-header .dropdown-item {
position: relative;
display: flex;
align-items: center;
gap: 14px;
padding: 13px 12px;
border-radius: 10px;
transition:
background .2s ease;
}

.di-glyph {
flex: none;
width: 38px;
height: 38px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 16px;
color: #1B1206;
background:
linear-gradient(
135deg,
var(--gold),
var(--rust)
);
box-shadow:
0 0 16px rgba(227,161,61,.45);
}

#site-header .di-text strong {
display: block;
font-family: var(--header-display);
font-size: 15.5px;
font-weight: 600;
color: var(--cream);
}

#site-header .di-text small {
display: block;
margin-top: 3px;
font:
italic 300 12.5px/1.4
var(--header-display);
color: var(--muted);
}

#site-header .dropdown-item:hover .fa-arrow-right {
opacity: 1;
transform: translateX(0);
color: var(--gold);
}

#site-header .nav-cta {
position: relative;
display: inline-flex;
align-items: center;
gap: 9px;
padding: 11px 22px;
border-radius: 9999px;
font-family: var(--header-body);
font-size: 14px;
font-weight: 700;
color: #1B1206;
white-space: nowrap;
background:
linear-gradient(
90deg,
var(--gold),
#FF5A36,
var(--rust),
var(--gold)
) 0 0/300% 100%;
animation: headerCtaShimmer 5s linear infinite;
box-shadow:
0 0 22px rgba(227,161,61,.4);
transition:
transform .25s ease,
box-shadow .25s ease;
z-index: 1;
}

@keyframes headerCtaShimmer {
to {
background-position: -300% 0;
}
}

#site-header .btn-pulse::before {
content: '';
position: absolute;
inset: 0;
border-radius: 9999px;
background: rgba(227,161,61,.55);
z-index: -1;
animation:
headerPulse 2.2s ease-out infinite;
}

@keyframes headerPulse {
0% {
transform: scale(1);
opacity: .7;
}
70% {
transform: scale(1.18,1.32);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0;
}
}

.overlay-nav > ul {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 2px;
width: 100%;
max-width: 420px;
}

.overlay-nav a,
.overlay-toggle {
font-family: var(--header-display);
font-size: 24px;
font-weight: 400;
color: var(--cream);
padding: 12px 6px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: none;
border: 0;
text-align: left;
cursor: pointer;
}

.overlay-submenu a {
font-family: var(--header-body);
font-size: 16px;
padding: 9px 6px;
color: var(--muted);
}

@media (max-width: 980px) {
#site-header .primary-nav {
display: none;
}
#site-header .header-actions .nav-cta .btn-label {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
#site-header .header-actions .nav-cta {
padding: 11px 14px;
}
#site-header .hamburger {
display: block;
}
#site-header .dropdown-cols-2 {
grid-template-columns: 1fr;
}
}

@media (max-width: 600px) {
#site-header .nav-row {
height: 70px;
gap: 10px;
}
#site-header .brand {
gap: 8px;
}
#site-header .brand-mark {
width: 34px;
height: 34px;
font-size: 20px;
}
#site-header .brand-text strong {
font-size: 17px;
}
#site-header .brand-text small {
font-size: 10px;
}
#site-header .eq {
gap: 2px;
}
#site-header .eq i {
width: 2px;
}
#site-header .header-actions {
gap: 8px;
}
#site-header .nav-cta {
padding: 10px 12px;
}
}

@media (prefers-reduced-motion: reduce) {
.mood-rail,
#site-header .eq i,
#site-header .nav-cta,
#site-header .btn-pulse::before,
.overlay-notes span {
animation: none !important;
}
.overlay-nav > ul > li {
animation: none !important;
opacity: 1;
transform: none;
filter: none;
}
}

.ab-hero {
position: relative;
padding: 100px 0 70px;
text-align: center;
border-bottom:
1px solid
var(--line);
overflow: hidden;
background:
radial-gradient(
circle at 50% 0%,
rgba(227,161,61,.2),
transparent 65%
);
}

.ab-hero::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: .55;
background:
radial-gradient(
circle at 12% 25%,
rgba(255,90,54,.1),
transparent 45%
),
radial-gradient(
circle at 88% 15%,
rgba(201,182,255,.1),
transparent 45%
);
}

.eyebrow {
position: relative;
font:
12px ui-monospace,
monospace;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--gold-soft);

margin-bottom: 14px;
display: inline-block;
}

.ab-hero h1 {
position: relative;
font-family: var(--display);
font-size:
clamp(38px,6vw,64px);
font-weight: 600;
margin-bottom: 18px;
background:
linear-gradient(
90deg,
var(--cream),
var(--gold-soft) 50%,
var(--cream)
);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation:
titleshine 6s linear infinite;
}

@keyframes titleshine {
to {
background-position: -200% 0;
}
}

.ab-hero p {
position: relative;
max-width: 680px;
margin: 0 auto;
font-size: 18px;
color: var(--muted);
font-weight: 300;
}

.lineage {
padding: 70px 0;
}

.lineage-card {
position: relative;
display: grid;
grid-template-columns:
120px 1fr;
gap: 32px;
align-items: center;
background:
linear-gradient(
135deg,
rgba(23,18,12,.95),
rgba(35,26,17,.95)
);
border:
1px solid
var(--line-strong);
border-radius: 24px;
padding: 44px;
box-shadow:
0 30px 60px
rgba(0,0,0,.4);
}

.lineage-badge {
width: 120px;
height: 120px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 44px;
color: #1B1206;
background:
linear-gradient(
135deg,
var(--gold),
#FF5A36,
var(--rust)
) 0 0/300% 100%;
animation:
headerCtaShimmer 5s linear infinite;
box-shadow:
0 0 46px
rgba(227,161,61,.5);
}

.lineage-text h2 {
font-family: var(--display);
font-size:
clamp(24px,3vw,32px);
font-weight: 600;
margin-bottom: 12px;
}

.lineage-text p {
color: var(--muted);
font-size: 15.5px;
margin-bottom: 10px;
}

.lineage-text p:last-child {
margin-bottom: 0;
}

.lineage-text strong {
color: var(--cream);
}

.founder {
padding: 30px 0 90px;
}

.founder-grid {
display: grid;
grid-template-columns:
220px 1fr;
gap: 44px;
align-items: start;
max-width: 920px;
margin: 0 auto;
}

.founder-portrait {
width: 220px;
height: 220px;
border-radius: 50%;
margin: 0 auto;
display: grid;
place-items: center;
font-size: 72px;
color: var(--gold-soft);
background:
linear-gradient(
180deg,
rgba(23,18,12,.9),
rgba(15,12,9,.95)
);
border:
1px solid
var(--line-strong);
box-shadow:
0 0 40px
rgba(227,161,61,.15);
}

.founder-text .eyebrow {
margin-bottom: 10px;
}

.founder-text h2 {
font-family: var(--display);
font-size:
clamp(26px,3.5vw,36px);
font-weight: 600;
margin-bottom: 16px;
}

.founder-text p {
color: var(--muted);
font-size: 15.5px;
margin-bottom: 14px;
}

.founder-quote {
position: relative;
margin: 22px 0;
padding: 20px 24px;
border-left:
3px solid
var(--gold);
background:
rgba(243,236,222,.03);
border-radius:
0 12px 12px 0;
}

.founder-quote p {
font-family: var(--display);
font-style: italic;
font-size: 18px;
color: var(--cream);
margin-bottom: 8px;
}

.founder-quote span {
font-size: 13px;
color: var(--gold-soft);
text-transform: uppercase;
letter-spacing: 1px;
}

.why {
padding: 20px 0 100px;
background:
var(--bg-surface);
border-top:
1px solid
var(--line);
border-bottom:
1px solid
var(--line);
}

.why .wrap {
padding-top: 90px;
}

.process-head {
max-width: 640px;
margin:
0 auto 60px;
text-align: center;
}

.process-head h2 {
font-family: var(--display);
font-size:
clamp(30px,4vw,42px);
font-weight: 600;
margin-bottom: 14px;
}

.process-head p {
color: var(--muted);
font-size: 16.5px;
}

.pillar-grid {
display: grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));
gap: 32px;
}

.pillar-card {
position: relative;
background:
linear-gradient(
180deg,
rgba(23,18,12,.9),
rgba(15,12,9,.95)
);
border:
1px solid
var(--line-strong);
border-radius: 20px;
padding: 36px 30px;
overflow: hidden;
transition:
transform .3s ease,
border-color .3s ease,
box-shadow .3s ease;
}

.pillar-card:hover {
transform:
translateY(-4px);
box-shadow:
0 20px 40px -15px
rgba(227,161,61,.2);
}

.card-glow {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background:
linear-gradient(
90deg,
rgb(var(--m-a)),
rgb(var(--m-b))
);
}

.pillar-icon {
width: 54px;
height: 54px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 22px;
color: #1B1206;
background:
linear-gradient(
135deg,
rgb(var(--m-a)),
rgb(var(--m-b))
);
margin-bottom: 24px;
box-shadow:
0 0 20px
rgba(227,161,61,.3);
}

.pillar-card h3 {
font-family: var(--display);
font-size: 21px;
font-weight: 600;
margin-bottom: 12px;
}

.pillar-card p {
font-size: 14.5px;
color: var(--muted);
line-height: 1.6;
}

.guarantee {
padding: 90px 0;
}

.guarantee-card {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 28px;
border:
1px solid
var(--line-strong);
border-radius: 20px;
padding: 38px 40px;
background:
rgba(243,236,222,.02);
}

.guarantee-left {
display: flex;
align-items: center;
gap: 20px;
min-width: 280px;
}

.guarantee-icon {
flex: none;
width: 58px;
height: 58px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 24px;
color: #1B1206;
background:
linear-gradient(
135deg,
var(--gold),
var(--rust)
);
box-shadow:
0 0 20px
rgba(227,161,61,.35);
}

.guarantee-left h3 {
font-family: var(--display);
font-size: 21px;
font-weight: 600;
margin-bottom: 4px;
}

.guarantee-left p {
color: var(--muted);
font-size: 14.5px;
}

.guarantee-link {
flex: none;
display: inline-flex;
align-items: center;
gap: 9px;
padding: 13px 24px;
border-radius: 9999px;
font-size: 14.5px;
font-weight: 700;
color: var(--gold-soft);
border:
1px solid
var(--line-strong);
transition: all .25s ease;
}

.guarantee-link:hover {
color: #1B1206;
background:
linear-gradient(
90deg,
var(--gold),
var(--rust)
);
border-color: transparent;
}

.faq {
padding: 20px 0 100px;
}

.faq-list {
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 14px;
}

.faq-item {
border:
1px solid
var(--line-strong);
border-radius: 14px;
background:
rgba(23,18,12,.5);
overflow: hidden;
}

.faq-item summary {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
cursor: pointer;
font-family: var(--display);
font-size: 17px;
font-weight: 600;
color: var(--cream);
}

.faq-item summary::-webkit-details-marker {
display: none;
}

.faq-item summary i {
flex: none;
color: var(--gold);
transition:
transform .3s ease;
}

.faq-item[open] summary i {
transform:
rotate(45deg);
}

.faq-item .faq-answer {
padding:
0 24px 22px;
color: var(--muted);
font-size: 14.5px;
line-height: 1.65;
}

.ab-cta {
padding:
0 0 110px;
text-align: center;
}

.cta-box {
background:
linear-gradient(
135deg,
rgba(23,18,12,.95),
rgba(35,26,17,.95)
);
border:
1px solid
var(--line-strong);
border-radius: 24px;
padding: 60px 40px;
box-shadow:
0 30px 60px
rgba(0,0,0,.5);
}

.cta-box h2 {
font-family: var(--display);
font-size:
clamp(28px,4vw,40px);
margin-bottom: 16px;
}

.cta-box p {
max-width: 600px;
margin:
0 auto 30px;
color: var(--muted);
font-size: 16.5px;
}

.btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
border-radius: 9999px;
font-size: 15px;
font-weight: 700;
color: #1B1206;
background:
linear-gradient(
90deg,
var(--gold),
#FF5A36,
var(--rust),
var(--gold)
) 0 0/300% 100%;
box-shadow:
0 0 25px
rgba(227,161,61,.4);
transition:
transform .25s ease;
}

.btn-primary:hover {
transform:
translateY(-2px)
scale(1.02);
}

@media (max-width: 720px) {
.lineage-card {
grid-template-columns: 1fr;
text-align: center;
padding: 36px 26px;
}
.lineage-badge {
margin: 0 auto;
}
.founder-grid {
grid-template-columns: 1fr;
text-align: center;
}
.founder-quote {
text-align: left;
}
.guarantee-card {
padding: 30px 24px;
}
.guarantee-left {
min-width: 0;
}
}

@media (max-width: 560px) {
.wrap {
padding-left: 20px;
padding-right: 20px;
}
.ab-hero {
padding:
75px 0 55px;
}
.ab-hero p {
font-size: 16px;
}
.founder-portrait {
width: 180px;
height: 180px;
}
.guarantee-left {
align-items: flex-start;
}
.guarantee-link {
width: 100%;
justify-content: center;
}
.cta-box {
padding:
45px 24px;
}
}