.hygiene-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;min-height:460px;border-radius:28px;overflow:hidden;background:#33403b;isolation:isolate}.hygiene-tile{position:relative;min-height:460px;display:block;margin:0 0 0 -30px;width:calc(100% + 60px);padding:0;border:0;border-radius:0;overflow:hidden;cursor:default;clip-path:polygon(60px 0,100% 0,calc(100% - 60px) 100%,0 100%);color:#fff;text-align:left;background:#33403b}.hygiene-tile:first-child{margin-left:0;width:calc(100% + 30px);clip-path:polygon(0 0,100% 0,calc(100% - 60px) 100%,0 100%)}.hygiene-tile:last-child{width:calc(100% + 30px);clip-path:polygon(60px 0,100% 0,100% 100%,0 100%)}.hygiene-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;transition:transform .7s,filter .4s}.tile-shade{position:absolute;inset:0;background:linear-gradient(0deg,#17221ef2,transparent 90%);transition:background .4s}.tile-copy{position:absolute;bottom:35px;left:16%;right:15%;display:grid;gap:17px;z-index:1}.tile-copy small{font:8px Arial;letter-spacing:1.7px;color:#e0d2b9}.tile-copy strong{font:400 clamp(20px,1.8vw,31px)/1.6 Batang,serif;letter-spacing:-.5px}.tile-copy>span{font-size:11px;color:#d6c7ac}.hygiene-tile:hover>img,.hygiene-tile:focus-visible>img{transform:scale(1.06);filter:brightness(1.12)}.hygiene-tile:focus-visible{outline:none}.hygiene-tile:focus-visible .tile-copy{outline:3px solid #e4c598;outline-offset:9px;border-radius:4px}.hygiene-back{display:inline-flex;align-items:center;border:1px solid #d0c1aa88;border-radius:22px;background:#1b292480;color:#f4e8d5;font:12px/1.5 "Malgun Gothic",sans-serif;padding:9px 15px;cursor:pointer;margin-bottom:23px}.hygiene-back:hover{background:#f6eee2;color:#514437}.hygiene-content>.hygiene-kicker{margin-top:0}.hygiene-back:focus-visible{outline:3px solid #d0ae7e;outline-offset:4px}
@media(max-width:1000px){.hygiene-overview,.hygiene-tile{min-height:390px}.tile-copy{left:15%;right:16%;bottom:25px;gap:13px}.tile-copy strong{font-size:23px}.tile-copy small{font-size:7px;letter-spacing:1px}}
@media(max-width:680px){.hygiene-overview{grid-template-columns:1fr 1fr;min-height:0;gap:2px;border-radius:20px}.hygiene-tile,.hygiene-tile:first-child,.hygiene-tile:last-child{clip-path:none;width:100%;margin:0;min-height:280px}.tile-copy{left:17px;right:15px;bottom:22px;gap:12px}.tile-copy strong{font-size:23px}.tile-copy small{font-size:7px}.tile-copy>span{font-size:10px}.hygiene-back{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.hygiene-tile>img{transition:none}.hygiene-tile:hover>img,.hygiene-tile:focus-visible>img{transform:none}}