#guahva-flip-preview{padding:28px 8px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;color:#17251b}
#guahva-flip-preview *{box-sizing:border-box}
#guahva-flip-preview .services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:960px;margin:auto}
#guahva-flip-preview .flip{position:relative;display:block;width:100%;height:420px;border:0;padding:0;background:transparent;text-align:left;font:inherit;perspective:1200px;border-radius:30px;color:inherit;-webkit-tap-highlight-color:transparent}
#guahva-flip-preview .inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.22,.7,.2,1)}
#guahva-flip-preview .flip.is-back .inner{transform:rotateY(180deg)}
#guahva-flip-preview .face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:30px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 28px #19291e12}
#guahva-flip-preview .front{background:#76bfe8;color:white;padding:25px 23px;isolation:isolate}
#guahva-flip-preview .art{position:absolute;inset:0;z-index:-2;overflow:hidden}
#guahva-flip-preview .front:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#081c3670,transparent 43%,transparent 61%,#0e2d256b)}
#guahva-flip-preview .chapter{display:block;font-size:12.1px;font-weight:600;letter-spacing:1.7px;margin-bottom:13px}
#guahva-flip-preview .title{display:block;font-size:29.7px;font-weight:650;line-height:1.1;letter-spacing:-1px}
#guahva-flip-preview .brand{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:25.3px;font-weight:650;letter-spacing:-.6px}
#guahva-flip-preview .turn{font-size:23.1px;font-weight:400;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #ffffff70;border-radius:50%}
#guahva-flip-preview .back{transform:rotateY(180deg);background:#fff;padding:25px 23px;border:1px solid #e8ece7}
#guahva-flip-preview .back .chapter{color:#538043}
#guahva-flip-preview .back .title{font-size:27.5px;color:#17251b}
#guahva-flip-preview .points{display:flex;flex-direction:column;gap:13px;margin:25px 0 20px}
#guahva-flip-preview .point{display:flex;gap:10px;color:#4d574e;font-size:15.4px;line-height:1.4}
#guahva-flip-preview .point:before{content:'•';color:#4b913f;flex-shrink:0}
#guahva-flip-preview .back-footer{margin-top:auto;padding-top:16px;border-top:1px solid #e6ebe4;display:flex;align-items:center;justify-content:space-between;font-size:14.3px;color:#527346}
@media(max-width:610px){#guahva-flip-preview .services{grid-template-columns:1fr;max-width:340px}#guahva-flip-preview .flip{height:440px}#guahva-flip-preview .title{font-size:35.2px}#guahva-flip-preview .point{font-size:17.6px}}
@media(prefers-reduced-motion:reduce){#guahva-flip-preview .inner{transition:none}}
#guahva-flip-preview .services{grid-template-columns:1fr;max-width:680px;gap:36px}
#guahva-flip-preview .flip{height:auto;aspect-ratio:1.38;min-height:430px;border-radius:36px}
#guahva-flip-preview .face{border-radius:36px}
#guahva-flip-preview .front,#guahva-flip-preview .back{padding:32px}
#guahva-flip-preview .front{background:#66b7ee}
#guahva-flip-preview .flip:nth-child(2) .front{background:#fac396}
#guahva-flip-preview .flip:nth-child(3) .front{background:#5dbcee}
#guahva-flip-preview .title,#guahva-flip-preview .back .title{font-size:39.6px;line-height:1.1;letter-spacing:-1.3px}
#guahva-flip-preview .title br{display:none}
#guahva-flip-preview .title br:after{content:' '}
#guahva-flip-preview .chapter{font-size:13.2px;letter-spacing:2px}
#guahva-flip-preview .brand{font-size:28.6px}
#guahva-flip-preview .points{gap:15px;margin:25px 0}
#guahva-flip-preview .point{font-size:20.9px;line-height:1.4}
#guahva-flip-preview .back-footer{font-size:16.5px}
@media(max-width:480px){#guahva-flip-preview .front,#guahva-flip-preview .back{padding:24px}#guahva-flip-preview .title,#guahva-flip-preview .back .title{font-size:30.8px}#guahva-flip-preview .point{font-size:17.6px}#guahva-flip-preview .points{gap:12px}#guahva-flip-preview .flip{min-height:450px}}

#guahva-flip-preview .services{max-width:560px;gap:32px}
#guahva-flip-preview .flip{aspect-ratio:1 / 1.08;min-height:0;height:auto}
#guahva-flip-preview .face{border-radius:38px}
#guahva-flip-preview .front,#guahva-flip-preview .back{padding:30px}
#guahva-flip-preview .points{gap:17px;margin:32px 0}
#guahva-flip-preview .point{font-size:22px}
#guahva-flip-preview .front:after{background:linear-gradient(180deg,#081c3640,transparent 31%,transparent 74%,#0e2d2545)}
@media(max-width:480px){#guahva-flip-preview .flip{aspect-ratio:1 / 1.08;min-height:0}#guahva-flip-preview .front,#guahva-flip-preview .back{padding:20px}#guahva-flip-preview .face{border-radius:28px}#guahva-flip-preview .title,#guahva-flip-preview .back .title{font-size:27.5px}#guahva-flip-preview .chapter{font-size:11px;margin-bottom:9px}#guahva-flip-preview .points{gap:9px;margin:18px 0 12px}#guahva-flip-preview .point{font-size:15.4px;line-height:1.3}#guahva-flip-preview .back-footer{padding-top:10px;font-size:13.2px}#guahva-flip-preview .brand{font-size:24.2px}}

#guahva-flip-preview .services{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;gap:20px}
#guahva-flip-preview .flip{container-type:inline-size;aspect-ratio:1 / 1.08;min-height:0}
#guahva-flip-preview .face{border-radius:9cqw}
#guahva-flip-preview .front,#guahva-flip-preview .back{padding:6cqw}
#guahva-flip-preview .title,#guahva-flip-preview .back .title{font-size:8.25cqw;letter-spacing:-.2cqw;line-height:1.08}
#guahva-flip-preview .chapter{font-size:max(11px,2.86cqw);letter-spacing:.3cqw;margin-bottom:3cqw}
#guahva-flip-preview .points{gap:2.4cqw;margin:5cqw 0 3cqw}
#guahva-flip-preview .point{font-size:max(12.1px,4.07cqw);line-height:1.3;gap:2cqw}
#guahva-flip-preview .back-footer{font-size:max(11px,3.3cqw);padding-top:3cqw}
#guahva-flip-preview .brand{font-size:6.6cqw}
#guahva-flip-preview .turn{height:8cqw;width:8cqw;font-size:5.5cqw}
@media(max-width:639px){#guahva-flip-preview .services{grid-template-columns:1fr;max-width:440px;gap:24px}}

#guahva-flip-preview .chapter,#guahva-flip-preview .back .chapter{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px 11px 4px 4px;border-radius:999px;background:#e9f5ee;color:#087d46;font-size:clamp(12.1px,3.96cqw,17.6px);font-weight:500;letter-spacing:0;line-height:1;white-space:nowrap;margin-bottom:3cqw}
#guahva-flip-preview .step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.55em;height:1.55em;border-radius:50%;background:#10a660;color:#fff;font-size:1em;font-weight:600;line-height:1}

#guahva-flip-preview .front:after{background:linear-gradient(180deg,rgba(8,28,54,.22),transparent 34%,transparent 74%,rgba(14,45,37,.3))}

#guahva-flip-preview .service-item{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
#guahva-flip-preview .service-item>.chapter{font-size:15.4px;margin:0 0 0 5px;padding:5px 13px 5px 5px;gap:7px}
#guahva-flip-preview .front .title{align-self:flex-start;max-width:100%;padding:3cqw 4cqw;border-radius:4cqw;background:rgba(15,31,35,.43);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17);font-size:7.7cqw;line-height:1.14}
#guahva-flip-preview .front:after{background:none}
#guahva-flip-preview .back .points{margin-top:7cqw}

#guahva-flip-preview .front .title{background:linear-gradient(180deg,rgba(255,253,250,.64),rgba(244,240,235,.43) 52%,rgba(255,253,250,.62));color:#1c1c1c;backdrop-filter:blur(18px) saturate(.75);-webkit-backdrop-filter:blur(18px) saturate(.75);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:3.5cqw 5cqw;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 12px rgba(22,25,23,.06);font-weight:600}

#guahva-flip-preview{padding:24px 0}
#guahva-flip-preview .services{max-width:1440px;gap:18px}
#guahva-flip-preview .service-item{gap:16px}
#guahva-flip-preview .service-item .flip{aspect-ratio:3 / 5;height:auto;min-height:0}
#guahva-flip-preview .face{border-radius:7cqw;box-shadow:0 14px 35px rgba(25,41,30,.12)}
#guahva-flip-preview .front,#guahva-flip-preview .back{padding:7cqw}
#guahva-flip-preview .front .title{font-size:8.8cqw;line-height:1.14;padding:4cqw 5cqw;border-radius:6cqw}
#guahva-flip-preview .back .title{font-size:9.9cqw;line-height:1.12}
#guahva-flip-preview .back .points{margin-top:12cqw;gap:6cqw}
#guahva-flip-preview .point{font-size:max(13.2px,5.06cqw);line-height:1.45;gap:3cqw}
@media(max-width:639px){#guahva-flip-preview .services{grid-template-columns:1fr;max-width:440px;gap:32px}}


#guahva-flip-preview .details-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:auto;padding:3.5cqw 5cqw;min-height:36px;border:1px solid rgba(28,28,28,.12);border-radius:2cqw;background:#fff;color:#1d1d1d;font-size:max(13.2px,4.4cqw);font-weight:500;line-height:1.2;box-shadow:0 2px 5px rgba(0,0,0,.08)}
@media(min-width:480px){#guahva-flip-preview .services{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px;gap:16px}}
@media(min-width:480px) and (max-width:639px){#guahva-flip-preview .back .points{gap:3cqw;margin-top:7cqw}#guahva-flip-preview .point{font-size:12.1px;line-height:1.3}}

#guahva-flip-preview .face{border:clamp(6px,3cqw,13px) solid #fff;border-radius:7cqw;box-shadow:0 0 0 1px rgba(30,36,29,.1),0 8px 24px rgba(25,41,30,.1)}
#guahva-flip-preview .service-item:nth-child(n) .flip .art{border-radius:4cqw}


#guahva-flip-preview .cursor-interaction{cursor:pointer}
#guahva-flip-preview .flip:focus-visible{outline:3px solid #108c52;outline-offset:5px}
#guahva-flip-preview .back{padding:5cqw;color:#252824}
#guahva-flip-preview .back .title{font-size:7.7cqw;flex-shrink:0;margin-bottom:5cqw}
#guahva-flip-preview .back-copy{display:block;overflow-y:auto;min-height:0;flex:1;padding-right:8px;scrollbar-width:thin;scrollbar-color:#b7cbb0 #f5f7f3;overscroll-behavior:contain;font-size:clamp(14.3px,4.18cqw,18.7px);line-height:1.5;cursor:text;text-align:left}
#guahva-flip-preview .intro{display:block;font-weight:600;margin-bottom:20px}
#guahva-flip-preview .detail{display:block;margin-bottom:18px}
#guahva-flip-preview .detail strong{display:block;font-weight:600;margin-bottom:4px}
#guahva-flip-preview .detail>span{display:block;color:#586054}
#guahva-flip-preview .result{display:block;border-top:1px solid #e5e9e1;padding-top:16px;margin-bottom:8px;color:#35482e}
@media(max-width:700px){#guahva-flip-preview .services{grid-template-columns:1fr;max-width:440px}}

#guahva-flip-preview .sprite{display:block;position:relative;width:48px;height:48px;margin-bottom:12px;flex-shrink:0}
#guahva-flip-preview .sprite:before{content:"";position:absolute;width:3px;height:3px;left:0;top:0}
#guahva-flip-preview .back .title{font-size:7.7cqw;margin-bottom:6cqw}
#guahva-flip-preview .detail{margin-bottom:17px}
#guahva-flip-preview .detail:last-child{margin-bottom:0}
#guahva-flip-preview .sprite-camera:before{box-shadow:12px 6px #ffc437,15px 6px #ffc437,18px 6px #ffc437,21px 6px #ffc437,9px 9px #ffc437,12px 9px #ff8319,15px 9px #ff8319,18px 9px #ff8319,21px 9px #ff8319,24px 9px #ffc437,6px 12px #28253b,9px 12px #28253b,12px 12px #28253b,15px 12px #28253b,18px 12px #28253b,21px 12px #28253b,24px 12px #28253b,27px 12px #28253b,30px 12px #28253b,33px 12px #28253b,6px 15px #28253b,9px 15px #c4e5ff,12px 15px #c4e5ff,15px 15px #c4e5ff,18px 15px #c4e5ff,21px 15px #c4e5ff,24px 15px #c4e5ff,27px 15px #c4e5ff,30px 15px #c4e5ff,33px 15px #28253b,6px 18px #28253b,9px 18px #c4e5ff,12px 18px #c4e5ff,15px 18px #28253b,18px 18px #28253b,21px 18px #28253b,24px 18px #28253b,27px 18px #c4e5ff,30px 18px #c4e5ff,33px 18px #28253b,6px 21px #28253b,9px 21px #c4e5ff,12px 21px #28253b,15px 21px #278ce5,18px 21px #278ce5,21px 21px #28253b,24px 21px #c4e5ff,27px 21px #c4e5ff,30px 21px #28253b,6px 24px #28253b,9px 24px #c4e5ff,12px 24px #c4e5ff,15px 24px #28253b,18px 24px #278ce5,21px 24px #278ce5,24px 24px #28253b,27px 24px #c4e5ff,30px 24px #c4e5ff,33px 24px #28253b,6px 27px #28253b,9px 27px #c4e5ff,12px 27px #c4e5ff,15px 27px #28253b,18px 27px #28253b,21px 27px #28253b,24px 27px #28253b,27px 27px #c4e5ff,30px 27px #c4e5ff,33px 27px #28253b,6px 30px #28253b,9px 30px #c4e5ff,12px 30px #c4e5ff,15px 30px #c4e5ff,18px 30px #c4e5ff,21px 30px #c4e5ff,24px 30px #c4e5ff,27px 30px #c4e5ff,30px 30px #c4e5ff,33px 30px #28253b,6px 33px #28253b,9px 33px #28253b,12px 33px #28253b,15px 33px #28253b,18px 33px #28253b,21px 33px #28253b,24px 33px #28253b,27px 33px #28253b,30px 33px #28253b,33px 33px #28253b}
#guahva-flip-preview .sprite-flag:before{box-shadow:9px 0px #278ce5,12px 0px #278ce5,9px 3px #278ce5,12px 3px #64baff,15px 3px #ff8319,18px 3px #ff8319,21px 3px #ff8319,24px 3px #ff8319,27px 3px #ff8319,30px 3px #ff8319,33px 3px #ff8319,9px 6px #278ce5,12px 6px #64baff,15px 6px #ff8319,18px 6px #ffc437,21px 6px #ffc437,24px 6px #ffc437,27px 6px #ffc437,30px 6px #ffc437,33px 6px #ffc437,9px 9px #278ce5,12px 9px #64baff,15px 9px #ff8319,18px 9px #ff8319,21px 9px #ff8319,24px 9px #ff8319,27px 9px #ff8319,30px 9px #ff8319,33px 9px #ff8319,9px 12px #278ce5,12px 12px #64baff,15px 12px #ff8319,18px 12px #f04428,21px 12px #f04428,24px 12px #f04428,27px 12px #f04428,30px 12px #f04428,33px 12px #f04428,9px 15px #278ce5,12px 15px #64baff,15px 15px #f04428,18px 15px #f04428,21px 15px #f04428,24px 15px #f04428,27px 15px #f04428,30px 15px #f04428,33px 15px #f04428,9px 18px #278ce5,12px 18px #64baff,9px 21px #278ce5,12px 21px #64baff,9px 24px #278ce5,12px 24px #64baff,9px 27px #278ce5,12px 27px #64baff,9px 30px #278ce5,12px 30px #64baff,6px 33px #278ce5,9px 33px #278ce5,12px 33px #64baff,15px 33px #64baff,3px 36px #278ce5,6px 36px #278ce5,9px 36px #278ce5,12px 36px #64baff,15px 36px #64baff,18px 36px #64baff}
#guahva-flip-preview .sprite-tower:before{box-shadow:21px 0px #278ce5,24px 0px #ff8319,27px 0px #ff8319,30px 0px #ff8319,21px 3px #278ce5,24px 3px #f04428,27px 3px #f04428,30px 3px #f04428,21px 6px #278ce5,15px 9px #278ce5,18px 9px #278ce5,21px 9px #278ce5,24px 9px #278ce5,27px 9px #278ce5,30px 9px #278ce5,15px 12px #278ce5,18px 12px #64baff,21px 12px #c4e5ff,24px 12px #c4e5ff,27px 12px #64baff,30px 12px #278ce5,15px 15px #278ce5,18px 15px #64baff,21px 15px #278ce5,24px 15px #278ce5,27px 15px #64baff,30px 15px #278ce5,15px 18px #278ce5,18px 18px #64baff,21px 18px #c4e5ff,24px 18px #c4e5ff,27px 18px #64baff,30px 18px #278ce5,15px 21px #278ce5,18px 21px #64baff,21px 21px #278ce5,24px 21px #278ce5,27px 21px #64baff,30px 21px #278ce5,6px 24px #278ce5,9px 24px #278ce5,12px 24px #278ce5,15px 24px #278ce5,18px 24px #278ce5,21px 24px #278ce5,24px 24px #278ce5,27px 24px #278ce5,30px 24px #278ce5,33px 24px #278ce5,36px 24px #278ce5,39px 24px #278ce5,6px 27px #278ce5,9px 27px #64baff,12px 27px #c4e5ff,15px 27px #c4e5ff,18px 27px #64baff,21px 27px #278ce5,24px 27px #278ce5,27px 27px #64baff,30px 27px #c4e5ff,33px 27px #c4e5ff,36px 27px #64baff,39px 27px #278ce5,6px 30px #278ce5,9px 30px #64baff,12px 30px #278ce5,15px 30px #278ce5,18px 30px #64baff,21px 30px #278ce5,24px 30px #278ce5,27px 30px #64baff,30px 30px #278ce5,33px 30px #278ce5,36px 30px #64baff,39px 30px #278ce5,6px 33px #278ce5,9px 33px #64baff,12px 33px #c4e5ff,15px 33px #c4e5ff,18px 33px #64baff,21px 33px #278ce5,24px 33px #278ce5,27px 33px #64baff,30px 33px #c4e5ff,33px 33px #c4e5ff,36px 33px #64baff,39px 33px #278ce5,6px 36px #278ce5,9px 36px #64baff,12px 36px #278ce5,15px 36px #278ce5,18px 36px #64baff,21px 36px #278ce5,24px 36px #278ce5,27px 36px #64baff,30px 36px #278ce5,33px 36px #278ce5,36px 36px #64baff,39px 36px #278ce5,6px 39px #278ce5,9px 39px #278ce5,12px 39px #278ce5,15px 39px #278ce5,18px 39px #278ce5,21px 39px #278ce5,24px 39px #278ce5,27px 39px #278ce5,30px 39px #278ce5,33px 39px #278ce5,36px 39px #278ce5,39px 39px #278ce5}
#guahva-flip-preview .face.back{background:#faf6ed}
#guahva-flip-preview .reading-area{position:relative;display:flex;flex:1;min-height:0;padding-right:14px}
#guahva-flip-preview .back-copy{scrollbar-width:none;padding-right:2px;max-height:100%}
#guahva-flip-preview .back-copy::-webkit-scrollbar{display:none}
#guahva-flip-preview .scroll-rail{position:absolute;right:0;top:0;bottom:0;width:5px;background:#e8e0d2;border-radius:8px}
#guahva-flip-preview .scroll-thumb{position:absolute;top:0;left:0;width:5px;min-height:18px;height:25%;border-radius:8px;background:#9caa8e}
#guahva-flip-preview .scroll-cue{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin-top:10px;padding:8px 0 0;color:#647451;font-size:13.2px;font-weight:500;border-top:1px solid #e7dfd0}
#guahva-flip-preview .scroll-cue>span{font-size:18.7px;line-height:1}
#guahva-flip-preview .detail .subpoints{display:flex;flex-direction:column;gap:5px}
#guahva-flip-preview .subpoint{display:flex;gap:7px;align-items:flex-start}
#guahva-flip-preview .subpoint:before{content:'•';flex-shrink:0;color:#839568}
#guahva-flip-preview .detail strong{margin-bottom:6px}

#guahva-flip-preview .scroll-cue{cursor:pointer}

/* Landscapes never transform: the 480 × 800 drawing and SVG share one coordinate space. */
#guahva-flip-preview .art .scene-landscape,
#guahva-flip-preview .art .scene{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
#guahva-flip-preview .art .scene-landscape{image-rendering:pixelated}
#guahva-flip-preview .scene .limb,
#guahva-flip-preview .scene .goat-head,
#guahva-flip-preview .scene .camel-neck,
#guahva-flip-preview .scene .camel-tail,
#guahva-flip-preview .scene .surfer-body{transform-box:fill-box;transform-origin:50% 0}
#guahva-flip-preview .scene .goat-head{transform-origin:0 50%}
#guahva-flip-preview .scene .camel-neck{transform-origin:100% 100%}
#guahva-flip-preview .scene .surfer-body{transform-origin:50% 100%}
#guahva-flip-preview .scene .surfer-motion{transform-box:fill-box;transform-origin:50% 80%}
#guahva-flip-preview .scene .character-facing{transform-box:fill-box;transform-origin:center}
#guahva-flip-preview .scene .meadow-tuft,.hero .meadow-tuft{transform-box:view-box;transform-origin:0 0}
@media (prefers-reduced-motion:no-preference){
  #guahva-flip-preview .meadow-tuft,.hero .meadow-tuft{animation:meadow-wind 6.5s ease-in-out infinite;animation-delay:var(--wind-delay)}
  .hero .meadow-tuft{animation-play-state:paused}
  .hero.scene-running .meadow-tuft{animation-play-state:running}
  #guahva-flip-preview .goat-motion{animation:goat-walk 16s linear infinite}
  #guahva-flip-preview .goat-facing{animation:character-turn 16s steps(1,end) infinite}
  #guahva-flip-preview .goat-head{animation:goat-nibble 4s ease-in-out infinite}
  #guahva-flip-preview .goat-front-leg{animation:animal-step 1.2s ease-in-out infinite alternate}
  #guahva-flip-preview .goat-back-leg{animation:animal-step 1.2s -.6s ease-in-out infinite alternate-reverse}
  #guahva-flip-preview .camel-motion{animation:camel-stroll 18s linear infinite}
  #guahva-flip-preview .camel-facing{animation:character-turn 18s steps(1,end) infinite}
  #guahva-flip-preview .camel-body{animation:camel-bob .8s ease-in-out infinite}
  #guahva-flip-preview .camel-near-front,
  #guahva-flip-preview .camel-far-back{animation:animal-step .8s ease-in-out infinite alternate}
  #guahva-flip-preview .camel-near-back,
  #guahva-flip-preview .camel-far-front{animation:animal-step .8s ease-in-out infinite alternate-reverse}
  #guahva-flip-preview .camel-neck{animation:camel-nod 2.4s ease-in-out infinite}
  #guahva-flip-preview .camel-tail{animation:animal-step 1.6s ease-in-out infinite alternate}
  #guahva-flip-preview .surfer-motion{animation:surfer-carve 10s ease-in-out infinite}
  #guahva-flip-preview .surfer-body{animation:surfer-balance 2.3s ease-in-out infinite}
  #guahva-flip-preview .art .scene *{animation-play-state:paused}
  #guahva-flip-preview .flip:not(.is-back) .scene-running .scene *{animation-play-state:running}
}
/* Routes use scene coordinates; the camel follows the dune's sloping crest. */
@keyframes goat-walk{0%,100%{transform:translate(0,0)}45%,55%{transform:translate(112px,-5px)}}
@keyframes character-turn{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
@keyframes goat-nibble{0%,20%,100%{transform:rotate(0)}45%,70%{transform:rotate(23deg)}55%,80%{transform:rotate(18deg)}}
@keyframes animal-step{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@keyframes camel-stroll{0%,100%{transform:translate(0,0)}22.5%,77.5%{transform:translate(-68px,11px)}45%,55%{transform:translate(-136px,28px)}}
@keyframes camel-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes camel-nod{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(5deg)}}
@keyframes surfer-carve{0%,100%{transform:translate(-58px,0) rotate(-5deg)}50%{transform:translate(66px,10px) rotate(5deg)}}
@keyframes surfer-balance{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
/* A delayed gust travels across rooted tufts; stronger bending belongs to foreground blades. */
@keyframes meadow-wind{
  0%,100%{transform:skewX(-2deg)}
  24%{transform:skewX(calc(var(--wind-lean) * -.45))}
  48%{transform:skewX(calc(var(--wind-lean) * -1))}
  70%{transform:skewX(calc(var(--wind-lean) * -.65))}
  85%{transform:skewX(2deg)}
}