/* ============================================================
   BRAND KIT FONT MAPPING (owner kit, 21 Jul)
   Primary    ARINOE          → Poppins 600–800  (display: h1/h2, prices, brand)
   Secondary  Garamond        → EB Garamond      (editorial: ledes, subs, quotes)
   Supporting Century Gothic  → Jost             (body + UI, everything else)
   Script accents keep Caveat (plays the logo's hand-script role).
   If the owner supplies licensed ARINOE / Century Gothic files:
   add @font-face rules and swap the family names — roles stay put.
   ============================================================ */
:root,.ak,.ak-progress,.ak-mnav {
    --rockpool: #016875;
    --shallows: #D5E4E6;
    --sand: #F5EFDF;
    --dune: #EAE2CB;
    --espresso: #26201A;
    --acai: #016875;
    --golden: #C9A25C;
    --ph: #E7F0EC;
    --ease: cubic-bezier(.22,1,.36,1);
}

/* ---- base / GHL resets ---- */
.ak, .ak * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Jost',sans-serif
}

.ak {
    color: #26201A;
    background: #F5EFDF;
    font-size: 16px;
    line-height: 1.5
}

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

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

html {
    scroll-behavior: smooth
}
/* anchored sections land below the sticky nav, not under it */
.ak[id] {
    scroll-margin-top: 86px
}

/* ---- type ---- */
.ak .display {
    font-family: 'Poppins',sans-serif;
    font-weight: 700
}

.ak .eyebrow {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .16em;
    color: #016875;
    text-transform: uppercase
}

.ak h1 {
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    font-size: clamp(40px,4.6vw,62px);
    line-height: 1.06
}

.ak h2 {
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    font-size: clamp(30px,3.2vw,44px);
    line-height: 1.12
}

.ak .sub {
    font-size: 17px;
    opacity: .7
}

.ak .caveat {
    font-family: 'Caveat',cursive;
    color: #016875
}

/* ---- atoms ---- */
.ak .pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    padding: 14px 30px;
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    transition: transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)
}

.ak .pill:hover {
    transform: translateY(-2px)
}

.ak .pill:active {
    transform: translateY(0) scale(.97)
}

.ak .pill--primary {
    background: #016875;
    color: #fff;
    box-shadow: 0 8px 24px rgba(1,104,117,.28);
    position: relative;
    overflow: hidden
}

.ak .pill--primary::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70%;
    width: 45%;
    background: linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
    transform: skewX(-20deg);
    transition: left .55s cubic-bezier(.22,1,.36,1)
}

.ak .pill--primary:hover::after {
    left: 125%
}

.ak .pill--primary:hover {
    box-shadow: 0 12px 30px rgba(1,104,117,.38)
}

.ak .pill--ghost {
    border: 1.5px solid #016875;
    color: #016875;
    background: transparent;
    transition: transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),background .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1)
}

.ak .pill--ghost:hover {
    background: #016875;
    color: #F5EFDF
}

.ak .chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 8px 16px;
    background: #D5E4E6;
    font-size: 13px;
    font-weight: 500;
    transition: transform .25s cubic-bezier(.22,1,.36,1),background .25s cubic-bezier(.22,1,.36,1)
}

.ak .chip:hover {
    transform: translateY(-2px)
}

.ak .photo {
    background: #E7F0EC;
    border-radius: 24px;
    overflow: hidden
}

.ak .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ak .sec-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center
}

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

/* ---- scroll reveal (JS adds .in) ----
   FAIL-SAFE: the hidden initial state only applies once the global JS has
   stamped .ak-js on <html>. If the footer JS is missing or blocked, the page
   renders fully visible instead of blank. */
.ak-js .ak .rv {
    opacity: 0;
    transform: translateY(26px);
    filter: blur(5px);
    transition: opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)
}
/* ±18px stays inside every section's 20px+ side padding — pre-reveal offsets can never widen the page */
.ak-js .ak .rv--l{transform:translateX(-18px)}
.ak-js .ak .rv--r{transform:translateX(18px)}
.ak-js .ak .rv--pop{transform:scale(.92)}
.ak .rv.in{opacity:1;transform:none;filter:none}
.ak .rv-d1{transition-delay:.08s}.ak .rv-d2{transition-delay:.16s}.ak .rv-d3{transition-delay:.24s}
.ak .rv-d4{transition-delay:.32s}.ak .rv-d5{transition-delay:.4s}

