/* Product photography and label story */
.hero .hero-product{isolation:isolate;min-height:560px;overflow:visible;align-self:end}
.hero .hero-product:before{z-index:-1;left:11%;bottom:7%;width:88%;height:62%;background:radial-gradient(ellipse,#ff8a2348 0%,transparent 70%);filter:blur(35px)}
.hero .hero-product .pack{position:absolute;bottom:4%;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;filter:drop-shadow(12px 20px 13px rgba(0,0,0,.4));transition:transform .35s ease}
.hero .hero-product .pack:hover{transform:translateY(-9px)}
.hero .hero-product .pack img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:none}
.hero .hero-product .pack-drum{width:27%;height:68%;right:0;bottom:7%;z-index:1}
.hero .hero-product .pack-five{width:51%;height:86%;left:32%;z-index:2}
.hero .hero-product .pack-five img{object-fit:cover;object-position:center}
.hero .hero-product .pack-one{width:26%;height:70%;left:7%;z-index:3}
.medals{background:#383d3f!important;color:#fff!important;padding:84px 4.5% 98px!important}
.medals .medals-inner{max-width:1320px}
.medals .medals-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 45px;align-items:end;margin-bottom:33px}
.medals .medals-intro .eyebrow{grid-column:1/-1}
.medals .medals-intro h2{margin:0;max-width:720px}
.medals .medals-intro p{margin:0 0 4px;max-width:510px;color:#eff0f0}
.medal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.medal-grid article{min-width:0;background:#52585a;border:1px solid #747a7c;padding:19px 16px 24px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}
.medal-grid article:hover{transform:translateY(-4px);border-color:#ff9e52}
.medal-graphic{display:block;width:min(100%,195px);aspect-ratio:1;margin:0 auto 18px;background-image:url('assets/eloi-medals-original.png');background-repeat:no-repeat;background-size:500% auto;background-color:transparent}
.medal-0{background-position:0% 44%}.medal-1{background-position:25% 44%}.medal-2{background-position:50% 44%}.medal-3{background-position:75% 44%}.medal-4{background-position:100% 44%}
.medal-grid h3{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:0 0 9px}
.medal-grid p{font-size:14px;line-height:1.5;color:#e8eaea!important;margin:0;max-width:none}
.brand-story .brand-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:35px 0 14px}
.brand-values article{background:#404547;border:1px solid #909698;padding:24px;min-height:245px}
.brand-values article>span{color:#ff9a4d;font-weight:800;font-size:58px;line-height:1;letter-spacing:-.07em}
.brand-values .brand-letter{display:block;width:auto;height:90px;max-width:100%;object-fit:contain;object-position:left center}
.brand-values h3{margin:25px 0 11px;font-size:23px}
.brand-values p{font-size:15px;line-height:1.55;margin:0}
@media(max-width:1100px){.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-story .brand-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero .hero-product{min-height:430px;width:min(100%,620px);margin:auto}.medals .medals-intro{grid-template-columns:1fr}.medals .medals-intro .eyebrow{grid-column:auto}}
@media(max-width:620px){.hero .hero-product{min-height:390px}.hero .hero-product .pack-drum{right:1%;width:28%;height:64%}.hero .hero-product .pack-five{left:31%;width:53%;height:83%}.hero .hero-product .pack-one{left:3%;width:29%;height:66%}.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.medal-grid article{padding:13px 11px 18px}.medal-graphic{margin-bottom:12px}.medal-grid h3{font-size:16px}.medal-grid p{font-size:13px}.brand-story .brand-values{grid-template-columns:1fr}.brand-values article{min-height:0}}
@media(max-width:380px){.medal-grid{grid-template-columns:1fr}.medal-graphic{width:180px}}
@media(prefers-reduced-motion:reduce){.hero .hero-product .pack,.medal-grid article{transition:none}}
.pack-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.pack-gallery figure{margin:0;background:#414648;border:1px solid #8e9496;min-width:0;padding:18px 18px 15px;display:flex;flex-direction:column}
.pack-gallery figure img{display:block;width:100%;height:310px;object-fit:contain;filter:drop-shadow(8px 12px 7px rgba(0,0,0,.22))}
.pack-gallery figure:nth-child(2) img{object-fit:cover;object-position:center}
.pack-gallery figcaption{border-top:1px solid #858b8d;padding-top:13px;color:#f4f4f4;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){.pack-gallery{grid-template-columns:1fr 1fr}.pack-gallery figure:last-child{grid-column:1/-1}.pack-gallery figure img{height:230px}}
@media(max-width:420px){.pack-gallery{grid-template-columns:1fr}.pack-gallery figure:last-child{grid-column:auto}}