@font-face{font-family:'Roboto';src:url('/glyphs/rb-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Roboto';src:url('/glyphs/rb-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Roboto';src:url('/glyphs/rb-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}

:root{
	--c-root:#ffe03f;
	--c-vivid:#161040;
	--c-accent-strong:#0b081d;
	--c-canvas:#201553;
	--c-raised:#291b69;
	--c-body:#ffffff;
	--c-muted:#c1c1c1;
	--c-rule:rgba(255,255,255,0.16);
	--c-line-strong:rgba(255,255,255,0.34);
	--c-gradient-light:#35289f;
	--c-grad-2:#291b69;
	--c-notice:#a51d1d;
	--g-step-0:4px;
	--g-step-1:7px;
	--g-step-2:11px;
	--g-step-3:17px;
	--g-step-4:26px;
	--g-step-5:40px;
	--g-step-6:60px;
	--g-step-7:90px;
	--r-stadium:9999px;
	--r-circle:50%;
	--r-step-0:0;
	--r-step-1:2px;
	--r-step-2:4px;
	--r-step-3:6px;
	--r-step-4:10px;
	--r-step-5:14px;
	--r-step-6:18px;
	--r-step-7:24px;
	--f-title:'Roboto','Segoe UI',system-ui,sans-serif;
	--f-reading:'Roboto','Segoe UI',system-ui,sans-serif;
	--z-display-1:clamp(30px,4.8vw,64px);
	--z-display-2:clamp(24px,3.1vw,44px);
	--z-lg-2:clamp(20px,1.9vw,30px);
	--z-md-2:22px;
	--z-minor:16px;
	--z-micro-head:13px;
	--z-body:15px;
	--z-fine:13px;
	--z-micro:11px;
	--l-close:0.95;
	--l-even:1.45;
	--l-open:1.65;
	--w-normal:400;
	--w-demi:700;
	--w-strong:900;
	--e-tight:-0.04em;
	--e-default:0;
	--e-wide:0.08em;
	--d-step-0:none;
	--d-step-1:none;
	--d-step-2:none;
	--d-step-3:0 0 0 1px rgba(0,0,0,0.06);
	--d-step-4:0 0 0 2px rgba(0,0,0,0.10),0 8px 24px rgba(0,0,0,0.10);
	--d-step-5:0 0 0 2px rgba(0,0,0,0.14),0 14px 34px rgba(0,0,0,0.18);
	--d-step-6:0 0 0 3px rgba(0,0,0,0.16),0 20px 44px rgba(0,0,0,0.22);
	--d-step-7:0 0 0 3px rgba(0,0,0,0.20),0 26px 54px rgba(0,0,0,0.26);
	--t-quick:177ms;
	--t-normal:310ms;
	--t-gentle:648ms;
	--x-release:cubic-bezier(0.17, 0.88, 0.49, 0.97);
	--x-in:cubic-bezier(0.68, 0, 0.37, 1);
	--x-both:cubic-bezier(0.68, 0, 0.37, 1);
	--x-elastic:cubic-bezier(0.34, 1.65, 0.69, 1.05);
	--v-max:1440px;
	--v-narrow:1440px;
	--v-edge-wide:56px;
	--v-edge-mid:32px;
	--v-padding-mobile:16px;
	--b-light:1px;
	--b-even:4px;
	--b-thick:6px;
	--h-h-lg:64px;
	--h-size-mobile:56px;
	--y-tier:34px;
	--y-shell:98px;
	--y-sec:44px;
	--y-tight:540px;
	--y-shot:560px;
	--y-edge:var(--v-edge-wide);
}

*,*::before,*::after{box-sizing:border-box;}

html,body{overflow-x:clip;}

html{scroll-behavior:auto;}

body{
	margin:0;
	margin-block-start:var(--y-shell);
	display:flex;
	flex-direction:column;
	min-height:100vh;
	background:var(--c-canvas);
	color:var(--c-body);
	font-family:var(--f-reading);
	font-size:var(--z-body);
	font-weight:var(--w-normal);
	line-height:var(--l-even);
	-webkit-text-size-adjust:100%;
}

.core{
	flex:1 0 auto;
	display:block;
	width:100%;
}

h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;margin:0;}

h1{
	font-family:var(--f-title);
	font-size:var(--z-display-1);
	font-weight:var(--w-strong);
	line-height:var(--l-close);
	letter-spacing:var(--e-tight);
	text-transform:uppercase;
}

h2{
	font-family:var(--f-title);
	font-size:var(--z-display-2);
	font-weight:var(--w-demi);
	line-height:var(--l-close);
	letter-spacing:var(--e-tight);
	text-transform:uppercase;
}

h3{
	font-family:var(--f-title);
	font-size:var(--z-lg-2);
	font-weight:var(--w-demi);
	line-height:var(--l-even);
	letter-spacing:var(--e-default);
}

h4{
	font-family:var(--f-title);
	font-size:var(--z-md-2);
	font-weight:var(--w-demi);
	line-height:var(--l-even);
}

h5{
	font-family:var(--f-reading);
	font-size:var(--z-minor);
	font-weight:var(--w-demi);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
}

h6{
	font-family:var(--f-reading);
	font-size:var(--z-micro-head);
	font-weight:var(--w-demi);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
}

p{margin:0 0 var(--g-step-3);}

p:last-child{margin-block-end:0;}

img{max-width:100%;}

ul,ol{margin:0;padding:0;}

button{font:inherit;}

[id]{scroll-margin-block-start:calc(var(--y-shell) + 16px);}

.skip-path{
	position:absolute;
	inset-inline-start:var(--g-step-3);
	z-index:400;
	padding:var(--g-step-2) var(--g-step-3);
	border-radius:var(--r-step-3);
	background:var(--c-root);
	color:var(--c-vivid);
	font-family:var(--f-title);
	font-size:var(--z-fine);
	font-weight:var(--w-strong);
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:var(--e-wide);
}

.skip-path:not(:focus){inset-block-start:-200px;}

.skip-path:focus{inset-block-start:var(--g-step-2);}

.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip-path:inset(50%);
	white-space:nowrap;
	border:0;
}

[data-cue]{
	opacity:0;
	transform:translateY(18px) scaleY(0.985);
	transform-origin:top center;
	transition:opacity var(--t-gentle) var(--x-release),transform var(--t-gentle) var(--x-release);
}

[data-cue].is-live{opacity:1;transform:none;}

.g42{
	position:fixed;
	inset-block-start:0;
	inset-inline:0;
	z-index:100;
	background:var(--c-vivid);
	color:var(--c-body);
	transition:box-shadow var(--t-normal) var(--x-release);
}

.g42.is-stuck{box-shadow:var(--d-step-4);}

.g42-tier{
	height:34px;
	display:flex;
	align-items:center;
	background:var(--c-accent-strong);
	color:var(--c-muted);
	font-size:var(--z-micro);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
}

.g42-tier-band{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--g-step-3);
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--g-step-3);
}

