main{flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}main .hero{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}main .backgroundWrapper{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}main .backgroundWrapper .background{width:100%;height:100%;position:relative}main .backgroundWrapper .background .overlay{z-index:1;mix-blend-mode:multiply;background-color:#660063;width:100%;height:100%;position:absolute;top:0;left:0}main .backgroundWrapper .background img{object-fit:cover;filter:brightness(.5)contrast(5)brightness(2);width:100%;height:100%}main .title{mix-blend-mode:hard-light;color:#fff;text-align:center;flex-direction:column;display:flex;position:absolute}main .title ruby{ruby-align:center;font-size:10em;line-height:1.1em}main .title ruby.small{ruby-position:under;font-size:5em}main .title ruby.small rt{padding-block:.5em;font-size:.3em}main .title ruby rt{letter-spacing:.2ch;user-select:none;padding-block:1em;font-size:.2em;font-style:italic}main .info{color:#fff;background-color:#62608f;flex-direction:column;gap:2em;width:100%;height:max-content;min-height:100dvh;padding-block:5em 3em;padding-inline:3em;display:flex;position:relative}main .info .overlay{z-index:0;opacity:.7;mix-blend-mode:overlay;pointer-events:none;background:url(/noise.svg);width:100%;height:100%;position:absolute;top:0;left:0}main .info .rippedWrapper{z-index:1;pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}main .info .rippedWrapper .ripped{clip-path:polygon(0% 0%,100% 0%,100% 50%,0% 50%);justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;transform:translateY(-30%);mask-image:linear-gradient(#000 40%,#0000 50%)}@media (width>1920px){main .info .rippedWrapper .ripped{transform:translateY(-35%)}}main .info .rippedWrapper .ripped img{object-fit:cover;mix-blend-mode:multiply;width:1920px;height:100%;display:flex;scale:1.1}@media (width>1920px){main .info .rippedWrapper .ripped img{width:97vw}}main .info .rippedWrapper .ripped .duplicate{z-index:-1;background-color:var(--bg-color);width:1920px;height:100%;-webkit-mask:var(--current-img) no-repeat center/contain;mask:var(--current-img) no-repeat center/contain;position:absolute;top:0;scale:1.1}@media (width>1920px){main .info .rippedWrapper .ripped .duplicate{width:97vw}}main .info h2{margin-bottom:.5em;font-size:2.5em;line-height:1.2em}main .info p{font-size:1.2em;line-height:1.75em}main .info p a{color:#fff}main .info .titles{flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(15rem,13.0939rem + 7.3665vw,20rem),1fr));grid-auto-rows:max-content;gap:2.5em;width:100%;margin-top:2em;margin-bottom:2em;display:grid}main .info .titles .section{color:#fff;flex-direction:column;align-items:center;gap:.2em;width:100%;text-decoration:none;display:flex;position:relative}main .info .titles .section .number{z-index:5;width:5em;height:5em;position:absolute;top:0;left:0;translate:-30% -30%}main .info .titles .section .number .numberWrapper{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}main .info .titles .section .number .numberWrapper img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}main .info .titles .section .number .numberWrapper .duplicate{z-index:-1;background-color:var(--bg-color);width:100%;height:100%;-webkit-mask:var(--current-img) no-repeat center/contain;mask:var(--current-img) no-repeat center/contain;filter:brightness(150%)saturate(70%);position:absolute;top:0;left:0}main .info .titles .section .number .numberWrapper span{z-index:2;color:#000;font-size:1.5em;font-weight:700;position:absolute;translate:0 2px}main .info .titles .section .cover{aspect-ratio:2/3;clip-path:polygon(3% 0,7% 1%,11% 0%,16% 2%,20% 0,23% 2%,28% 2%,32% 1%,35% 1%,39% 3%,41% 1%,45% 0%,47% 2%,50% 2%,53% 0,58% 2%,60% 2%,63% 1%,65% 0%,67% 2%,69% 2%,73% 1%,76% 1%,79% 0,82% 1%,85% 0,87% 1%,89% 0,92% 1%,96% 0,98% 3%,99% 3%,99% 6%,100% 11%,98% 15%,100% 21%,99% 28%,100% 32%,99% 35%,99% 40%,100% 43%,99% 48%,100% 53%,100% 57%,99% 60%,100% 64%,100% 68%,99% 72%,100% 75%,100% 79%,99% 83%,100% 86%,100% 90%,99% 94%,99% 98%,95% 99%,92% 99%,89% 100%,86% 99%,83% 100%,77% 99%,72% 100%,66% 98%,62% 100%,59% 99%,54% 99%,49% 100%,46% 98%,43% 100%,40% 98%,38% 100%,35% 99%,31% 100%,28% 99%,25% 99%,22% 100%,19% 99%,16% 100%,13% 99%,10% 99%,7% 100%,4% 99%,2% 97%,1% 97%,0% 94%,1% 89%,0% 84%,1% 81%,0 76%,0 71%,1% 66%,0% 64%,0% 61%,0% 59%,1% 54%,0% 49%,1% 45%,0% 40%,1% 37%,0% 34%,1% 29%,0% 23%,2% 20%,1% 17%,1% 13%,0 10%,1% 6%,1% 3%);width:100%;height:auto;overflow:hidden}main .info .titles .section .cover img{object-fit:cover;width:100%;height:100%}main .info .titles .section .description{margin-top:.5em;font-style:italic}main .info .titles .section .name{justify-content:center;align-items:center;display:flex}main .info .titles .section .name ruby{ruby-align:center;ruby-position:under;font-size:4rem;line-height:1.1em}main .info .titles .section .name ruby.small{margin-top:auto;font-size:2em}main .info .titles .section .name ruby.small rt{font-size:.45em}main .info .titles .section .name ruby rt{letter-spacing:.2ch;user-select:none;padding-block:.5em;font-size:.22em;font-style:italic}main .info .stories{flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(18rem,15.3315rem + 10.3131vw,25rem),1fr));grid-auto-rows:max-content;gap:3.5em 2.5em;width:100%;margin-top:2em;margin-bottom:2em;display:grid}main .info .stories .modalWrapper{z-index:50;align-items:flex-end;width:100%;height:100dvh;display:flex;position:fixed;top:0;left:0}main .info .stories .modalWrapper .modalContainer{align-items:flex-end;width:100%;height:50%;display:flex;position:relative}main .info .stories .modalWrapper .modalContainer .labelBackgroundWrapper{z-index:2;width:30em;height:auto;position:absolute;top:0;left:0;translate:-15% 100%;rotate:-5deg}main .info .stories .modalWrapper .modalContainer .labelBackgroundWrapper.right{top:0;right:0;left:initial;translate:15%;rotate:5deg}main .info .stories .modalWrapper .modalContainer .labelBackgroundWrapper.right .label .labelBackground{rotate:initial;filter:drop-shadow(-10px 10px 5px #0000005c)}main .info .stories .modalWrapper .modalContainer .labelBackgroundWrapper .label{color:#000;justify-content:center;align-items:center;width:100%;height:auto;font-size:2em;display:flex;position:relative}main .info .stories .modalWrapper .modalContainer .labelBackgroundWrapper .label .labelBackground{z-index:-1;filter:drop-shadow(-10px -10px 5px #0000005c);width:100%;height:auto;position:absolute;rotate:180deg}main .info .stories .modalWrapper .modalContainer .labelBackgroundWrapper .label .labelBackground img{object-fit:cover;width:100%;height:100%}main .info .stories .modalWrapper .modalContainer .modalBackground{z-index:-1;pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}main .info .stories .modalWrapper .modalContainer .modalBackground .modalBackgroundWrapper{justify-content:center;align-items:center;width:100%;height:50%;display:flex;position:relative}main .info .stories .modalWrapper .modalContainer .modalBackground .modalBackgroundWrapper img{object-fit:contain;mix-blend-mode:multiply;width:170em;height:100%;display:flex}main .info .stories .modalWrapper .modalContainer .modalBackground .modalBackgroundWrapper .duplicate{z-index:-2;background-color:var(--bg-color);width:170em;height:100%;-webkit-mask:var(--current-img) no-repeat center/contain;mask:var(--current-img) no-repeat center/contain;position:absolute;top:0}main .info .stories .modalWrapper .modalContainer .modal{scrollbar-gutter:stable both-edges;--sb-track-color:transparent;--sb-thumb-color:white;--sb-size:17px;flex-wrap:wrap;justify-content:center;gap:1em 2em;width:100%;min-height:60%;max-height:10em;padding:2em;display:flex;overflow-y:auto}main .info .stories .modalWrapper .modalContainer .modal::-webkit-scrollbar{width:var(--sb-size)}main .info .stories .modalWrapper .modalContainer .modal::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:1px}main .info .stories .modalWrapper .modalContainer .modal::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);background-clip:padding-box;border:7px solid #0000}main .info .stories .modalWrapper .modalContainer .modal button{cursor:pointer;color:#fff;background-color:#0000;border:none;outline:none;padding:.5em 1em;font-family:Iwata Mincho Pro M,serif;font-size:clamp(1.5rem,1.3094rem + .7366vw,2rem)}main .info .stories .story{color:#fff;flex-direction:column;align-items:center;gap:.2em;width:100%;text-decoration:none;display:flex;position:relative}main .info .stories .story .when{pointer-events:none;width:20em;height:auto;position:absolute;top:0;translate:0 -40%}main .info .stories .story .when .whenWrapper{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}main .info .stories .story .when .whenWrapper img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}main .info .stories .story .when .whenWrapper .duplicate{z-index:-1;width:100%;height:100%;-webkit-mask:var(--current-img) no-repeat center/contain;mask:var(--current-img) no-repeat center/contain;background-color:#b1afd5;position:absolute;top:0;left:0}main .info .stories .story .when .whenWrapper span{z-index:2;color:#000;font-size:1.2em;font-weight:700;position:absolute}main .info .stories .story .cover{aspect-ratio:1;clip-path:polygon(3% 0,7% 1%,11% 0%,16% 2%,20% 0,23% 2%,28% 2%,32% 1%,35% 1%,39% 3%,41% 1%,45% 0%,47% 2%,50% 2%,53% 0,58% 2%,60% 2%,63% 1%,65% 0%,67% 2%,69% 2%,73% 1%,76% 1%,79% 0,82% 1%,85% 0,87% 1%,89% 0,92% 1%,96% 0,98% 3%,99% 3%,99% 6%,100% 11%,98% 15%,100% 21%,99% 28%,100% 32%,99% 35%,99% 40%,100% 43%,99% 48%,100% 53%,100% 57%,99% 60%,100% 64%,100% 68%,99% 72%,100% 75%,100% 79%,99% 83%,100% 86%,100% 90%,99% 94%,99% 98%,95% 99%,92% 99%,89% 100%,86% 99%,83% 100%,77% 99%,72% 100%,66% 98%,62% 100%,59% 99%,54% 99%,49% 100%,46% 98%,43% 100%,40% 98%,38% 100%,35% 99%,31% 100%,28% 99%,25% 99%,22% 100%,19% 99%,16% 100%,13% 99%,10% 99%,7% 100%,4% 99%,2% 97%,1% 97%,0% 94%,1% 89%,0% 84%,1% 81%,0 76%,0 71%,1% 66%,0% 64%,0% 61%,0% 59%,1% 54%,0% 49%,1% 45%,0% 40%,1% 37%,0% 34%,1% 29%,0% 23%,2% 20%,1% 17%,1% 13%,0 10%,1% 6%,1% 3%);cursor:pointer;width:100%;height:auto;overflow:hidden}main .info .stories .story .cover img{object-fit:cover;width:100%;height:100%}main .info .stories .story .name{font-size:2em}
