.home{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr 1fr;max-width:600px;margin:40px auto 0}.home__title{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}.home__content{grid-row:2;grid-column:1/-1}.img-orange{z-index:1;grid-row:1;grid-column:2;place-self:start end;width:clamp(80px,10vmax,120px);height:auto;overflow:visible;margin:0 24px 0 0;transform:translate(calc(var(--progress) * -3vw),calc(var(--progress) * 5vh));filter:drop-shadow(0 0 2px #efa02e) drop-shadow(0 0 8px #fce96e) drop-shadow(0 0 24px #fce96e)}.img-orange-with-leave{z-index:1;grid-row:3;grid-column:1;width:130px;height:auto;margin:24px 24px 0}@media (min-width: 720px){.img-orange-with-leave{margin:0}}.img-twig{z-index:1;grid-row:3;grid-column:1/-1;place-self:start end;width:clamp(200px,28vmax,300px);height:auto;margin:0 24px 0 0}@media (min-width: 720px){.img-twig{margin:0}}.img-house{z-index:1;grid-row:1;grid-column:1/-1;width:100%;height:auto;margin:clamp(70px,6vmax,140px) 0 24px;padding-right:24px;padding-left:24px}.img-house .button-text{opacity:0;animation:blinkText 6s infinite}.img-house .arrow-line,.img-house .arrow-point{stroke-dashoffset:var(--arrow-line-length);stroke-dasharray:var(--arrow-line-length);animation:animateArrow 6s infinite}.img-house .markise{animation:slideMarkise 3s infinite alternate}.img-house .wall{fill:var(--clr-white);stroke:transparent}.img-house .bg{fill:transparent;stroke:transparent}.img-house .pointer{pointer-events:all;cursor:pointer}.img-house .pointer:hover{filter:drop-shadow(0 0 4px var(--clr-highlight)) drop-shadow(0 0 12px var(--clr-highlight))}@keyframes animateArrow{0%{stroke-dashoffset:var(--arrow-line-length);opacity:1}30%{stroke-dashoffset:0}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes slideMarkise{to{transform:translate(40px,40px)}}@keyframes blinkText{0%{opacity:0}10%{opacity:0}25%{opacity:1}85%{opacity:1}to{opacity:0}}.layout{display:flex;flex-direction:column;gap:24px;width:100vw;min-height:100vh;max-width:720px;margin:0 auto;padding:40px 0 64px}@media (min-width: 720px){.layout{padding:64px 0 128px}}.nav{opacity:1;position:fixed;top:0;left:0;width:100%;text-shadow:#ffd8f1 0 0 4px,#ffd8f1 0 0 16px,#ffd8f1 0 0 32px}@media (min-width: 720px){.nav{padding:0 0 36px}}.nav__main{display:flex;width:100%;max-width:720px;margin-right:auto;margin-left:auto}.nav__subgroup{pointer-events:none;opacity:0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;width:100%;max-width:720px;margin-right:auto;margin-left:auto}@media (min-width: 720px){.nav__subgroup{justify-content:start;gap:20px}}.nav__link,.nav__subgroup-link{position:relative;color:#715df1;text-shadow:#fce96e 0 0 4px;transition:color .2s linear,text-shadow .2s linear}.nav__link:before,.nav__subgroup-link:before{content:"";position:absolute;top:0;right:50%;bottom:0;left:50%;width:0;border-bottom:#fce96e solid 2px;transition:width .4s ease;transform:translate(-50%);filter:drop-shadow(#715df1 0 0 4px)}.nav__link{height:46px;padding:12px 24px;font-size:22px;font-weight:400}@media (min-width: 720px){.nav__link{font-size:26px}}.nav__subgroup-link{margin:0;padding:4px;font-size:18px}@media (min-width: 720px){.nav__subgroup-link{font-size:22px}}.nav--hide{pointer-events:none;opacity:0;transition-duration:0s}.nav__subgroup--show{pointer-events:all;opacity:1}.nav__link--active,.nav__subgroup-link--active{color:#fce96e;text-shadow:rgba(113,93,241,.5647058824) 0 0 8px,rgba(113,93,241,.5647058824) 0 0 16px}.nav__link--highlighted:before,.nav__subgroup-link--highlighted:before{width:100%;transition-duration:1s}.markise{margin:96px 0 48px}.markise__nav-group{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);align-content:center;align-items:center;gap:12px;width:100%;margin:40px 0 0;padding-right:24px;padding-left:24px}@media (min-width: 720px){.markise__nav-group{gap:24px}}.markise__nav-group-link{position:relative;height:20vh}.markise__nav-group-link a{position:relative;display:inline-block;width:100%;height:100%;font-size:24px;line-height:20vh;text-align:center;text-shadow:rgba(33,33,33,.3921568627) 0 0 4px,#212121 0 0 24px;transition:text-shadow .4s ease}@media (min-width: 720px){.markise__nav-group-link a{font-size:32px}}.markise__nav-group-link:before{content:"";opacity:.7;position:absolute;top:0;right:0;bottom:0;left:0;background:center/cover no-repeat;transition:filter .4s ease}.markise__nav-group-link:nth-child(1):before{background-image:url(/assets/markise_bg6-Cv681bmb.webp)}.markise__nav-group-link:nth-child(2):before{background-image:url(/assets/markise_bg2-KoZoIEbQ.webp)}.markise__nav-group-link:nth-child(3):before{background-image:url(/assets/markise_bg3-h_-ODl9E.webp)}.markise__nav-group-link:nth-child(4):before{background-image:url(/assets/markise_bg4-BWzs5MGK.webp)}.markise__nav-group-link:hover a{text-shadow:0 0 24px #fce96e}.markise__nav-group-link:hover:before{filter:brightness(.7)}.markise__nav--hide{display:none}.figure{margin:32px 0 24px}@media (min-width: 720px){.figure{margin:40px 0 32px}}.figure__image{display:block;width:100%;height:auto;max-width:100vw}:root{--clr-primary-dark: #715df1;--clr-primary: #d6c1ff;--clr-primary-light: #ffd8f1;--clr-highlight: #fce96e;--clr-highlight-dark: #efa02e;--clr-black: #212121;--clr-white: #fff7fc}*{box-sizing:border-box;scroll-behavior:smooth}html{color:#212121;background-color:#d6c1ff}html:before{pointer-events:none;content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-color)}body{margin:0;font-family:Urbanist,sans-serif}h1,h2,p{text-transform:lowercase;width:100%;max-width:720px;margin-right:auto;margin-left:auto;padding-right:24px;padding-left:24px}h1,h2{font-weight:300;line-height:1.1}h1{margin:56px 0 24px;font-size:44px}h2{margin:48px 0 16px;font-size:28px}p{margin:16px 0 20px;font-size:18px;font-weight:300;line-height:1.4}@media (min-width: 720px){p{font-size:20px}}ul{margin:-8px 0 12px;padding:0 24px 0 40px}li{margin:0;font-size:18px;font-weight:300;line-height:1.4;text-transform:lowercase;list-style-type:square}@media (min-width: 720px){li{font-size:20px}}blockquote{max-width:640px;margin:20px auto 24px;font-size:18px;font-weight:300;text-transform:lowercase;padding-right:24px;padding-left:24px}@media (min-width: 720px){blockquote{font-size:20px}}cite,figcaption{display:block;margin:8px auto 24px;font-size:14px;font-style:unset;font-weight:200;text-transform:lowercase;padding-right:24px;padding-left:24px}cite{max-width:640px;margin:-16px auto 24px}figcaption{margin:0 0 16px;padding-top:4px;background:radial-gradient(farthest-corner at 45% 20%,#ffd8f1 0%,transparent 70%)}sup{font-size:14px;font-weight:500;line-height:1}aside{margin:12px 0;font-size:14px;font-weight:300;scroll-margin-top:200px;text-transform:lowercase;padding-right:24px;padding-left:24px}@media (min-width: 720px){aside{font-size:18px}}a{color:#fce96e;font-weight:400;text-decoration:none;text-shadow:#715df1 0 0 8px}a,a:active,a:focus{outline:none;-webkit-tap-highlight-color:transparent}