@font-face{
	font-family:'Bebas Neue';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(/static/fonts/BebasNeue-Regular.woff2) format('woff2')
}

@font-face{
	font-family:'Inter';
	font-style:normal;
	font-weight:400 700;
	font-display:swap;
	src:url(/static/fonts/Inter-Var.woff2) format('woff2')
}

:root{
	--cloud_forge:#0C0B1C;
	--thrush_panel:#181727;
	--root_marsh:#222130;
	--dell_sprig:rgba(255,255,255,.13);
	--rapids_vellum:#FFFFFF;
	--fern_poplar:rgba(255,255,255,.68);
	--reef_sprig:#8EDB5A;
	--ember_summit:#CAC8F8;
	--basin_yew:8px;
	--shore_petal:'Bebas Neue','Arial Narrow',Impact,sans-serif;
	--vale_wave:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif
}

*{
	box-sizing:border-box
}

html{
	scroll-behavior:smooth
}

img{
	max-width:100%;
	height:auto;
	display:block
}

body{
	margin:0;
	background:var(--cloud_forge);
	color:var(--rapids_vellum);
	font:17px/1.65 var(--vale_wave);
	-webkit-font-smoothing:antialiased
}

a{
	color:var(--ember_summit)
}

.clear_dale{
	max-width:820px;
	margin:0 auto;
	padding:0 18px
}

.pristine_sable{
	border-bottom:1px solid var(--dell_sprig);
	background:var(--thrush_panel);
	position:sticky;
	top:0;
	z-index:10
}

.oaken_lagoon{
	max-width:1100px;
	margin:0 auto;
	padding:12px 18px;
	display:flex;
	align-items:center;
	gap:18px
}

.spry_lagoon{
	font:400 28px/1 var(--shore_petal);
	letter-spacing:.02em;
	color:#fff;
	text-decoration:none;
	margin-right:auto
}

.spry_lagoon em{
	font-style:normal;
	color:var(--ember_summit)
}

.lofty_stack{
	display:flex;
	gap:16px;
	font-size:15px
}

.kind_spring:hover{
	filter:brightness(1.08)
}

.lofty_stack a{
	color:var(--fern_poplar);
	text-decoration:none
}

.lofty_stack a:hover{
	color:#fff
}

.kind_spring{
	display:inline-block;
	background:var(--reef_sprig);
	color:#0C0B1C;
	font-weight:700;
	text-decoration:none;
	border-radius:999px;
	padding:12px 22px;
	text-align:center;
	line-height:1.25
}

.grassy_beam{
	padding:8px 16px;
	font-size:15px
}

.smooth_focus{
	font-size:14px;
	color:var(--fern_poplar);
	margin:22px 0 0
}

h1,
h2{
	font-family:var(--shore_petal);
	font-weight:400;
	letter-spacing:.01em;
	line-height:1.05
}

.smooth_focus a{
	color:var(--fern_poplar)
}

h1{
	font-size:clamp(38px,6vw,58px);
	margin:14px 0 12px
}

h2{
	font-size:clamp(30px,4.4vw,40px);
	margin:46px 0 14px
}

h3{
	font-size:20px;
	line-height:1.3;
	margin:26px 0 8px
}

.nimble_cypress{
	font-size:14px;
	color:var(--fern_poplar);
	margin:0 0 22px
}

.nimble_hatch{
	font-size:20px;
	line-height:1.55
}

.cinder_canvas{
	background:var(--root_marsh);
	border:1px solid var(--dell_sprig);
	border-radius:var(--basin_yew);
	padding:20px 22px;
	margin:22px 0
}

.cinder_canvas h3:first-child,
.cinder_canvas h2:first-child{
	margin-top:0
}

.north_timber{
	border-left:4px solid var(--reef_sprig)
}

.starry_cliff{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4px 22px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:16px
}

.starry_cliff b{
	display:block;
	font-size:13px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--fern_poplar);
	font-weight:600
}

.starry_cliff li{
	padding:8px 0;
	border-bottom:1px solid var(--dell_sprig)
}

.fine_chord{
	display:grid;
	grid-template-columns:260px 1fr;
	gap:24px;
	align-items:center;
	margin:8px 0 10px
}

.eager_quarry ol{
	margin:0;
	padding-left:20px;
	columns:2;
	column-gap:28px
}

.eager_quarry li{
	margin:3px 0
}

table{
	width:100%;
	border-collapse:collapse;
	font-size:16px;
	margin:16px 0
}

.starry_thrush{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:14px;
	margin:18px 0
}

th,
td{
	text-align:left;
	padding:10px 12px;
	border-bottom:1px solid var(--dell_sprig);
	vertical-align:top
}

th{
	font-size:13px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--fern_poplar);
	font-weight:600
}

.steady_ivy{
	background:var(--root_marsh);
	border:1px solid var(--dell_sprig);
	border-radius:var(--basin_yew);
	padding:18px;
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:8px
}

.steady_ivy.sandy_vane{
	border:2px solid var(--reef_sprig)
}

.steady_ivy .satin_knot{
	font-size:12px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--reef_sprig);
	font-weight:700;
	min-height:16px
}