.g42-note{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:var(--c-accent-strong);
	color:var(--c-muted);
}

.g42-note-path{
	background:var(--c-accent-strong);
	color:var(--c-root);
	text-decoration:none;
	white-space:nowrap;
}

.g42-note-path:hover{background:var(--c-root);color:var(--c-accent-strong);}

.g42-base{
	min-height:64px;
	display:flex;
	align-items:center;
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-vivid);
	color:var(--c-body);
}

.g42-base-band{
	position:relative;
	display:flex;
	align-items:center;
	gap:var(--g-step-4);
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--g-step-3);
}

.g42-mark{
	display:inline-flex;
	align-items:center;
	flex-shrink:0;
	padding:4px 10px;
	border-radius:var(--r-step-3);
	background:var(--c-canvas);
	color:var(--c-body);
	text-decoration:none;
}

.g42-art{
	display:block;
	height:32px;
	width:auto;
	flex-shrink:0;
}

.g42-menu-tap{
	display:none;
	align-items:center;
	justify-content:center;
	order:3;
	width:44px;
	height:44px;
	padding:0;
	border:0;
	border-radius:var(--r-step-3);
	background:transparent;
	cursor:pointer;
}

.g42-lines{
	position:relative;
	display:block;
	width:22px;
	height:2px;
	background:var(--c-body);
	transition:background var(--t-quick) var(--x-release);
}

.g42-lines::before,.g42-lines::after{
	content:'';
	position:absolute;
	inset-inline-start:0;
	width:22px;
	height:2px;
	background:var(--c-body);
	transition:transform var(--t-normal) var(--x-both);
}

.g42-lines::before{inset-block-start:-7px;}

.g42-lines::after{inset-block-start:7px;}

.g42-menu-tap[aria-expanded='true'] .g42-lines{background:transparent;}

.g42-menu-tap[aria-expanded='true'] .g42-lines::before{transform:translateY(7px) rotate(45deg);}

.g42-menu-tap[aria-expanded='true'] .g42-lines::after{transform:translateY(-7px) rotate(-45deg);}

.g42-routes{
	flex:0 0 auto;
	margin-inline-start:auto;
	display:block;
}

.g42-series{
	display:flex;
	align-items:center;
	gap:var(--g-step-3);
	list-style:none;
	margin:0;
	padding:0;
}

.g42-item{
	display:flex;
	align-items:center;
}

.g42-item + .g42-item::before{
	content:'|';
	margin-inline-end:var(--g-step-3);
	color:var(--c-line-strong);
}

.g42-item[hidden]{display:none;}

.g42-path{
	display:inline-flex;
	align-items:center;
	min-height:44px;
	padding-inline:var(--g-step-0);
	background:var(--c-vivid);
	color:var(--c-body);
	font-size:16px;
	font-weight:400;
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	transition:transform var(--t-quick) var(--x-release);
}

.g42-path:hover{transform:translateY(-2px);background:var(--c-vivid);color:var(--c-root);}

.g42-path[aria-current='page']{font-weight:var(--w-strong);background:var(--c-vivid);color:var(--c-body);}

.g42-item-more{position:relative;display:flex;align-items:center;}

.g42-item-more[hidden]{display:none;}

.g42-more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:var(--g-step-0);
	min-height:44px;
	padding-inline:var(--g-step-2);
	border:0;
	border-radius:var(--r-step-3);
	background:var(--c-canvas);
	color:var(--c-body);
	font-family:var(--f-reading);
	font-size:16px;
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	cursor:pointer;
}

