@charset "UTF-8";

body {
    background-image: url(../img/studio/bg.jpg);
}

#phrase-01 {
    background-image: url(../img/studio/phrase-bg-00.png);
    background-size: cover;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: center bottom;
    font-size: clamp(1.0rem, 0.818rem + 0.91vw, 1.5rem);
    text-shadow: #111 0 0 5px;
}

#gears-instruction-0 {
    background-image: url(../img/studio/text-side-00.jpg);
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
}

#gears-instruction-1 {
    background-image: url(../img/studio/text-side-01.jpg);
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
}

#gears-instruction-2 {
    background-image: url(../img/studio/text-side-02.jpg);
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
}

#gear-synthesizers {
    background-image: url(../img/studio/gear-bg-synthesizers.png);
    background-repeat: no-repeat;
}

#gear-interfaces {
    background-image: url(../img/studio/gear-bg-interfaces.png);
    background-repeat: no-repeat;
}

#gear-mixers {
    background-image: url(../img/studio/gear-bg-mixers.png);
    background-repeat: no-repeat;
}

#gear-processors {
    background-image: url(../img/studio/gear-bg-processors.png);
    background-repeat: no-repeat;
}

#gear-tapes {
    background-image: url(../img/studio/gear-bg-tapes.png);
    background-repeat: no-repeat;
}

#gear-djs {
    background-image: url(../img/studio/gear-bg-djs.png);
    background-repeat: no-repeat;
}

#gear-speakers {
    background-image: url(../img/studio/gear-bg-speakers.png);
    background-repeat: no-repeat;
}

.gear-card {
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 125%;
    background-blend-mode: darken;
}

.gear-card p {
    text-shadow: 1px 1px 1px black;
}

.feature-icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .75rem;
}