@import url(fonts/font-cera.css);*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fff;--color-bg-hl: #fafafa;--color-text: #222;--color-hl-0: #edff00;--color-hl-1: #4c7f2a;--color-hl-2: #222324;--color-hl-3: #929293;--menu-height: 3rem;--panel-height: calc(100vh - var(--menu-height));font-size:15px}@media (max-width: 768px){:root{font-size:13px;--panel-height: calc(100dvh - var(--menu-height))}}@media (max-width: 768px) and (hover: none){:root{--panel-height: calc(100dvh - var(--menu-height))}}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:"Cera";overflow-x:hidden}input{font-family:"Cera"}body.slider-body{overflow:hidden}.slider-page{display:flex;width:700vw;will-change:transform}.slider-page .panel{width:100vw;height:var(--panel-height);display:flex;flex-shrink:0;justify-content:center;overflow-y:scroll;scrollbar-width:none}.slider-page .panel::-webkit-scrollbar{display:none}.slider-page .panel.blank{pointer-events:none}.text-nav{position:absolute;top:var(--menu-height);width:100vw;height:var(--panel-height);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:20}.text-nav .frame{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.text-nav .frame.hide{opacity:0;pointer-events:none;user-select:none}.text-nav .frame.hide .sentence.active{pointer-events:none}.text-nav .frame.hide .sentence.active button{pointer-events:none}.text-nav .text{margin:0;text-transform:uppercase;line-height:1.15;letter-spacing:0.02em;font-size:8vh;font-weight:600;text-align:justify;max-width:75%;transition:opacity 50ms ease}.text-nav .highlight{background:none;border:none;text-decoration:none;text-transform:uppercase;font-weight:800;color:var(--color-hl-0);padding:0;cursor:pointer;font:inherit}.text-nav .highlight:focus-visible{outline:2px solid var(--color-hl-0);outline-offset:6px}.text-nav .sentence{display:inline;transition:opacity 50ms ease}.text-nav .sentence button{pointer-events:auto}body.detail-open .text-nav .sentence{opacity:0;pointer-events:none}body.detail-open .text-nav .sentence button{pointer-events:none}body.detail-open .text-nav .sentence.active{opacity:1;position:relative;pointer-events:auto;background-color:var(--color-hl-0)}body.detail-open .text-nav .sentence.active button{pointer-events:auto;color:var(--color-bg)}@media (max-width: 1024px){.text-nav .text{line-height:1.3}}@media (max-width: 768px){.text-nav .frame{align-items:flex-start;padding-top:1.5rem}.text-nav .text{max-width:100%;padding:0 1.25rem;font-size:4vh;line-height:1.5}}