/* ---- ambient background fx (blobs · waves · bubbles) ---- */
.ak .bgfx{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ak .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.ak .blob--a{width:520px;height:520px;left:-140px;top:-120px;background:radial-gradient(circle at 35% 35%,#D5E4E6,transparent 70%);animation:ak-blob-a 26s ease-in-out infinite alternate}
.ak .blob--b{width:460px;height:460px;right:-120px;bottom:-60px;background:radial-gradient(circle at 60% 40%,rgba(201,162,92,.45),transparent 70%);animation:ak-blob-b 32s ease-in-out infinite alternate}
.ak .blob--c{width:380px;height:380px;right:24%;top:-160px;background:radial-gradient(circle at 50% 50%,rgba(1,104,117,.20),transparent 70%);animation:ak-blob-c 38s ease-in-out infinite alternate}
@keyframes ak-blob-a{to{transform:translate(70px,40px) scale(1.15)}}
@keyframes ak-blob-b{to{transform:translate(-60px,-30px) scale(1.08)}}
@keyframes ak-blob-c{to{transform:translate(40px,50px) scale(1.2)}}
.ak .wave{position:absolute;left:0;right:0;bottom:-1px;height:52px;pointer-events:none}
.ak .wave i{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 52'%3E%3Cpath d='M0,26 C150,50 300,4 450,22 C600,40 750,8 900,24 C1050,40 1150,18 1200,26 L1200,52 L0,52 Z' fill='%23EAE2CB'/%3E%3C/svg%3E") repeat-x bottom;background-size:1200px 52px;animation:ak-wave 22s linear infinite}
.ak .wave i+i{opacity:.5;background-size:1400px 52px;animation:ak-wave2 14s linear infinite reverse}
@keyframes ak-wave{to{background-position-x:-1200px}}
@keyframes ak-wave2{to{background-position-x:-1400px}}
/* (S9 bubbles removed with the Locals section) */

/* ---- scroll progress bar (JS injects .ak-progress) ---- */
.ak-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:120;pointer-events:none}
.ak-progress i{display:block;height:100%;background:linear-gradient(90deg,#C9A25C,#016875);transform-origin:left;transform:scaleX(0)}

/* (content-visibility experiment removed — it made anchor links land short; images are lazy-loaded instead) */

/* ---- global polish ---- */
.ak ::selection{background:#C9A25C;color:#26201A}
.ak a:focus-visible,.ak button:focus-visible{outline:3px solid #C9A25C;outline-offset:3px;border-radius:10px}
.ak .sec-head h2{position:relative;padding-bottom:16px}
.ak .sec-head h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:8px;width:112px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 8'%3E%3Cpath d='M0,4 C4.5,0 9.5,0 14,4 C18.5,8 23.5,8 28,4' fill='none' stroke='%23C9A25C' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center;background-size:28px 8px;transition:width .9s cubic-bezier(.22,1,.36,1) .25s}
.ak-js .ak .sec-head h2::after{width:0}
.ak .rv.in h2::after{width:112px}

/* ---- inline UI icons (no emoji) ---- */
.ak .uic{width:17px;height:17px;flex:none;vertical-align:-3px}

/* ---- S0 announcement ---- */
.ak-s0{background:#016875;color:#fff;text-align:center;padding:12px 56px;font-size:14px;font-weight:500;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}
.ak-s0 .x{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:.7;font-weight:700;cursor:pointer;background:none;border:0;color:#fff;font-size:14px}

/* ---- S1 nav ---- */
/* No-JS fallback: CSS sticky on the wrapper. With JS running (html.ak-js), the
   nav uses a fixed+spacer pattern instead — that survives ANY builder wrapper. */
html:not(.ak-js) body>.ak:has(>.ak-s1){position:sticky;top:0;z-index:60}
.ak-s1{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 48px;background:#F5EFDF;z-index:60;transition:box-shadow .3s cubic-bezier(.22,1,.36,1)}
.ak-s1.is-fixed{position:fixed;top:0;left:0;right:0;z-index:90}
.ak-nav-spacer{display:none}
.ak-nav-spacer.on{display:block}
.ak-s1 .navright .pill--ghost{padding:12px 22px}
.ak-s1.scrolled{box-shadow:0 8px 30px rgba(38,32,26,.10)}
.ak-s1 .brand{display:flex;align-items:center;gap:12px;flex:none}
.ak-s1 .brand img{height:46px;width:auto}
.ak-s1 .brand b{font-family:'Poppins',sans-serif;font-weight:700;font-size:19px;letter-spacing:.02em;white-space:nowrap}
.ak-s1 .links{display:flex;gap:23px;font-size:14.5px;font-weight:500}
.ak-s1 .links a{position:relative;padding-bottom:3px}
.ak-s1 .links a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#C9A25C;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ak-s1 .links a:hover{color:#016875}
.ak-s1 .links a:hover::after{transform:scaleX(1)}
.ak-s1 .navright{display:flex;align-items:center;gap:8px}
/* burger (shown when the link row is hidden) + slide-down mobile drawer */
.ak-s1 .burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0}
.ak-s1 .burger i{display:block;width:24px;height:2.5px;border-radius:2px;background:#26201A;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}
.ak-s1 .burger.open i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.ak-s1 .burger.open i:nth-child(2){opacity:0}
.ak-s1 .burger.open i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
/* the nav's own wrapper is the drawer's positioning context, so the drawer's
   top:100% lands right under the bar (absolute is immune to GHL wrapper transforms,
   unlike fixed — this is what stopped the menu opening off-screen at page top) */
.ak:has(>.ak-s1) {
    position: relative
}
/* mobile drawer: display:none on desktop so it can NEVER show there even if max-height is clobbered; turned on only at the burger breakpoint below */
.ak-mnav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #F5EFDF;
    box-shadow: 0 18px 30px rgba(38,32,26,.14);
    display: none;
    flex-direction: column;
    overflow: hidden;
    max-height: 0;
    transition: max-height .45s cubic-bezier(.22,1,.36,1)
}

.ak-mnav.open {
    max-height: 75vh;
    overflow-y: auto
}

.ak-mnav a {
    padding: 14px 24px;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid rgba(38,32,26,.06)
}

.ak-mnav a:active {
    background: #EAE2CB
}

.ak-mnav .pill {
    margin: 14px 24px 18px;
    border-bottom: 0
}

.ak-s1 .pill {
    padding: 12px 26px
}

/* ---- S2 hero ---- */
.ak-s2 {
    display: flex;
    gap: 64px;
    align-items: center;
    justify-content: center;
    padding: 56px 8% 96px;
    overflow: hidden;
    position: relative
}

.ak-s2 .left {
    flex: 0 1 620px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    min-width: 0;
    position: relative;
    z-index: 1
}

.ak-s2 .whale {
    width: 150px
}

.ak-s2 .whale.drift {
    animation: ak-drift 40s linear 1 forwards,ak-bob 6s ease-in-out infinite
}

@keyframes ak-drift {
    from {
        translate: -6px 0
    }

    to {
        translate: 22px 0
    }
}

@keyframes ak-bob {
    0%,100% {
        transform: translateY(0) rotate(0deg)
    }

    50% {
        transform: translateY(-7px) rotate(-2.5deg)
    }
}

.ak-s2 .lede {
    font-size: 18px;
    line-height: 1.65;
    opacity: .85;
    max-width: 520px
}

.ak-s2 .cta-row,.ak .cta-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.ak-s2 .chip-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.ak-s2 .hero-photo {
    width: min(500px,40vw);
    aspect-ratio: 1/1;
    flex: none;
    position: relative;
    z-index: 1
}

.ak-s2 .hero-photo img {
    transform: scale(1.1);
    will-change: transform
}
/* hero video: portrait slot to fit the vertical reel; cover-fills the rounded .photo frame */
.ak-s2 .hero-video {
    width: min(420px,38vw);
    aspect-ratio: 4/5
}

.ak .photo video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
/* hero headline word cascade (fires when .rv observer adds .in; visible without JS) */
.ak h1 .hw {
    display: inline-block
}

.ak-js .ak h1 .hw {
    opacity: 0;
    transform: translateY(.55em) rotate(2deg);
    filter: blur(5px);
    transition: opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),filter .65s cubic-bezier(.22,1,.36,1)
}
/* keyframe-free fallback: .in alone reveals the words even if @keyframes get stripped */
.ak h1.in .hw {
    opacity: 1;
    transform: none;
    filter: none
}

.ak h1.in .hw {
    animation: ak-word .65s cubic-bezier(.22,1,.36,1) forwards
}

.ak h1.in .hw:nth-of-type(1) {
    animation-delay: .1s
}

.ak h1.in .hw:nth-of-type(2) {
    animation-delay: .24s
}

.ak h1.in .hw:nth-of-type(3) {
    animation-delay: .42s
}

.ak h1.in .hw:nth-of-type(4) {
    animation-delay: .56s
}

@keyframes ak-word {
    to {
        opacity: 1;
        transform: none;
        filter: none
    }
}

.ak .hl {
    position: relative;
    white-space: nowrap
}

.ak .hl::after {
    content: "";
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: .02em;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 10'%3E%3Cpath d='M0,5 C5,0.5 11,0.5 16,5 C21,9.5 27,9.5 32,5' fill='none' stroke='%23C9A25C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center;
    background-size: 32px 10px;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .7s cubic-bezier(.22,1,.36,1) 1.05s,opacity .3s linear 1s
}

.ak h1.in .hl::after {
    opacity: 1;
    transform: scaleX(1)
}
/* hero floating decor + scroll cue */
.ak-s2 .deco {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0
}

.ak-s2 .deco--ring {
    width: 44px;
    height: 44px;
    border: 6px solid #C9A25C;
    right: 45%;
    top: 13%;
    opacity: .45;
    animation: ak-hover 9s ease-in-out infinite
}

.ak-s2 .deco--dot {
    width: 18px;
    height: 18px;
    background: #016875;
    left: 37%;
    bottom: 20%;
    opacity: .3;
    animation: ak-hover 7s ease-in-out 1.2s infinite reverse
}

.ak-s2 .scrollcue {
    position: absolute;
    left: 50%;
    bottom: 66px;
    width: 22px;
    height: 22px;
    border-right: 3px solid #016875;
    border-bottom: 3px solid #016875;
    opacity: .35;
    z-index: 1;
    transform: translateX(-50%) rotate(45deg);
    animation: ak-cue 2.4s ease-in-out infinite
}

@keyframes ak-cue {
    0%,100% {
        transform: translate(-50%,0) rotate(45deg);
        opacity: .3
    }

    50% {
        transform: translate(-50%,10px) rotate(45deg);
        opacity: .7
    }
}

/* ---- S3 ticker ---- */
.ak-s3 {
    background: #EAE2CB;
    padding: 18px 0;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}
/* edge fades as overlays (NOT mask — a mask would fade the section's own bg) */
.ak-s3::before,.ak-s3::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:1;pointer-events:none}
.ak-s3::before{left:0;background:linear-gradient(90deg,#EAE2CB,rgba(234,226,203,0))}
.ak-s3::after{right:0;background:linear-gradient(270deg,#EAE2CB,rgba(234,226,203,0))}
.ak-s3 .lane{display:inline-flex}
.ak-s3 .track{display:inline-block;font-family:'Poppins',sans-serif;font-size:20px;color:#016875;letter-spacing:.06em;padding-right:40px;animation:ak-tick 30s linear infinite}
.ak-s3:hover .track{animation-play-state:paused}
@keyframes ak-tick{to{transform:translateX(-100%)}}

/* ---- S4 hits ---- */
.ak-s4{padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:44px}
.ak-s4 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;position:relative}
.ak .hit{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(1,104,117,.10);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}
.ak .hit:hover{transform:translateY(-6px);box-shadow:0 18px 46px rgba(1,104,117,.18)}
.ak .hit .photo{height:210px;border-radius:0}
.ak .hit .photo img{transition:transform .7s cubic-bezier(.22,1,.36,1)}
.ak .hit:hover .photo img{transform:scale(1.07)}
.ak .hit .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px}
.ak .hit .body b{font-size:18px}
.ak .hit .body p{font-size:14.5px;opacity:.75;line-height:1.5}
.ak-s4 .note{position:absolute;top:-30px;left:17%;font-family:'Caveat',cursive;font-size:26px;color:#016875;transform:rotate(6deg)}

/* ---- S4b menu range (the full spread) ---- */
/* S04 · YOUR COASTAL ESCAPE — one feature image + three spaces as text + community closer */
.ak-s4s{padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:40px}
.ak-s4s .escape{display:flex;gap:56px;align-items:center;width:100%;max-width:1160px}
.ak-s4s .feature{flex:1 1 0;min-width:0;align-self:stretch;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(1,104,117,.16)}
.ak-s4s .feature img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}
.ak-s4s .copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:15px}
.ak-s4s .copy .lede{font-family:'EB Garamond',serif;font-size:19px;line-height:1.6;opacity:.85}
.ak-s4s .spots{display:flex;flex-direction:column;gap:18px;margin-top:6px}
.ak-s4s .spot{position:relative;padding-left:20px}
.ak-s4s .spot::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:4px;background:#C9A25C}
.ak-s4s .spot b{font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;color:#016875;display:block;margin-bottom:4px}
.ak-s4s .spot p{font-size:15px;line-height:1.6;opacity:.82}
.ak-s4s .more{width:100%;max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:#D5E4E6;border-radius:24px;padding:36px 40px 32px}
.ak-s4s .more .mt{font-family:'Poppins',sans-serif;font-size:23px;font-weight:700;color:#016875}
.ak-s4s .more p{font-family:'EB Garamond',serif;font-size:18px;line-height:1.6;max-width:620px;opacity:.85}
.ak-s4s .more .handle{font-family:'Caveat',cursive;font-size:26px;color:#016875;font-weight:700}
.ak-s4b{background:#fff;padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:44px}
.ak-s4b .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%;max-width:1200px}
.ak .range{position:relative;display:block;grid-column:span 2;height:250px;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(1,104,117,.12);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}
.ak .range:nth-child(4),.ak .range:nth-child(5){grid-column:span 3;height:280px}
.ak .range img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.ak .range img.pos-l{object-position:left 74%}
.ak .range img.pos-b{object-position:center 62%}
.ak .range img.pos-t{object-position:center 26%}
.ak .range::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,40,42,0) 38%,rgba(20,40,42,.85))}
.ak .range .cap{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;color:#fff}
.ak .range .cap b{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;display:block}
.ak .range .cap span{font-size:13.5px;opacity:.88;line-height:1.45;display:block;margin-top:4px}
.ak .range .go{position:absolute;top:16px;right:16px;z-index:1;width:38px;height:38px;border-radius:50%;background:rgba(245,239,223,.94);color:#016875;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;opacity:0;transform:translateY(-8px);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
.ak .range:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(1,104,117,.22)}
.ak .range:hover img{transform:scale(1.06)}
.ak .range:hover .go{opacity:1;transform:none}
.ak .range--acai{background:linear-gradient(140deg,#02798A 0%,#016875 55%,#01414B 100%)}
.ak .range--acai::after{background:linear-gradient(180deg,rgba(38,10,28,0) 40%,rgba(38,10,28,.5))}
.ak .range--acai .wm{position:absolute;inset:auto;right:-26px;top:14px;width:190px;height:auto;object-fit:contain;opacity:.16;transform:rotate(-8deg)}
.ak .range--acai .tag{position:absolute;left:22px;top:24px;z-index:1;font-family:'Caveat',cursive;font-size:27px;color:#C9A25C;transform:rotate(-4deg)}

/* ---- S5 deals ---- */
.ak-s5{background:#EAE2CB;padding:80px 8%;display:flex;flex-direction:column;align-items:center;gap:36px}
.ak-s5 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px}
.ak .deal{background:#D5E4E6;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.ak .deal:hover{transform:translateY(-6px)}
.ak .badge{display:inline-flex;align-self:flex-start;background:#C9A25C;border-radius:999px;padding:8px 18px;font-weight:700;font-size:18px}
.ak .deal b{font-size:19px;line-height:1.4}
.ak .hh{background:rgba(201,162,92,.28);border-radius:999px;padding:10px 22px;font-size:14px;font-weight:500;text-align:center;display:inline-flex;align-items:center;gap:8px}
.ak .hh .uic{color:#016875}
.ak .microline{font-size:14px;font-weight:500;color:#016875}

/* ---- S5b menu board (real items & prices) ---- */
.ak-s5b{padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:40px}
.ak-s5b .boards{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;max-width:1020px}
.ak .board{background:#fff;border-radius:22px;padding:32px 32px 26px;box-shadow:0 10px 34px rgba(1,104,117,.10);position:relative;overflow:hidden}
.ak .board::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#C9A25C,#016875)}
.ak .board h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.ak .board h3 small{font-family:'Caveat',cursive;font-size:19px;color:#016875;white-space:nowrap}
.ak .mi{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed rgba(38,32,26,.14);transition:background .25s cubic-bezier(.22,1,.36,1)}
.ak .mi:last-child{border-bottom:0}
.ak .mi b{font-size:15.5px}
.ak .mi .di{font-size:10px;font-weight:700;letter-spacing:.06em;background:#D5E4E6;color:#016875;border-radius:6px;padding:2px 7px;align-self:center}
.ak .mi .dots{flex:1;min-width:24px;border-bottom:2px dotted rgba(38,32,26,.28);transform:translateY(-4px)}
.ak .mi .price{font-family:'Poppins',sans-serif;font-size:16px;color:#016875;white-space:nowrap}
.ak .mi .desc{width:100%;font-size:12.5px;opacity:.6;line-height:1.45}
.ak-s5b .fineprint{font-size:13px;opacity:.6;text-align:center;max-width:560px}

/* ---- S6 loyalty ---- */
.ak-s6{padding:88px 8%;display:flex;gap:72px;align-items:center;justify-content:center}
.ak-s6 .left{max-width:560px;display:flex;flex-direction:column;gap:20px}
.ak-s6 .step{display:flex;gap:14px;align-items:center}
.ak-s6 .n{width:34px;height:34px;border-radius:50%;background:#C9A25C;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:none}
.ak-s6 .step b{font-size:16px;display:block}
.ak-s6 .step small{font-size:14px;opacity:.7}
.ak .loyal-card{width:min(440px,90vw);flex:none;background:#016875;border-radius:24px;padding:30px;color:#F5EFDF;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 50px rgba(1,104,117,.28)}
.ak .loyal-card .top{display:flex;justify-content:space-between;align-items:center}
.ak .loyal-card .label{font-size:11px;letter-spacing:.16em;font-weight:700;color:#C9A25C}
.ak .loyal-card .amt{font-family:'Poppins',sans-serif;font-size:32px}
.ak .loyal-card .amt small{font-size:16px;opacity:.6;font-family:'Jost',sans-serif}
/* scoped to the loyalty card — a bare `.ak .track` collides with the S3 ticker track and clips it */
.ak .loyal-card .track{height:14px;border-radius:999px;background:rgba(245,239,223,.18);overflow:hidden}
.ak .loyal-card .track .fillbar{height:100%;width:80%;background:#C9A25C;border-radius:999px;transition:width 1.3s cubic-bezier(.22,1,.36,1) .4s}
.ak-js .ak .loyal-card .track .fillbar{width:0}
.ak-js .ak .loyal-card.in .fillbar{width:80%}
.ak .loyal-card .footnote{font-size:13px;opacity:.75}

/* ---- S7 story ---- */
.ak-s7{display:flex;gap:72px;align-items:center;justify-content:center;padding:96px 8%}
.ak-s7 .left{max-width:560px;display:flex;flex-direction:column;gap:22px}
.ak-s7 .para{font-size:16.5px;line-height:1.72;opacity:.85}
.ak-s7 .story-quote{font-family:'EB Garamond',serif;font-style:italic;font-size:19.5px;line-height:1.6;opacity:.9;border-left:3px solid #C9A25C;padding-left:18px}
.ak-s7 .chip-row{display:flex;gap:12px;flex-wrap:wrap}
.ak-s7 .grid{display:grid;grid-template-columns:238px 238px;gap:16px}
.ak-s7 .photo{width:238px;height:238px;border-radius:20px}

/* ---- S8 reviews ---- */
.ak-s8{padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:36px}
.ak-s8 .agg{display:flex;gap:18px;align-items:center}
.ak-s8 .big{font-family:'Poppins',sans-serif;font-size:54px;color:#016875}
.ak-s8 .agg b{font-size:18px;display:block}
.ak-s8 .agg span{font-size:12.5px;opacity:.55}
.ak-s8 .slider{width:100%;max-width:1200px;overflow:hidden;position:relative}
.ak-s8 .track8{display:flex;gap:24px;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.ak-s8 .track8 .q{flex:0 0 calc((100% - 48px)/3)}
.ak-s8 .dots{display:flex;gap:8px;justify-content:center}
.ak-s8 .dots button{width:11px;height:11px;border-radius:50%;border:0;padding:0;background:rgba(1,104,117,.22);cursor:pointer;transition:background .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
.ak-s8 .dots button.on{background:#C9A25C;transform:scale(1.3)}
.ak-s8 .nav8{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:0;box-shadow:0 6px 18px rgba(38,32,26,.20);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#016875;font-size:19px;font-weight:700;z-index:2;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}
.ak-s8 .nav8:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 10px 24px rgba(38,32,26,.26)}
.ak-s8 .nav8--prev{left:8px}
.ak-s8 .nav8--next{right:8px}
/* Google-review style cards */
.ak .q{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:11px;box-shadow:0 8px 26px rgba(1,104,117,.08);position:relative;text-align:left}
.ak .q .glogo{position:absolute;top:22px;right:22px;width:22px;height:22px}
.ak .q .qhead{display:flex;align-items:center;gap:12px;padding-right:30px}
.ak .q .ava{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#fff;background:#016875}
.ak .q .ava--grey{background:#9aa0a6}
.ak .q .ava--gold{background:#C9A25C}
.ak .q .ava--acai{background:#016875}
.ak .q .ava--esp{background:#26201A}
.ak .q .who b{display:block;font-size:15px;color:#26201A;line-height:1.25}
.ak .q .who small{font-size:12.5px;opacity:.55}
.ak .q .stars{display:flex;align-items:center;gap:1px;color:#C9A25C;font-weight:700;letter-spacing:.1em;font-size:16px}
.ak .q .stars .off{color:rgba(38,32,26,.22)}
.ak .q .vfy{width:16px;height:16px;margin-left:7px}
.ak .q p{font-size:15px;line-height:1.6;opacity:.85}

/* S9 "Akuna Locals" removed on owner request (21 Jul). */

/* ---- S10 gift ---- */
.ak-s10{background:#D5E4E6;padding:80px 8%;display:flex;gap:72px;align-items:center;justify-content:center;flex-wrap:wrap}
.ak .gift-card{width:300px;height:180px;background:#F5EFDF;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 44px rgba(1,104,117,.22);transform:rotate(-3deg);flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ak .gift-card:hover{transform:rotate(-1deg) translateY(-4px)}
.ak .gift-card.in{animation:ak-float 6s ease-in-out 1.4s infinite}
.ak .gift-card.in:hover{animation-play-state:paused}
@keyframes ak-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-9px)}}
.ak .gc-top{display:flex;justify-content:space-between;align-items:center}
.ak .gc-label{font-size:10px;letter-spacing:.16em;font-weight:700;color:#016875}
.ak .gc-amt{font-family:'Poppins',sans-serif;font-size:26px}
.ak .gc-to{font-size:11px;opacity:.55}
.ak-s10 .right{max-width:520px;display:flex;flex-direction:column;gap:18px}

/* ---- S10b catering & events ---- */
.ak-s10b{padding:96px 8%;display:flex;gap:72px;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;overflow:hidden}
.ak-s10b .left{max-width:560px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}
.ak-s10b .para{font-size:16.5px;line-height:1.7;opacity:.85}
.ak-s10b .chips{display:flex;flex-wrap:wrap;gap:10px}
.ak-s10b .chips .chip{background:#EAE2CB}
.ak-s10b .shots{position:relative;width:min(460px,90vw);height:470px;flex:none;z-index:1}
.ak .polaroid{position:absolute;background:#fff;padding:12px 12px 18px;border-radius:14px;box-shadow:0 18px 44px rgba(38,32,26,.18);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}
.ak .polaroid img{border-radius:8px;object-fit:cover;width:100%}
.ak .polaroid--a{left:0;top:24px;width:62%;transform:rotate(-5deg)}
.ak .polaroid--b{right:0;bottom:0;width:56%;transform:rotate(4deg)}
.ak .polaroid--a img{height:300px}
.ak .polaroid--b img{height:250px}
.ak .polaroid:hover{transform:rotate(0deg) scale(1.04);box-shadow:0 26px 60px rgba(38,32,26,.26);z-index:3}
.ak-s10b .floaty{position:absolute;right:0;top:0;width:112px;z-index:3;opacity:.9;animation:ak-hover 7s ease-in-out infinite}
@keyframes ak-hover{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(3deg)}}
.ak-s10b .note{position:absolute;left:6%;bottom:2px;font-family:'Caveat',cursive;font-size:26px;color:#016875;transform:rotate(-4deg);z-index:2}

/* ---- S10c every appetite (dietary) ---- */
.ak-s10c{background:#EAE2CB;padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:40px}
.ak-s10c .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1200px}
.ak .diet{background:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 26px rgba(1,104,117,.08);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}
.ak .diet:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 16px 40px rgba(1,104,117,.15)}
.ak .diet .ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;transform:rotate(-4deg);background:#016875}
.ak .diet .ic svg{width:25px;height:25px;display:block}
.ak .diet--v .ic{background:#C9A25C}
.ak .diet--k .ic{background:#016875}
.ak .diet--f .ic{background:#26201A}
.ak .diet b{font-size:17px}
.ak .diet p{font-size:14px;opacity:.75;line-height:1.55}

/* ---- S10d bookings (groups 6+ & event mornings) ---- */
.ak-s10d{background:#D5E4E6;padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.ak-s10d .sub10d{font-size:17px;line-height:1.6;opacity:.85;max-width:640px}
.ak-s10d .quick{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ak-s10d .quick .chip{background:#fff}
.ak .bk-slot{width:min(720px,94vw);min-height:220px;border:2px dashed rgba(1,104,117,.35);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#016875;font-weight:700;font-size:15px;background:rgba(255,255,255,.55);margin-top:6px}
.ak-s10d .alt{font-size:14px;opacity:.75}
.ak-s10d .alt a{font-weight:700;color:#016875}

/* ---- S11 faq ---- */
.ak-s11{padding:88px 8%;display:flex;flex-direction:column;align-items:center;gap:36px}
.ak-s11 .faq{width:100%;max-width:860px;display:flex;flex-direction:column;gap:12px}
.ak .qa{background:#fff;border-radius:16px;padding:20px 26px;box-shadow:0 6px 20px rgba(1,104,117,.07);cursor:pointer;border-left:4px solid transparent;transition:border-color .3s cubic-bezier(.22,1,.36,1)}
.ak .qa .qrow{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16.5px;gap:16px}
.ak .qa .plus{color:#016875;font-size:20px;font-weight:500;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.ak .qa .ans{font-size:15px;line-height:1.6;opacity:.8;max-width:720px;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1),margin .4s cubic-bezier(.22,1,.36,1)}
.ak .qa.open{border-left-color:#C9A25C}
.ak .qa.open .ans{max-height:200px;margin-top:10px}
.ak .qa.open .plus{transform:rotate(45deg)}

/* ---- S12 find us ---- */
.ak-s12{display:flex;gap:64px;align-items:center;justify-content:center;padding:96px 8%;flex-wrap:wrap}
.ak-s12 .map{width:min(580px,92vw);height:440px;border-radius:24px;overflow:hidden;background:#E7F0EC}
.ak-s12 .map iframe{width:100%;height:100%;border:0;display:block}
.ak-s12 .right{max-width:520px;display:flex;flex-direction:column;gap:18px}
.ak-s12 .addr b{font-size:18px;display:block}
.ak-s12 .addr span{font-size:15px;opacity:.7}
.ak-s12 .hrs b{font-size:16px;color:#016875;display:block}
.ak-s12 .hrs span{font-size:14px;opacity:.65}
.ak-s12 .park{font-size:14.5px;opacity:.75;line-height:1.55}
.ak-s12 .policy{background:#D5E4E6;border-radius:14px;padding:18px 20px;font-size:15px;font-weight:500;line-height:1.55}

/* ---- S13 IG ---- */
.ak-s13{background:#EAE2CB;padding:72px 8%;display:flex;flex-direction:column;align-items:center;gap:30px}
.ak-s13 .handle{font-size:15px;font-weight:500;color:#016875}
.ak-s13 .tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%;max-width:1200px}
.ak-s13 .tiles a{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#E7F0EC;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.ak-s13 .tiles a:hover{transform:scale(1.03)}
.ak-s13 .tiles img{width:100%;height:100%;object-fit:cover}

/* ---- S14 footer ---- */
.ak-s14{background:#016875;color:#F5EFDF;padding:64px 8% 44px;display:flex;flex-direction:column;gap:28px}
.ak-s14 .top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;max-width:1200px;margin:0 auto;width:100%}
.ak-s14 .brandcol{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ak-s14 .brandcol b{font-family:'Poppins',sans-serif;font-weight:700;font-size:22px}
.ak-s14 .brandcol span{font-size:13px;opacity:.6}
.ak-s14 .col{display:flex;flex-direction:column;gap:9px;font-size:14px}
.ak-s14 .col b{font-size:13px;font-weight:700;letter-spacing:.12em;color:#C9A25C}
.ak-s14 .col a,.ak-s14 .col span{opacity:.8}
.ak-s14 .col a:hover{opacity:1}
.ak-s14 .div{height:1px;background:rgba(245,239,223,.15);max-width:1200px;margin:0 auto;width:100%}
.ak-s14 .bot{display:flex;justify-content:space-between;gap:20px;font-size:12.5px;opacity:.5;flex-wrap:wrap;max-width:1200px;margin:0 auto;width:100%}

/* ---- S15 mobile sticky bar ---- */
.ak-s15{position:fixed;left:0;right:0;bottom:0;display:none;grid-template-columns:repeat(4,1fr);gap:1px;background:#016875;z-index:80;transform:translateY(110%);transition:transform .45s cubic-bezier(.22,1,.36,1);box-shadow:0 -8px 30px rgba(38,32,26,.15)}
.ak-s15.on{transform:none}
.ak-s15 a{background:#F5EFDF;text-align:center;padding:9px 4px;font-weight:700;font-size:11.5px;line-height:1.15;color:#26201A;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.ak-s15 .uic{color:#016875}
/* Book = the primary action in the bar */
.ak-s15 a.bk{background:#016875;color:#fff}
.ak-s15 a.bk .uic{color:#fff}

/* ---- brand kit type roles (ARINOE→Poppins · Garamond→EB Garamond · Century Gothic→Jost) ---- */
.ak h1,.ak h2{letter-spacing:-.01em}
.ak .sub,.ak-s2 .lede,.ak-s7 .para,.ak-s10b .para,.ak .q p,.ak-s10d .sub10d{font-family:'EB Garamond',serif}
.ak .sub{font-size:18.5px}
.ak-s2 .lede{font-size:19.5px}
.ak .q p{font-size:16.5px}
.ak-s7 .para,.ak-s10b .para{font-size:18px}
.ak .mi .price,.ak .amt,.ak-s8 .big,.ak .gc-amt,.ak-s3 .track,.ak .board h3,.ak .range .cap b,.ak-s14 .brandcol b,.ak .diet .ic{font-weight:600}

/* ---- responsive ---- */
@media (max-width:1024px){
  .ak-s2{flex-direction:column;align-items:flex-start}
  .ak-s2 .hero-photo{width:100%;aspect-ratio:4/3}
  .ak-s2 .hero-video{width:100%;max-width:360px;aspect-ratio:4/5;align-self:center}
  .ak-s4 .grid,.ak-s5 .grid{grid-template-columns:repeat(2,1fr)}
  .ak-s8 .track8 .q{flex-basis:calc((100% - 24px)/2)}
  .ak-s4b .grid{grid-template-columns:repeat(2,1fr)}
  .ak .range,.ak .range:nth-child(4),.ak .range:nth-child(5){grid-column:span 1;height:230px}
  .ak-s7{flex-direction:column;align-items:flex-start}
  .ak-s10c .grid{grid-template-columns:repeat(2,1fr)}
  .ak-s13 .tiles{grid-template-columns:repeat(3,1fr)}
  .ak-s1 .links{display:none}
  .ak-s1 .burger{display:flex}
  .ak-mnav{display:flex}
}
@media (max-width:1279px){
  /* keep the bar uncrowded while the link row is visible at ~1024–1279 */
  .ak-s1 .navright .pill--ghost{display:none}
}
@media (max-width:768px){
  .ak-s1{padding:12px 20px}
  .ak-s2,.ak-s4,.ak-s4s,.ak-s4b,.ak-s5,.ak-s5b,.ak-s6,.ak-s7,.ak-s8,.ak-s10,.ak-s10b,.ak-s10c,.ak-s10d,.ak-s11,.ak-s12,.ak-s13{padding-left:16px;padding-right:16px}
  .ak-s5b .boards{grid-template-columns:1fr}
  .ak-s10c .grid{grid-template-columns:1fr}
  .ak-s4 .grid,.ak-s5 .grid,.ak-s4b .grid{grid-template-columns:1fr}
  .ak-s4s .escape{flex-direction:column;align-items:stretch;gap:28px}
  .ak-s4s .feature{flex:none}
  .ak-s4s .feature img{height:auto;min-height:0}
  .ak-s4s .more{padding:28px 20px 26px}
  .ak-s8 .track8 .q{flex-basis:100%}
  .ak-s6{flex-direction:column}
  .ak-s7 .grid{grid-template-columns:1fr 1fr}
  .ak-s7 .photo{width:100%;height:auto;aspect-ratio:1/1}
  .ak-s10b .shots{height:420px}
  .ak-s10b .floaty{width:84px;right:0;top:0}
  /* review arrows into side gutters so they never sit over card text */
  .ak-s8 .slider{padding:0 36px}
  .ak-s8 .nav8{width:32px;height:32px;font-size:16px}
  .ak-s8 .nav8--prev{left:0}
  .ak-s8 .nav8--next{right:0}
  .ak-s13 .tiles{grid-template-columns:repeat(2,1fr)}
  .ak-s15{display:grid}
  .ak-s4 .note{display:none}
  .ak .blob{opacity:.4}
  .ak-s2 .deco,.ak-s2 .scrollcue{display:none}
  body{padding-bottom:0}
  /* clearance for the fixed sticky bar so it never covers the footer's last line */
.ak-s14 {
    padding-bottom: calc(112px + env(safe-area-inset-bottom,0px))
}

.ak-s15 a {
    padding-bottom: calc(9px + env(safe-area-inset-bottom,0px))
}
}

@media (max-width:520px) {
  /* menu-board rows: drop the dotted leaders, right-align prices — no ragged wraps */
    .ak .mi .dots {
        display: none
    }

    .ak .mi {
        justify-content: space-between
    }

    .ak .mi .price {
        margin-left: auto
    }
  /* long CTA pills may wrap on narrow phones instead of widening the page */
    .ak .pill {
        white-space: normal;
        text-align: center
    }
  /* nav: one-line brand, no pill collisions — Order lives in the drawer, hero and sticky bar */
    .ak-s1 {
        padding: 10px 16px;
        gap: 12px
    }

    .ak-s1 .brand img {
        height: 38px
    }

    .ak-s1 .brand b {
        font-size: 16px
    }

    .ak-s1 .navright .pill {
        display: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .ak .rv,.ak-js .ak .rv {
        opacity: 1;
        transform: none;
        filter: none;
        transition: none
    }

    .ak-s3 .track,.ak-s2 .whale.drift,.ak .blob,.ak .wave i,.ak .gift-card.in,.ak-s10b .floaty {
        animation: none
    }

    .ak .pill:hover,.ak .hit:hover,.ak .deal:hover,.ak .range:hover,.ak .chip:hover,.ak .polaroid:hover,.ak .diet:hover {
        transform: none
    }

    .ak .pill--primary::after {
        display: none
    }

    .ak .hit:hover .photo img,.ak .range:hover img {
        transform: none
    }

    .ak .loyal-card .track .fillbar,.ak-js .ak .loyal-card .track .fillbar,.ak-js .ak .loyal-card.in .fillbar {
        width: 80%;
        transition: none
    }

    .ak .sec-head h2::after,.ak-js .ak .sec-head h2::after,.ak .rv.in h2::after {
        width: 112px;
        transition: none
    }

    .ak-progress {
        display: none
    }

    .ak-s2 .hero-photo img {
        transform: none
    }

    .ak h1 .hw,.ak-js .ak h1 .hw {
        opacity: 1;
        transform: none;
        filter: none;
        animation: none
    }

    .ak .hl::after,.ak h1.in .hl::after {
        opacity: 1;
        transform: none;
        transition: none
    }

    .ak-s2 .deco,.ak-s2 .scrollcue {
        animation: none
    }

    html {
        scroll-behavior: auto
    }
}


@media (max-width: 1024px) {
  #section-KkTxpwrJBL,
  #row-rTEkVavXrd,
  #col-oIQh1TqlMF,
  #section-PueX88_1gS,
  #row-zbBfTA8-LX,
  #col-l8CLkFACJV,
  #section-JHF28rsXpZ,
  #row-NxI3mNpspp,
  #col-UZxop3bl-u,
  #section-DWaJ0CZxRh,
  #row-qFHls2Ng8f,
  #col-Mxn8CBb4_L,
  #section-aLFcdXjlhj,
  #row-JptX3gEIl_,
  #col-1TvCwZSjjT,
  #section-SaZFlfiVZt,
  #row-3CXUFrFlPQ,
  #col-v3J0m-0JHU,
  #section-QCm3fiaS62,
  #row-lgLt4e4kb-,
  #col-buI5B_Fsrk,
  #section-PvFceLgb9n,
  #row-x7QsVtBZnI,
  #col-iFC5VLFJuO,
  #section-Ot3MN2ZXbN,
  #row-eGBmanJsIN,
  #col-yLncm7f1z0,
  #section-YYWkF7ZL3W,
  #row-C0_ldNVVFh,
  #col-UYv8yJTDw3,
  #section-Ey8o7zqHqn,
  #row-sAEcl_qKVA,
  #col-ZzQJRaMdJl,
  #section-KeH9667w7Y,
  #row-NI11DMRTht,
  #col-nRqcFiSlDa,
  #section-os0uSFT7g_,
  #row-0xOT2pdwG-,
  #col-uyfLOy2YOJ,
  #section-mIduIcs4X8,
  #row-d8niHLq5d1,
  #col-ECbzqK63A2,
  #section--jP65goXo3,
  #row-TJ6nFgF_q2,
  #col-FcLtrsWlAV,
  #section-xsTttMtmYT,
  #row-dMkSiMM5Ia,
  #col-gKkcyAIr7X,
  #section-GT_3t6ar0Z,
  #row-RyMx7Y0rJZ,
  #col-7ckt5_ARuy,
  #section-Dmphmm0wAw,
  #row-UWYMeul5jx,
  #col-Vu3WixavUs,
  #section-PJT8NxOsn0,
  #row-ZITfOMDrIk,
  #col-N4105c3ie-,
  #section-zk0FdYSZg5,
  #row-Nl_6dtrQLC,
  #col-Ixccz-YgK2,
  #section-nHDmT6wIr_,
  #row-jHryqmGjXS,
  #col-exp8Lg6FLx {
    animation: none !important;
  }
}