.g42-more:hover{background:var(--c-root);color:var(--c-vivid);}

.g42-more-pane{
	position:absolute;
	inset-block-start:calc(100% + 6px);
	inset-inline-end:0;
	z-index:120;
	display:none;
	min-width:200px;
	max-height:70vh;
	overflow-y:auto;
	list-style:none;
	margin:0;
	padding:var(--g-step-1);
	border:var(--b-light) solid var(--c-rule);
	border-radius:var(--r-step-3);
	background:var(--c-canvas);
	color:var(--c-body);
}

.g42-more-pane.is-open{display:block;}

.g42-more-pane .g42-item{display:block;}

.g42-more-pane .g42-item + .g42-item::before{content:none;}

.g42-more-pane .g42-path{display:flex;width:100%;}

.g42-pane{
	position:absolute;
	inset-block-start:100%;
	inset-inline:0;
	z-index:110;
	display:none;
	max-height:calc(100vh - var(--y-shell));
	overflow-y:auto;
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-vivid);
	color:var(--c-body);
}

.g42-pane.is-open{display:block;}

.g42-pane-series{
	list-style:none;
	margin:0;
	padding:0;
}

.g42-pane-item{display:block;}

.g42-pane-path{
	display:flex;
	align-items:center;
	min-height:52px;
	padding-inline:var(--g-step-3);
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-vivid);
	color:var(--c-body);
	font-size:16px;
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	text-decoration:none;
}

.g42-pane-path[aria-current='page']{font-weight:var(--w-strong);background:var(--c-vivid);color:var(--c-root);}

.g42-pane-path:hover{background:var(--c-canvas);color:var(--c-root);}

.a90{
	position:relative;
	display:block;
	background:var(--c-canvas);
	color:var(--c-body);
}

.a90-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
	padding-block:var(--y-sec);
}

.a90-track{
	position:relative;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

.a90-slide{
	display:none;
	position:relative;
	flex-direction:column;
	min-height:var(--y-shot);
	border-radius:var(--r-step-4);
	background-color:var(--c-vivid);
	background-image:url('/shots/exposure.webp');
	background-size:112% auto;
	background-position:50% 42%;
	background-repeat:no-repeat;
	overflow:hidden;
}

.a90-slide.is-open{display:flex;}

.a90-slide-b{background-position:22% 58%;background-size:126% auto;}

.a90-slide-c{background-position:78% 34%;background-size:120% auto;}

.a90-veil{
	position:absolute;
	inset:0;
	display:block;
	pointer-events:none;
	background-image:linear-gradient(104deg,rgba(11,8,29,0.90) 0%,rgba(22,16,64,0.62) 52%,rgba(32,21,83,0.16) 100%);
}

.a90-fill{
	position:relative;
	z-index:2;
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:var(--g-step-3);
	padding:var(--g-step-5);
}

.a90-eyebrow{
	display:block;
	font-family:var(--f-reading);
	font-size:var(--z-micro);
	font-weight:var(--w-demi);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	color:var(--c-root);
}

.a90-lede{color:var(--c-body);}

.a90-second{
	max-width:var(--y-tight);
	color:var(--c-muted);
	font-size:var(--z-minor);
	line-height:var(--l-open);
}

.a90-line{
	display:block;
	max-width:var(--y-tight);
	color:var(--c-muted);
	font-size:var(--z-minor);
	line-height:var(--l-open);
}

.a90-tag{
	display:block;
	max-width:var(--y-tight);
	color:var(--c-muted);
	font-size:var(--z-micro);
	letter-spacing:var(--e-default);
}

.a90-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--g-step-2);
	margin-block-start:var(--g-step-1);
}

.a90-dial{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:var(--g-step-2);
	margin-block-start:var(--g-step-3);
}

.a90-prev,.a90-next{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border:var(--b-light) solid var(--c-rule);
	border-radius:var(--r-step-3);
	background:var(--c-vivid);
	color:var(--c-body);
	cursor:pointer;
	transition:background var(--t-quick) var(--x-release),color var(--t-quick) var(--x-release);
}

.a90-prev:hover,.a90-next:hover{background:var(--c-root);color:var(--c-vivid);}

.a90-dots{
	display:flex;
	align-items:center;
	gap:var(--g-step-1);
	margin:0;
	padding:0;
	list-style:none;
}

.a90-dot{
	display:block;
	width:34px;
	height:8px;
	padding:0;
	border:0;
	border-radius:var(--r-stadium);
	background:var(--c-line-strong);
	cursor:pointer;
	transition:background var(--t-quick) var(--x-release);
}

.a90-dot[aria-current='true']{background:var(--c-root);}

.x07{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-canvas);
	color:var(--c-body);
}

.x07-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.x07-shell h2{margin-block:0 var(--g-step-4);color:var(--c-root);}

.x07-series{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

.x07-item{display:block;}

.x07-block{
	display:flex;
	align-items:flex-start;
	gap:var(--g-step-4);
	padding:var(--g-step-4);
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-canvas);
	color:var(--c-body);
	transition:transform var(--t-normal) var(--x-release);
}

