.studio-note {
    position: relative;
    width: min(100%, 34rem);
    margin-inline: auto;
    padding: clamp(2.8rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem) clamp(2rem, 4vw, 3rem);
    color: #29251d;
    background: #fff3a6;
    border: 1px solid #e2d477;
    box-shadow: .45rem .6rem 0 rgba(0, 0, 0, .08), 0 1rem 2rem rgba(0, 0, 0, .12);
    transform: rotate(-1deg);
}

.studio-note__tape { position: absolute; top: -1.1rem; left: 50%; width: 9.5rem; height: 2.35rem; background: rgba(255, 236, 164, .82); box-shadow: 0 .15rem .35rem rgba(0, 0, 0, .08); transform: translateX(-50%) rotate(2deg); }
.studio-note textarea { display: block; width: 100%; min-height: 11rem; padding: 0; overflow: hidden; resize: none; color: inherit; background: transparent; border: 0; outline: 0; font-family: var(--ca-font-display); font-size: clamp(1.45rem, 2.6vw, 2.1rem); line-height: 1.18; }
.studio-note textarea::placeholder { color: rgba(41, 37, 29, .55); }
.studio-note textarea:focus-visible { outline: .15rem solid var(--ca-accent); outline-offset: .35rem; }

@media (max-width: 767.98px) {
    .studio-note { margin-top: 2rem; }
}