/* =========================================
J. ROY OUTDOOR BUILDS
Premium Squarespace Styling
========================================= */
:root {
--jroy-black: #061014;
--jroy-deep-blue: #0e3843;
--jroy-aqua: #18a9bc;
--jroy-light-aqua: #9ff7e6;
--jroy-gold: #f4c430;
--jroy-white: #f7f5ef;
--jroy-muted: #b9c6c9;
--jroy-border: rgba(244, 196, 48, 0.45);
--jroy-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
}
/* Global site appearance */
body {
background: var(--jroy-black);
color: var(--jroy-white);
}
h1,
h2,
h3,
h4 {
letter-spacing: 0.04em;
}
h1,
h2 {
text-transform: uppercase;
}
p {
line-height: 1.7;
}
/* Main custom section wrapper */
.jroy-section {
position: relative;
padding: 90px 24px;
overflow: hidden;
background:
radial-gradient(
circle at top right,
rgba(24, 169, 188, 0.12),
transparent 38%
),
linear-gradient(180deg, #061014 0%, #0a171b 100%);
}
.jroy-container {
width: min(1180px, 100%);
margin: 0 auto;
}
/* Section headings */
.jroy-eyebrow {
margin-bottom: 10px;
color: var(--jroy-gold);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
}
.jroy-title {
margin: 0 0 18px;
color: var(--jroy-white);
font-size: clamp(2rem, 5vw, 4.8rem);
line-height: 1.05;
}
