/* Small story scenes, built from the exact supplied Sasquatch vector. */
.sighting{--scene-ink:#17271c;--scene-paper:#fbf0dd;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:23px;color:var(--scene-ink);max-width:415px;min-width:0}
.sighting-copy{min-width:0}.sighting-copy .eyebrow{font-size:8px;letter-spacing:1.8px;margin:0 0 6px;color:inherit;opacity:.72}
.sighting-line{font-family:HollerSlab,Georgia,serif;font-size:18px;line-height:1.48;letter-spacing:.025em;word-spacing:.08em;height:6em;max-width:21ch;display:flex;align-items:center;margin:0;overflow-wrap:break-word}
.squatch-spot{appearance:none;display:block;min-width:0;width:100%;padding:0;background:transparent;border:0;color:inherit;text-align:center;cursor:pointer;border-radius:50% 50% 0 0}
.squatch-spot:disabled{cursor:default}.squatch-spot:focus-visible{outline:3px solid #a34228;outline-offset:7px}.squatch-window{display:block;position:relative;width:100%;aspect-ratio:1/1.02;overflow:hidden;isolation:isolate;background:#17271c;border-radius:49% 49% 7px 7px;border:1px solid #17271c44;box-shadow:5px 5px 0 #17271c13}
.squatch-moon{position:absolute;width:67%;aspect-ratio:1;top:13%;left:17%;border-radius:50%;background:#e3b57d;box-shadow:0 0 24px #e3b57d22}
.squatch-actor{display:block;position:absolute;inset:3% -19% -2% -24%;z-index:2;transform-origin:55% 95%}.squatch-actor>img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:53% 89%;filter:drop-shadow(2px 5px 3px #05060633)}
.squatch-pine{position:absolute;width:32%;height:74%;top:23%;background:#0d1b14;clip-path:polygon(50% 0,70% 28%,62% 28%,85% 53%,74% 53%,100% 80%,57% 80%,57% 100%,43% 100%,43% 80%,0 80%,26% 53%,15% 53%,38% 28%,30% 28%);z-index:1}.pine-left{left:-4%;transform:rotate(-9deg)}.pine-right{right:-2%;transform:rotate(7deg);height:90%;top:10%}
.squatch-ground{position:absolute;inset:auto -10% -5%;height:24%;background:linear-gradient(transparent,#17271c 58%);z-index:3;pointer-events:none}.squatch-tap{display:block;margin:12px 0 0;font-size:8px;font-weight:800;line-height:1.5;letter-spacing:1.3px}.squatch-tap span{display:inline-block;font-size:13px;margin-left:3px}
.no-js .squatch-tap{display:none}.sighting-food{flex:0 1 415px}.photo-intro{font-size:13px;color:#655c4e;line-height:1.7;margin:-20px 0 25px}.sighting-map{grid-template-columns:104px minmax(0,1fr);gap:20px;max-width:350px;margin:27px 0 0;padding-top:23px;border-top:1px solid #17271c25}.sighting-map .sighting-line{font-size:16px;height:5.9em}.sighting-map .squatch-tap{font-size:7px;letter-spacing:.7px}.sighting-map .squatch-tap span{display:none}
.trail-divider{display:flex;align-items:center;justify-content:center;gap:55px;padding:28px 6%;background:#fbf0dd;border-top:1px solid #17271c1f}.trail-divider>p{font-family:HollerSlab,Georgia,serif;font-size:clamp(16px,2vw,24px);line-height:1.5;letter-spacing:.02em;max-width:30ch;margin:0;color:#17271c}
.foot-trail{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0;height:80px;padding:10px 4px;overflow:hidden}.foot-trail>img{display:block;width:22px;height:39px;object-fit:contain;opacity:.55;--heel:70deg;--rise:10px;transform:translateY(var(--rise)) rotate(var(--heel));flex:0 0 auto}.foot-trail>img:nth-child(even){--heel:95deg;--rise:-10px;scale:-1 1}.foot-trail>img:nth-child(2){--step:1}.foot-trail>img:nth-child(3){--step:2}.foot-trail>img:nth-child(4){--step:3}.foot-trail>img:nth-child(5){--step:4}.foot-trail>img:nth-child(6){--step:5}
.trail-bridge{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,415px) minmax(0,1fr);gap:4%;align-items:center;padding:40px 6%;background:#101d16;color:#fbf0dd;overflow:hidden}.trail-bridge .sighting{--scene-ink:#fbf0dd}.trail-bridge .foot-trail{opacity:.7}.trail-bridge .squatch-window{border-color:#e6c99b66;box-shadow:5px 5px 0 #05060633}.trail-bridge .squatch-spot:focus-visible{outline-color:#fbf0dd}.trail-bridge .sighting-line{font-size:20px}.sighting-gathering{grid-template-columns:132px minmax(0,1fr)}
.story-aside{font-family:HollerSlab,Georgia,serif;font-size:18px!important;letter-spacing:.03em;color:#a34228!important;margin:35px 0 0!important;padding-top:22px;border-top:1px solid #17271c22}.sighting-farewell{--scene-ink:#fbf0dd;grid-template-columns:120px minmax(0,1fr);max-width:360px;margin:0 auto 38px;text-align:left}.sighting-farewell .squatch-window{border-color:#fbf0ddaa;box-shadow:5px 5px 0 #662a1e44}.sighting-farewell .squatch-spot:focus-visible{outline-color:#fbf0dd}.sighting-farewell .sighting-line{font-size:20px;height:5.9em}.sighting-farewell .squatch-tap{font-size:7px;letter-spacing:.9px}
/* Entry and idle movement uses only composited transforms/opacity. */
.js-motion .sighting.motion-scene:not(.scene-seen) .squatch-actor{opacity:0;transform:translateY(56%) rotate(-10deg)}
.js-motion .sighting.scene-seen .squatch-actor{animation:squatchPeek 1s cubic-bezier(.2,.75,.25,1) both}
.js-motion .sighting.scene-seen .squatch-actor>img{animation:squatchAmble 7s ease-in-out 1.1s infinite}
.js-motion .sighting.is-joking .squatch-actor{animation:squatchHowdy .7s ease-in-out both}
.js-motion .foot-trail.scene-seen>img{animation:footfall .55s cubic-bezier(.2,.7,.3,1) calc(var(--step,0)*.12s) both}
.js-motion .food-photo.scene-seen{animation:photoSettle .85s cubic-bezier(.2,.65,.25,1) both;animation-delay:var(--trail-delay,0ms)}
.js-motion .country-panorama.scene-seen>img{animation:landscapeSettle 1.4s ease-out both}
.js-motion .occasion-list.scene-seen>span,.js-motion .inquiry-steps.scene-seen>span{animation:trailCopy .7s ease-out both;animation-delay:var(--trail-delay,0ms)}
.js-motion .story-brand.scene-seen{animation:brandSettle 1s ease-out both}
@media(hover:hover) and (pointer:fine){.js-motion .squatch-spot:hover .squatch-tap>span{transform:translate(3px,-3px)}.js-motion .food-photo.scene-active:hover .caption-arrow{transform:translate(3px,-3px)}.squatch-spot:hover .squatch-window{border-color:#a34228}.squatch-tap>span,.food-photo .caption-arrow{transition:transform .25s ease}}
@keyframes squatchPeek{0%{opacity:0;transform:translateY(56%) rotate(-10deg)}65%{opacity:1;transform:translateY(-5%) rotate(3deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes squatchAmble{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes squatchHowdy{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-10px) rotate(-6deg)}70%{transform:translateY(-3px) rotate(3deg)}}
@keyframes footfall{from{opacity:0;transform:translateY(calc(var(--rise) - 12px)) rotate(calc(var(--heel) - 10deg)) scale(.75)}to{opacity:.55;transform:translateY(var(--rise)) rotate(var(--heel)) scale(1)}}
@keyframes photoSettle{from{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes landscapeSettle{from{opacity:.65;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes trailCopy{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes brandSettle{from{opacity:0;transform:translateY(15px) rotate(-3deg)}to{opacity:1;transform:none}}
.country-panorama{overflow:hidden}.motion-scene.scene-sleep,.motion-scene.scene-sleep *,.motion-scene.scene-sleep:before,.motion-scene.scene-sleep:after,.motion-scene.scene-sleep *:before,.motion-scene.scene-sleep *:after{animation-play-state:paused!important}
/* Pausing always exposes the final readable state, including a mid-entry pause. */
.motion-paused .motion-scene,.motion-paused .motion-scene *,.motion-paused .motion-scene:before,.motion-paused .motion-scene:after,.motion-paused .motion-scene *:before,.motion-paused .motion-scene *:after{animation:none!important;transition:none!important}
.motion-paused .squatch-actor{opacity:1!important;transform:none!important}.motion-paused .squatch-actor>img{transform:none!important}.motion-paused .squatch-tap>span{transform:none!important}.motion-paused .food-photo{opacity:1!important;transform:none!important}.motion-paused .food-photo .caption-arrow{transform:none!important}
@media(max-width:1100px){.sighting-food{grid-template-columns:120px minmax(0,1fr);gap:18px;flex-basis:340px}.sighting-food .sighting-line{font-size:16px}.section-heading{gap:25px}.trail-bridge{grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:6%}.trail-bridge>.foot-trail:last-child{display:none}.sighting-gathering .sighting-line{font-size:18px}.foot-trail{gap:17px}}
@media(max-width:760px){.sighting-food{flex-basis:auto;grid-template-columns:116px minmax(0,1fr);max-width:350px;gap:21px;width:100%;margin-top:7px}.sighting-food .sighting-line{font-size:18px;height:6em}.section-heading{margin-bottom:25px}.photo-intro{margin:0 0 22px;font-size:12px;max-width:36ch}.sighting-map{margin-top:24px;max-width:365px;grid-template-columns:100px minmax(0,1fr)}.sighting-map .sighting-line{font-size:17px}.trail-divider{padding:25px 6%;gap:12px;justify-content:space-between}.trail-divider>p{font-size:16px;max-width:20ch}.trail-divider .foot-trail{max-width:95px;justify-content:flex-start;gap:17px}.trail-divider .foot-trail>img:nth-child(n+4){display:none}.trail-bridge{display:flex;justify-content:center;padding:32px 6%}.trail-bridge>.foot-trail{display:none}.sighting-gathering{grid-template-columns:114px minmax(0,1fr);gap:22px;width:100%;max-width:365px}.sighting-gathering .sighting-line{font-size:18px}.sighting-farewell{grid-template-columns:108px minmax(0,1fr);max-width:330px;gap:22px;margin-bottom:30px}.sighting-farewell .sighting-line{font-size:18px}.story-aside{font-size:17px!important;margin-top:28px!important}.js-motion .food-photo.scene-seen{animation-duration:.7s}}
@media(max-width:380px){.sighting-food{grid-template-columns:98px minmax(0,1fr);gap:17px}.sighting-food .sighting-line{font-size:16px}.squatch-tap{font-size:7px;letter-spacing:.6px}.sighting-gathering,.sighting-farewell{grid-template-columns:100px minmax(0,1fr);gap:17px}.sighting-gathering .sighting-line,.sighting-farewell .sighting-line{font-size:16px}.trail-divider>p{font-size:15px}.trail-divider .foot-trail{max-width:75px}.sighting-map .sighting-line{font-size:16px}}
@media(prefers-reduced-motion:reduce){.motion-scene,.motion-scene *,.motion-scene:before,.motion-scene:after,.motion-scene *:before,.motion-scene *:after{animation:none!important;transition:none!important}.squatch-actor,.squatch-actor>img,.squatch-tap>span,.food-photo .caption-arrow{transform:none!important}.squatch-actor,.food-photo{opacity:1!important}.food-photo{transform:none!important}}
@media(min-width:761px) and (max-width:1100px){.food-section .section-heading{flex-wrap:wrap;align-items:center}.sighting-food{flex:0 0 340px;max-width:100%}}

/* If visibility observation is unavailable, keep the complete scene static and visible. */
.scene-static,.scene-static *,.scene-static:before,.scene-static:after{animation:none!important;transition:none!important}
.scene-static .squatch-actor{opacity:1!important;transform:none!important}
.squatch-tap,.sighting-map .squatch-tap,.sighting-farewell .squatch-tap{font-size:9px;letter-spacing:.5px;min-height:27px}