/* Editorial companion to the shared Signature Journey story layer. */
html[data-ame-page="why-africa"] .ame-nav-shell{height:94px;max-width:1680px}
html[data-ame-page="why-africa"] .ame-brand-name{font-size:19px}
html[data-ame-page="why-africa"] :is(.ame-nav-link,.ame-menu-button,.ame-primary-cta){font-size:11px}
html[data-ame-page="why-africa"] .ame-primary-cta{min-height:48px;padding-inline:24px}
#main-content{--why-width:1440px;--why-gutter:clamp(24px,4vw,76px)}
#main-content section{scroll-margin-top:110px}
#main-content h2{font-size:clamp(38px,3.6vw,60px);line-height:1.06;letter-spacing:-.025em;font-weight:500}
#main-content h3{font-size:30px;line-height:1.1;font-weight:500}
#main-content p{line-height:1.75}
#main-content .eyebrow{background:transparent;color:#a6875e;padding:0;font-size:10px;font-weight:500;letter-spacing:.2em}
#hero{min-height: min(820px, calc(100svh - 94px))}
#hero > div.relative{min-height: min(820px, calc(100svh - 94px));max-width:1680px;margin:auto;padding:88px var(--why-gutter)}
#hero .eyebrow{color:#e0c49f}
#hero .hero-title{font-weight:400!important}
#hero p{line-height:1.4}
#hero > div.relative > div.absolute{display:none}
.subnav > div{max-width:1440px;padding:22px var(--why-gutter);gap:36px}
#stays-with-you,#different,#effortless{padding-block:clamp(64px,7vw,112px)}
#stays-with-you > div{max-width:var(--why-width);margin:auto;padding-inline:var(--why-gutter);gap:clamp(32px,5vw,80px);align-items:center}
#stays-with-you .image-zoom{min-height:0;height:auto;aspect-ratio:4/5}
#stays-with-you .image-zoom img{object-position:38% center!important;filter:none}
#stays-with-you > div > div:last-child{padding:0}
#stays-with-you p,#effortless p{color:rgba(44,44,42,.76);font-size:15px;line-height:1.85}
#different{background:#eeebe4;border-color:rgba(44,44,42,.14)}
#different > div,#effortless > div{max-width:var(--why-width);padding-inline:var(--why-gutter)}
#different h2{max-width:750px}
.why-difference-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:48px;align-items:start}
.why-breakfast{margin:0;position:sticky;top:126px}
.why-breakfast img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:46% center}
.why-breakfast figcaption{font-size:11px;color:#6c6b65;margin-top:14px;line-height:1.6}
.difference-card{min-height:0;padding:24px 0;border:0;border-top:1px solid rgba(44,44,42,.16);background:transparent!important;box-shadow:none!important;transform:none!important}
.difference-card iconify-icon{display:none}
.difference-card h3{margin-bottom:12px}
.difference-card p{font-size:14px;color:rgba(44,44,42,.76);max-width:540px}
#complicated > div.relative{max-width:var(--why-width);padding:88px var(--why-gutter)}
#complicated > div.absolute{width:100%;opacity:.16}
#complicated > div.absolute > div{background:linear-gradient(90deg,#252522 0%,transparent 100%)}
#complicated h2{max-width:510px}
#complicated .planning-item{padding:22px 0}
#complicated .planning-item:first-child{padding-top:0;border-top:0}
#complicated .planning-item p:first-child{font-size:25px;line-height:1.25}
#effortless .effortless-item{padding-left:0;border-top:1px solid rgba(44,44,42,.14);padding-top:22px}
#effortless .effortless-item::before{display:none}
#effortless h3{font-size:27px}
#begin{min-height:600px}
#begin > div.relative{max-width:1440px;margin:auto;padding:88px var(--why-gutter)}
#begin img{object-position:center 62%}
#begin h2{font-size:clamp(52px,5vw,80px)}
#main-content a:focus-visible{outline:2px solid #c8a97e;outline-offset:6px}
@media(max-width:1023px){html[data-ame-page="why-africa"] .ame-nav-shell{height:70px}html[data-ame-page="why-africa"] .ame-brand-name{font-size:17px}#hero,#hero > div.relative{min-height:680px}#stays-with-you .image-zoom{aspect-ratio:3/2}#stays-with-you > div{gap:32px}#complicated > div.relative{padding-block:64px}.why-breakfast{top:94px}}
@media(max-width:767px){#hero,#hero > div.relative{min-height:650px;min-height:calc(92svh - 70px)}#hero > div.relative{padding-block:64px}#hero .hero-title{font-size:clamp(46px,11.6vw,68px)!important}#hero img{object-position:55% center}#hero p{max-width:330px}#hero .mt-9{gap:24px}#main-content h2{font-size:38px}.subnav > div{gap:24px;padding-block:18px}.why-difference-layout{grid-template-columns:1fr;margin-top:32px;gap:24px}.why-breakfast{position:static}.why-breakfast img{aspect-ratio:3/2}.difference-card{padding-block:22px}#begin{min-height:560px}#begin > div.relative{padding-block:64px}#main-content section{scroll-margin-top:88px}#effortless .grid{gap:32px}#stays-with-you .image-zoom img{object-position:35% center!important}}
/* Keep the brand fonts above Tailwind's asynchronously injected defaults. */
html[data-ame-page="why-africa"] body{font-family:Inter,Arial,sans-serif}
html[data-ame-page="why-africa"] :is(h1,h2,h3,.font-serif){font-family:"Cormorant Garamond",Georgia,serif}
html[data-ame-page="why-africa"] .font-sans{font-family:Inter,Arial,sans-serif}
html[data-ame-page="why-africa"] #hero .hero-title{font-size:clamp(68px,5vw,96px)!important}
#main-content :is(#hero,#begin) .ame-primary-cta{background:var(--ame-gold);color:var(--ame-charcoal)}
#main-content :is(#hero,#begin) .ame-primary-cta:hover{background:#e0c49f}
@media(max-width:767px){html[data-ame-page="why-africa"] #hero .hero-title{font-size:clamp(46px,11.6vw,68px)!important}}