@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Montserrat:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}html{scroll-behavior:smooth}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-loader{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(-90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:400% 400%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{margin-top:0;padding:10px;position:relative}.hero,.hero-a{background:#fff}.hero-a{align-items:center;display:flex;gap:3rem;height:100vh;justify-content:space-around;padding:0 8vw;text-align:center}.hero-title{color:#000;font-family:Noto Sans JP,sans-serif;font-size:clamp(2.5rem,6vw,6rem);letter-spacing:.3ch;line-height:1.5;margin-top:50px;text-align:left}.hero-title span{display:block}.hero-title .line-1{padding-left:0}.hero-title .line-2{padding-left:200px}.hero-title .line-3{padding-left:380px}.hero-title .line-4{font-size:clamp(1rem,6vw,2.25rem);font-weight:300;letter-spacing:0;margin-top:10px;padding-left:320px}.hero-text h1,.hero-title .line-4{font-family:Noto Sans JP,sans-serif}.hero-text h1{color:#000;font-size:6rem;line-height:1;margin:0;text-transform:uppercase}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.slideshow-wrapper{gap:20px;margin:50px auto;max-width:900px;width:90%}.slideshow-container{display:flex;flex:1 1;justify-content:center}.slide-image{border-radius:10px;transition:opacity .8s ease-in-out}.nav-button{background:#0000;font-size:4rem;padding:14px 18px;transition:all .3s ease}.nav-button:hover{transform:scale(1.1)}.summary-container{margin:0 auto;max-width:1000px;padding:2rem 1rem;text-align:center}.summary-highlight{gap:1.5rem}.summary-highlight,.years-box{align-items:center;display:flex;flex-direction:column}.years-box{color:#111!important}.years-number{font-size:3rem;font-weight:800;line-height:1}.years-label{color:#777;font-size:1rem;font-weight:500}.summary-text h2{color:#222;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;font-size:1.5rem;font-weight:400;letter-spacing:.2cap}.summary-text p{color:#555;font-size:1rem;line-height:1.6;margin-top:.5rem;max-width:700px}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.hero-btn{background:#fff;border:2px solid #dddede;border-radius:30px;color:#000;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;font-size:1.25rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.hero-btn:hover{background-color:#000;color:#fff;transform:scale(1.05)}.hero-gallery-container{display:flex;flex-direction:column;margin:0 auto;place-items:center;width:70%}.hero-gallery{display:flex;list-style:none;padding:0;position:relative;width:fit-content}.hero-gallery-item{margin-left:-150px;position:relative;transition:transform .3s ease,z-index .3s ease}.hero-gallery-item:first-child{margin-left:0}.hero-gallery-item img{border-radius:10px;height:500px;object-fit:cover;opacity:1;transition:flex .3s ease,transform .3s ease,z-index .3s ease;width:auto}.hero-gallery-item:hover{flex:3 1;transform:scaleX(1.05);z-index:10}.hero-gallery-item:hover img{filter:none;opacity:1}.about-subtext,.about-years{color:#000;font-family:Noto Sans JP,sans-serif}.about-years{font-size:90px;font-weight:700;margin:10px 0}.about-subtext{color:#000;font-family:Noto Sans JP,sans-serif;font-size:28px}@media(max-width:1024px){.hero{align-items:center;flex-direction:row;padding:4rem 5%}.hero,.hero-a{height:auto}.hero-gallery-item{margin-left:-100px}.hero-title .line-2{padding-left:60px}.hero-title .line-3{padding-left:120px}.hero-title .line-4{padding-left:100px}.hero-image-container{margin-top:2rem;width:100%}.hero-gallery-item img{height:300px}}@media(max-width:768px){.about-years{font-size:60px}.about-subtext{font-size:22px}.hero-gallery{align-items:center;flex-direction:column}.hero-gallery-item{padding:5px 0;width:100%}.hero-gallery-item img{height:250px}.nav-button{background:#0000;border:none;color:#306bba;cursor:pointer;font-size:2rem;padding:14px 18px;transition:all .3s ease}.hero-a{gap:2rem;height:auto;padding:2rem 1rem}.hero-title .line-2{padding-left:40px}.hero-title .line-3{padding-left:80px}.hero-title .line-4{padding-left:60px}.hero-title .line-5{font-size:1.2rem;padding-left:100px}.summary-text h2{font-size:2rem}.summary-text p{font-size:1.1rem}}@media(max-width:480px){.hero-a{gap:2rem;height:auto;padding:2rem 1rem}.about-text{font-size:16px;padding:10px}.about-years{font-size:50px}.about-subtext{font-size:20px}.hero-gallery-item img{height:200px}.next,.prev{font-size:1.2rem;padding:8px}.hero-title .line-1{padding-left:30px}.hero-title .line-2{padding-left:110px}.hero-title .line-3{padding-left:160px}.hero-title .line-4{padding-left:42px}.hero-title .line-5{font-size:1rem;padding-left:100px}.years-number{font-size:2.5rem}.summary-text{padding:.8rem}.summary-text h2{font-size:1.25rem;text-align:justify}.hero-btn{font-size:1rem;padding:.6rem 1.2rem}.hero-gallery{align-items:center;flex-direction:column}.hero-gallery-item{margin:0!important;padding:0!important;transform:none!important}.hero-gallery-item img{border-radius:0;display:block;height:auto;margin-top:-.8rem;max-width:100%;object-fit:cover;padding:0;padding:0!important;width:100%}.hero-gallery-item a{display:block;line-height:0}}.navbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8f8f838;display:flex;justify-content:center;left:0;padding:10px;position:relative;right:0;top:0;z-index:1000}.logo-text{align-items:flex-end;cursor:pointer;display:flex;flex-direction:row;font-family:Noto Sans JP,sans-serif;justify-self:end}.text-logo{font-size:4rem;line-height:1}.subtext,.text-logo{color:#000;font-family:Noto Sans JP,sans-serif;font-weight:700}.subtext{font-size:1.5rem;margin-top:5px;padding-left:4px}.menu-toggle{cursor:pointer;display:block;position:absolute;right:10%;top:50%;transform:translateY(-50%)}.menu-toggle div{background-color:#000;height:3px;margin:5px 0;transition:all .4s;width:25px}.menu-toggle.open div:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open div:nth-child(2){opacity:0}.menu-toggle.open div:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu{background-color:#41414100;display:flex;display:none;flex-direction:column;height:100%;list-style:none;margin:0;padding-top:60px;pointer-events:none;position:fixed;right:0;top:0;transition:transform .4s ease;width:250px}.menu.open{display:flex;opacity:1;pointer-events:auto;transform:translateX(-10%)}.menu-toggle.open{display:none}.menu li{color:#000;cursor:pointer;font-size:20px;font-weight:600;padding:15px 0;text-align:center;transition:background-color .3s,color .3s}.menu li:hover{background-color:#000;color:#fff}.menu li:first-child{border-bottom:none}.menu li:first-child:hover{background-color:#41414100!important;border-bottom:none;color:#414141}.close-menu{font-size:2rem;line-height:1;position:absolute;right:15px;top:10px}@media(max-width:1024px){.text-logo{font-size:3rem}.subtext{font-size:1rem}.menu-toggle{right:5%}}@media(max-width:768px){.navbar{justify-content:space-between;padding:8px 5%}.text-logo{font-size:2.5rem}.subtext{font-size:.9rem}.menu-toggle div{height:2.5px;margin:4px 0;width:20px}.menu li{font-size:18px;padding:12px 0}.menu{width:220px}}@media(max-width:480px){.text-logo{font-size:2rem}.subtext{font-size:.8rem;padding-left:0;transform:translateX(4px)}.menu-toggle{right:4%}.menu{width:200px}.menu li{font-size:16px;padding:10px 0}.close-menu{font-size:1.5rem;right:10px;top:8px}}.footer-outer{border-bottom:.5rem solid #000;width:100%}.footer-container{font-family:Noto Sans JP,sans-serif;margin:0 auto;max-width:65%;padding:5% 20px 20px;text-align:center}.footer-header h1{font-size:2rem;margin:0}.footer-header .inc{font-size:1rem;margin-left:4px;vertical-align:bottom}.subtitle{font-size:1.1rem;letter-spacing:1px;margin-top:.5rem}.footer-form{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.form-left{display:flex;flex:0 0 70%;flex-direction:column;gap:1rem;min-width:280px}.form-right{align-items:center;flex:0 0 30%;justify-content:center}input[type=email],input[type=text],textarea{border:1px solid #dddede;border-radius:8px;font-size:1rem;padding:.8rem}textarea{height:100px;resize:none}.form-actions{align-items:center;display:flex;gap:1rem}.send-btn,.upload-btn{background:#fff;border:1px solid #dddede;border-radius:6px;cursor:pointer;font-weight:700;padding:.6rem 1.2rem}.send-btn:hover,.upload-btn:hover{background-color:#000;color:#fff}.form-right{align-items:flex-start;display:flex;flex:1 1;justify-content:flex-end;min-width:200px}.video-box{align-items:center;display:flex;height:250px;justify-content:center;position:relative;width:200px}.play-icon{color:#000;font-size:2rem}@media(max-width:1024px){.footer-form{flex-direction:column;gap:1.5rem}.video-box{height:auto;width:100%}}@media(max-width:768px){.footer-form{flex-direction:column;gap:1.5rem}.form-left,.form-right{flex:1 0 100%;max-width:100%}.video-box{height:auto;width:100%}}@media(max-width:480px){.footer-container{max-width:90%;padding:10% 2rem}.footer-header h1{font-size:1.5rem}.subtitle{font-size:1rem}input[type=email],input[type=text],textarea{font-size:.95rem;padding:.7rem}.send-btn,.upload-btn{font-size:.9rem;padding:.5rem 1rem}}@media(min-width:1024px)and (max-width:1279px){.footer-container{max-width:85%}}.patches-section{background-color:#fff;margin-top:2%;padding:30px 20px;text-align:center}.patches-container{margin:auto;max-width:1200px;padding:20px}.patches-title{font-weight:400;margin:4rem;text-align:left}.patch-summary-text,.patches-title{font-family:Noto Sans JP,sans-serif}.patch-summary-text{color:#000;font-size:clamp(16px,2vw,20px);font-weight:500;letter-spacing:.3ch;margin-top:80px}.marquee-summary{font-size:clamp(16px,2vw,20px);font-weight:600;position:relative;z-index:100}.marquee-summary,.slideshow-summary{letter-spacing:.2cap;text-align:center;text-transform:uppercase}.patch-description{font-family:Noto Sans JP,sans-serif;font-size:clamp(16px,2vw,20px);letter-spacing:.2ch;margin-top:60px}.patch-stats-container{align-items:center;display:flex;height:200px;justify-content:center;margin:1rem 0}.patch-stats{display:flex;flex-direction:column;gap:30px}.patch-stat{align-items:flex-start;display:flex;gap:20px}.patch-stats-number{color:#000;font-size:48px;font-weight:700;text-align:right;width:80px}.patch-stats-label{color:#000;font-size:20px;letter-spacing:1px;line-height:1.4;text-align:left}.patch-slideshow-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.patch-slideshow-container{border-radius:1rem;max-width:500px;overflow:hidden;width:100%}.patch-slide-image{border-radius:1rem;height:auto;transition:opacity .5s ease;width:100%}.marquee-wrapper{margin:4rem 0;overflow:hidden;width:100%}.marquee-img{height:300px;margin:0 15px;width:auto}.slideshow-wrapper{margin-top:40px}.slideshow-container{max-width:600px}.slide-image{border-radius:12px;box-shadow:0 4px 10px #0000001a}.nav-button{color:#333;font-size:32px;transition:color .3s;z-index:2}.nav-button.left{margin-right:10px}.nav-button.right{margin-left:10px}@media(max-width:1024px){.grid-container{grid-template-columns:1fr}.marquee-img{height:200px}}@media(max-width:768px){.marquee-img{height:100px}}.patch-gallery-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:80%;padding:1rem}.patch-gallery-a,.patch-gallery-b,.patch-gallery-c{grid-gap:.5rem;display:grid;gap:.5rem}.patch-gallery-a{grid-template-columns:repeat(3,1fr)}.patch-gallery-b{grid-template-columns:repeat(2,1fr)}.patch-gallery-c{gap:3rem;grid-template-columns:1fr}img{border-radius:8px;height:auto;object-fit:cover;width:100%}@media(min-width:1280px){.patch-gallery-a img{margin:0 auto;width:60%}}@media(max-width:480px){.patches-title{font-size:1rem;margin:2rem 0}.slideshow-summary{font-size:1.15rem}.patch-summary-text{font-size:1rem;margin:2rem 0;text-align:justify}.patch-description{margin:3rem 0}.patch-stats-label{font-size:1rem}.patch-stat{align-items:center;display:flex;gap:20px}}.varsity-jackets-section{letter-spacing:.2ch;margin:5% auto 0;max-width:800px;padding:1rem 2rem}.product-details,.varsity-jackets-section{font-family:Noto Sans JP,sans-serif;text-align:center}.product-details{color:#000;font-size:.85rem;font-weight:600;letter-spacing:.05em;line-height:1.8;margin:1.5rem 0;text-transform:uppercase}.product-description-subtext{font-size:.8rem;font-weight:400;margin:0;opacity:.9;padding:0}.jacket-gallery-subtitle-text{color:#666;font-size:1rem;margin-bottom:1.5rem}.jacket-slideshow-wrapper{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;position:relative}.jacket-slideshow-container{height:auto;max-width:500px}.jacket-slide-image{border-radius:8px;max-height:fit-content;object-fit:cover;transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:100%;will-change:opacity,transform}.nav-button{background:none;color:#000;font-size:2rem;padding:0 10px}.nav-button:hover{color:#000}.category-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.5rem 0}.category-btn{background:none;border:none;color:#1a1a1a;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.category-btn.active,.category-btn:hover{color:#000;text-decoration:underline}.category-summary{color:#555;font-size:1rem;margin:3rem 0;text-align:left}.grid-image-container{display:flex;flex-direction:column;gap:16px}.grid-row{display:flex;gap:16px}.row-1 img,.row-3 img{flex:1 1;object-fit:cover;width:30%}.row-2{height:100%}.column-left,.row-2{display:flex;gap:16px}.column-left{flex:1 1;flex-direction:column}.column-left img{flex:2 1;height:100%;object-fit:contain;width:100%}.column-right{flex:0 0 65%}.column-right img{flex:2 1;height:100%;object-fit:cover;width:100%}.column-right{align-items:stretch;display:flex}@media(max-width:768px){.slideshow-container{width:100%}.category-btn{font-size:.75rem}}.image-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;width:100%;z-index:1000}.image-modal .overlay{background:#000000b3;cursor:pointer;height:100%;position:absolute;transition:background .6s ease;width:100%}.image-modal .modal-content{background:#fff;border-radius:10px;box-shadow:0 0 20px #0000004d;max-height:90%;max-width:90%;padding:20px;position:relative;transition:transform .3s ease,opacity .3s ease;z-index:1001}.image-modal .modal-content img{border-radius:8px;max-height:80vh;max-width:100%;transition:transform .3s ease}.image-modal .modal-content .close-button{background:none;border:none;color:#333;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px;transition:color .3s ease}.sweatshirt-section{border-radius:1.5rem;margin:1rem auto;max-width:1200px;padding:3rem 2rem}.slideshow-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.slideshow-container{border-radius:1rem;max-width:500px;overflow:hidden;width:100%}.slide-image{border-radius:1rem;height:auto;transition:opacity .5s ease;width:100%}.nav-button{border:none;border-radius:50%;cursor:pointer;font-size:3rem;padding:.5rem 1rem;position:absolute;top:50%;z-index:1}.nav-button.left{left:-20px}.nav-button.right{right:-20px}
/*# sourceMappingURL=main.7fa3609c.css.map*/