.x07-block:hover{transform:translateX(4px);}

.x07-initial{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	width:120px;
	aspect-ratio:1/1;
	border-radius:var(--r-step-3);
	background:var(--c-root);
	color:var(--c-vivid);
	font-family:var(--f-title);
	font-size:56px;
	font-weight:var(--w-strong);
	line-height:1;
	text-transform:uppercase;
}

.x07-stuff{display:block;min-width:0;}

.x07-caption{margin-block:0 var(--g-step-1);font-size:var(--z-md-2);font-weight:var(--w-strong);color:var(--c-body);}

.x07-copy{color:var(--c-muted);line-height:var(--l-even);}

.h07{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-canvas);
	color:var(--c-body);
}

.h07-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.h07-shell h2{
	margin-block:var(--g-step-5) var(--g-step-3);
	font-size:var(--z-display-2);
	font-weight:var(--w-demi);
	color:var(--c-root);
}

.h07-shell h2:first-child{margin-block-start:0;}

.h07-shell p{line-height:var(--l-open);color:var(--c-body);}

.h07-shell ul,.h07-shell ol{margin:0 0 var(--g-step-3);padding-inline-start:var(--g-step-4);color:var(--c-body);}

.h07-shell li{margin-block-end:var(--g-step-1);line-height:var(--l-open);}

.h07-shell strong{color:var(--c-root);font-weight:var(--w-demi);}

.h07-shell p a,.h07-shell li a{
	background:var(--c-canvas);
	color:var(--c-root);
	text-decoration:underline;
}

.h07-shell p a:hover,.h07-shell li a:hover{background:var(--c-root);color:var(--c-vivid);}

.h07-drop{
	padding:var(--g-step-4) var(--g-step-4) var(--g-step-4);
	border-bottom:1px solid var(--c-root);
	border-radius:var(--r-step-3) var(--r-step-3) 0 0;
	background:var(--c-raised);
	color:var(--c-body);
	font-size:var(--z-minor);
	line-height:var(--l-open);
}

.x07-slot{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--g-step-3);
	margin-block:var(--g-step-3);
	padding:var(--g-step-4);
	border-radius:var(--r-step-3);
	background:var(--c-raised);
	color:var(--c-body);
}

.x07-slot .chac-act::after{animation-delay:-1.9s;}

.m44-shell .x07-slot .chac-act::after{animation-delay:-0.4s;}

.h07-slot{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--g-step-2);
	margin-block:var(--g-step-4);
}

.h07-note{
	display:block;
	color:var(--c-muted);
	font-size:var(--z-micro);
}

.m44{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-canvas);
	color:var(--c-body);
}

.m44-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.m44-shell h2{max-width:var(--y-tight);margin-inline:auto;margin-block:0 var(--g-step-4);color:var(--c-root);}

.m44-shell .x07-slot,.m44-shell .h07-slot{max-width:var(--y-tight);margin-inline:auto;}

.m44-series{display:block;list-style:none;margin:0;padding:0;}

.m44-item{
	position:relative;
	max-width:var(--y-tight);
	margin-inline:auto;
	margin-block:var(--g-step-5);
	padding-block:var(--g-step-4);
	padding-inline:var(--g-step-4);
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-canvas);
	color:var(--c-body);
}

.m44-item:last-child{border-bottom:0;}

.m44-quote{
	position:relative;
	margin:0;
	padding-inline-start:var(--g-step-5);
}

.m44-quote::before{
	content:'\201C';
	position:absolute;
	inset-block-start:-18px;
	inset-inline-start:-6px;
	font-family:var(--f-title);
	font-size:64px;
	font-weight:var(--w-strong);
	line-height:1;
	color:var(--c-root);
}

.m44-copy{
	font-family:var(--f-title);
	font-size:var(--z-md-2);
	font-style:italic;
	line-height:var(--l-even);
	color:var(--c-body);
}

.m44-extra{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--g-step-2);
	margin-block-start:var(--g-step-2);
	padding-inline-start:var(--g-step-5);
	font-size:var(--z-fine);
	color:var(--c-muted);
}

.m44-author{font-style:normal;font-weight:var(--w-demi);color:var(--c-body);}

.m44-stars{color:var(--c-root);letter-spacing:2px;}

.m44-score{color:var(--c-muted);}

.i20{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-canvas);
	color:var(--c-body);
}

.i20-shell{
	display:grid;
	grid-template-columns:minmax(0,0.4fr) minmax(0,0.6fr);
	gap:var(--g-step-5);
	align-items:start;
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.i20-side{
	position:sticky;
	inset-block-start:calc(var(--y-shell) + var(--g-step-4));
	align-self:start;
	padding:var(--g-step-4);
	border-radius:var(--r-step-4);
	background:var(--c-raised);
	color:var(--c-body);
}

.i20-side h2{margin-block:0 var(--g-step-2);color:var(--c-root);}

.i20-brief{display:block;color:var(--c-muted);font-size:var(--z-fine);}

.i20-series{display:flex;flex-direction:column;gap:var(--g-step-4);}

.i20-item{
	display:block;
	padding:var(--g-step-3);
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-canvas);
	color:var(--c-body);
}

.i20-ask{
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	gap:var(--g-step-2);
	cursor:pointer;
	list-style:none;
}

