* {
    box-sizing: border-box;
}
:root {
    --gold: #ffb338;
    --light-shadow: #77571d;
    --dark-shadow: #3e2904;
}
body {
    margin: 0;
}
.kaiu {
    background: radial-gradient(#272727, #1b1b1b);
    display: grid;
    grid-template-areas: 'overlap';
    place-content: center;
    height: 100vh;
}
.kaiu > div {
    background-clip: text;
    -webkit-background-clip: text;
    color: #363833;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
        '微软雅黑', Arial, sans-serif;
    font-weight: 900;
    font-size: clamp(3em, 18vw, 15rem);
    grid-area: overlap;
    letter-spacing: 1px;
    -webkit-text-stroke: 4px transparent;
}
div.bg {
    background-image: repeating-linear-gradient(
        105deg,
        var(--gold) 0%,
        var(--dark-shadow) 5%,
        var(--gold) 12%
    );
    color: transparent;
    filter: drop-shadow(5px 15px 15px black);
    transform: scaleY(1.05);
    transform-origin: top;
}
div.fg {
    background-image: repeating-linear-gradient(
        5deg,
        var(--gold) 0%,
        var(--light-shadow) 23%,
        var(--gold) 31%
    );
    color: #1e2127;
    transform: scale(1);
}