@charset "utf-8";

/*
-----
filename: style_wamalug_com.css
-----
<!-- #bbinclude "wlgc-stylesheet-modified.bbinclude" -->
This stylesheet last modified on 2025-06-04 at 7:16 PM.
<!-- end bbinclude -->
-----
*/

@layer reset {
	/* adapted from ! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
	/* adapted from ! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
	*,*::before, *::after { box-sizing: border-box; }
	a { all: unset; }
	ul, menu { list-style: none; }
	html, body, h1, h2, h3, h4, h5, h6, ul, p, figure { margin: 0; padding: 0; }
	html { -webkit-text-size-adjust: 100%; }
	}
@layer base {
	img { box-sizing: content-box; max-inline-size: unset; }
	q::before { content: open-quote; }
	q::after { content: close-quote; }
	*[lang=en] { quotes: "\201C" "\201D" "\2018" "\2019"; }
	abbr[title] { border-block-end: 1px currentColor dotted; cursor: help; }
	body { line-height: 1.5; }
	cite, em, i { font-style: italic; }
	cite cite, em cite, i cite { font-style: normal; }
	em em, cite em, i em { font-weight: bolder; }
	::placeholder { color: #767676; opacity: 1; }
	pre, code, kbd, samp, tt { font-family: Courier, 'Courier New', 'Nimbus Mono', 'Nimbus Mono L', monospace; font-size: 84%; line-height: 1; }
	a { cursor: revert; }
	}
@layer print {
	@page { size: portrait; margin: 3in; }
	@media print { body { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }
	}
@layer domain {
	@supports (--wamalug-theme: #EEE) {
		:root
			{
			--wamalug-dark-blue: hsl(209,100%,18%);
			--wamalug-green: hsl(154,100%,24%);
			--wamalug-blue: hsl(210,89%,37%);
			--wamalug-shadow: hsl(253,67%,26%);
			--wamalug-brown: hsl(28,90%,20%);
			--wamalug-purple: hsl(297,73%,43%);
			--wamalug-medium-blue: hsl(219,48%,94%);
			--wamalug-light-gray: hsl(48,5%,62%);
			--wamalug-red: hsl(7,67%,45%);
			--wamalug-orange: hsl(31,100%,47%);
			--wamalug-yellow: hsl(50,98%,50%);
			--wamalug-blank: hsl(0,0%,96%);
			--wamalug-field: hsl(0,0%,93%);
			--wamalug-shade: hsl(0,0%,88%);
			--wamalug-text: hsl(0,0%,4%);
			--wamalug-dimension: 1rem;
			--wamalug-font-size: calc(1.4rem + 0.4vw);
			--wamalug-header: 1.4rem;
			--wamalug-screen: 1200px;
			}
		}
	:focus, :focus-visible, :focus:not(:focus-visible) { outline: 1px dashed var(--wamalug-blue); }
	::selection { background-color: var(--wamalug-yellow); }
	[id] { scroll-margin-top: calc(var(--wamalug-header) + var(--wamalug-dimension)); }
	@font-face { font-family: "League Spartan VF"; src: url("fonts/LeagueSpartan-VF.woff2") format("woff2-variations"); font-stretch: normal; font-style: normal; font-weight: 200 900; }
	html { background-image: linear-gradient(to bottom, var(--wamalug-blank), var(--wamalug-shade)); background-size: 1px 2px; block-size: 100%; color: var(--wamalug-text); font-family: 'League Spartan VF', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; inline-size: 100%; }
	body { background-color: var(--wamalug-blank); color: var(--wamalug-text); font-size: var(--wamalug-font-size); inline-size: 96vw; margin: 0 auto; max-inline-size: var(--wamalug-screen); text-underline-offset: 0.2rem; writing-mode: horizontal-tb; }
	a { cursor: pointer; font-weight: 600; text-decoration-line: underline; text-decoration-thickness: 0.2rem; }
	header { background-color: var(--wamalug-blue); color: var(--wamalug-yellow); font-size: calc(var(--wamalug-font-size) - 0.2rem); inline-size: 96vw; max-inline-size: var(--wamalug-screen); min-block-size: var(--wamalug-header); position: fixed; z-index: 100; }
		header h1, header p { display: none; }
	nav { display: inline block; max-inline-size: var(--wamalug-screen); }
		nav ul { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-end; }
		nav ul li a { padding: 0.3rem 0.6rem; text-decoration: none; white-space: nowrap; }
		nav ul li a:hover { background-color: var(--wamalug-dark-blue); }
	main { padding-block-start: calc(var(--wamalug-header) + var(--wamalug-dimension)); padding-inline: 2%; }
		main img[src*="rlug"] { border: solid 1px var(--wamalug-shade); inline-size: 100%; }
	h2 { font-weight: 700; }
	p { font-weight: 400; margin-block-end: var(--wamalug-dimension); }
	.wlgc-figure-photograph { display: flex; margin-block-end: var(--wamalug-dimension); position: relative; overflow: hidden; }
		.wlgc-figure-photograph img { inline-size: 100%; }
		.wlgc-figure-photograph figcaption { background-color: hsl(0,0%,4%,0.3); bottom: 0; color: var(--wamalug-field); font-size: calc(var(--wamalug-font-size) * 0.5 + 0.6vw); font-weight: 360; inline-size: 100%; padding: 0.4rem; position: absolute; text-align: start; }
	footer { background-color: var(--wamalug-blue); block-size: 100vh; color: var(--wamalug-yellow); display: flex; flex-direction: column; flex-wrap: wrap; font-size: calc(var(--wamalug-font-size) - 0.6rem); margin-block-start: var(--wamalug-dimension); padding: var(--wamalug-dimension); }
		footer p:nth-of-type(1) { margin-block-end: 0; }
		footer img { align-self: center; inline-size: 100px; }
	@media screen and (orientation: portrait) and (max-width: 767px) {
		header { min-block-size: calc(var(--wamalug-header) * 1.8);}
		.wlgc-body-home nav ul { margin-inline: calc(60px + 6vw) 0; }
		[id] { scroll-margin-top: calc(var(--wamalug-header) * 3); }
		main { padding-block-start: calc(var(--wamalug-header) * 3); }
		footer { aspect-ratio: initial; }
		}
	@view-transition { navigation: auto; }
	@media screen and (prefers-color-scheme: dark) /* (orientation: portrait) and (orientation: landscape) and (max-height: 568px) */ {
		:root
			{
			--wamalug-dark-blue: hsl(217,57%,23%);
			--wamalug-green: hsl(154,100%,32%);
			--wamalug-blue: hsl(210,89%,56%);
			--wamalug-brown: hsl(18,46%,46%);
			--wamalug-purple: hsl(297,73%,60%);
			--wamalug-medium-blue: hsl(219,48%,17%);
			--wamalug-blank: hsl(0,0%,4%);
			--wamalug-field: hsl(0,0%,15%);
			--wamalug-shade: hsl(0,0%,12%);
			--wamalug-text: hsl(0,0%,96%);
			}
		main img[src*="logo"] { background-image: radial-gradient(farthest-side at bottom, hsl(0,0%,84%) 0%, transparent 100%); background-position: top center; background-repeat: no-repeat; background-size: cover; }
		main img[src*="rlug"] { background-color: var(--wamalug-text); border: revert; }
		.wlgc-figure-photograph figcaption { color: var(--wamalug-text); }
		}
	}