﻿.hero-slide{transition-duration:1.6s}
.arrival-photo{position:relative;overflow:visible;padding-bottom:45px}
.arrival-photo>figure:first-child{width:88%;margin-left:auto}
.arrival-photo .arrival-inset{position:absolute;left:-13%;bottom:-12px;width:43%;z-index:2;border:8px solid var(--paper);box-shadow:0 20px 45px #30211a20;will-change:transform}
.arrival-photo .arrival-inset img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.buddha-halo{border:0;width:min(77svh,890px);height:auto;aspect-ratio:1;bottom:0;z-index:0;opacity:.64}
.buddha-halo:after{display:none}.custom-mandala{width:100%;height:100%;overflow:visible;stroke:#a77b47;stroke-width:.8}
.custom-mandala path,.custom-mandala circle{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mandala-progress,0));opacity:calc(.15 + var(--mandala-progress,0)*.85)}
.buddha-photo{height:31%;width:24%;box-shadow:0 16px 34px #42262920;background:#37241c}
.buddha-photo img{height:100%;object-position:center}
.buddha-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 17px 12px;margin:0;background:linear-gradient(transparent,#170e0bd9);color:#fff0dc;font-size:.6rem;letter-spacing:.16em}
.photo-one{left:6%;top:19%}.photo-two{right:6%;top:17%}.photo-three{left:41%;top:3%;width:18%;height:28%}.photo-three img{object-position:center 49%}
.ingredient img{animation:ingredient-bob var(--float-duration,5s) ease-in-out var(--float-delay,0s) infinite;will-change:translate;transform-origin:center}
.ingredient[data-dragging=true] img{animation-play-state:paused}
@keyframes ingredient-bob{0%,100%{translate:0 -5px;rotate:-1deg}50%{translate:0 6px;rotate:1deg}}
.map-art{position:relative;background:#ede2d2}.map-art>img{width:100%;height:auto;display:block}
.map-activate{position:absolute;bottom:24px;right:26px;border:1px solid #78583d;background:#402b29;color:#fff3de;padding:14px 20px;font-size:.75rem;cursor:pointer;display:flex;gap:32px;align-items:center;box-shadow:0 6px 18px #402b2920}
.map-activate:hover{background:#634537}.location-map iframe[hidden]{display:none}.map-art[hidden]{display:none}
@media(min-width:2100px){.buddha-photo{width:21%;height:32%}.photo-one{left:12%}.photo-two{right:12%}.photo-three{width:18%;left:41%;height:29%}}
@media(max-width:900px){.arrival-photo{margin-left:9%;width:86%;margin-top:28px;margin-bottom:40px}.arrival-photo .arrival-inset{left:-8%;width:44%;border-width:5px;bottom:-20px}.buddha-halo{width:96vw;bottom:12%}.buddha-photo{width:37%;height:22%}.photo-one{left:3%;top:19%}.photo-two{right:3%;top:18%}.photo-three{width:30%;height:20%;left:35%;top:1%}.buddha-photo figcaption{font-size:.48rem;padding:18px 8px 7px}.map-art>img{height:350px;object-fit:cover;object-position:47% center}.map-activate{right:15px;bottom:15px;font-size:.7rem;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.arrival-photo .arrival-inset{transform:none!important;will-change:auto}.ingredient img{animation:none;will-change:auto}.custom-mandala path,.custom-mandala circle{stroke-dashoffset:0;opacity:1}}
.photo-one img{object-position:82% center}

/* Distinct original photographs for the arrival and Buddha story. */
.photo-one img{object-position:50% 52%}.photo-two img{object-position:50% 58%}.photo-three img{object-position:50% 60%}
