.titlebar-wrapper {--background:var(--sand); color:var(--darkblue);}
.titlebar-wrapper.dark {--background:var(--darkblue); color:#fff;}

.titlebar-wrapper {background:var(--background); position:relative; overflow:hidden; padding:clamp(96px, 256px, 16vh) clamp(16px, 32px, 4vw);}
.titlebar-wrapper .titlebar .title {font-size:96px; color:var(--darkblue); text-align:center;}
.titlebar-wrapper .titlebar .text {max-width:720px; ; text-align:center; margin-inline:auto;}

.titlebar-wrapper.dark:before {content:''; position:absolute; top:0; right:0; width:400px; height:400px; background:var(--shape-blockhead-green) no-repeat; transform:rotate(228deg) translate(8%, 24%);}
.titlebar-wrapper.dark:after {content:''; position:absolute; bottom:0; left:0; width:400px; height:400px; background:var(--shape-rocket-pink) no-repeat; transform:rotate(260deg) translate(-48%, -16%);}