body{margin:0}h1{text-align:center}main{background:#fff}#hero{height:100vh;display:flex;align-items:center;justify-content:center}#hero button{background:#eee;padding:12px 24px;border-radius:24px;border:none;outline:none}#home-areas h2{text-align:center;padding-top:128px;margin-top:0;margin-bottom:28px;font-size:24pt;color:#dcac58}#home-areas grid{margin:0 auto 64px;padding:0 var(--pd)}#home-areas grid .area{position:relative;height:200px;overflow:hidden;margin:24px 0;border-radius:18px}#home-areas .card{display:block;position:relative;height:100%}#home-areas .card img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;z-index:2}#home-areas .card h3{display:block;position:absolute;left:0;bottom:0;width:100%;padding:0 12px;margin:0;z-index:3;line-height:36px;font-size:16pt;text-align:center;color:var(--color-base-1);object-fit:cover;transition:bottom .4s ease,opacity .3s ease;border-radius:18px 18px 0 0;color:#fff;background:#6f5aa3f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (min-width:344px){#home-areas h2{font-size:28pt}#home-areas grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pd)}#home-areas grid .area{border-radius:24px;margin:0;height:220px}#home-areas grid .area:nth-child(2n){transform:translateY(50%)}#home-areas .card img{border-radius:24px}#home-areas .card h3{text-align:left;width:unset;left:8px;bottom:8px;line-height:44px;border-radius:16px;color:var(--color-base-1);background:#e6e6e6c5;color:#fff;background:linear-gradient(45deg,#2f1d33,#49412c4a)}}@media screen and (min-width:480px){#home-areas h2{font-size:32pt}#home-areas grid .area{border-radius:16px;margin:0;height:240px}#home-areas .card img{border-radius:16px}#home-areas .card h3{text-align:left;width:unset;left:8px;bottom:8px;border-radius:8px;font-size:18pt;line-height:48px}}@media screen and (min-width:860px){#home-areas h3{font-size:36pt;margin-bottom:32px}#home-areas grid{display:flex;max-width:1350px}#home-areas grid .area{width:0;height:90vh;height:calc(100vh - 128px);max-height:600px;flex:1;background:var(--bg-box);border-radius:24px}#home-areas grid .area:nth-child(2n){transform:unset!important}#home-areas .card img{position:absolute;left:0;top:0;height:100%;width:100%;border-radius:24px;transition:top .4s ease,opacity .25s ease;object-fit:cover;opacity:.8}#home-areas .card h3{position:absolute;left:0;bottom:-32px;width:100%;transition:bottom .4s ease,opacity .3s ease;object-fit:cover;z-index:1;padding:0 12px;line-height:64px;height:64px;opacity:0;color:var(--color-base-1);text-align:center;font-size:20pt;background:none}#home-areas .area:hover .card img{top:-64px;opacity:1}#home-areas .area:hover .card h3{bottom:0;opacity:1}}@media screen and (min-width:1024px){#home-areas .card h3{font-size:24pt}}