.hero-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 80% 70%,#ff5a0012,transparent 55%);animation:ambient-glow 10s ease-in-out infinite alternate}
.story-layout>*{min-width:0}#storyTitle{font-size:clamp(32px,8.8vw,74px)}
.hero-atmosphere i{position:absolute;left:74%;top:30%;width:4px;height:4px;border-radius:50%;background:#ffd400a0;box-shadow:30px 140px 3px #ffd40070,-20px 60px 2px #ffffff70;animation:float-light 12s ease-in-out infinite}.hero-atmosphere i:nth-child(2){left:85%;top:60%;animation-delay:-4s}.hero-atmosphere i:nth-child(3){left:60%;top:80%;animation-delay:-7s}.hero-atmosphere i:nth-child(4){left:90%;top:15%;animation-delay:-10s}
@keyframes float-light{50%{transform:translate3d(12px,-28px,0);opacity:.25}}@keyframes ambient-glow{to{opacity:.35}}
.manifesto{background:#121212;text-align:center}.manifesto h2{font-size:clamp(40px,6.5vw,98px);font-weight:950;line-height:1;letter-spacing:-.055em;margin:24px auto 35px;max-width:1000px}.manifesto h2 span{color:#ffd400}.manifesto p{max-width:660px;margin:auto;font-size:clamp(16px,2vw,21px);line-height:1.8;color:#c3c1ba}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;font-size:10px;font-weight:700;letter-spacing:.08em}.showcase-controls>div{display:flex;gap:8px}.showcase-controls .btn{min-width:48px;font-size:20px;padding:6px}
.drinks-section .drink-showcase{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:12px 4px 30px;scrollbar-color:#b4410b #e4dfd3;overscroll-behavior-x:contain}.drink-showcase>.card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0}.drink-showcase>.empty-state{width:100%}.drink-showcase .card-actions{display:grid;gap:8px}.drink-showcase .name{margin-bottom:6px}
.drink-dialog{background:#1c1c1c;color:#fffdf7;border:1px solid #5c554b;border-radius:6px;width:min(550px,calc(100% - 32px));max-height:85dvh;padding:30px;box-shadow:0 30px 100px #0009}.drink-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.drink-dialog h2{font-size:32px;font-weight:800;clear:both;padding-top:24px}.close-detail{float:right}.drink-dialog dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 0;border-top:1px solid #3b3a36;font-size:14px}.drink-dialog dd{margin:0;color:#c3c1ba}.drink-dialog dt{font-weight:700}
.editorial-section{background:#201e18}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editorial-card{position:relative;min-height:260px;padding:32px;display:flex;flex-direction:column;justify-content:end;border:1px solid #5d4a31;overflow:hidden;background:radial-gradient(ellipse at 90% 0%,#66300b,#191918 70%);transition:transform .3s,border-color .3s}.editorial-card:nth-child(3n+2){background:radial-gradient(ellipse at 90% 0%,#414a26,#191918 70%)}.editorial-card:nth-child(3n+3){background:radial-gradient(ellipse at 90% 0%,#5f4f13,#191918 70%)}.editorial-card:hover{transform:translateY(-4px);border-color:#ff5a00}.editorial-number{position:absolute;right:20px;top:12px;font-size:76px;font-weight:900;color:#ffffff0c}.editorial-card h3{font-size:32px;line-height:1.1;letter-spacing:-.04em;max-width:250px;margin:0 0 24px}.pending-label{font-size:11px;color:#d0bfa4;letter-spacing:.06em}.story-values{font-weight:800;color:#fffdf7!important}.pending-copy{border-left:2px solid #7ed321;padding-left:18px}
.find-section input,.find-section select{color:#121212;background:#fffdf7;border-color:#c7c0b3}.location-results{margin-top:22px;font-size:13px;line-height:1.75;color:#514d44}.location-results article{border-top:1px solid #c7c0b3;padding-top:10px}.location-results h4{margin:0}.location-results p{font-size:13px}
.community-section{background:#121212}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.social-grid figure{margin:0;position:relative;overflow:hidden;aspect-ratio:1}.social-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.social-grid figure:hover img{transform:scale(1.03)}.social-grid figcaption{position:absolute;bottom:0;left:0;right:0;background:#121212e6;padding:12px;font-size:9px;letter-spacing:.06em;color:#fffdf7}.social-placeholder{background:#ffd400;color:#121212;padding:32px;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1}.social-placeholder>span{font-size:70px;line-height:1}.social-placeholder strong{font-size:clamp(20px,2.6vw,40px);line-height:1;letter-spacing:-.05em}.social-placeholder small{font-size:10px}.social-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px}.pending-social{color:#aaa79f}.compliance-section{background:#1c1c1c;border-top:1px solid #3b3a36}.compliance-section details{padding:20px 0;border-bottom:1px solid #3b3a36}.compliance-section summary{cursor:pointer;font-size:16px;font-weight:700;min-height:32px}.compliance-section p{color:#bbb9b3;font-size:14px;max-width:850px;line-height:1.8}.footer-top .social-links{grid-column:1/-1;flex-direction:row;margin-top:0}.footer-bottom nav{flex-wrap:wrap}
@media(hover:hover) and (pointer:fine){.storefront a,.storefront button{cursor:crosshair}.storefront .btn:hover{transform:translateY(-2px) scale(1.015)}}
@media(max-width:1000px){.drink-showcase>.card{flex-basis:calc((100% - 24px)/2)}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card{padding:24px}.social-placeholder{padding:20px}}
@media(max-width:600px){.manifesto h2{font-size:clamp(33px,9vw,52px)}.drinks-section .drink-showcase{gap:16px}.drink-showcase>.card{flex-basis:86%}.drinks-section .drink-showcase .card{padding:18px}.drinks-section .drink-showcase .product-image{aspect-ratio:1.1}.drink-showcase .card .name{font-size:25px}.showcase-controls{font-size:8px}.editorial-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.editorial-card{flex:0 0 85%;scroll-snap-align:start;min-height:260px}.social-grid{grid-template-columns:1fr 1fr}.social-grid figure:first-child{grid-column:1/-1;aspect-ratio:1.35}.social-placeholder{padding:20px}.social-placeholder>span{font-size:40px}.social-placeholder strong{font-size:21px}.social-placeholder small{font-size:9px}.social-grid figcaption{font-size:8px}.community-section h2{font-size:clamp(30px,9vw,43px)}.drink-dialog{padding:22px}.drink-dialog dl>div{font-size:12px}.footer-bottom nav{gap:15px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.hero-atmosphere i{animation:none}.drink-showcase{scroll-behavior:auto}.manifesto .reveal{opacity:1;transform:none}}
