/* Shared product illustrations used on the homepage and data pages. */
.product-art{position:relative;height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#343b2d}
.art-label,.art-index{position:absolute;left:32px;font-family:var(--font-sans);font-size:10px;letter-spacing:0}
.art-label{top:28px}.art-index{bottom:28px}
.beauty-art{background:#e8e5da}
.bottle{width:165px;transform:rotate(-9deg);transition:transform .7s}
.bottle-cap{width:84px;height:57px;margin:auto;background:repeating-linear-gradient(90deg,#30342c 0 2px,#404539 2px 4px);border-radius:10px 10px 0 0}
.bottle-body{height:227px;background:linear-gradient(100deg,#c6a575,#ecdbb7 35%,#d6b782 75%,#b7955e);border-radius:28px 28px 17px 17px;display:flex;justify-content:center;flex-direction:column;padding:25px 18px;box-shadow:15px 26px 30px #74674a20}
.bottle-body span{font-size:31px;line-height:1.05;letter-spacing:-.04em}
.bottle-body small{font-family:var(--font-sans);font-size:7px;margin-top:32px}
.data-slip{background:#f9faf4ee;padding:22px 30px;position:absolute;left:53%;top:46%;transform:rotate(5deg);box-shadow:0 12px 40px #464a3110;transition:transform .7s}
.data-slip>span{font-family:var(--font-sans);font-size:8px;color:#7b806e;letter-spacing:0}
.data-slip strong{display:block;font-weight:400;font-size:27px;margin:12px 0 20px;letter-spacing:-.04em}
.data-slip div{font-size:9px;color:#727861;border-top:1px solid #ddd;padding-top:12px}
.data-slip i{display:inline-block;width:5px;height:5px;background:#ae862e;border-radius:50%;margin-right:4px}
.beauty-art:hover .bottle{transform:rotate(-5deg) translateY(-5px)}
.beauty-art:hover .data-slip{transform:rotate(2deg) translateY(-5px)}
.food-art{background:#e3e8d9}
.food-orbit{width:355px;height:355px;border:1px solid #b3bca3;border-radius:50%;position:relative;display:grid;place-items:center;transform:rotate(-12deg)}
.food-orbit:before{content:"";position:absolute;inset:28px -65px;border:1px solid #b3bca3;border-radius:50%;transform:rotate(-30deg)}
.food-circle{width:235px;height:235px;background:#bac79e;border-radius:50%;display:grid;place-items:center;box-shadow:inset -15px -15px 40px #82996428;transform:rotate(12deg)}
.food-circle span{font-size:40px;line-height:1.03;letter-spacing:-.05em}
.orbit-label{position:absolute;padding:10px 17px;background:#f5f7ef;font-size:11px;border-radius:30px;transform:rotate(12deg)}
.orbit-label--one{top:15px;left:-10px}.orbit-label--two{right:-45px;top:150px}.orbit-label--three{bottom:4px;left:25px}

@media(max-width:600px){
.product-art{height:360px}.art-label,.art-index{left:20px;font-size:8px}.art-label{top:20px}.art-index{bottom:20px}
.bottle{width:135px;margin-left:-45px}.bottle-body{height:194px}.bottle-body span{font-size:27px}.bottle-cap{width:70px;height:46px}
.data-slip{left:44%;top:49%;padding:18px}.data-slip strong{font-size:22px}.data-slip div{font-size:7px}.data-slip>span{font-size:7px}
.food-orbit{width:250px;height:250px}.food-circle{width:175px;height:175px}.food-circle span{font-size:31px}.food-orbit:before{inset:20px -35px}.orbit-label{font-size:9px;padding:8px 12px}.orbit-label--two{right:-18px;top:110px}
}
@media(max-width:360px){.data-slip{left:40%;max-width:58%;padding:13px}.data-slip strong{font-size:20px}.data-slip div{line-height:1.5}.food-orbit{width:210px;height:210px}.food-circle{width:155px;height:155px}.food-circle span{font-size:28px}.orbit-label--two{top:90px}}
@media(prefers-reduced-motion:reduce){.bottle,.data-slip{transition:none}}