.i20-ask::-webkit-details-marker{display:none;}

.i20-ask::after{
	content:'+';
	font-family:var(--f-title);
	font-size:var(--z-md-2);
	font-weight:var(--w-strong);
	color:var(--c-root);
}

.i20-item[open] .i20-ask::after{content:'\2013';}

.i20-caption{margin:0;font-size:var(--z-minor);font-weight:var(--w-demi);color:var(--c-body);}

.i20-copy{
	overflow:hidden;
	margin-block-start:var(--g-step-2);
	color:var(--c-muted);
	line-height:var(--l-open);
}

.i20-item[open] .i20-copy{animation:unfoldRow var(--t-normal) var(--x-release) both;}

@keyframes unfoldRow{
	from{max-height:0;opacity:0;}
	to{max-height:640px;opacity:1;}
}

.o36{
	display:block;
	width:100%;
	padding-block:var(--g-step-6);
	background:var(--c-vivid);
	color:var(--c-body);
}

.o36-shell{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:var(--g-step-4);
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.o36-stuff{flex:1 1 420px;min-width:0;}

.o36-stuff h2{max-width:var(--y-tight);margin-block:0 var(--g-step-2);color:var(--c-root);}

.o36-second{max-width:var(--y-tight);color:var(--c-body);line-height:var(--l-open);}

.o36-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--g-step-1);flex:0 0 auto;}

.o36-tag{display:block;max-width:320px;color:var(--c-muted);font-size:var(--z-micro);}

.n61{
	display:block;
	padding-block:var(--y-sec);
	padding-inline:var(--v-edge-wide);
	background:var(--c-canvas);
	color:var(--c-body);
}

.n61-block{
	display:flex;
	gap:var(--g-step-3);
	max-width:var(--y-tight);
	margin-inline:auto;
	padding:var(--g-step-4);
	border:var(--b-light) solid var(--c-rule);
	border-radius:var(--r-step-3);
	background:var(--c-raised);
	color:var(--c-body);
}

.n61-mug{display:block;flex:0 0 auto;}

.n61-mug img{
	display:block;
	width:64px;
	height:64px;
	border-radius:var(--r-circle);
	object-fit:cover;
	object-position:center top;
}

.n61-stuff{display:block;min-width:0;}

.n61-tag{
	display:block;
	font-size:var(--z-micro);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	color:var(--c-muted);
}

.n61-author{margin:0;font-size:var(--z-md-2);font-family:var(--f-title);font-weight:var(--w-strong);color:var(--c-body);}

.n61-author a{background:var(--c-raised);color:var(--c-body);text-decoration:none;}

.n61-author a:hover{background:var(--c-root);color:var(--c-vivid);}

.n61-post{margin:0 0 var(--g-step-1);font-size:var(--z-fine);color:var(--c-muted);}

.n61-copy{margin-block-end:var(--g-step-2);color:var(--c-muted);line-height:var(--l-even);}

.n61-path{
	display:inline-block;
	background:var(--c-raised);
	color:var(--c-root);
	font-size:var(--z-fine);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	text-decoration:none;
}

.n61-path:hover{background:var(--c-root);color:var(--c-vivid);}

.p94{
	display:grid;
	grid-template-columns:256px minmax(0,1fr);
	gap:var(--g-step-6);
	align-items:center;
	padding:var(--g-step-5);
	border-radius:var(--r-step-4);
	background-color:var(--c-vivid);
	background-image:linear-gradient(135deg,rgba(53,40,159,0.85) 0%,rgba(22,16,64,0.9) 62%);
	color:var(--c-body);
}

.p94-mug{display:block;}

.p94-mug img{
	display:block;
	width:256px;
	height:auto;
	max-width:100%;
	border-radius:var(--r-step-4);
	box-shadow:var(--d-step-4);
}

.p94-stuff{display:block;min-width:0;}

.p94-post{
	display:block;
	margin-block-end:var(--g-step-2);
	font-size:var(--z-fine);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	color:var(--c-root);
}

.p94-author{margin-block:0 var(--g-step-3);color:var(--c-body);}

.p94-copy{
	max-width:var(--y-tight);
	margin-block-end:var(--g-step-3);
	color:var(--c-body);
	font-size:var(--z-minor);
	line-height:var(--l-open);
}

.p94-series{display:flex;flex-wrap:wrap;gap:var(--g-step-1);list-style:none;margin:0;padding:0;}

.p94-item{
	display:inline-flex;
	align-items:center;
	padding:var(--g-step-0) var(--g-step-2);
	border:var(--b-light) solid var(--c-line-strong);
	border-radius:var(--r-stadium);
	background:var(--c-accent-strong);
	color:var(--c-body);
	font-size:var(--z-fine);
}

.l89{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-vivid);
	color:var(--c-body);
}

.l89-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.l89-lede{margin-block-start:var(--g-step-3);color:var(--c-body);}

.h47{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-block:var(--g-step-2);
	font-family:var(--f-title);
	font-size:var(--z-minor);
	font-weight:var(--w-demi);
	letter-spacing:var(--e-tight);
	text-transform:uppercase;
}

