body,html{width:100%;height:100%;background-color:#383838;font-family:"Helvetica Neue LT Std",Helvetica,Arial,sans-serif;color:#383838;touch-action:pan-x, pan-y;overflow:hidden}a,[data-href]{color:#383838}a:hover,[data-href]:hover{opacity:1}[data-preload]{opacity:0;pointer-events:none !important}[data-preload].loaded{opacity:1;pointer-events:painted;transition:opacity 150ms linear}.font-size-text{font-size:0.875em;line-height:1.5}.font-size-small{font-size:1.25em;line-height:1.5}.font-size-caption{font-size:1.25em;line-height:1.5}@media all and (max-width: 1023px){.font-size-caption{font-size:0.8em;line-height:1}}.font-size-title{font-size:1.5em;line-height:1.2}.font-title{font-family:"Oswald",Helvetica,Arial,sans-serif}.underlined{text-decoration:underline}.white{color:#F2F2F2}#container{transition:opacity 300ms linear;width:100%;height:100%}#canvas{width:100%;line-height:0;overflow:hidden}#canvas.interactable,#canvas.interactable *{cursor:pointer !important}#canvas.arrow-left,#canvas.arrow-left *{cursor:url(assets/images/arrow-left.png) 0 17,e-resize}#canvas.arrow-right,#canvas.arrow-right *{cursor:url(assets/images/arrow-right.png) 40 17,w-resize}#canvas.blur{overflow:hidden}#canvas.blur::after{-webkit-backdrop-filter:brightness(75%) blur(0.5em);backdrop-filter:brightness(75%) blur(0.5em)}#canvas::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;transition:-webkit-backdrop-filter 300ms linear;transition:backdrop-filter 300ms linear;transition:backdrop-filter 300ms linear, -webkit-backdrop-filter 300ms linear;z-index:20}#canvas>canvas{width:100%;height:100%;opacity:0;transition:opacity 300ms linear}#loading{position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(242,242,242,0.85);z-index:50;transition:opacity 150ms linear;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:1.5em;text-align:center;line-height:1.2}#loading.hidden{opacity:0;pointer-events:none}#loading,#loading *{cursor:pointer}#contents{position:fixed;top:0;right:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(242,242,242,0.85);z-index:40;pointer-events:none;transform:translateX(100%);transition:transform 300ms ease-out}@media all and (min-width: 1024px){#contents{max-width:40em}}#contents.toggled{transform:none;pointer-events:painted}#contents>.container{width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}#contents header{box-sizing:border-box;padding:1.25em 1.25em 0;line-height:0;position:absolute;top:0;left:0;width:100%;text-align:right;z-index:45}@media all and (max-width: 1023px){#contents header{padding:1em 1em 0}}#contents header img{width:2.25em;height:auto}@media all and (max-width: 1023px){#contents header img{width:1.875em}}#contents #main-content{box-sizing:border-box;padding:3.5em 4.5em 4.5em}@media all and (max-width: 1023px){#contents #main-content{padding:3.5em 2em}}#contents #main-content>div{display:grid}#contents #main-content>div+div{margin-top:6.25em}@media all and (max-width: 1023px){#contents #main-content>div+div{margin-top:3.5em}}#contents #main-content>div>*{align-self:flex-end}#contents #main-content>div h1{margin-bottom:2.5em}#contents #main-content>div figure{width:100%;line-height:0}#contents #main-content>div figure img{width:100%;height:auto}#contents #main-content>div figcaption{margin-top:1em;max-width:50vw}#captions{height:3.875em;width:100%;overflow:hidden;background-color:rgba(40,40,40,0.85);-webkit-backdrop-filter:blur(0.5em);backdrop-filter:blur(0.5em);position:fixed;bottom:0;z-index:10}@media all and (max-width: 1023px){#captions{height:2.5em}}#captions.no-captions>.container{opacity:0}#captions>.container{width:100%;height:100%;position:relative;transition:opacity 150ms linear}#captions>.container>div{transform:translateX(-50%);position:absolute;bottom:0;height:100%;width:-moz-max-content;width:max-content;text-align:center;display:flex;align-items:center;justify-content:center}@media all and (max-width: 1023px){#captions>.container>div{max-width:6em}}#logo{position:fixed;top:0;left:0;width:100%;height:45%;display:flex;justify-content:center;align-items:flex-end;z-index:50;transition:opacity 600ms linear 600ms;pointer-events:none}@media all and (max-width: 1023px){#logo{height:40%}}@media all and (orientation: portrait) and (max-width: 1023px){#logo{display:none}}#logo.transparent{opacity:0 !important;transition:opacity 150ms linear}#logo img{width:60%}@media all and (max-width: 1023px){#logo img{width:75%}}#navtips{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:50;padding:0 1.5em 1.5em;pointer-events:none;transition:opacity 150ms linear;opacity:0;font-size:0.875em}#navtips.toggled{opacity:1}#navtips>ul{width:100%;display:flex;justify-content:center}#navtips>ul>li{display:flex;align-items:center}#navtips>ul>li>*+*{margin-left:0.5em}#navtips>ul>li img{width:5em}@media all and (max-width: 1023px){#navtips>ul>li img{width:3.5em}}#navtips>ul>li+li{margin-left:2em}#sections{height:3.875em;width:100%;overflow:hidden;background-color:rgba(40,40,40,0.85);-webkit-backdrop-filter:blur(0.5em);backdrop-filter:blur(0.5em);position:fixed;top:0;z-index:10}@media all and (max-width: 1023px){#sections{height:2.5em}}#sections>ul{display:flex;align-items:center;justify-content:space-between;height:100%}#sections>ul>li{display:flex;flex-shrink:0;opacity:0.3;transition:opacity 150ms linear;position:relative;cursor:pointer}#sections>ul>li.toggled{opacity:1}#sections>ul>li.toggled::after{opacity:1}#sections>ul>li.toggled>.title{opacity:1}#sections>ul>li:first-child{margin-left:1.5em}#sections>ul>li:last-child{margin-right:1.5em}#sections>ul>li::after{content:"";display:block;position:absolute;bottom:0;height:2px;width:100%;background-color:#F2F2F2;opacity:0;transition:opacity 150ms linear}@media all and (max-width: 1023px){#sections>ul>li::after{bottom:-2px;height:1px}}#sections>ul>li>div{pointer-events:none}#sections>ul>li>.title{flex-shrink:0;width:0;opacity:0;position:relative;transition:width 150ms linear, opacity 150ms linear}#sections>ul>li>.title>div{position:absolute;top:0;left:0;padding-left:0.5em;width:-moz-max-content;width:max-content}#popup{position:absolute;z-index:10;background-color:rgba(75,75,75,0.85);border-radius:1.25em;-webkit-backdrop-filter:blur(0.5em);backdrop-filter:blur(0.5em);box-sizing:border-box;padding:1.5em;pointer-events:none;opacity:0;transition:opacity 150ms linear;max-width:18.75em}#popup h3{margin-bottom:1em;font-weight:bold}#popup.toggled{opacity:1}#popup div+h3{margin-top:1.875em}

