:root{
--texture-diagonal:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,rgba(255,255,255,0) 2px 16px); /* @kind other */
--texture-diagonal-red:repeating-linear-gradient(135deg,rgba(237,50,55,.14) 0 3px,rgba(237,50,55,0) 3px 18px); /* @kind other */
}
/* brand background: black + subtle diagonal weave (the gi texture) */
.deo-stripes{background-color:var(--surface-page);background-image:var(--texture-diagonal)}
.deo-stripes-red{background-color:var(--surface-page);background-image:var(--texture-diagonal-red)}
/* red bars locking the top and bottom of a brand frame */
.deo-bars{position:relative}
.deo-bars::before,.deo-bars::after{content:"";position:absolute;left:0;right:0;height:var(--bar-thickness);background:var(--deo-red)}
.deo-bars::before{top:0}
.deo-bars::after{bottom:0}
/* red rule used under section titles */
.deo-rule{width:64px;height:var(--rule-thickness);background:var(--rule-brand);border:0}
a{color:var(--deo-red);text-decoration:none}
a:hover{color:var(--accent-hover)}