#wwr-head {
    width: 100%; 
    background-color: var(--wwr-accback); 
    height: 500px; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.wwr-title {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wwr-pretitle {
    font-family: 'Bebas Neue';
    font-style: italic;
	font-weight: 100;
    font-size: 43px;
    color: var(--wrr-post);
    position: absolute;
    top: -41px;
    left: 26%;
    z-index: 6;
}

.wwr-maintitle {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    line-height: 0.8;
    white-space: nowrap;
}

.wwr-re, .wwr-main {
    display: block;
    font-family: 'Allegra Display';
    font-size: clamp(90px, 12vw, 170px);
    font-weight: 400;
    line-height: 0.8;
    position: relative;
}

/* CROP */ 

.wwr-re {
    color: var(--wrr-acc2); 
    padding-right: 1px;
    margin-right: -1px;
    clip-path: polygon( 0 0, 91% 0, 100% 100%, 0 100% );
}

.wwr-main {
    color: var(--wrr-post); 
    padding-left: 1px;
    margin-left: -1px;
    clip-path: polygon(-7px 3px, 100% 0px, 100% 99%, 11.19% 102.21%);
}

.wwr-pretitle {
    padding-left: 1px;
    margin-left: -1px;
    clip-path: polygon(2px 0px, 113.87% -6px, 100% 99%, 19.51% 134.9%);
}

.wwr-slash {
    width: 2px;
    height: 190%;
    background: var(--wrr-acc2);
    position: absolute;
    left: 34.5%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    transform-origin: center;
    z-index: 5;
}

.wwr-subtitle {
    font-family: 'Fira Sans';
    font-size: 9px;
    color: var(--wrr-post);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 16px;
    align-self: flex-end;
}