.h47-path{
	background:var(--c-vivid);
	color:var(--c-muted);
	text-decoration:none;
}

.h47-path:hover{background:var(--c-root);color:var(--c-vivid);}

.h47-sep{margin-inline:var(--g-step-1);color:var(--c-root);}

.h47-here{background:var(--c-vivid);color:var(--c-body);}

.q66{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-canvas);
	color:var(--c-body);
}

.q66-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.q66-intro{font-size:var(--z-minor);line-height:var(--l-open);color:var(--c-body);}

.q66-series{margin:0;padding:0;}

.q66-term{
	position:relative;
	margin-block:var(--g-step-4) var(--g-step-1);
	padding-block-start:var(--g-step-2);
	font-family:var(--f-title);
	font-size:var(--z-md-2);
	font-weight:var(--w-demi);
	color:var(--c-body);
}

.q66-term::before{
	content:'';
	position:absolute;
	inset-block-start:0;
	inset-inline-start:0;
	width:30px;
	height:2px;
	background:var(--c-root);
}

.q66-def{
	margin-inline-start:0;
	margin-block-end:var(--g-step-3);
	color:var(--c-muted);
	line-height:var(--l-open);
}

.q66-help{
	margin-block-start:var(--g-step-5);
	padding:var(--g-step-4);
	border-radius:var(--r-step-3);
	background:var(--c-raised);
	color:var(--c-body);
}

.q66-help h2{margin-block:0 var(--g-step-2);font-size:var(--z-lg-2);color:var(--c-root);}

.q66-help-series{margin:0;padding-inline-start:var(--g-step-4);color:var(--c-muted);}

.q66-help-series li{margin-block-end:var(--g-step-1);line-height:var(--l-open);}

.q66-note{
	margin-block-start:var(--g-step-4);
	padding:var(--g-step-3);
	border-inline-start:var(--b-even) solid var(--c-root);
	background:var(--c-vivid);
	color:var(--c-muted);
	font-size:var(--z-fine);
	line-height:var(--l-open);
}

.k79{
	display:block;
	padding-block:var(--y-sec);
	background:var(--c-canvas);
	color:var(--c-body);
}

.k79-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.k79-stuff{
	padding:var(--g-step-5);
	border-radius:var(--r-step-3);
	background:var(--c-raised);
	color:var(--c-body);
}

.k79-stuff h2{margin-block:0 var(--g-step-2);color:var(--c-root);}

.k79-intro{color:var(--c-body);line-height:var(--l-open);}

.k79-form{display:block;}

.k79-row{display:flex;flex-wrap:wrap;gap:var(--g-step-3);}

.k79-entry{display:flex;flex-direction:column;gap:var(--g-step-1);flex:1 1 260px;min-width:0;}

.k79-entry-wide{flex:1 1 100%;}

.k79-tag{
	font-size:var(--z-micro);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	color:var(--c-muted);
}

.k79-entry input,.k79-entry textarea{
	width:100%;
	padding:var(--g-step-2) var(--g-step-3);
	border:var(--b-light) solid var(--c-line-strong);
	border-radius:var(--r-step-2);
	background:var(--c-canvas);
	color:var(--c-body);
	font-family:var(--f-reading);
	font-size:var(--z-body);
}

.k79-entry textarea{min-height:140px;resize:vertical;}

.k79-send{
	width:100%;
	height:72px;
	margin-block-start:var(--g-step-4);
	border:0;
	border-radius:var(--r-step-3);
	background:var(--c-root);
	color:var(--c-vivid);
	font-family:var(--f-title);
	font-size:var(--z-md-2);
	font-weight:var(--w-strong);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	cursor:pointer;
	transition:background var(--t-quick) var(--x-release),color var(--t-quick) var(--x-release);
}

.k79-send:hover{background:var(--c-body);color:var(--c-vivid);}

.k79-say{
	display:none;
	margin-block-start:var(--g-step-3);
	padding:var(--g-step-3);
	border-radius:var(--r-step-3);
	background:var(--c-vivid);
	color:var(--c-body);
}

.k79-say.is-live{display:block;opacity:1;transform:none;}

.k79-mark{display:inline-flex;width:26px;height:26px;color:var(--c-root);vertical-align:middle;}

.k79-mark svg{width:100%;height:100%;fill:currentColor;}

.e96{
	display:flex;
	flex:1 0 auto;
	flex-direction:column;
	justify-content:center;
	padding-block:var(--g-step-7);
	background:var(--c-canvas);
	color:var(--c-body);
}

.e96-shell{
	width:100%;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--v-edge-wide);
}

.e96-lede{max-width:var(--y-tight);color:var(--c-body);}

.e96-copy{max-width:var(--y-tight);margin-block-start:var(--g-step-3);color:var(--c-muted);line-height:var(--l-open);}

.e96-back{
	display:inline-flex;
	align-items:center;
	min-height:48px;
	margin-block-start:var(--g-step-3);
	padding-inline:var(--g-step-4);
	border-radius:var(--r-step-3);
	background:var(--c-root);
	color:var(--c-vivid);
	font-family:var(--f-title);
	font-weight:var(--w-strong);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	text-decoration:none;
}

.e96-back:hover{background:var(--c-body);color:var(--c-vivid);}

