.page-lg h2{font-size:clamp(36px,4vw,60px)!important}.page-lg h3,.page-lg h3 span{font-size:clamp(28px,3.2vw,48px)!important}.page-lg p,.page-lg span{font-size:clamp(18px,2vw,28px)}.page-xl h2{font-size:clamp(42px,4.5vw,70px)!important}.page-xl h3,.page-xl h3 span{font-size:clamp(32px,3.6vw,56px)!important}.page-xl p,.page-xl span{font-size:clamp(20px,2.2vw,32px)}.page-2xl h2{font-size:clamp(48px,5vw,80px)!important}.page-2xl h3,.page-2xl h3 span{font-size:clamp(36px,4vw,64px)!important}.page-2xl p,.page-2xl span{font-size:clamp(28px,2.5vw,40px);line-height:1.5}
.sepia-map .mapboxgl-canvas{filter:sepia()}
.drumpad-wrapper{background-color:var(--primary);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:70vh;margin:0;display:flex;position:relative;inset:0;overflow:hidden}.drumpad-wrapper .pad{background-color:var(--background-secondary);grid-column-gap:5px;grid-row-gap:5px;border-radius:1.5rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:15rem;height:15rem;padding:.5rem;display:grid;position:relative;box-shadow:0 3px 10px #00000080}.drumpad-wrapper .button-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.drumpad-wrapper .button{width:4.5rem;height:4.5rem;color:var(--primary);background-color:#5e5b52;border:none;border-radius:1.3rem;justify-content:center;align-items:center;transition-duration:.1s;transition-timing-function:ease-out;display:flex;box-shadow:0 3px 10px #00000080}.drumpad-wrapper .button:active{background-color:var(--primary);color:#5e5b52;border:none;border-radius:1.3rem;justify-content:center;align-items:center;width:4rem;height:4rem;transition-duration:.1s;transition-timing-function:ease-in;display:flex;box-shadow:0 3px 10px #00000080}.drumpad-wrapper .display{background-color:var(--dark);color:var(--text);border-radius:.7rem;justify-content:center;align-items:center;width:12rem;height:3rem;margin:1rem;padding:.1rem;font-size:1.2rem;display:flex;position:relative;box-shadow:0 3px 10px #000000b3}.drumpad-wrapper .box{position:absolute;top:0;left:0;transform:rotate(80deg)}.drumpad-wrapper .wave{opacity:.4;background:var(--secondary);transform-origin:50% 48%;border-radius:43%;width:100vh;height:90vh;margin-top:-180px;margin-left:250px;animation:7s linear infinite drift;position:absolute;top:3%;left:10%}.drumpad-wrapper .box:after{content:"";z-index:11;width:100%;height:100%;display:block;top:0;left:0;transform:translate(0,0)}@keyframes drift{0%{transform:rotate(360deg)}}
.dimension-text-wrapper{background-color:var(--background);touch-action:none;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.dimension-text-scene{perspective:1000px;width:210px;height:140px;position:relative}.dimension-text-carousel{width:100%;height:100%;transform-style:preserve-3d;animation:20s linear infinite rotateDimensionText;position:absolute;transform:rotateY(0)rotateX(20deg)}.dimension-text-carouselCell{width:210px;height:140px;color:var(--text);text-transform:uppercase;justify-content:center;align-items:center;font-size:10vw;font-weight:700;display:flex;position:absolute;top:10px;left:10px}@keyframes rotateDimensionText{to{transform:rotateY(-360deg)rotateX(20deg)}}
.bento-map-wrapper{width:100%;height:100%;position:relative}