.scroll-container{width:100%;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory}.scroll-area{scroll-snap-align:start}section{background:var(--color-bg)}footer,section{position:relative;z-index:2}footer{background:var(--color-dark-bg)}section.hero{position:fixed;top:0;height:100dvh;z-index:0;background:radial-gradient(circle,#68a2e3 0,#2e5077 100%);&>div.container{height:100%;display:grid;grid-template-columns:1fr 1fr;&>div{display:flex;justify-content:center;align-items:center}}}div.indexSpacer{display:block;height:100dvh;width:100%;pointer-events:none;z-index:1}.logoBox{gap:1rem;img{width:130px;height:130px;object-fit:contain}&>div{display:flex;flex-direction:column;&>p:first-of-type{height:5.5rem;line-height:5.5rem;font-family:var(--font-Pacifico),cursive;font-weight:400;font-style:normal;font-size:5.2rem;letter-spacing:.1ch;margin-bottom:0}&>p:nth-of-type(2){font-size:1rem;font-weight:400;width:100%;letter-spacing:1.62ch;padding-left:1.5ch;margin:0}}}.imagesBox{--box-size:150px;width:fit-content;display:grid;grid-template-columns:repeat(3,var(--box-size));grid-template-rows:repeat(3,var(--box-size));gap:1rem;p{background-color:#fff;overflow:hidden;transition:all .5s;&:first-child{border-bottom-left-radius:var(--box-size);border-top-right-radius:var(--box-size);grid-column:1/3;position:relative;overflow:hidden}&:nth-child(2){border-top-left-radius:50%;grid-column:3}&:nth-child(2),&:nth-child(3){border-top-right-radius:50%;border-bottom-left-radius:50%}&:nth-child(3){border-bottom-right-radius:50%;grid-column:1}&:nth-child(4){grid-column:2;background:radial-gradient(circle,#80afe4 0,#213b5a 100%)}&:nth-child(5){border-bottom-left-radius:100%;grid-column:3;position:relative}&:nth-child(6){border-radius:100%;grid-column:1;position:relative}&:nth-child(7){position:relative;border-top-left-radius:var(--box-size);border-top-right-radius:var(--box-size);border-bottom-left-radius:var(--box-size);grid-column:2/4}&:hover{transform:scale(1.05);box-shadow:0 0 15px #3a6296}img{width:100%;height:100%;object-fit:cover}img.clover{width:70%;height:auto}&:has(.clover){display:flex;z-index:1;justify-content:center;align-items:center;background:transparent;overflow:visible;&:hover{transform:scale(1.6);box-shadow:none}}}}.imagesBox p:nth-child(6):after{background:radial-gradient(circle,hsla(0,0%,100%,0) 50%,#fff 100%)}.imagesBox p:nth-child(6):after,.imagesBox p:nth-child(7):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.imagesBox p:nth-child(7):after{background:radial-gradient(at right top,hsla(0,0%,100%,0) 75%,#fff 100%)}section{.sectionBody{width:100%;min-height:800px;display:grid;grid-template-columns:1fr 1fr;&>div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.textBox{padding-inline:1rem;h3{width:100%;padding-inline:1rem;text-align:left;font-size:2rem;font-weight:400;margin-bottom:1rem}h3.alignRight{text-align:right}p{font-size:1rem;padding-inline:1rem;margin-block:.5rem;text-align:left;width:fit-content;max-width:500px;margin-left:0;margin-right:auto}p.alignRight{text-align:justify;text-align:balance;margin-left:auto;margin-right:0}}.imageBox{img{width:80%;height:auto;object-fit:contain;border-radius:3rem}}}}@media (max-width:1024px){section.hero{&>div.container{grid-template-columns:1fr}}}@media (max-width:639px){.imagesBox{--box-size:23.43vw}.logoBox{img{width:20vw;height:20vw}&>div{&>p:first-of-type{font-size:13vw;line-height:13vw;height:13vw}&>p:nth-of-type(2){font-size:2.5vw;letter-spacing:2.2vw}}}section{min-height:unset;padding-block:2rem;.sectionBody{grid-template-columns:1fr;min-height:unset;gap:2rem;& .textBox{h3{font-size:1.5rem}}}}}.Header_Header___zri7{position:sticky;top:0;width:100%;height:var(--size-header-height,80px);background-color:var(--color-bg);box-shadow:0 1px 5px var(--color-dark-bg);z-index:5;.Header_container__L4JQR{width:100%;max-width:1400px;height:100%;margin-inline:auto;padding:1rem;display:flex;position:relative;justify-content:center;align-items:center}.Header_topMenu__KFb1m{list-style:none;display:flex;gap:2rem;& li{& a{position:relative;display:block;padding-block:3px;text-decoration:none;text-transform:uppercase;opacity:1;transition:color .2s;&:before{content:"";bottom:0;left:50%;width:0;height:2px;background-color:#fff;transform:translateX(-50%);transition:width .2s}&:after,&:before{position:absolute}&:after{content:attr(data-title);top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center;color:transparent;transition:color .2s}&:after,&:hover:before{width:100%}&:hover:after{color:#fff}&:hover{color:transparent}}}}.Header_headerLogoBox__MfFKT{position:absolute;left:1rem;height:90%;display:flex;gap:.5rem;align-items:center;justify-content:center;& img{height:60%;width:auto}& p{margin-bottom:0}&>p>span{display:block;font-size:.5rem;line-height:.5rem;letter-spacing:.7ch;&:first-of-type{font-family:var(--font-Pacifico),cursive;font-weight:400;font-style:normal;font-size:1.6rem;line-height:2rem;letter-spacing:.1ch}}}.Header_iconsBox__QXU8Q{position:absolute;right:1rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}@media (max-width:639px){.Header_topMenu__KFb1m{display:none}.Header_headerLogoBox__MfFKT{left:50%;transform:translateX(-50%)}}}.Footer_Footer__ElFDz{width:100%;height:var(--size-footer-height,300px);background-color:var(--color-dark-bg);& .Footer_container__Z8cUU{width:100%;height:100%;max-width:var(--size-max-width);margin-inline:auto;padding:1rem;display:flex;gap:2rem;&>div{font-size:.8rem;display:flex;flex-direction:column;justify-content:flex-end;&:first-of-type{flex:1}}}}@media (max-width:768px){.Footer_Footer__ElFDz{& .Footer_container__Z8cUU{flex-direction:column}}}.HeaderSideMenu_HeaderSideMenu__PlXVs{display:none;position:absolute;left:1rem;font-size:1.5rem;cursor:pointer;color:var(--color-text)}.HeaderSideMenu_headerLogoBox__SLbGV{height:72px;display:flex;gap:.5rem;align-items:center;justify-content:center;& img{height:60%;width:auto}& p{margin-bottom:0}&>p>span{display:block;font-size:.5rem;line-height:.5rem;letter-spacing:.7ch;&:first-of-type{font-family:var(--font-Pacifico),cursive;font-weight:400;font-style:normal;font-size:1.6rem;line-height:2rem;letter-spacing:.1ch}}}.HeaderSideMenu_closeBtn__3uHSG{position:absolute;top:1rem;left:1rem;cursor:pointer;color:var(--color-text)}.HeaderSideMenu_sideMenu__1sJmS{z-index:20;display:none;position:fixed;width:100dvw;overflow:hidden;height:100dvh;top:0;left:-100dvw;background:#2e5077fa;transition:left .5s;color:var(--color-text);&.HeaderSideMenu_show__9lJMr{left:0}& li{margin-block:1rem;width:100%}& button{width:100%;display:flex;gap:.25rem;align-items:center;justify-content:space-between;text-transform:uppercase;& span{display:inline-flex;align-items:center;gap:.5rem}}}@media (max-width:639px){.HeaderSideMenu_HeaderSideMenu__PlXVs,.HeaderSideMenu_sideMenu__1sJmS{display:block}}.Loginout_loginoutButton__F9GRQ{position:relative;background:transparent;display:inline-flex;justify-content:center;align-items:center;font-size:.8rem;width:8ch;&>*{transition:opacity .3s}&>:first-child{opacity:1}&>:last-child{display:inline-block;width:100%;position:absolute;left:0;text-align:center;opacity:0}&:hover{&>:first-child{opacity:0}&>:last-child{opacity:1}}}.TheDaolLogo_LogoBox__nUUrC{height:calc(var(--size-header-height) * .9);display:flex;gap:.5rem;align-items:center;justify-content:center;&>img{height:60%;width:auto}&>div{margin-bottom:0}&>div>p{font-size:.5rem;line-height:.5rem;letter-spacing:.6ch;&:first-of-type{font-family:var(--font-Pacifico),cursive;font-weight:400;font-style:normal;font-size:1.6rem;line-height:2rem;letter-spacing:.1ch}}}