*{box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:"Neucha",var(--font-body)}

.rev{--rev-teal:#52B8B1;--rev-deep:#3F9C96;position:relative;min-height:100vh;overflow:hidden;display:grid;align-content:center;justify-items:center;gap:clamp(1.5rem,4vh,2.5rem);padding:var(--space-12) clamp(var(--gutter),6vw,7rem);color:var(--color-white);font-family:"Neucha",var(--font-body)}
.rev__label{position:absolute;left:var(--space-6);top:var(--space-4);z-index:3;font:600 16px/1 system-ui,sans-serif;opacity:.85}
.rev__head{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}
.rev__kicker{margin:0;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1;text-transform:uppercase;letter-spacing:.05em}
.rev__kicker--dark{color:var(--color-peach-700)}
.rev__title{margin:0;line-height:0}
.rev__title .bf{display:block;height:clamp(4.25rem,7vw,6.5rem);width:auto;max-width:90vw;overflow:visible}
.bf-ink{fill:none;stroke:var(--color-white);stroke-width:19;stroke-linecap:round;stroke-linejoin:round}
.bf-shadow{fill:none;stroke:var(--rev-shadow,var(--color-cream-100));stroke-width:19;stroke-linecap:round;stroke-linejoin:round}
.rev__plate{display:inline-block;padding:.08em .35em .02em;transform:rotate(-3deg)}
.rev__plate--teal{background:var(--rev-teal)}
.rev__quote{margin:0;font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.35}
.rev__who{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:clamp(1.125rem,1.4vw,1.375rem);opacity:.9}
.rev__stars{font:400 1.375rem/1 system-ui,sans-serif;letter-spacing:.15em;color:#FFD66B}

.rev__arrow{display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:0;border-radius:50%;background:var(--color-white);color:var(--color-peach-400);cursor:pointer;transition:transform .2s}
.rev__arrow svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rev__arrow:active{transform:scale(.95);transition-duration:.08s}
.rev__arrow:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}

.rev--stickers{background:var(--color-sand-100)}
.rev--stickers{--rev-shadow:var(--color-peach-400)}
.rev__list{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);width:100%;max-width:72rem;align-items:start}
.rev__sticker{display:grid;gap:var(--space-4);padding:var(--space-8) var(--space-6);text-align:center;background:var(--color-peach-400);box-shadow:-6px 6px 0 var(--color-peach-700);transform:rotate(var(--r))}
.rev__sticker--teal{background:var(--rev-teal);box-shadow:-6px 6px 0 var(--rev-deep)}

.rev--slider{background:var(--color-sand-100);--rev-shadow:var(--color-peach-400);grid-template-columns:minmax(0,1fr)}
.rev__head--stack{gap:var(--space-2)}
.rev__line{margin:0;display:flex;align-items:center;gap:var(--space-4);font:700 clamp(2.25rem,3.6vw,3.25rem)/1 "Amatic SC",var(--font-hand);text-transform:uppercase}
.rev__plate--peach{padding:.1em .35em .04em;background:var(--color-peach-400);color:var(--color-white)}
.rev__teal{color:var(--color-teal-400);text-shadow:-2px 2px 0 var(--color-white)}
.rev__slider{--rev-card:clamp(16rem,24vw,21rem);--rev-gap:var(--space-8);position:relative;z-index:2;justify-self:center;width:min(100%,calc(3 * var(--rev-card) + 2 * var(--rev-gap)));min-width:0}
.rev__track{list-style:none;margin:0;padding:var(--space-4) 0 var(--space-6);display:grid;grid-auto-flow:column;grid-auto-columns:var(--rev-card);gap:var(--rev-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.rev__track::-webkit-scrollbar{display:none}
.rev__track:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}
.rev__card{scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--space-8) var(--space-6);border-radius:var(--space-6);background:var(--color-cream-50);color:#2F4F4C;box-shadow:0 6px 0 color-mix(in srgb,var(--color-peach-700) 25%,transparent)}
.rev__card .rev__stars{font-size:1.25rem}
.rev__card-title{margin:0;font-size:clamp(1.75rem,2.2vw,2.125rem);line-height:1.1;color:var(--color-peach-700)}
.rev__card-text{margin:0;font-size:clamp(1.25rem,1.5vw,1.4375rem);line-height:1.35}
.rev__card-who{margin:0;font-size:1.125rem;opacity:.75}
.rev__slide-btn{position:absolute;top:50%;z-index:3;translate:0 -50%;box-shadow:0 4px 0 color-mix(in srgb,var(--color-peach-700) 30%,transparent)}
.rev__slide-btn.rev__arrow--prev{left:calc((100% - 100vw) / 2);border-radius:0 999px 999px 0}
.rev__slide-btn.rev__arrow--next{right:calc((100% - 100vw) / 2);border-radius:999px 0 0 999px}
.rev__slide-btn:disabled{opacity:0;pointer-events:none}

.rev__label--dark{color:var(--color-peach-700)}
.rev--cream{background:var(--color-sand-100)}
.rev--peach{background:var(--color-peach-400)}
.rev--teal{background:var(--color-teal-300)}
.rev__thin,.rev__thin-sub{margin:0;line-height:0}
.rev__thin svg{display:block;height:clamp(6rem,10vw,9rem);width:auto;max-width:90vw;overflow:visible}
.rev__thin-sub svg{display:block;height:clamp(3rem,4.5vw,4rem);width:auto;overflow:visible}
.tl-ink{fill:none;stroke:var(--color-peach-400);stroke-width:6.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rev__thin-sub .tl-ink{stroke:var(--color-teal-400);stroke-width:4px}
.rev__thin--white .tl-ink,.rev__thin-sub--white .tl-ink{stroke:var(--color-white)}
.rev--peach .rev__card-title{color:var(--color-peach-700)}

@media (hover:hover){.rev__arrow:hover{transform:scale(1.06)}}
@media (max-width:760px){
.rev__slider{--rev-card:min(78vw,19rem);--rev-gap:var(--space-4);justify-self:start;width:calc(100% + var(--gutter))}
.rev__track{scroll-padding-left:0;padding-right:var(--gutter)}
.rev__slide-btn{display:none}
}