.e96-hint{
	margin-block-start:var(--g-step-5);
	padding:var(--g-step-5);
	border-radius:var(--r-step-3);
	background:var(--c-raised);
	color:var(--c-body);
}

.e96-hint h2{margin-block:0 var(--g-step-2);font-size:var(--z-lg-2);color:var(--c-root);}

.e96-series{display:flex;flex-wrap:wrap;gap:var(--g-step-3);list-style:none;margin:0;padding:0;}

.e96-item{display:block;}

.e96-path{
	display:inline-flex;
	align-items:center;
	min-height:44px;
	padding-inline:var(--g-step-2);
	border-radius:var(--r-step-2);
	background:var(--c-raised);
	color:var(--c-root);
	text-decoration:none;
}

.e96-path:hover{background:var(--c-root);color:var(--c-vivid);}

.l16{
	position:fixed;
	inset-block:auto 0;
	inset-inline-end:0;
	z-index:200;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	gap:var(--g-step-3);
	width:min(360px,100vw);
	max-height:62vh;
	padding:var(--g-step-5);
	border-inline-start:var(--b-light) solid var(--c-rule);
	background:var(--c-raised);
	color:var(--c-body);
	clip-path:inset(0 0 0 0);
	transition:opacity var(--t-gentle) var(--x-release),clip-path var(--t-gentle) var(--x-release),visibility var(--t-gentle) var(--x-release);
}

.l16.is-gone{
	opacity:0;
	visibility:hidden;
	clip-path:inset(0 0 0 100%);
}

.l16-stuff{display:block;}

.l16-mark{display:inline-flex;width:22px;height:22px;margin-block-end:var(--g-step-1);color:var(--c-root);}

.l16-mark svg{width:100%;height:100%;fill:currentColor;}

.l16-say{
	display:block;
	color:var(--c-body);
	font-size:var(--z-fine);
	line-height:var(--l-even);
}

.l16-actions{display:flex;flex-direction:column;gap:var(--g-step-2);}

.l16-yes,.l16-decline{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:44px;
	padding:var(--g-step-2) var(--g-step-3);
	border:var(--b-light) solid var(--c-line-strong);
	border-radius:var(--r-step-3);
	font-family:var(--f-title);
	font-size:var(--z-fine);
	font-weight:var(--w-demi);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	cursor:pointer;
}

.l16-yes{background:var(--c-root);color:var(--c-vivid);}

.l16-yes:hover{background:var(--c-body);color:var(--c-vivid);}

.l16-decline{background:var(--c-canvas);color:var(--c-body);}

.l16-decline:hover{background:var(--c-vivid);color:var(--c-root);}

.q34{
	flex:0 0 auto;
	display:block;
	position:relative;
	background:var(--c-vivid);
	color:var(--c-muted);
}

.q34-rg{
	display:block;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-block:var(--g-step-2);
	padding-inline:var(--g-step-3);
	border-bottom:var(--b-light) solid var(--c-rule);
	background:var(--c-vivid);
	color:var(--c-body);
	font-size:var(--z-fine);
	text-align:center;
}

.q34-flag{
	display:inline-block;
	margin-inline-end:var(--g-step-1);
	padding:2px var(--g-step-1);
	border-radius:var(--r-step-2);
	background:var(--c-notice);
	color:#ffffff;
	font-family:var(--f-title);
	font-size:var(--z-micro);
	font-weight:var(--w-strong);
	letter-spacing:var(--e-wide);
}

.q34-mark{display:inline-block;width:16px;height:16px;margin-inline-end:var(--g-step-0);color:var(--c-root);vertical-align:-3px;}

.q34-mark svg{width:100%;height:100%;fill:currentColor;}

.q34-rg-path{background:var(--c-vivid);color:var(--c-root);text-decoration:underline;}

.q34-rg-path:hover{background:var(--c-root);color:var(--c-vivid);}

.q34-band{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--g-step-3);
	min-height:64px;
	max-width:calc(var(--v-max) + 2 * var(--v-edge-wide));
	margin-inline:auto;
	padding-inline:var(--g-step-3);
	background:var(--c-vivid);
	color:var(--c-muted);
}

.q34-fine{
	display:block;
	background:var(--c-vivid);
	color:var(--c-muted);
	font-size:var(--z-micro);
}

.q34-routes{display:block;}

.q34-series{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--g-step-2);
	list-style:none;
	margin:0;
	padding:0;
}

.q34-item{display:flex;align-items:center;}

.q34-item + .q34-item{
	padding-inline-start:var(--g-step-2);
	border-inline-start:var(--b-light) solid var(--c-rule);
}

.q34-path{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	background:var(--c-vivid);
	color:var(--c-muted);
	font-size:var(--z-micro);
	letter-spacing:var(--e-wide);
	text-transform:uppercase;
	text-decoration:none;
}

.q34-path:hover{background:var(--c-vivid);color:var(--c-body);}

