html main :is(.hw,.hwsp) .hwsc:not(#_){height:clamp(250px,28vw,400px);margin:0;position:relative;container-type:inline-size}html main :is(.hw,.hwsp) .hwsc__win:not(#_){border-radius:14px 14px 0 0;width:calc(25% - 14px);position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:0 14px 30px -14px #0b10298c,inset 0 0 0 1px #e5c87859}html main :is(.hw,.hwsp) .hwsc__win--1:not(#_){left:0}html main :is(.hw,.hwsp) .hwsc__win--2:not(#_){left:25%}html main :is(.hw,.hwsp) .hwsc__win--3:not(#_){left:50%}html main :is(.hw,.hwsp) .hwsc__win--4:not(#_){width:25%;left:75%}html main :is(.hw,.hwsp) .hwsc__in:not(#_){width:100cqw;position:absolute;top:0;bottom:0}html main :is(.hw,.hwsp) .hwsc__win--2 .hwsc__in:not(#_){left:-25cqw}html main :is(.hw,.hwsp) .hwsc__win--3 .hwsc__in:not(#_){left:-50cqw}html main :is(.hw,.hwsp) .hwsc__win--4 .hwsc__in:not(#_){left:-75cqw}html main :is(.hw,.hwsp) .hwsc__land:not(#_),html main :is(.hw,.hwsp) .hwsc__path:not(#_){width:100%;height:100%;display:block;position:absolute;inset:0}html main :is(.hw,.hwsp) .hwsc__sun:not(#_){background:#fff3cc;border:3px solid #e5c878;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:27.5%;left:94.8%;box-shadow:0 0 0 7px #e5c87840,0 0 26px 10px #f3c9688c}html main :is(.hw,.hwsp) .hwsc.is-ready .hwsc__path:not(#_){clip-path:inset(0 100% 0 0)}html main :is(.hw,.hwsp) .hwsc.is-ready .hwsc__sun:not(#_){opacity:0;transform:scale(.4)}html main :is(.hw,.hwsp) .hwsc.is-drawn .hwsc__path:not(#_){animation:2.4s cubic-bezier(.45,.05,.4,1) forwards hwDraw}html main :is(.hw,.hwsp) .hwsc.is-drawn .hwsc__sun:not(#_){animation:.9s ease-out 2s forwards hwSun}@keyframes hwDraw{to{clip-path:inset(0)}}@keyframes hwSun{to{opacity:1;transform:scale(1)}}html main :is(.hw,.hwsp) .hw__path:not(#_){border-top:2px solid #b99205;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}html main :is(.hw,.hwsp) .hw__path li:not(#_){text-align:left;padding:22px 14px 0 0;transition:transform .35s cubic-bezier(.22,.61,.36,1);position:relative}html main :is(.hw,.hwsp) .hw__path li:before{content:"";background:#b99205;border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:0;box-shadow:0 0 0 4px #b9920540}html main :is(.hw,.hwsp) .hw__path span:not(#_){letter-spacing:.14em;color:#7a5c00;margin-bottom:6px;font:700 12px DM Sans,sans-serif;display:block}html main :is(.hw,.hwsp) .hw__path b:not(#_){color:#1b2b44;margin-bottom:8px;font:500 26px/1.15 Playfair Display,serif;display:block}html main :is(.hw,.hwsp) .hw__path p:not(#_){max-width:30ch;margin:0;font-size:15.5px;line-height:1.55}html[data-lias-theme=dark] main :is(.hw,.hwsp) .hw__path span:not(#_){color:#e5c878}html[data-lias-theme=dark] main :is(.hw,.hwsp) .hw__path b:not(#_){color:#fbf7ea}html[data-lias-theme=dark] main :is(.hw,.hwsp) .hw__path:not(#_),html[data-lias-theme=dark] main :is(.hw,.hwsp) .hw__path li:before{background:#e5c878;border-color:#e5c878}html[data-lias-theme=dark] main :is(.hw,.hwsp) .hw__path:not(#_){background:0 0}@media (hover:hover) and (prefers-reduced-motion:no-preference){html main :is(.hw,.hwsp) .hwsc__win:not(#_){transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s}html main :is(.hw,.hwsp) .hwsc:has(.hwsc__win--1:hover) .hwsc__win--1:not(#_),html main :is(.hw,.hwsp) .hwsc:has(.hwsc__win--2:hover) .hwsc__win--2:not(#_),html main :is(.hw,.hwsp) .hwsc:has(.hwsc__win--3:hover) .hwsc__win--3:not(#_),html main :is(.hw,.hwsp) .hwsc:has(.hwsc__win--4:hover) .hwsc__win--4:not(#_){transform:translateY(-6px);box-shadow:0 22px 38px -14px #0b1029b3,inset 0 0 0 1px #e5c878e6}html main :is(.hw,.hwsp) .hw__path li:hover:not(#_){transform:translateY(-3px)}}@media (width<=800px){html main :is(.hw,.hwsp) .hwsc:not(#_){height:150px}html main :is(.hw,.hwsp) .hwsc__win:not(#_){border-radius:10px 10px 0 0;width:calc(25% - 6px)}html main :is(.hw,.hwsp) .hwsc__win--4:not(#_){width:25%}html main :is(.hw,.hwsp) .hwsc__sun:not(#_){width:18px;height:18px;margin:-9px 0 0 -9px}html main :is(.hw,.hwsp) .hw__path:not(#_){border-top:0;border-left:2px solid #b99205;grid-template-columns:1fr;margin-left:7px}html main :is(.hw,.hwsp) .hw__path li:not(#_){padding:0 0 22px 22px}html main :is(.hw,.hwsp) .hw__path li:before{top:2px;left:-9px}html main :is(.hw,.hwsp) .hw__path p:not(#_){max-width:none}html main :is(.hw,.hwsp) .hw__path b:not(#_){font-size:22px}}@media (prefers-reduced-motion:reduce){html main :is(.hw,.hwsp) .hwsc.is-ready .hwsc__path:not(#_){clip-path:none;animation:none}html main :is(.hw,.hwsp) .hwsc.is-ready .hwsc__sun:not(#_){opacity:1;animation:none;transform:none}}