section.styles-weights-section{--foreground: var(--black);--background: var(--white);position:relative;color:var(--foreground);background-color:var(--background);padding:.2rem 0 0;overflow:hidden}section.styles-weights-section .line-label{margin-bottom:.6rem}section.styles-weights-section .text{font-size:.16rem;line-height:1.2em;letter-spacing:-0.01em}section.styles-weights-section .intro-part{display:flex;gap:.12rem;margin-bottom:1.2rem}section.styles-weights-section .intro-part .inner:first-child{flex-grow:1}section.styles-weights-section .intro-part .inner:last-child{width:3.35rem}section.styles-weights-section .intro-part .line{margin-bottom:.03rem}section.styles-weights-section .intro-part .title{font-size:.72rem;line-height:.78em;font-weight:500;letter-spacing:-0.01em;color:var(--black)}section.styles-weights-section .intro-part .text{font-size:.16rem;line-height:1.2em;font-weight:400;letter-spacing:-0.01em;color:var(--black)}section.styles-weights-section .weights-part{display:flex;gap:.2rem;margin-bottom:.5rem;overflow:hidden}section.styles-weights-section .weights-part .inner:first-child{position:relative;width:3.35rem}section.styles-weights-section .weights-part .inner:last-child{pointer-events:none;flex-grow:1}section.styles-weights-section .weights-part .line{margin-bottom:.2rem}section.styles-weights-section .weights-part .list{display:block;font-size:.2rem;line-height:.9em;letter-spacing:-0.01em;color:var(--black)}section.styles-weights-section .weights-part .list li:not(:last-child){margin-bottom:.05rem}section.styles-weights-section .weights-part .list li:not(:last-child).divider{margin-bottom:.2rem}section.styles-weights-section .weights-part .list li{cursor:pointer;position:relative;z-index:10;transition:opacity 200ms ease;width:100vw;opacity:.2}section.styles-weights-section .weights-part .list li span{display:block;position:relative;transition:transform 200ms ease;transform:translate(-0.2rem, 0);left:.2rem}section.styles-weights-section .weights-part .list li::before{content:"●";position:absolute;transition:transform 200ms ease;display:block;transform:translate(-0.1rem, -50%) scale(0);top:50%;left:0}section.styles-weights-section .weights-part .list li.active{opacity:1}section.styles-weights-section .weights-part .list li.active span{transform:translate(0, 0)}section.styles-weights-section .weights-part .list li.active::before{transform:translate(0rem, -50%) scale(1)}section.styles-weights-section .weights-part .playground-title{display:block;position:relative;pointer-events:none;transform:translate(var(--x), 0);left:-0.26rem;top:.9rem;font-size:6.5417rem;line-height:.78em;letter-spacing:-0.04em;font-family:"Exat Variable";font-variation-settings:var(--fnt);color:var(--black)}section.styles-weights-section .sticky-block{display:block;position:relative;height:300vh;background-color:var(--black)}section.styles-weights-section .sticky-block .sticky{position:relative;height:100vh}section.styles-weights-section .sticky-block .inner{display:flex;gap:.4rem;position:absolute;top:0;left:0;width:100%;height:100%;padding:.14rem .2rem}section.styles-weights-section .sticky-block .inner>div:last-child{flex-grow:1}section.styles-weights-section .sticky-block .inner>div:first-child{width:3.15rem}section.styles-weights-section .sticky-block .inner .label{position:relative;font-family:"Exat";font-size:.16rem;line-height:1em;font-weight:400;letter-spacing:-0.05em}section.styles-weights-section .sticky-block .inner .label::before{content:"●";display:inline-block;margin-right:.08rem}section.styles-weights-section .sticky-block .inner .text{font-size:.46rem;line-height:1em;letter-spacing:-0.01em}section.styles-weights-section .sticky-block .inner .text br{display:none}section.styles-weights-section .sticky-block .yellow{background-color:var(--yellow-01);color:var(--red-01)}section.styles-weights-section .sticky-block .orange{background-color:var(--orange-01);color:var(--blue-03)}section.styles-weights-section .sticky-block .blue{background-color:var(--blue-03);color:var(--pink)}section.styles-weights-section .patterns-block{background-color:var(--black);padding:.2rem 0}section.styles-weights-section .patterns-block .text{font-weight:400;color:var(--white)}section.styles-weights-section .patterns-block .first-block{display:flex;justify-content:space-between;margin-bottom:.26rem}section.styles-weights-section .patterns-block .first-block .inner:first-child{width:3.35rem}section.styles-weights-section .patterns-block .first-block .inner:last-child{width:6.9rem}section.styles-weights-section .patterns-block .first-block .media-frame{aspect-ratio:1}section.styles-weights-section .patterns-block .first-block .media-frame.mobile{width:100%}section.styles-weights-section .patterns-block .second-block{display:flex;gap:.2rem;margin-bottom:.26rem}section.styles-weights-section .patterns-block .second-block .inner:first-child{display:flex;gap:.2rem}section.styles-weights-section .patterns-block .second-block .inner:last-child{max-width:50%;flex-grow:1}section.styles-weights-section .patterns-block .second-block .media-frame{aspect-ratio:1;width:3.35rem}section.styles-weights-section .patterns-block .second-block .text{max-width:3.35rem;width:100%;margin-left:auto;margin-right:0}section.styles-weights-section .patterns-block .third-block{display:block;margin-bottom:.0912rem}section.styles-weights-section .patterns-block .third-block .medias{display:flex;justify-content:flex-end;gap:.2rem}section.styles-weights-section .patterns-block .third-block .media-frame{aspect-ratio:335/469;width:3.35rem}section.styles-weights-section .patterns-block .forth-block{display:flex;gap:.2rem;margin-bottom:1.37rem}section.styles-weights-section .patterns-block .forth-block .text{width:3.35rem}section.styles-weights-section .patterns-block .a-circle-grid{display:grid;grid-template-columns:repeat(10, 1fr);gap:.0333rem;padding:.15rem;background-color:var(--yellow-02)}section.styles-weights-section .patterns-block .a-circle-grid .circle{aspect-ratio:1;border-radius:50%;background-color:var(--black);background-image:url("../../assets/icons/circle-a.webp");background-size:contain;background-position:50%}section.styles-weights-section .patterns-block .a-circle-grid.mobile{display:none}section.styles-weights-section .rotating-letters{display:grid;grid-template-columns:repeat(5, 1fr);width:calc(100% + 4px);background-color:var(--orange-01)}section.styles-weights-section .rotating-letters .media-frame{aspect-ratio:1;border-right:4px solid var(--black);border-bottom:4px solid var(--black);overflow:hidden}section.styles-weights-section .rotating-letters .media-frame:nth-last-child(-n+5){border-bottom:none}section.styles-weights-section .rotating-letters img{display:block;transform-origin:50% 35%;width:3.55rem;height:4.18rem;object-fit:contain;backface-visibility:hidden}section.styles-weights-section .rotating-letters.mobile{display:none}@media screen and (max-width: 768px)and (orientation: portrait){section.styles-weights-section .intro-part{display:block;border-top:.01rem solid var(--foreground)}section.styles-weights-section .intro-part .title{font-size:.52rem;line-height:.9em;letter-spacing:-0.04em}section.styles-weights-section .intro-part .text{font-size:.14rem;letter-spacing:-0.04em}section.styles-weights-section .intro-part .line{display:none}section.styles-weights-section .intro-part .inner:first-child{width:100%;margin-bottom:.4rem}section.styles-weights-section .intro-part .inner:last-child{width:2.72rem}section.styles-weights-section .weights-part{flex-direction:column-reverse;flex-wrap:wrap;margin-bottom:.4rem}section.styles-weights-section .weights-part .inner:first-child{width:100%}section.styles-weights-section .weights-part .inner:last-child{width:100%}section.styles-weights-section .weights-part .list li{width:100%}section.styles-weights-section .weights-part .list li:not(:last-child).divider{margin-bottom:.05rem}section.styles-weights-section .weights-part .playground-title{font-size:2.2rem;transform:translate(0, 0);top:0;left:-0.08rem;margin-top:.3rem;margin-bottom:-0.3rem}section.styles-weights-section .sticky-block{height:auto}section.styles-weights-section .sticky-block .sticky{height:auto}section.styles-weights-section .sticky-block .inner{position:relative;height:100svh;flex-direction:column;justify-content:flex-start;padding:.2rem .12rem .4rem}section.styles-weights-section .sticky-block .inner>div:first-child{width:100%}section.styles-weights-section .sticky-block .inner>div:last-child{flex-grow:0}section.styles-weights-section .sticky-block .inner .text{font-size:.28rem;line-height:.9em}section.styles-weights-section .sticky-block .inner .text br{display:block}section.styles-weights-section .sticky-block .inner .text:not(:last-child){margin-bottom:.2rem}section.styles-weights-section .patterns-block .a-circle-grid{display:none;grid-template-columns:repeat(5, 1fr);gap:.05rem}section.styles-weights-section .patterns-block .a-circle-grid .circle{background-image:url("../../assets/circle-a-mobile.svg")}section.styles-weights-section .patterns-block .a-circle-grid.mobile{display:grid}section.styles-weights-section .patterns-block .media-frame.mobile{display:block}section.styles-weights-section .patterns-block .first-block{display:block;margin-bottom:.4rem}section.styles-weights-section .patterns-block .first-block .media-frame{width:2.72rem;margin:auto}section.styles-weights-section .patterns-block .first-block .inner:first-child{width:100%;margin-bottom:1.6rem}section.styles-weights-section .patterns-block .first-block .inner:last-child{width:100%}section.styles-weights-section .patterns-block .second-block{display:block;margin-bottom:1.6rem}section.styles-weights-section .patterns-block .second-block .media-frame{width:2.72rem;margin:auto}section.styles-weights-section .patterns-block .second-block .media-frame:first-child{margin-bottom:.4rem}section.styles-weights-section .patterns-block .second-block .text{font-size:.14rem;letter-spacing:-0.04em;max-width:2.72rem;margin:auto}section.styles-weights-section .patterns-block .second-block .inner:first-child{display:block;width:100%;margin-bottom:.4rem}section.styles-weights-section .patterns-block .second-block .inner:last-child{width:100%;max-width:none}section.styles-weights-section .patterns-block .third-block{margin-bottom:.2rem}section.styles-weights-section .patterns-block .third-block .medias{gap:.12rem}section.styles-weights-section .patterns-block .forth-block{display:block;margin-bottom:1.6rem}section.styles-weights-section .patterns-block .forth-block .text{width:100%;font-size:.14rem;letter-spacing:-0.04em}section.styles-weights-section .patterns-block .forth-block .text:first-child{max-width:3.23rem;margin-bottom:.2rem}section.styles-weights-section .patterns-block .forth-block .text:last-child{max-width:2.72rem;margin-left:auto;margin-right:0}section.styles-weights-section .rotating-letters{display:none;background-color:#ff5000}section.styles-weights-section .rotating-letters.mobile{display:grid;grid-template-columns:repeat(2, 1fr)}section.styles-weights-section .rotating-letters .media-frame{border-right:4px solid rgba(0,0,0,.2);border-bottom:4px solid rgba(0,0,0,.2)}section.styles-weights-section .rotating-letters .media-frame:nth-last-child(-n+5){border-bottom:4px solid rgba(0,0,0,.2)}section.styles-weights-section .rotating-letters .media-frame:nth-last-child(-n+2){border-bottom:none}}/*# sourceMappingURL=style.css.map */