@media (max-width:1136px){
	.a90-shell,.x07-shell,.h07-shell,.m44-shell,.i20-shell,.o36-shell,.l89-shell,.q66-shell,.k79-shell,.e96-shell,.n61{padding-inline:var(--v-edge-mid);}
	.g42-tier-band,.g42-base-band,.q34-band,.q34-rg{padding-inline:var(--v-edge-mid);}
	.a90-slide,.a90-slide-b,.a90-slide-c{background-size:cover;}
	.i20-shell{grid-template-columns:minmax(0,1fr);}
	.i20-side{position:static;}
	.p94{grid-template-columns:minmax(0,1fr);gap:var(--g-step-4);}
	.p94-mug img{width:220px;}
}

@media (max-width:899px){
	.g42-menu-tap{display:inline-flex;margin-inline-start:auto;}
	.g42-routes{display:none;}
	.a90-slide{min-height:380px;}
	.x07-block{flex-direction:column;gap:var(--g-step-2);}
	.x07-initial{width:80px;font-size:40px;}
	.o36-shell{flex-direction:column;align-items:stretch;}
	.o36-actions{align-items:stretch;}
	.n61-block{flex-direction:column;}
}

@media (max-width:832px){
	:root{--y-shell:90px;--y-sec:34px;--y-shot:380px;}
	.g42-art{height:26px;}
	.g42-base{min-height:56px;}
	.a90-fill{padding:var(--g-step-4);}
	h1{font-size:clamp(28px,7.4vw,44px);}
	h2{font-size:clamp(22px,5.6vw,32px);}
	h3{font-size:clamp(19px,4.6vw,24px);}
	.q34-band{flex-direction:column;align-items:flex-start;justify-content:center;padding-block:var(--g-step-2);min-height:80px;}
	.q34-series{gap:var(--g-step-3);}
	.q34-item + .q34-item{padding-inline-start:0;border-inline-start:0;}
	.m44-quote::before{font-size:44px;}
	.k79-stuff{padding:var(--g-step-4);}
	.e96{padding-block:var(--g-step-6);}
	.e96-hint{padding:var(--g-step-4);}
}

@media (max-width:720px){
	.g42-note{display:none;}
	.l16{
		inset-block:auto 0;
		inset-inline:0;
		width:100vw;
		max-height:none;
		padding:12px 14px;
		gap:8px;
		border-inline-start:0;
		border-block-start:var(--b-light) solid var(--c-rule);
		font-size:13px;
		line-height:1.35;
	}
	.l16.is-gone{clip-path:inset(100% 0 0 0);}
	.l16-mark{display:none;}
	.l16-actions{flex-direction:row;gap:8px;}
	.l16-yes,.l16-decline{padding:8px 14px;font-size:12px;min-height:38px;}
}

@media (max-width:488px){
	.a90-shell,.x07-shell,.h07-shell,.m44-shell,.i20-shell,.o36-shell,.l89-shell,.q66-shell,.k79-shell,.e96-shell,.n61{padding-inline:var(--v-padding-mobile);}
	.g42-tier-band,.g42-base-band,.q34-band,.q34-rg{padding-inline:var(--v-padding-mobile);}
	.g42-art{height:24px;}
	.g42-tier{font-size:10px;}
	.a90-fill{padding:var(--g-step-3);}
	.x07-block{padding:var(--g-step-3);}
	.m44-item{padding-inline:var(--g-step-2);}
	.m44-quote{padding-inline-start:var(--g-step-4);}
	.m44-extra{padding-inline-start:var(--g-step-4);}
	.k79-stuff{padding:var(--g-step-3);}
	.k79-send{height:60px;font-size:var(--z-minor);}
	.p94{padding:var(--g-step-3);}
	.p94-mug img{width:100%;max-width:220px;}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;}
	[data-cue]{opacity:1;transform:none;}
	.x07-block:hover{transform:none;}
	.g42-path:hover{transform:none;}
}

.chac-act{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--g-step-4);min-height:48px;border-radius:var(--r-step-3);font-weight:var(--w-strong);letter-spacing:var(--e-wide);}
.chac-act{position:relative;background:#16A34A;color:#0B081D;text-decoration:none;text-transform:uppercase;transition:background var(--t-normal) var(--x-release),border-color var(--t-normal) var(--x-release);}
.chac-act.chac-act{color:#0B081D;text-decoration:none;}
.chac-act:hover{background:#15803D;color:#FFFFFF;animation:none;}
.chac-act.chac-act:hover{color:#FFFFFF;text-decoration:none;}
.chac-act:hover::after{animation:none;}
.chac-act:active{background:#166534;color:#FFFFFF;}
.chac-act:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px;}
@keyframes chac-pulse{0%,100%{transform:scaleX(0);}40%,60%{transform:scaleX(1);}}
.chac-act::after{content:"";position:absolute;left:12%;right:12%;bottom:6px;height:3px;background:currentColor;opacity:.5;transform-origin:left;animation:chac-pulse 2.1s var(--x-release) infinite;}
.a90-actions .chac-act::after{animation-delay:-0.7s;}
.h07-slot .chac-act::after{animation-delay:-1.3s;}
.o36-actions .chac-act::after{animation-delay:-1.7s;}
@media (prefers-reduced-motion:reduce){.chac-act,.chac-act::after{animation:none!important;transition:none!important;}}

@media (max-width: 917px) {
  .g42-routes,
  .g42-series,
  .g42-path { display: none !important; }
  .g42-menu-tap { display: flex !important; }
}
