/* Decorative weave illustrations: diagonal two-over/two-under twill,
   with larger alternating flat tows for the spread-tow accents. */
:root{--twill:url('carbon-twill.svg');--spread:url('carbon-spread.svg')}
.hero-art{background-color:#14171b;background-image:radial-gradient(ellipse at 45% 35%,#c8d5e520,transparent 65%),linear-gradient(125deg,#10121622,#080a0dde),var(--twill);background-size:auto,auto,40px 40px}
.hero-art:after{content:'';position:absolute;right:-8%;bottom:-12%;width:70%;height:48%;transform:rotate(-28deg);background-image:linear-gradient(100deg,#0a0c10a0,#59637022,#080a0cbb),var(--spread);background-size:auto,56px 56px;border-top:1px solid #b8c5d03d;box-shadow:0 -16px 50px #0007;pointer-events:none}
.art-grid{opacity:.4}.panel{z-index:1;background-image:linear-gradient(145deg,#d4dde72b,transparent 40%,#0009),var(--twill);background-size:auto,32px 32px;box-shadow:inset 12px 15px 40px #dbe6ee5c,inset -25px -25px 40px #000c}.annotation,.cross{z-index:2}.orb{border-color:#c4d4df44}.orb:before{border-color:#c4d4df25}
.material-strip{background-color:#171b20;background-image:linear-gradient(90deg,#101317e8,#10131799),var(--spread);background-size:auto,56px 56px;color:#e0e6db;border-color:#343b40;padding-top:28px;padding-bottom:28px}.material-strip span{position:relative}.material-strip span:before{content:'';display:inline-block;width:5px;height:5px;margin-right:10px;background:var(--green);vertical-align:2px}
.shape:not(.print):not(.stand):not(.design){background-image:linear-gradient(150deg,#d7e4ed28,transparent 50%,#0007),var(--twill);background-size:auto,24px 24px;box-shadow:inset 12px 15px 30px #c8d8e54d}.shape.guard{background-image:linear-gradient(145deg,#d7e4ed28,transparent 50%,#0007),var(--spread)!important;background-size:auto,40px 40px!important}
.workshop{position:relative;isolation:isolate;overflow:hidden;background:#dce4cd}.workshop:after{content:'';position:absolute;z-index:-1;right:-100px;bottom:-200px;width:420px;height:480px;transform:rotate(30deg);background-image:linear-gradient(#dce4cde0,#dce4cdc7),var(--spread);background-size:auto,56px 56px;border-left:1px solid #6c78562b;pointer-events:none}
footer{border-top:4px solid #31373b}footer .logo{border-left:4px solid #879c55;padding-left:13px}
@media(max-width:750px){.hero-art:after{width:75%;height:42%}.material-strip{flex-wrap:wrap;row-gap:15px}.material-strip span:before{margin-right:5px}.workshop:after{opacity:.55}}

/* User-supplied raven mark */
.logo{display:flex;align-items:center;gap:18px;letter-spacing:normal}.brand-mark{display:block;object-fit:contain;width:76px;height:88px}.logo small{max-width:130px;line-height:1.7;letter-spacing:2px;margin:0}header{padding-top:16px;padding-bottom:16px}footer .logo{border-left:0;padding-left:0}footer .brand-mark{width:60px;height:70px}@media(max-width:750px){.brand-mark{width:52px;height:64px}.logo{gap:10px}.logo small{font-size:7px;max-width:85px;letter-spacing:1.1px}header{padding-top:12px;padding-bottom:12px}nav{gap:12px}nav>a{font-size:10px}}