@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap";.preloader-container{background-color:var(--color-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-content{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-text{color:var(--color-dark);letter-spacing:.1em;text-transform:uppercase;font-size:2rem;font-weight:900}.progress-bar-container{background-color:#1111111a;border-radius:4px;width:200px;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--color-accent);border-radius:4px;height:100%}.progress-text{color:var(--color-dark);font-size:1rem;font-weight:700}@media (width>=768px){.bottom-nav{border-right:4px solid var(--color-dark);z-index:1000;background:#fff;width:200px;height:100vh;display:block;position:fixed;top:0;left:0}.bottom-nav-list{flex-direction:column;justify-content:center;align-items:center;gap:40px;height:100%;margin:0;padding:20px 0;list-style:none;display:flex}.bottom-nav-item{width:100%}.bottom-nav-link{color:var(--color-dark);opacity:.5;flex-direction:column;align-items:center;padding:10px;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.bottom-nav-link:hover{opacity:.8;transform:translate(5px)}.bottom-nav-link.active{opacity:1;transform:scale(1.1)}.nav-icon{margin-bottom:5px;font-size:2rem;transition:transform .25s}.bottom-nav-link.active .nav-icon{filter:drop-shadow(0 2px 4px #f336)}.nav-label{letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-weight:900}.bottom-nav-link.active .nav-label{color:var(--color-accent)}}@media (width<=768px){.bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:3px solid var(--color-dark);z-index:1000;width:100vw;padding-bottom:env(safe-area-inset-bottom);background:#ffffffd9;display:block;position:fixed;bottom:0;left:0}.bottom-nav-list{justify-content:space-around;align-items:center;margin:0;padding:8px 0;list-style:none;display:flex}.bottom-nav-item{flex:1}.bottom-nav-link{color:var(--color-dark);-webkit-tap-highlight-color:transparent;opacity:.5;flex-direction:column;align-items:center;padding:6px;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.bottom-nav-link.active{opacity:1;transform:translateY(-2px)}.nav-icon{margin-bottom:2px;font-size:1.4rem;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.bottom-nav-link.active .nav-icon{filter:drop-shadow(0 2px 4px #f336);transform:scale(1.2)}.nav-label{letter-spacing:2px;text-transform:uppercase;font-size:.6rem;font-weight:900}.bottom-nav-link.active .nav-label{color:var(--color-accent)}.bottom-nav-link:active{transform:scale(.9)}}.top-page{background-color:var(--color-light);width:100%;padding-bottom:var(--space-xl);background-image:radial-gradient(#1111111a 1.5px,#0000 1.5px);background-size:24px 24px;position:relative;overflow-x:hidden}.ambient-background{pointer-events:none;z-index:0;position:fixed;inset:0}.floating-ambient{opacity:.75;position:absolute}.floating-svg-sticker{opacity:.5;filter:drop-shadow(0 0 3px #fff) drop-shadow(2px 2px 0 var(--color-dark))}.hero-section{padding-top:14vh;padding-bottom:32px;padding-left:var(--space-sm);padding-right:var(--space-sm);z-index:10;justify-content:center;display:flex;position:relative}.hero-content{text-align:center;background-color:var(--color-accent);padding:var(--space-md) var(--space-md);border:4px solid var(--color-dark);box-shadow:8px 8px 0 var(--color-dark);border-radius:28px;width:100%;max-width:360px;transform:rotate(-2deg)}.hero-content h1{color:#fff;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:clamp(2.5rem,12vw,4.5rem);font-weight:900;line-height:1.1;font-family:var(--font-custom);text-shadow:3px 3px 0 var(--color-dark)}.hero-content p{color:var(--color-dark);background-color:var(--color-primary);border:2px solid var(--color-dark);border-radius:20px;margin-top:4px;padding:4px 12px;font-size:clamp(.85rem,3.5vw,1.1rem);font-weight:900;display:inline-block}.content-section{padding:var(--space-lg) var(--space-sm);z-index:10;justify-content:center;display:flex;position:relative}.pop-out-box{background-color:var(--color-primary);width:100%;max-width:600px;padding:var(--space-md);border:4px solid var(--color-dark);box-shadow:8px 8px 0 var(--color-dark);border-radius:24px}.pop-out-box h2{margin-bottom:var(--space-md);text-align:center;letter-spacing:.05em;font-size:clamp(1.8rem,8vw,3rem);font-family:var(--font-custom)}.pop-out-box.accent{color:var(--color-dark);box-shadow:8px 8px 0 var(--color-dark);background-color:#fff}.pop-out-box.accent h2{color:var(--color-dark)}.store-section{padding:var(--space-lg) var(--space-lg)}.store-collage-banner{padding:var(--space-xl) var(--space-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:visible}.store-collage-banner:active{transform:scale(.97)}@media (hover:hover){.store-collage-banner:hover{transform:scale(1.02)translateY(-8px)}}.collage-content{z-index:10;text-align:center;position:relative}.store-sub{color:var(--color-accent);margin-bottom:var(--space-md);opacity:.95;font-size:clamp(.9rem,4vw,1.3rem);font-weight:900}.collage-images{pointer-events:none;z-index:5;position:absolute;inset:0}.c-img-1,.c-img-2,.c-img-3{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute}.c-img-1 img,.c-img-2 img,.c-img-3 img{width:100%;height:auto;display:block}.c-img-1{width:70px;top:-20px;left:-5px;transform:rotate(-15deg)}.c-img-2{width:60px;bottom:-15px;left:10%;transform:rotate(20deg)}.c-img-3{width:80px;bottom:-10px;right:-10px;transform:rotate(5deg)}@media (hover:hover){.store-collage-banner:hover .c-img-1{transform:rotate(-25deg)scale(1.15)translate(-12px,-10px)}.store-collage-banner:hover .c-img-2{transform:rotate(30deg)scale(1.2)translate(8px,8px)}.store-collage-banner:hover .c-img-3{transform:translateY(-50%)rotate(15deg)scale(1.15)translate(15px)}}.view-more-btn{background-color:var(--color-accent);color:#fff;border:3px solid var(--color-dark);box-shadow:4px 4px 0 var(--color-dark);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;border-radius:50px;min-height:48px;padding:12px 28px;font-size:clamp(1rem,4vw,1.2rem);font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-block}.view-more-btn:active{box-shadow:0 0 0 var(--color-dark);transform:scale(.95)translate(2px,2px)}@media (hover:hover){.view-more-btn:hover{transform:scale(1.08);box-shadow:0 8px 20px #00000059}}.footer-section{z-index:10;text-align:center;padding:var(--space-md) var(--space-sm);color:var(--color-dark);opacity:.6;padding-bottom:80px;font-size:.8rem;font-weight:700;position:relative}.categories-section{padding-top:16px;display:block}.categories-container{width:100%}.swipe-hint{text-align:right;margin-right:var(--space-md);color:var(--color-dark);opacity:.6;margin-bottom:8px;font-size:.8rem;font-weight:700}.contents-swiper{gap:var(--space-md);scroll-snap-type:x mandatory;padding:0 var(--space-sm) var(--space-md) var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.contents-swiper::-webkit-scrollbar{display:none}.swiper-item{scroll-snap-align:center;border:4px solid var(--color-dark);max-width:280px;padding:var(--space-md);box-shadow:6px 6px 0 var(--color-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:20px;flex-direction:column;flex:0 0 75%;justify-content:center;min-height:180px;transition:transform .2s,box-shadow .2s;display:flex}.swiper-item:active{transform:scale(.97)}.swiper-item.story{background-color:#ffd166}.swiper-item.music{color:#fff;background-color:#ef476f}.swiper-item.gallery{color:#fff;background-color:#118ab2}.swiper-item h3{margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:900;line-height:1.1;font-family:var(--font-custom)}.swiper-item p{opacity:.9;font-size:.95rem;font-weight:700}.about-section{padding-top:var(--space-md);padding-bottom:var(--space-xl)}.about-circle-btn{border:4px solid var(--color-dark);width:120px;height:120px;box-shadow:6px 6px 0 var(--color-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.about-circle-btn:active{box-shadow:2px 2px 0 var(--color-dark);transform:scale(.95)}.about-circle-btn .btn-text{color:var(--color-dark);font-size:1.1rem;font-weight:900;line-height:1.3;font-family:var(--font-custom)}@media (width>=768px){.top-page{padding-bottom:0}.ambient-background{display:none}.bento-wrapper{grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:40px;max-width:1400px;margin:0 auto;padding:60px;display:grid}.content-section{padding:0}.hero-section{padding:0;display:flex}.hero-content{width:100%;max-width:none;min-height:500px;box-shadow:12px 12px 0 var(--color-dark);border-radius:40px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;transform:none}.hero-content h1{white-space:nowrap;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4.5rem)}.hero-content h1 br{display:none}.hero-content p{white-space:nowrap;margin:0;padding:8px 16px;font-size:clamp(.9rem,1.5vw,1.25rem)}.bento-right-column{flex-direction:column;gap:40px;display:flex}.categories-section{padding:0}.categories-container{width:100%}.swipe-hint{display:none}.contents-swiper{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:30px;padding:0;display:grid;overflow:visible}.swiper-item{scroll-snap-align:none;min-height:180px;box-shadow:8px 8px 0 var(--color-dark);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;display:flex}.swiper-item:hover{box-shadow:12px 12px 0 var(--color-dark);transform:translateY(-8px)}.swiper-item h3{white-space:pre-wrap;font-size:clamp(1rem,1.5vw,1.25rem)}.swiper-item p{white-space:nowrap;font-size:clamp(.7rem,1vw,.95rem)}.store-section{width:100%}.store-collage-banner{box-shadow:12px 12px 0 var(--color-dark);border-radius:30px;height:100%;min-height:250px;padding:60px}.c-img-1{width:120px;top:-10px;left:-10px}.c-img-2{width:100px;bottom:-10px;left:20px}.c-img-3{width:150px;bottom:-10px;right:-10px}.about-section,.about-container{width:100%}.about-circle-btn{background-color:var(--color-accent);color:#fff;border:4px solid var(--color-dark);width:100%;height:180px;box-shadow:8px 8px 0 var(--color-dark);border-radius:30px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.about-circle-btn:hover{box-shadow:12px 12px 0 var(--color-dark);transform:translateY(-8px)}.about-circle-btn .btn-text{color:#fff;text-shadow:2px 2px 0 var(--color-dark);align-items:center;gap:15px;font-size:2rem;display:flex}.about-circle-btn .btn-text br{display:none}.footer-section{padding-bottom:var(--space-xl);padding-top:var(--space-lg)}}.music-page{scroll-snap-type:y mandatory;z-index:2;-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100dvh;position:relative;overflow-y:auto}.music-page::-webkit-scrollbar{display:none}.music-ambient-stickers{pointer-events:none;z-index:0;position:fixed;inset:0}.music-floating-sticker{opacity:.3;filter:drop-shadow(0 0 3px #fff) drop-shadow(2px 2px 0 var(--color-dark));position:absolute}.music-snap-section{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100dvh;padding:60px var(--space-sm) 80px;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.music-header-content{text-align:center}.music-title-card{background-color:var(--color-primary);padding:var(--space-lg) var(--space-md);border:4px solid var(--color-dark);box-shadow:8px 8px 0 var(--color-dark);border-radius:28px;width:100%;max-width:340px}.music-title-card h1{color:var(--color-dark);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-xs);font-size:clamp(3rem,14vw,6rem);line-height:1}.music-title-card p{color:var(--color-accent);font-size:clamp(.8rem,3vw,1rem);font-weight:700}.section-label{letter-spacing:3px;color:var(--color-accent);margin-bottom:var(--space-md);text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:900;display:flex}.label-dot{background-color:var(--color-accent);border-radius:50%;width:10px;height:10px;display:inline-block}.mv-container{width:100%;max-width:600px;padding:0 var(--space-xs)}.mv-frame{border:4px solid var(--color-dark);width:100%;box-shadow:8px 8px 0 var(--color-dark);-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:20px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.mv-frame:active{transform:scale(.97)}@media (hover:hover){.mv-frame:hover{box-shadow:8px 14px 0 var(--color-dark);transform:translateY(-6px)}}.mv-embed{width:100%;padding-top:56.25%;position:relative}.mv-embed iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.mv-title{color:var(--color-dark);text-align:center;margin-top:var(--space-sm);padding:0 var(--space-sm);font-size:.85rem;font-weight:700}.track-card-pop{border:4px solid var(--color-dark);width:100%;max-width:340px;box-shadow:8px 8px 0 var(--color-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.track-card-pop:active{transform:scale(.97)}@media (hover:hover){.track-card-pop:hover{box-shadow:8px 14px 0 var(--color-dark);transform:translateY(-6px)rotate(-1deg)}}.track-cover-pop{aspect-ratio:1;background:linear-gradient(135deg, var(--color-primary) 0%, #fff8b0 100%);border-bottom:4px solid var(--color-dark);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.track-num-big{color:var(--color-dark);opacity:.08;font-size:clamp(5rem,20vw,8rem);font-style:italic;font-weight:900;line-height:1;position:absolute;bottom:-10px;right:15px}.track-vinyl-icon{opacity:.7;width:100px;height:100px;animation:8s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-details{padding:var(--space-md)}.track-name{color:var(--color-dark);letter-spacing:.5px;margin-bottom:6px;font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:900}.track-subtitle{color:var(--color-accent);margin-bottom:var(--space-sm);letter-spacing:1px;font-size:.85rem;font-weight:700}.track-year-badge{color:var(--color-dark);background-color:var(--color-primary);border:2px solid var(--color-dark);border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:900;display:inline-block}.track-listen-btn{color:#fff;background-color:var(--color-accent);border:2px solid var(--color-dark);box-shadow:3px 3px 0 var(--color-dark);margin-top:var(--space-sm);letter-spacing:1px;border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-block}.track-card-pop:active .track-listen-btn{box-shadow:1px 1px 0 var(--color-dark);transform:scale(.95)}@media (hover:hover){.track-card-pop:hover .track-listen-btn{box-shadow:4px 4px 0 var(--color-dark);transform:scale(1.05)}}@media (width>=768px){.music-page{scroll-snap-type:none;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;height:auto;min-height:100vh;padding:80px 40px;display:flex;overflow-y:visible;background-color:var(--color-light)!important}.music-snap-section{scroll-snap-align:none;width:auto;height:auto;padding:0}.music-snap-section:first-child{justify-content:center;width:100%;margin-bottom:20px;display:flex}.music-title-card{max-width:600px;box-shadow:12px 12px 0 var(--color-dark);border-radius:36px;padding:60px 80px}.music-snap-section:nth-child(3){justify-content:center;width:100%;margin-bottom:40px;display:flex}.mv-container{width:100%;max-width:800px}.mv-frame{box-shadow:12px 12px 0 var(--color-dark);border-radius:24px}.track-card-pop{max-width:320px;box-shadow:8px 8px 0 var(--color-dark);border-radius:28px}.track-card-pop:hover{box-shadow:12px 12px 0 var(--color-dark);transform:translateY(-8px)}.track-vinyl-icon{width:140px;height:140px}.music-floating-sticker{opacity:.2}}.goods-page{background-color:var(--color-light);min-height:100vh;padding-bottom:80px;position:relative;overflow:hidden}.goods-ambient{pointer-events:none;z-index:0;opacity:.6;width:100vw;height:100vh;position:fixed;top:0;left:0}.goods-hero{z-index:10;text-align:center;justify-content:center;align-items:center;height:35vh;padding-top:5vh;display:flex;position:relative}.goods-header-content h1{color:var(--color-dark);text-transform:uppercase;letter-spacing:-2px;text-shadow:4px 4px 0px var(--color-primary);margin-bottom:.5rem;font-size:4rem;font-weight:900;line-height:1}.goods-header-content p{letter-spacing:2px;color:var(--color-dark);background:var(--color-light);border:2px solid var(--color-dark);box-shadow:2px 2px 0px var(--color-dark);border-radius:20px;padding:4px 12px;font-size:1rem;font-weight:700;display:inline-block}.goods-content-section{z-index:20;padding:0 var(--space-sm);max-width:800px;margin:0 auto;position:relative}.goods-intro{text-align:center;margin-bottom:var(--space-lg);font-size:.95rem;font-weight:700;line-height:1.6}.goods-intro span{background:var(--color-dark);color:#fff;border-radius:4px;margin:0 4px;padding:2px 6px}.goods-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}.goods-card{padding:var(--space-md);border:3px solid var(--color-dark);box-shadow:6px 6px 0px var(--color-dark);border-radius:16px;align-items:center;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.goods-card:before{content:"";background:var(--hover-bg);opacity:0;z-index:0;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.goods-card:hover:before{opacity:.1}.goods-card:active{box-shadow:2px 2px 0px var(--color-dark)}.goods-card>*{z-index:1;position:relative}.goods-card-icon{background:var(--color-light);border:2px solid var(--color-dark);width:60px;height:60px;margin-right:var(--space-md);color:var(--color-dark);box-shadow:2px 2px 0px var(--color-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.goods-card-info{flex-grow:1}.goods-card-info h3{margin-bottom:4px;font-size:1.25rem;font-weight:900;line-height:1.2}.goods-card-info p{opacity:.9;font-size:.8rem;font-weight:700}.goods-card-arrow{margin-left:var(--space-sm);opacity:.8;justify-content:center;align-items:center;display:flex}.goods-footer-cta{text-align:center;margin:var(--space-xl) 0}.suzuri-main-btn{background:var(--color-dark);color:var(--color-light);border:3px solid var(--color-dark);box-shadow:6px 6px 0px var(--color-accent);border-radius:100px;padding:16px 32px;font-size:1.1rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-block}.suzuri-main-btn:hover{box-shadow:8px 8px 0px var(--color-accent);transform:translate(-2px,-2px)}.suzuri-main-btn:active{box-shadow:2px 2px 0px var(--color-accent);transform:translate(4px,4px)}.goods-spacer{height:40px}@media (width>=768px){.goods-page{padding-bottom:var(--space-xl)}.goods-content-section{max-width:1100px}.goods-header-content h1{text-shadow:6px 6px 0px var(--color-primary);font-size:6rem}.goods-grid{grid-template-columns:repeat(3,1fr);gap:30px}.goods-card{text-align:center;flex-direction:column;padding:40px 20px}.goods-card-icon{width:80px;height:80px;margin-bottom:20px;margin-right:0}.goods-card-icon svg{width:40px;height:40px}.goods-card-arrow{position:absolute;bottom:20px;right:20px}}.story-page{background-color:var(--color-light,#f9f9f9);width:100%;min-height:100vh;font-family:var(--font-custom,sans-serif);color:var(--color-dark,#111);flex-direction:column;align-items:center;padding:40px 15px 120px;display:flex;overflow-x:hidden}.story-header{text-align:center;margin-bottom:40px}.story-title{color:var(--color-dark,#111);text-shadow:2px 2px 0 var(--color-primary,#ffd166);font-size:2rem;font-weight:900}.story-content-section{flex-direction:column;gap:50px;width:100%;max-width:600px;display:flex}.story-block{border:4px solid var(--color-dark,#111);width:100%;box-shadow:6px 6px 0 var(--color-primary,#ffd166);text-align:left;background-color:#fff;border-radius:20px;padding:30px 20px}.story-block h3{border-bottom:3px dashed var(--color-secondary,#ef476f);margin-bottom:20px;padding-bottom:10px;font-size:1.5rem;font-weight:800}.story-text p{color:var(--color-dark,#111);margin-bottom:15px;font-size:.95rem;font-weight:500;line-height:1.8}.story-text p:last-child{margin-bottom:0}@media (width>=768px){.story-page{padding-top:80px;padding-bottom:80px}.story-title{font-size:4rem}.story-content-section{flex-direction:row;gap:40px;max-width:1200px}.story-block{flex:1;padding:50px}.story-text p{font-size:1.05rem}}.gallery-page{background-color:var(--color-light);background-image:radial-gradient(#1111111a 1.5px,#0000 1.5px);background-size:24px 24px;width:100%;min-height:100vh;padding-bottom:120px;position:relative;overflow-x:hidden}.gallery-header{padding:60px var(--space-sm) 40px;text-align:center;z-index:10;position:relative}.gallery-header h1{font-family:var(--font-custom);color:var(--color-dark);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-xs);text-shadow:2px 2px #fff;font-size:clamp(2.5rem,10vw,4rem);line-height:1.1}.gallery-header p{color:#fff;border:2px solid var(--color-dark);background-color:#118ab2;border-radius:20px;padding:4px 16px;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;display:inline-block}.gallery-grid-wrapper{z-index:10;padding:0 var(--space-sm);max-width:1200px;margin:0 auto;position:relative}.gallery-masonry{column-count:2;column-gap:var(--space-sm)}.gallery-item{break-inside:avoid;margin-bottom:var(--space-sm);border:4px solid var(--color-dark);box-shadow:4px 4px 0 var(--color-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.gallery-item:active{box-shadow:2px 2px 0 var(--color-dark);transform:scale(.97)translateY(2px)}@media (hover:hover){.gallery-item:hover{box-shadow:8px 8px 0 var(--color-dark);transform:translateY(-4px)}.gallery-item:hover .img-overlay{opacity:1}}.gallery-item img{object-fit:contain;background-color:#fcebd1;width:100%;height:auto;display:block}.img-overlay{opacity:0;pointer-events:none;background:#118ab266;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.img-overlay-icon{color:#fff;text-shadow:2px 2px 0 var(--color-dark);font-size:2rem}.gallery-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);padding:var(--space-md);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:80vh;display:flex;position:relative}.gallery-modal-content img{border:6px solid var(--color-dark);object-fit:contain;background-color:#fff;border-radius:20px;max-width:100%;max-height:100%;box-shadow:0 10px 40px #00000080}.modal-close-btn{background-color:var(--color-accent);color:#fff;border:3px solid var(--color-dark);width:50px;height:50px;box-shadow:4px 4px 0 var(--color-dark);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;transition:transform .2s;display:flex;position:absolute;top:-20px;right:-20px}.modal-close-btn:active{transform:scale(.9)}@media (hover:hover){.modal-close-btn:hover{transform:scale(1.1)}}@media (width>=768px){.gallery-masonry{column-count:3;column-gap:var(--space-lg)}.gallery-item{margin-bottom:var(--space-lg);box-shadow:8px 8px 0 var(--color-dark);border-width:5px;border-radius:24px}.gallery-header{padding-top:100px;padding-bottom:60px}.gallery-header h1{font-size:clamp(3rem,6vw,5rem)}.gallery-modal-content{max-width:80vw;max-height:90vh}.modal-close-btn{width:60px;height:60px;font-size:2rem;top:-25px;right:-25px}}.about-page{background-color:var(--color-light,#f9f9f9);width:100%;min-height:100vh;font-family:var(--font-custom,sans-serif);color:var(--color-dark,#111);flex-direction:column;align-items:center;padding:20px 15px 120px;display:flex;overflow-x:hidden}.about-logo-section{justify-content:center;width:100%;margin-top:20px;margin-bottom:30px;display:flex}.about-logo{object-fit:contain;width:50%;max-width:200px;height:auto}.about-main-visual-section{aspect-ratio:16/9;background-color:var(--color-primary,#ffd166);border:4px solid var(--color-dark,#111);width:100%;max-width:400px;box-shadow:6px 6px 0 var(--color-dark,#111);border-radius:20px;margin-bottom:40px;position:relative;overflow:hidden}.slider-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slider-image{object-fit:cover;width:100%;height:100%;position:absolute}.creator-icon{border:4px solid var(--color-dark,#111);width:140px;height:140px;box-shadow:4px 4px 0 var(--color-dark,#111);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex;overflow:hidden}.nav-icon{object-fit:cover;width:100%;height:100%}.about-creators-section{background-color:var(--color-primary,#ffd166);border:4px solid var(--color-dark,#111);width:100%;max-width:600px;box-shadow:6px 6px 0 var(--color-dark,#111);border-radius:20px;flex-direction:column;align-items:center;gap:30px;margin-bottom:30px;padding:30px 20px;display:flex}.creators-title{font-family:var(--font-custom,sans-serif);color:var(--color-dark,#111);text-shadow:2px 2px #fff;margin-bottom:10px;font-size:1.5rem;font-weight:900}.creator-block{border:2px solid var(--color-dark,#111);background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:15px;width:100%;padding:25px;display:flex;box-shadow:4px 4px #0000001a}.creator-info{text-align:left;width:100%}.creator-name{border-bottom:2px dashed var(--color-secondary,#ef476f);margin-bottom:10px;padding-bottom:8px;font-size:1.2rem;font-weight:800}.creator-desc{color:var(--color-dark,#111);font-size:.95rem;font-weight:500;line-height:1.8}.sns-icon-btn{background-color:var(--color-dark,#111);color:#fff;border:3px solid var(--color-dark,#111);border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:50px;height:50px;margin-top:5px;text-decoration:none;transition:transform .2s,background-color .2s,color .2s;display:flex}.sns-icon-btn:hover,.sns-icon-btn:active{color:var(--color-dark,#111);background-color:#fff;transform:scale(1.1)}.project-sns-section{flex-direction:column;align-items:center;width:100%;margin-top:10px;margin-bottom:20px;display:flex}.sns-title{font-family:var(--font-custom,sans-serif);margin-bottom:15px;font-size:1.2rem;font-weight:900}.sns-links{gap:20px;display:flex}.instagram-btn{background-color:var(--color-dark,#111);width:60px;height:60px}.instagram-btn:hover,.instagram-btn:active{color:#fff;background-color:#e1306c;border-color:#e1306c}.about-footer-section{justify-content:center;width:100%;margin-top:10px;display:flex}.copyright{color:var(--color-dark,#111);opacity:.6;font-size:.8rem;font-weight:700}@media (width>=768px){.about-page{padding-top:60px;padding-bottom:60px}.about-main-visual-section{max-width:800px}.about-creators-section{max-width:900px;padding:50px}.creator-block{flex-direction:row;align-items:flex-start;gap:40px;padding:40px}.creator-icon{flex-shrink:0;width:200px;height:200px;margin-bottom:0}.creator-info{flex-direction:column;flex-grow:1;display:flex}.sns-icon-btn{align-self:flex-start;margin-top:15px}}.app-container{flex-direction:column;min-height:100vh;display:flex}@media (width>=768px){.app-container{padding-left:200px}}@font-face{font-family:AFSTenduex04trialR;src:url(./assets/fonts/AFSTenduex04trialR.woff2)format("woff2"),url(./assets/fonts/AFSTenduex04trialR.woff)format("woff"),url(./assets/fonts/AFSTenduex04trialR.otf)format("opentype"),url(/assets/AFSTenduex04trialR-DQ-7kMSm.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-primary:#ffe600;--color-accent:#f33;--color-dark:#111;--color-light:#fafafa;--color-bubble:#fff6;--font-primary:"AFSTenduex04trialR", "Outfit", "Noto Sans JP", sans-serif;--font-custom:"AFSTenduex04trialR", "Noto Sans JP", sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:60px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);background-color:var(--color-light);color:var(--color-dark);-webkit-font-smoothing:antialiased;scrollbar-width:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}@media (width>=768px){body{scrollbar-width:thin}body::-webkit-scrollbar{width:6px;display:block}::-webkit-scrollbar-track{background:var(--color-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}}.app-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.sticker-cutout{clip-path:polygon(5% 10%,95% 5%,100% 90%,10% 95%)}.sticker-cutout.blob-1{clip-path:polygon(10% 0,100% 15%,90% 100%,0 85%)}.sticker-cutout.blob-2{clip-path:polygon(0 15%,85% 0,100% 90%,15% 100%)}.sticker-cutout.round{clip-path:circle(45%)}.sticker-wrapper{filter:drop-shadow(0px 0px 4px #fff) drop-shadow(0px 0px 8px #fff) drop-shadow(3px 3px 0px var(--color-dark));transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.sticker-wrapper:hover{transform:scale(1.07)rotate(-4deg)}.sticker-wrapper:active{transform:scale(.95)rotate(2deg)}.hidden{display:none!important}