.steady_ivy .stormy_oasis{
	font:400 30px/1 var(--shore_petal)
}

.steady_ivy .lunar_cellar{
	font:400 44px/1 var(--shore_petal)
}

.calm_mosaic{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px
}

.steady_ivy .swift_quay{
	font-size:14px;
	color:var(--fern_poplar)
}

.steady_ivy .kind_spring{
	margin-top:auto
}

.calm_mosaic .cinder_canvas{
	margin:0
}

.calm_mosaic .verdant_summit{
	border-top:4px solid var(--reef_sprig)
}

ul.sheer_ivy{
	margin:0;
	padding-left:20px
}

.calm_mosaic .fine_lark{
	border-top:4px solid var(--ember_summit)
}

ul.sheer_ivy li{
	margin:6px 0
}

.spry_root{
	counter-reset:s;
	list-style:none;
	margin:0;
	padding:0
}

.spry_root li{
	counter-increment:s;
	position:relative;
	padding:0 0 14px 44px
}

.spry_root li:before{
	content:counter(s);
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:30px;
	border-radius:50%;
	background:var(--root_marsh);
	border:1px solid var(--dell_sprig);
	font-weight:700;
	text-align:center;
	line-height:30px;
	font-size:15px
}

summary{
	cursor:pointer;
	font-weight:600
}

details{
	border-bottom:1px solid var(--dell_sprig);
	padding:12px 0
}

details p{
	margin:10px 0 0;
	color:var(--fern_poplar)
}

.lofty_shoal{
	background:var(--root_marsh);
	border:1px solid var(--dell_sprig);
	border-radius:var(--basin_yew);
	padding:22px;
	margin:30px 0;
	display:grid;
	grid-template-columns:150px 1fr;
	gap:20px;
	align-items:center
}

.lofty_shoal h3{
	margin:0 0 6px
}

.lofty_shoal p{
	margin:0 0 12px;
	color:var(--fern_poplar)
}

.fair_wing{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	list-style:none;
	padding:0;
	margin:14px 0
}

.fair_wing a{
	display:block;
	background:var(--root_marsh);
	border:1px solid var(--dell_sprig);
	border-radius:var(--basin_yew);
	padding:14px 16px;
	text-decoration:none;
	color:#fff;
	font-weight:600;
	height:100%
}

.fair_wing span{
	display:block;
	font-weight:400;
	color:var(--fern_poplar);
	font-size:14px;
	margin-top:4px
}

.calm_beam{
	font-size:14px;
	color:var(--fern_poplar)
}

.elder_anchor{
	border-top:1px solid var(--dell_sprig);
	background:var(--thrush_panel);
	margin-top:60px;
	padding:30px 0 40px;
	font-size:14px;
	color:var(--fern_poplar)
}

.elder_anchor a{
	color:var(--fern_poplar)
}

.elder_anchor ul{
	list-style:none;
	padding:0;
	margin:12px 0;
	display:flex;
	flex-wrap:wrap;
	gap:8px 18px
}

@media (max-width:720px){
	.lofty_stack{
		display:none
	}
	body{
		font-size:16px
	}
	.fine_chord,
	.lofty_shoal{
		grid-template-columns:1fr
	}
	.starry_cliff,
	.calm_mosaic,
	.fair_wing{
		grid-template-columns:1fr
	}
	.starry_thrush{
		grid-template-columns:1fr
	}
	.fine_chord img,
	.lofty_shoal img{
		max-width:220px;
		margin:0 auto
	}
	.nimble_hatch{
		font-size:18px
	}
	.eager_quarry ol{
		columns:1
	}
	th,
	td{
		padding:8px 6px;
		font-size:15px
	}
}

figure{
	margin:24px 0
}

figure img{
	border-radius:var(--basin_yew);
	margin:0 auto
}

figcaption{
	font-size:14px;
	color:var(--fern_poplar);
	margin-top:8px;
	text-align:center
}

.fine_gully{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:14px;
	margin:18px 0
}

.urban_spruce{
	margin:0;
	background:var(--root_marsh);
	border:1px solid var(--dell_sprig);
	border-radius:var(--basin_yew);
	overflow:hidden;
	display:flex;
	flex-direction:column
}

.urban_spruce figcaption{
	text-align:left;
	color:var(--rapids_vellum);
	padding:14px 16px 16px;
	margin:0;
	display:flex;
	flex-direction:column;
	gap:6px;
	font-size:15px
}

.urban_spruce img{
	border-radius:0;
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover
}

.urban_spruce .spry_focus{
	color:#f5c518;
	letter-spacing:2px
}

.urban_spruce q{
	color:var(--fern_poplar);
	font-style:italic
}

.wild_nest{
	text-align:center;
	margin:8px 0 10px
}

.steady_ivy img{
	width:100%;
	max-width:220px;
	margin:0 auto
}

.urban_spruce .smooth_tide{
	font-size:13px;
	color:var(--fern_poplar)
}

@media (max-width:720px){
	.fine_gully{
		grid-template-columns:1fr 1fr
	}
	.urban_spruce figcaption{
		font-size:14px
	}
}

@media (max-width:420px){
	.fine_gully{
		grid-template-columns:1fr
	}
}