@scope([style-xEI9yuzEPqWI]){#home:scope{position:relative;height:calc(100dvh - var(--header-size)*1.2);padding:var(--unit-4);background:none}#home:scope .panel{--_panel-size: calc(var(--header-size) * 1.2);position:absolute;height:var(--_panel-size);width:100%;inset:0 0 auto 0;display:flex;flex-flow:column;justify-content:center;align-items:center;background:var(--back-color)}@media(min-width: 768px){#home:scope .panel{padding:0 var(--header-size)}}#home:scope .panel .title{height:100%;aspect-ratio:2;margin-right:auto;display:flex;flex-flow:column;justify-content:center;align-items:center}#home:scope .panel.side{height:var(--header-size);width:50%;inset:auto 0 calc(var(--header-size)*-0.5) 0;padding:0 !important;flex-flow:row;background:rgba(0,0,0,0);z-index:calc(var(--z-index) + 1)}#home:scope .panel.side+.side.panel{inset:calc(var(--header-size)*.1) 0 auto auto}#home:scope .panel.side>.next,#home:scope .panel.side>.prev{height:var(--header-size);width:100%;font-size:2rem;font-weight:bold}#home:scope .panel.side>.next::before,#home:scope .panel.side>.prev::before{display:block;content:"❯";transform:translateY(1px)}#home:scope .panel.side>.separator{height:var(--border-size);width:var(--header-size);--_border-color: color-mix( in srgb, var(--back-color) 50%, var(--fore-color) );background:linear-gradient(90deg, var(--fore-color) 9%, var(--_border-color) 10%, var(--_border-color) 90%, var(--fore-color) 91%)}#home:scope .panel.side>.prev::before{transform:rotate(180deg) translateY(1px)}#home:scope .panel.side>.line{flex:1;height:auto;width:var(--border-size);background:var(--border-color);display:none}#home:scope .panel.side>p{font-weight:bold;writing-mode:vertical-rl;text-orientation:mixed;display:none}#home:scope .panel.side>a{margin:var(--unit-4) 0;transition:opacity var(--duration)}#home:scope .panel.side>a:hover{opacity:.65}#home:scope .panel.side>a>img{height:2rem;width:2rem}#home:scope .panel.side>a:first-of-type{margin-top:var(--unit-8)}#home:scope .panel.side>a:last-of-type{margin-bottom:var(--unit-8)}@media(max-width: 768px){#home:scope .panel.side>.next,#home:scope .panel.side>.prev{height:calc(var(--header-size)*.8);width:calc(var(--header-size)*.8)}#home:scope .panel.side>.separator{height:calc(var(--header-size)*.8);width:var(--border-size);background:linear-gradient(0deg, var(--fore-color) 9%, var(--_border-color) 10%, var(--_border-color) 90%, var(--fore-color) 91%)}#home:scope .panel.side>a{margin:0 var(--unit-4)}#home:scope .panel.side>a>img{height:1.5rem;width:1.5rem}#home:scope .panel.side>a:first-of-type{margin-top:0;margin-left:auto}#home:scope .panel.side>a:last-of-type{margin-bottom:0}}@media(min-width: 768px){#home:scope .panel.side{height:calc(100% - var(--_panel-size));width:var(--header-size);inset:var(--_panel-size) auto 0 0;flex-flow:column;background:var(--back-color);z-index:initial}#home:scope .panel.side+.side.panel{inset:var(--_panel-size) 0 0 auto}#home:scope .panel.side>p,#home:scope .panel.side>.line{display:block}}#home:scope .image-container{position:fixed;height:100dvh;width:100vw;inset:0;margin:auto;display:flex;flex-flow:row nowrap;overflow-y:clip;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;z-index:-1}#home:scope .image-container>*{flex:none;height:100dvh;width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;scroll-snap-align:center}}