*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a{text-decoration:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}ul{margin:0;padding:0;list-style-type:none}li{list-style-type:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:#000}html:has(.loading){overflow:hidden}.loading{position:relative;z-index:20;display:grid;place-items:center;background:#f7f7f7;height:100vh}.loading .loading__text{mix-blend-mode:difference;font-size:10vw;font-weight:700;color:#f7f7f7}.loading .loading__bg{position:absolute;width:100%;height:0%;bottom:0;left:0;background:#000}.header{position:fixed;top:8px;left:8px;z-index:10;width:100%;mix-blend-mode:difference}.header .header__link{color:#f7f7f7}.top{position:relative;height:100vh;background:#000;contain:paint}.top .top__title{position:absolute;text-align:center;font-size:clamp(36px,7vw,90px);font-weight:700;line-height:1.5;width:94%;margin-inline:auto;grid-row:1}.top .top__title-wrapper{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}.top .top__title--main{color:#f7f7f7;z-index:1}.top .top__title--grey{color:#3d3d3d}.top .top__next{position:absolute;width:30%;min-width:220px;aspect-ratio:3 / 6;top:50%;left:50%;transform:translate(-50%,-50%);background:#202020;border-radius:2000px;display:flex;justify-content:center;contain:paint}.top .top__canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100vh;opacity:0}.section-white{position:relative;height:20vh;background:#f7f7f7}.section-white .white{position:absolute;top:0;right:0;bottom:0;left:0;height:105%;background:#f7f7f7}.introduction{height:100vh;background:#f7f7f7}.introduction .introduction__container{position:relative;height:100%}.introduction .introduction__texts{position:absolute;z-index:1;width:100%;height:100%}.introduction .introduction__intro{position:absolute;top:0;right:0;bottom:0;left:0;width:min(94%,1000px);height:100%;margin-inline:auto;font-weight:700;display:flex;flex-direction:column;justify-content:space-around}.introduction .introduction__intro-p{width:min(100%,300px)}.introduction .introduction__intro-p:nth-child(2){margin-left:auto}.introduction .introduction__title-wrapper{width:100%;height:100%}.introduction .introduction__title{position:absolute;top:50%;transform:translateY(-50%);width:100vw;color:#111}.introduction .introduction__title--black{left:5%}.introduction .introduction__title--white{color:#f7f7f7;left:100vw}.introduction .introduction__sub-title,.introduction .introduction__main-title{font-size:18vw;font-weight:600;width:max-content}.introduction .introduction__sub-title{overflow:hidden;line-height:1}.introduction .introduction__canvas-wrapper{position:absolute;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);padding-inline:5%;height:100%;pointer-events:none}@media (width <= 768px){.introduction .introduction__canvas-wrapper{width:100%}}.introduction .introduction__canvas{grid-column:3 / span 2;width:100%;height:100%;transform:rotate(30deg);transition:all 1s}@media (width <= 768px){.introduction .introduction__canvas{position:absolute;left:50%;transform:rotate(30deg) translate(-50%)}.introduction .introduction__canvas.active{left:90%;transform:rotate(0) translate(0)}}.introduction .introduction__bg-circle-wrapper{position:relative;z-index:0;width:100%;height:100%;contain:paint}.introduction .introduction__bg-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1 / 1;width:130vmax;background-color:#000;border-radius:50%;transition:background-color .5s}.introduction .introduction__feature{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around}@media (width <= 768px){.introduction .introduction__feature{justify-content:center;gap:2rem}}.introduction .feature__article{display:grid;grid-template-columns:repeat(12,1fr);width:min(94%,1200px);margin-inline:auto;column-gap:20px;color:#f7f7f7;transition:color .5s}.introduction .feature__article__inner{grid-column:2 / span 5;grid-row:1}@media (width <= 768px){.introduction .feature__article__inner{grid-column:1 / span 8}}.introduction .feature__deco{position:relative;height:1px}.introduction .feature__deco__circle{position:absolute;width:6px;height:6px;background:gray;border-radius:50%;right:0;top:50%;transform:translateY(-50%)}.introduction .feature__deco__line{background:gray;width:100%;height:1px}.introduction .feature__title{font-size:clamp(24px,7vw,52px);margin-top:1rem;contain:paint}.introduction .feature__title-inner{display:inline-block}.introduction .feature__text{margin-top:1rem;width:min(400px,70%);font-weight:700;font-size:15px;contain:paint}@media (width <= 768px){.introduction .feature__text{font-size:13px}}.introduction .feature__text-inner{display:inline-block}@media (width > 768px){.introduction .feature__article--two .feature__article__inner{grid-column:7 / span 5;display:grid;grid-template-columns:repeat(6,1fr)}.introduction .feature__article--two .feature__deco{grid-column:1 / -1}.introduction .feature__article--two .feature__title{grid-column:3 / span 4}.introduction .feature__article--two .feature__text{grid-column:3 / span 4;width:100%}.introduction .feature__article--two .feature__deco__circle{left:0}}.introduction.end .introduction__bg-circle{background-color:#f7f7f7}.introduction.end .feature__article{color:#000}.last{background-color:#000;height:100vh;display:grid;place-items:center;font-size:20vw;color:#f7f7f7;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:700;transition:all .5s}div:has(.introduction.end)+.last{background-color:#f7f7f7;color:#000}