/* A self-contained six-second illustrated opening; no layout animation. */
.marketplace-nav .peru-intro-trigger{display:flex;align-items:center;gap:10px;flex:0 1 248px;min-width:190px;max-width:248px;height:48px;margin-right:auto;padding:0 10px 0 0;overflow:hidden;border:1px solid #bfa46980;border-radius:11px;background:#10252d;color:#f8e5b8;box-shadow:0 3px 12px #14222a17;cursor:pointer;text-align:left}
.peru-intro-trigger img{width:78px;height:46px;flex:none;object-fit:cover;object-position:70% 35%}
.peru-intro-trigger.is-playing img{animation:peru-nav-arrival 6s ease-out both}
@keyframes peru-nav-arrival{0%{object-position:5% 40%;filter:brightness(.7)}50%{object-position:90% 35%;filter:brightness(1.2)}100%{object-position:70% 35%;filter:brightness(1)}}
.peru-intro-trigger small,.peru-intro-caption small{display:block;font-size:8px;font-weight:500;letter-spacing:.13em;line-height:1.5}
.peru-intro-trigger strong{display:block;font-size:12px;font-weight:550;line-height:1.5;white-space:nowrap}
.peru-intro-trigger .peru-intro-copy{flex:1;min-width:0;text-align:left}
.peru-intro-trigger .peru-intro-copy strong{padding-right:22px}
.peru-intro-trigger .peru-intro-play{position:absolute;right:0;bottom:0;width:27px;height:25px;margin:0;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,transparent 0 45%,#f2d88b 46% 61%,#b78a31 62% 77%,#6c4d1b 78% 100%);filter:drop-shadow(-2px -2px 2px rgba(4,18,20,.26));transform-origin:100% 100%;transition:transform .18s ease,filter .18s ease}
.peru-intro-trigger .peru-intro-play::after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:1px solid rgba(255,248,218,.72);border-bottom:1px solid rgba(255,248,218,.72);transform:rotate(-4deg)}
.peru-intro-trigger:hover .peru-intro-play{transform:translate(-2px,-2px) rotate(-5deg);filter:drop-shadow(-3px -3px 3px rgba(4,18,20,.32))}
.peru-intro-trigger:hover{border-color:#dcb974;background:#17343d}
.peru-intro-trigger:focus-visible{outline:2px solid #a97c2c;outline-offset:4px}
.peru-inka-scene{position:absolute;inset:0 0 0 28%;z-index:1;overflow:hidden;pointer-events:none;opacity:0;background:#0b2430;transition:opacity .6s ease;isolation:isolate}
.peru-inka-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111827 0%,#11182775 16%,transparent 45%),linear-gradient(0deg,#11182790,transparent 40%)}
.peru-inka-art{display:block;width:100%;height:100%;transform-origin:68% 43%}
.peru-inka-scene.is-playing{opacity:1}
.is-playing .peru-inka-art{animation:peru-inka-arrival 6s cubic-bezier(.18,.6,.24,1) both}
.is-playing .peru-intro-sun{animation:peru-inka-sun 6s ease-out both;transform-origin:397px 253px}
.peru-intro-rays{position:absolute;inset:-30%;opacity:0;background:linear-gradient(115deg,transparent 40%,#ffdeb32b 48%,transparent 53%);mix-blend-mode:screen}
.is-playing .peru-intro-rays{animation:peru-inka-rays 6s ease-out both}
.peru-intro-star{position:absolute;color:#fff4c1;text-shadow:0 0 18px #ffd673;opacity:0;z-index:2}
.peru-intro-star-one{left:66%;top:15%;font-size:24px}
.peru-intro-star-two{left:84%;top:48%;font-size:17px}
.is-playing .peru-intro-star{animation:peru-inka-star 6s ease-in-out both}
.is-playing .peru-intro-star-two{animation-delay:.35s}
.peru-intro-caption{position:absolute;right:7%;bottom:29%;z-index:2;color:#fff2cc;text-shadow:0 2px 14px #091b27;opacity:0;text-align:right}
.peru-intro-caption small{font-size:9px;letter-spacing:.25em}
.peru-intro-caption strong{font-family:Georgia,serif;display:block;font-size:clamp(20px,2.4vw,34px);font-weight:400;line-height:1.4}
.is-playing .peru-intro-caption{animation:peru-inka-caption 6s ease both}
.professional-hero .badge.peru-hero-label{position:relative;overflow:hidden;padding-right:30px;border-color:#ffd978 #ffac28 #f8d66b #ff921f}
.peru-hero-label::after{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 43%,#fff5d7a8 50%,transparent 57%);transform:translateX(-100%);animation:peru-label-shine 12s ease-in-out infinite;pointer-events:none}
.peru-label-star{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;color:#ffe6a6;animation:peru-label-star 12s ease-in-out infinite}
@keyframes peru-inka-arrival{0%{transform:scale(1.15) translateX(3%);filter:brightness(.65)}28%{filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes peru-inka-sun{0%{opacity:0;transform:scale(.5)}40%{opacity:.8;transform:scale(1.2)}100%{opacity:.35;transform:scale(1)}}
@keyframes peru-inka-rays{0%{transform:translateX(-30%);opacity:0}35%{opacity:1}100%{transform:translateX(30%);opacity:0}}
@keyframes peru-inka-star{0%,24%,70%,100%{opacity:0;transform:scale(.3) rotate(0deg)}43%{opacity:1;transform:scale(1.2) rotate(65deg)}}
@keyframes peru-inka-caption{0%,23%{opacity:0;transform:translateY(12px)}40%,91%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes peru-label-shine{0%,85%{transform:translateX(-100%)}96%,100%{transform:translateX(100%)}}
@keyframes peru-label-star{0%,84%,100%{opacity:.55;transform:translateY(-50%) scale(.85)}91%{opacity:1;transform:translateY(-50%) scale(1.3)}}
@media(max-width:1150px){.marketplace-nav .peru-intro-trigger{flex-basis:194px;min-width:176px;gap:7px}.peru-intro-trigger img{width:51px}.peru-intro-trigger small{font-size:7px}.peru-intro-trigger strong{font-size:11px}}
@media(max-width:760px){.marketplace-nav .peru-intro-trigger{flex-basis:160px;min-width:150px;height:40px}.peru-intro-trigger img{width:45px;height:38px}.peru-intro-trigger .peru-intro-play{display:none}.peru-inka-scene{left:0}.peru-inka-scene::after{background:linear-gradient(90deg,#111827e8,#1118278c 65%,#11182738)}.peru-intro-caption{display:none}}
@media(prefers-reduced-motion:reduce){.peru-inka-scene{transition:none}.is-playing .peru-inka-art,.is-playing .peru-intro-sun,.is-playing .peru-intro-rays,.is-playing .peru-intro-star,.is-playing .peru-intro-caption,.peru-label-star,.peru-hero-label::after{animation:none}.peru-hero-label::after{display:none}}
@media print{.peru-intro-trigger,.peru-inka-scene{display:none}}
@media(prefers-reduced-motion:reduce){.peru-intro-trigger.is-playing img{animation:none}}
/* Navbar becomes a column on narrow screens: never treat width as flex height. */
.marketplace-nav .peru-intro-trigger{position:relative;flex:0 0 auto;width:248px}
@media(max-width:1150px){.marketplace-nav .peru-intro-trigger{width:194px}}
@media(max-width:760px){.marketplace-nav .peru-intro-trigger{width:160px}}
@media(max-width:760px){.peru-intro-trigger .peru-intro-copy strong{padding-right:0}}