/* Motion and finder gallery. Content is maintained in config.js. */
.hero-art{--aura-x:50%;--aura-y:48%;background:var(--bg)}
.hero-logo{filter:none}
.shopify-buy-frame--toggle{top:auto!important;bottom:24px!important;right:18px!important}
.hero-art:before{inset:0;background:radial-gradient(ellipse at var(--aura-x) var(--aura-y),#a487122c 0,transparent 64%);animation:hos-aura-breathe 8s ease-in-out infinite}
#gold-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}
.portal-one{animation:hos-portal-glow 9s ease-in-out infinite}
.portal-three{animation:hos-portal-glow 9s ease-in-out -4.5s infinite}
@keyframes hos-aura-breathe{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes hos-portal-glow{0%,100%{opacity:.52}50%{opacity:1}}
.stories-section{overflow:hidden;padding-bottom:82px}
.stories-heading{align-items:flex-end;margin-bottom:45px}
.stories-heading h2{max-width:820px}
.stories-heading .section-aside{max-width:250px;line-height:1.8}
.stories-carousel{position:relative;--story-width:31%;--story-gap:22px}
.stories-viewport{overflow:hidden;position:relative;touch-action:pan-y;outline-offset:7px;padding-block:20px 22px;margin-top:-20px;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)}
.stories-track{display:flex;gap:var(--story-gap);will-change:transform;transition:transform .65s cubic-bezier(.22,.68,.2,1)}
.stories-track.is-jumping{transition:none}
.story-card{flex:0 0 var(--story-width);min-width:0;min-height:466px;position:relative;isolation:isolate;overflow:hidden;background:#13150f;border:1px solid #5551376b;border-radius:2px;opacity:.5;transform:scale(.94);transition:opacity .5s,transform .6s,border-color .5s;color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end;user-select:none}
.story-card.is-current{opacity:1;transform:scale(1);border-color:#af943e9c;box-shadow:0 7px 30px #0003}
.story-card:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#05070526 0%,transparent 40%,#060805bd 75%,#070906 100%);pointer-events:none}
.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
/* Real community photos stay fully visible, with their captions below. */
.story-card.has-photo{min-height:0;justify-content:flex-start}
.story-card.has-photo:before,.story-card.has-photo .story-art,.story-card.has-photo .story-topline{display:none}
.story-card.has-photo .story-photo{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;flex-shrink:0}
.story-card.has-photo .story-content{flex:1;border-top:1px solid #5551376b;background:#13150f}
.stories-static{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.stories-static img{width:100%;height:auto}
.story-topline{position:absolute;top:22px;left:23px;right:23px;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#d4ccaa;font-size:8px;letter-spacing:1.6px;gap:10px}
.story-topline b{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--gold);line-height:1}
.story-content{position:relative;z-index:2;padding:27px 25px 29px}
.story-content .story-kicker{font-size:8px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin:0 0 11px;line-height:1.6}
.story-content h3{font-size:27px;line-height:1.13;font-weight:400;letter-spacing:-.8px;margin:0 0 12px}
.story-content p{font-size:11px;line-height:1.8;color:#b7b9a9;margin:0}
.story-quote{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.32;letter-spacing:-.4px;margin:0 0 14px;color:var(--paper)}
.story-attribution{font-size:10px;color:var(--gold);margin:0 0 7px;letter-spacing:.3px}
.story-art{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 47%,#9a701b27,transparent 70%),#11130d}
.story-art:before{content:'';position:absolute;width:52%;height:78%;left:24%;top:20%;border:1px solid #cfac492b;border-radius:50% 50% 0 0;box-shadow:0 0 50px #e4bd3e08,inset 0 0 40px #e4bd3e0a;transform:perspective(700px) rotateY(-15deg)}
.story-art:after{content:'';position:absolute;width:1px;height:110%;left:50%;top:-10%;background:linear-gradient(transparent,#f4db89cc 47%,transparent);box-shadow:0 0 35px 4px #e1c35624,0 0 90px 10px #e1c35614;transform:rotate(24deg)}
.story-symbol{position:absolute;top:25%;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:142px;font-weight:400;line-height:1;color:#c8ab5699;text-shadow:0 0 34px #e5c95918}
.story-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#f3dd9c 0.6px,transparent 0.6px);background-size:33px 39px;mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.story-card[data-art="1"] .story-art{background:radial-gradient(ellipse at 50% 38%,#b59b4630,transparent 68%),#12150e}
.story-card[data-art="1"] .story-art:before{width:64%;height:54%;left:18%;top:16%;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 17px #b69a4510,0 0 0 37px #b69a4508}
.story-card[data-art="1"] .story-art:after{transform:rotate(-31deg);left:56%;opacity:.8}
.story-card[data-art="1"] .story-symbol{font-size:112px;top:28%;color:#e3c970a6}
.story-card[data-art="2"] .story-art{background:radial-gradient(ellipse at 48% 42%,#927f322b,transparent 66%),#10130d}
.story-card[data-art="2"] .story-art:before{width:57%;height:49%;left:22%;top:22%;border-radius:2px;transform:rotate(45deg);border-color:#cfae4b42;box-shadow:0 0 0 19px #b69a4507}
.story-card[data-art="2"] .story-art:after{transform:rotate(0deg);left:49%;opacity:.5}
.story-card[data-art="2"] .story-symbol{font-size:102px;top:29%;color:#d0b568b3}
.stories-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:13px auto 0;max-width:650px}
.story-arrow{width:45px;height:45px;display:grid;place-items:center;background:transparent;color:var(--gold);border:1px solid #5c5531;font-size:21px;transition:background .2s,border-color .2s}
.story-arrow:hover{background:#d9bd4912;border-color:var(--gold)}
.stories-controls-middle{display:flex;align-items:center;justify-content:center;gap:23px;flex-wrap:wrap}
.story-dots{display:flex;align-items:center;gap:5px}
.story-dot{display:grid;place-items:center;width:24px;height:32px;border:0;background:none;padding:0;color:var(--gold)}
.story-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#73714c;transition:background .3s,box-shadow .3s}
.story-dot[aria-current="true"]:before{background:var(--gold);box-shadow:0 0 0 4px #d5b74515}
.story-play{font-size:9px;letter-spacing:1px;color:#b3b79f;background:transparent;border:0;padding:9px 0;min-height:32px;display:flex;align-items:center;gap:7px}
.story-play:hover{color:var(--gold)}
.story-play-symbol{font-size:10px;color:var(--gold);min-width:11px}
.story-position{font-size:9px;letter-spacing:1px;color:#858d78;text-align:center;margin:17px 0 0;font-variant-numeric:tabular-nums}
.stories-footer{display:flex;align-items:center;justify-content:center;gap:10px;color:#8e957e;font-size:10px;margin:29px 0 0;line-height:1.7;text-align:center}
.stories-footer span{color:var(--gold);font-size:16px}
.experience-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.stories-carousel{--story-width:37%;--story-gap:18px}.story-card{min-height:438px}.story-content{padding:24px 22px}.story-content h3{font-size:25px}.stories-heading .section-aside{max-width:205px}}
@media(max-width:850px){.stories-carousel{--story-width:47%}.stories-heading{display:block}.stories-heading .section-aside{max-width:380px;margin-top:22px}.story-card{min-height:415px}.story-symbol{font-size:129px}.stories-section{padding-bottom:65px}}
@media(max-width:620px){.stories-carousel{--story-width:83%;--story-gap:15px}.stories-viewport{margin-inline:-20px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.story-card{min-height:416px}.stories-heading{margin-bottom:34px}.stories-heading h2{font-size:34px}.stories-heading .section-aside{font-size:11px;max-width:280px;line-height:1.9}.story-content{padding:25px 23px}.story-content h3{font-size:26px}.story-symbol{font-size:138px}.stories-controls{gap:13px;margin-top:7px}.stories-controls-middle{gap:13px}.story-arrow{height:42px;width:42px}.stories-footer{font-size:9px;margin-top:23px}.stories-section{padding-bottom:57px}.story-topline{font-size:7px}.story-quote{font-size:23px}}
@media(prefers-reduced-motion:reduce){.portal-one,.portal-three,.hero-art:before{animation:none}.stories-track,.story-card,.story-dot:before{transition:none}.hero-art:before{background:radial-gradient(ellipse at 50% 48%,#a4871225 0,transparent 64%)}#gold-dust{opacity:.5}}
