Techniques
Gold strapwork border
A double-line interlacing frame: gold outer rule with an inset white-line ground, mimicking the strapwork outline.
.girih-frame {
border: 2px solid #C9A227;
box-shadow:
inset 0 0 0 1px #0E3A5C,
inset 0 0 0 3px rgba(242,239,230,0.6),
inset 0 0 0 4px #C9A227;
background: #103F63;
}
Tessellated star background
A seamless conic-and-radial decagon tile that repeats infinitely behind hero sections.
.girih-tessellation {
background-color: #0A2540;
background-image:
repeating-conic-gradient(from 18deg at 50% 50%,
transparent 0deg 30deg,
rgba(201,162,39,0.18) 30deg 31deg,
transparent 31deg 36deg),
radial-gradient(circle at 50% 50%, rgba(43,183,176,0.22) 0 6%, transparent 7%);
background-size: 96px 96px, 96px 96px;
}
Glazed-tile sheen
A fired-ceramic highlight applied to surfaces, suggesting wet glaze under raking light.
.glazed {
background:
linear-gradient(135deg, rgba(242,239,230,0.10) 0%, transparent 35%),
linear-gradient(180deg, #1B6CA8 0%, #0F3A5B 100%);
border: 1px solid rgba(201,162,39,0.3);
}