html{scrollbar-width:thin;scrollbar-color:#fff #000}body{overflow:hidden;margin:0;padding:0;font-size:clamp(.75rem,3vw,1rem);font-family:Ubuntu,serif;letter-spacing:.06em;color:#fff;background-color:#000}a{color:#fff}a:hover{text-decoration:none}canvas{width:0;height:0;position:absolute;top:0;left:0}.sketch-summary{position:absolute;top:0;left:0;z-index:100;padding:clamp(24px,2vw,48px)}.sketch-summary.hidden{display:none}.sketch-title-wrap{display:flex;flex-direction:column;gap:8px;margin:0 0 1em;font-size:1em;font-weight:400}.site-title{display:block;font-weight:700;font-size:1.2em}.sketch-title{display:block;font-size:3em;font-weight:400}.sketch-description{margin:0;font-weight:400;line-height:1.5}.back-home{position:absolute;top:0;right:0;z-index:100;padding:clamp(24px,2vw,48px);text-decoration:none;font-family:sans-serif}.back-home.hidden{display:none}.back-home a{height:2.4em;display:flex;align-items:center;justify-content:center;padding-inline:1em;border:1px solid #fff;border-radius:9999px;color:#fff;font-size:.875em;text-decoration:none;transition:color .2s,background-color .2s}.back-home a:hover{color:#333;background-color:#fff}.social-links{display:flex;gap:8px;position:absolute;bottom:0;left:0;z-index:100;padding:clamp(24px,2vw,48px)}.social-links.hidden{display:none}.social-links a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff}.social-links svg{fill:currentColor}.content-wrapper{height:100dvh;overflow-y:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.content{max-width:1200px;margin-inline:auto;container-type:inline-size}.slideshow-wrapper{min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;container-type:inline-size;margin-inline:20px;padding-block:40px}.slideshow-large-images{width:100%;position:relative;overflow:hidden;aspect-ratio:16 / 9;margin-bottom:16px}.slideshow-large-image{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;pointer-events:none;opacity:0}.slideshow-navi{width:100%;display:grid;grid-template-columns:repeat(5,minmax(auto,100px));gap:12px;justify-content:center}.slideshow-navi-button{container-type:size;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:0;margin:0;overflow:hidden;aspect-ratio:1 / 1;border-radius:8px;position:relative;background-color:#000}.slideshow-navi-button-image{width:100cqw;height:100cqh;position:relative;object-fit:cover;aspect-ratio:1 / 1;opacity:.4;transition:opacity .2s ease}.slideshow-navi-button:hover .slideshow-navi-button-image,.slideshow-navi-button.active .slideshow-navi-button-image{opacity:1}@container (width < 728px){.slideshow-large-images{aspect-ratio:4 / 3}.slideshow-navi{gap:8px}}