/* ===== fonts ===== */
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url("/vault-modern/karla-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:italic;font-weight:400;font-display:swap;src:url("/vault-modern/karla-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:500;font-display:swap;src:url("/vault-modern/karla-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:700;font-display:swap;src:url("/vault-modern/karla-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url("/vault-modern/playfair-display-latin-700-normal.woff2") format("woff2")}

/* ===== tokens ===== */
:root{
	--k-house:#27ed80;
	--k-punch:#997dfe;
	--k-key-active:#7952ff;
	--k-sheet:#222323;
	--k-card:#2b2c2c;
	--k-script:#FFFFFF;
	--k-subtle:#bebdbd;
	--k-stroke:#3a3b3b;
	--k-border-strong:#585959;
	--k-gradient-light:#f4f3ff;
	--k-ramp-end:#bfa9ff;
	--k-rg-banner:#c81e1e;

	--s-step-0:3px;
	--s-step-1:10px;
	--s-step-2:18px;
	--s-step-3:28px;
	--s-step-4:44px;
	--s-step-5:60px;
	--s-step-6:88px;
	--s-step-7:128px;

	--r-pill:9999px;
	--r-circle:50%;
	--r-step-0:2px;
	--r-step-1:4px;
	--r-step-2:8px;
	--r-step-3:12px;
	--r-step-4:16px;
	--r-step-5:20px;
	--r-step-6:24px;
	--r-step-7:28px;

	--f-banner:"Playfair Display",Georgia,"Times New Roman",serif;
	--f-base:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif;

	--z-h1:52px;
	--z-h2:32px;
	--z-lg-2:24px;
	--z-md-2:19px;
	--z-minor:16px;
	--z-micro-head:14px;
	--z-reading:17px;
	--z-petite:14px;
	--z-mini:12px;

	--l-close:1.15;
	--l-regular:1.55;
	--l-roomy:1.7;

	--w-plain:400;
	--w-mid:500;
	--w-heavy:700;

	--e-narrow:0;
	--e-even:0;
	--e-open:0.02em;

	--d-step-0:0 1px 1px rgba(0,0,0,0.05);
	--d-step-1:0 1px 2px rgba(0,0,0,0.06);
	--d-step-2:0 2px 6px rgba(0,0,0,0.08);
	--d-step-3:0 6px 18px rgba(0,0,0,0.12);
	--d-step-4:0 12px 32px rgba(0,0,0,0.16);
	--d-step-5:0 18px 44px rgba(0,0,0,0.22);
	--d-step-6:0 24px 60px rgba(0,0,0,0.28);
	--d-step-7:0 32px 80px rgba(0,0,0,0.34);

	--t-fast:185ms;
	--t-mid:330ms;
	--t-calm:536ms;
	--x-out:cubic-bezier(0.29, 0.92, 0.53, 0.99);
	--x-in:cubic-bezier(0.71, 0.04, 0.86, 0.36);
	--x-even:cubic-bezier(0.69, 0, 0.3, 0.9);
	--x-elastic:cubic-bezier(0.2, 1.8, 0.56, 1.35);

	--v-main:1040px;
	--v-text:1040px;
	--v-edge-wide:24px;
	--v-padding-tablet:32px;
	--v-pad-sm:16px;

	--b-slim:1px;
	--b-mid:2px;
	--b-thick:3px;

	--h-height-desktop:56px;
	--h-height-mobile:52px;

	--narrow:680px;
	--sec-y:44px;
	--edge:var(--v-edge-wide);
	--rg-h:30px;
	--h-pad:86px;
	--shell:calc(var(--v-main) + 2 * var(--v-edge-wide));
}

@media (max-width:800px){
	:root{
		--z-h1:30px;
		--z-h2:24px;
		--z-lg-2:20px;
		--z-md-2:17px;
		--z-minor:15px;
		--z-micro-head:13px;
		--z-reading:16px;
		--z-petite:13px;
		--z-mini:11px;
		--sec-y:32px;
		--edge:var(--v-pad-sm);
	}
}

/* ===== base ===== */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth}
body{
	margin:0;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	padding-top:var(--h-pad);
	background:var(--k-sheet);
	color:var(--k-script);
	font-family:var(--f-base);
	font-size:var(--z-reading);
	font-weight:var(--w-plain);
	line-height:var(--l-regular);
	-webkit-font-smoothing:antialiased;
}
.pageFlow{flex:1 0 auto;display:block;width:100%}
h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;margin:0}
h1{font-family:var(--f-banner);font-weight:var(--w-heavy);font-size:var(--z-h1);line-height:var(--l-close);letter-spacing:var(--e-narrow)}
h2{font-family:var(--f-banner);font-weight:var(--w-heavy);font-size:var(--z-h2);line-height:var(--l-close)}
h3{font-family:var(--f-base);font-weight:var(--w-mid);font-size:var(--z-lg-2);font-style:italic;line-height:var(--l-close)}
p{margin:0}
img{max-width:100%}
:target{scroll-margin-top:calc(var(--h-pad) + 12px)}
:where(a):focus-visible,:where(button):focus-visible,:where(summary):focus-visible,:where(input):focus-visible,:where(textarea):focus-visible{outline:2px solid var(--k-house);outline-offset:3px}

.skipJump{position:absolute;left:12px;top:-200px;z-index:130;padding:10px 16px;border-radius:var(--r-step-2);background:var(--k-house);color:var(--k-sheet);font-weight:var(--w-heavy);text-decoration:none}
.skipJump:not(:focus){top:-200px !important}
.skipJump:focus{top:12px}

@keyframes qcRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
	.caseRegionKicker,.caseRegionHdr,.caseRegionSub,.caseRegionKeys{opacity:1 !important;transform:none !important}
}

/* ===== rg banner (RG-01) ===== */
.rgBand{
	position:fixed;inset-block-start:0;inset-inline:0;z-index:120;
	display:block;text-align:center;
	padding:6px var(--edge);
	background:var(--k-rg-banner);
	color:#ffffff;
	font-size:var(--z-mini);
	line-height:1.4;
	letter-spacing:var(--e-open);
}
.rgBandRoute{background:var(--k-rg-banner);color:#ffffff;text-decoration:underline;text-underline-offset:2px}

/* ===== header (HEAD-BURGER) ===== */
.tagTile{
	position:fixed;inset-block-start:var(--rg-h);inset-inline:0;z-index:110;
	background:var(--k-sheet);
	color:var(--k-script);
	border-block-end:var(--b-slim) solid var(--k-stroke);
	transition:transform var(--t-mid) var(--x-out),backdrop-filter var(--t-mid) var(--x-out);
}
.tagTile.isHidden{transform:translateY(-130%)}
.tagTile.isScrolled{background:rgba(34,35,35,0.86);backdrop-filter:blur(10px)}
.tagTileBody{
	display:flex;align-items:center;justify-content:space-between;gap:var(--s-step-2);
	height:56px;
	width:100%;max-width:calc(var(--v-main) + 2 * var(--s-step-3));
	margin-inline:auto;
	padding-inline:var(--s-step-3);
}
.tagTileGlyph{
	display:inline-flex;align-items:center;flex-shrink:0;
	padding:5px 12px;
	border-radius:var(--r-step-3);
	background:#191a1a;
	color:var(--k-script);
	text-decoration:none;
}
.tagTileGlyphVisual{display:block;height:36px;width:auto;flex-shrink:0}
.tagTileMenuSwitch{
	margin-left:auto;flex-shrink:0;
	display:inline-flex;align-items:center;justify-content:center;
	width:46px;height:44px;
	border:0;border-radius:var(--r-step-3);
	background:#33234f;
	color:var(--k-ramp-end);
	cursor:pointer;
	transition:background var(--t-fast) var(--x-out),transform var(--t-fast) var(--x-out);
}
.tagTileMenuSwitch:hover{background:#3f2b60;color:var(--k-ramp-end);transform:translateY(-2px)}
.tagTileLines{position:relative;display:block;width:20px;height:2px;border-radius:var(--r-pill);background:currentColor}
.tagTileLines::after{content:"";position:absolute;left:0;top:7px;width:20px;height:2px;border-radius:var(--r-pill);background:currentColor;transition:transform var(--t-fast) var(--x-out)}
.tagTileMenuSwitch[aria-expanded="true"] .tagTileLines{background:currentColor;transform:rotate(45deg)}
.tagTileMenuSwitch[aria-expanded="true"] .tagTileLines::after{transform:translateY(-7px) rotate(-90deg)}
.tagTilePane{
	display:none;
	position:absolute;inset-block-start:100%;inset-inline-end:var(--s-step-3);
	width:min(340px,calc(100vw - 32px));
	max-height:min(70vh,520px);
	overflow-y:auto;
	background:var(--k-card);
	color:var(--k-script);
	border:var(--b-slim) solid var(--k-stroke);
	border-radius:var(--r-step-4);
	box-shadow:var(--d-step-5);
}
.tagTilePane.is-open{display:block;}
.tagTileNav{display:block;padding:var(--s-step-1)}
.tagTileRoll{display:block;list-style:none;margin:0;padding:0}
.tagTileCell{display:block;border-block-end:var(--b-slim) solid var(--k-stroke)}
.tagTileCell:last-child{border-block-end:0}
.tagTileRoute{
	display:block;padding:12px 14px;
	background:var(--k-card);
	color:var(--k-script);
	font-size:15px;font-weight:var(--w-mid);
	white-space:nowrap;text-decoration:none;
	border-radius:var(--r-step-2);
	transition:background var(--t-fast) var(--x-out),color var(--t-fast) var(--x-out);
}
.tagTileRoute:hover{background:#14301f;color:var(--k-house)}
.tagTileRoute.isActive{background:var(--k-house);color:var(--k-sheet);font-weight:var(--w-heavy)}

@media (max-width:600px){
	.tagTileBody{padding-inline:var(--v-pad-sm)}
	.tagTilePane{inset-inline:0;width:auto;border-radius:0;border-inline:0}
	.tagTileGlyphVisual{height:30px}
}

/* ===== hero (HERO-02 split photo right) ===== */
.caseRegion{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.caseRegionBody{
	display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
	gap:var(--s-step-4);align-items:center;
	width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge);
}
.caseRegionNote{display:block;min-width:0}
.caseRegionKicker{
	display:block;margin-block-end:var(--s-step-2);
	background:var(--k-sheet);color:var(--k-punch);
	font-family:var(--f-base);font-size:var(--z-petite);font-weight:var(--w-mid);
	text-transform:uppercase;letter-spacing:var(--e-open);
	animation:qcRise var(--t-mid) var(--x-out) both;
}
.caseRegionHdr{background:var(--k-sheet);color:var(--k-script);animation:qcRise var(--t-mid) var(--x-out) 80ms both}
.caseRegionSub{
	margin-block-start:var(--s-step-3);max-width:var(--narrow);
	background:var(--k-sheet);color:var(--k-subtle);
	font-size:var(--z-minor);line-height:var(--l-regular);
	animation:qcRise var(--t-mid) var(--x-out) 160ms both;
}
.caseRegionKeys{display:flex;flex-wrap:wrap;gap:var(--s-step-2);margin-block-start:var(--s-step-4);animation:qcRise var(--t-mid) var(--x-out) 240ms both}
.caseRegionGo{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:52px;padding:0 var(--s-step-4);
	border-radius:var(--r-step-3);
	background:var(--k-house);color:var(--k-sheet);
	font-family:var(--f-base);font-weight:var(--w-heavy);font-size:16px;
	text-decoration:none;
}
.caseRegionQuiet{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:52px;padding:0 var(--s-step-3);
	border:var(--b-slim) solid var(--k-border-strong);border-radius:var(--r-step-3);
	background:var(--k-card);color:var(--k-script);
	font-weight:var(--w-mid);text-decoration:none;
	transition:background var(--t-fast) var(--x-out),color var(--t-fast) var(--x-out),transform var(--t-fast) var(--x-out);
}
.caseRegionQuiet:hover{background:var(--k-house);color:var(--k-sheet);transform:translateY(-5px)}
.caseRegionVisual{
	margin:0;overflow:hidden;border-radius:var(--r-step-5);
	box-shadow:var(--d-step-4);
	aspect-ratio:4/5;max-height:520px;align-self:center;
}
.caseRegionVisualImg{
	display:block;width:100%;height:100%;
	object-fit:cover;object-position:32% 62%;
	transition:transform var(--t-calm) var(--x-out);
}
.caseRegionVisual:hover .caseRegionVisualImg{transform:scale(1.04)}

@media (max-width:900px){
	.caseRegionBody{grid-template-columns:minmax(0,1fr);gap:var(--s-step-3)}
	.caseRegionVisual{aspect-ratio:16/9;max-height:300px;order:2}
	.caseRegionNote{order:1}
}

/* ===== prose (PROSE-16 rubric above heading) ===== */
.boardWrapper{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.boardWrapperBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.boardWrapperTier{display:block;text-align:center;margin-block-start:var(--s-step-4)}
.boardWrapperTier:first-child{margin-block-start:0}
.boardWrapperKicker{
	display:block;margin-block-end:var(--s-step-0);
	background:var(--k-sheet);color:var(--k-punch);
	font-size:var(--z-mini);font-weight:var(--w-heavy);
	text-transform:uppercase;letter-spacing:0.14em;
}
.boardWrapperHdr{
	margin-block-start:var(--s-step-0);margin-block-end:var(--s-step-2);
	text-align:center;
	background:var(--k-sheet);color:var(--k-script);
	font-weight:var(--w-heavy);
}
.boardWrapperNote{margin-block-end:var(--s-step-2);background:var(--k-sheet);color:var(--k-subtle);line-height:var(--l-roomy)}
.boardWrapperRoute{background:var(--k-sheet);color:var(--k-house);text-decoration:underline;text-underline-offset:3px;transition:background var(--t-fast) var(--x-out),color var(--t-fast) var(--x-out)}
.boardWrapperRoute:hover{background:#14301f;color:var(--k-house)}
.boardWrapperRoll{margin:0 0 var(--s-step-2);padding-inline-start:var(--s-step-2);list-style:none}
.boardWrapperTally{margin:0 0 var(--s-step-2);padding-inline-start:var(--s-step-3);list-style:decimal}
.boardWrapperCell{margin-block-end:var(--s-step-1);background:var(--k-sheet);color:var(--k-subtle);line-height:var(--l-regular)}
.boardWrapperRoll .boardWrapperCell{position:relative;padding-inline-start:var(--s-step-2)}
.boardWrapperRoll .boardWrapperCell::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:var(--r-step-0);background:var(--k-house)}
.boardWrapperShotWide,.boardWrapperShotSquare,.boardWrapperShotTall{margin:0 auto var(--s-step-3);overflow:hidden;border-radius:var(--r-step-4);box-shadow:var(--d-step-3)}
.boardWrapperShotWide{max-width:780px}
.boardWrapperShotSquare{max-width:480px}
.boardWrapperShotTall{max-width:380px}
.boardWrapperShotImg{display:block;width:100%;height:auto;object-fit:contain}
.boardWrapperPlug{
	display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-step-1);
	margin-block:var(--s-step-3);padding:var(--s-step-3);
	border:var(--b-slim) solid var(--k-stroke);border-left:var(--b-thick) solid var(--k-house);
	border-radius:var(--r-step-3);
	background:var(--k-card);color:var(--k-script);
}
.boardWrapperPlugNote{background:var(--k-card);color:var(--k-script);font-weight:var(--w-mid)}
.boardWrapperGo{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:48px;padding:0 var(--s-step-3);
	border-radius:var(--r-step-3);
	background:var(--k-house);color:var(--k-sheet);
	font-weight:var(--w-heavy);text-decoration:none;
}
.boardWrapperFine{display:block;background:var(--k-card);color:var(--k-subtle);font-size:var(--z-mini)}

/* ===== items grid (GRID-05 wide featured + compact list) ===== */
.unitRail{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.unitRailBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.unitRailHdr{margin-block-end:var(--s-step-3);background:var(--k-sheet);color:var(--k-script)}
.unitRailLead{
	display:block;margin-block-end:var(--s-step-4);padding:var(--s-step-4);
	border-radius:var(--r-step-5);
	background:var(--k-house);color:var(--k-sheet);
	box-shadow:var(--d-step-3);
}
.unitRailLeadHdr{background:var(--k-house);color:var(--k-sheet);font-family:var(--f-banner);font-style:normal;font-weight:var(--w-heavy);font-size:var(--z-h2)}
.unitRailLeadNote{margin-block:var(--s-step-2);max-width:var(--narrow);background:var(--k-house);color:#12331f;line-height:var(--l-regular)}
.unitRailGo{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:48px;padding:0 var(--s-step-3);
	border-radius:var(--r-step-3);
	background:var(--k-sheet);color:var(--k-house);
	font-weight:var(--w-heavy);text-decoration:none;
}
.unitRailStack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-step-3)}
.unitRailCard{
	display:block;padding:var(--s-step-3);
	border-block-start:var(--b-mid) solid var(--k-punch);
	border-radius:var(--r-step-2);
	background:var(--k-card);color:var(--k-script);
	transition:box-shadow var(--t-mid) var(--x-out);
}
.unitRailCard:hover{box-shadow:var(--d-step-4)}
.unitRailBadge{
	display:inline-flex;align-items:center;justify-content:center;
	width:38px;height:38px;margin-block-end:var(--s-step-1);
	border:var(--b-slim) solid var(--k-border-strong);border-radius:var(--r-step-3);
	background:#33234f;color:var(--k-ramp-end);
}
.unitRailIcon{display:block;width:21px;height:21px;fill:currentColor}
.unitRailCardHdr{margin-block-end:var(--s-step-1);background:var(--k-card);color:var(--k-script);font-style:normal;font-family:var(--f-base);font-size:var(--z-md-2);font-weight:var(--w-heavy)}
.unitRailCardNote{background:var(--k-card);color:var(--k-subtle);font-size:var(--z-petite);line-height:var(--l-regular)}

@media (max-width:700px){
	.unitRailStack{grid-template-columns:minmax(0,1fr)}
	.unitRailLead{padding:var(--s-step-3)}
}

/* ===== data table (TABLE-06 magazine editorial with caption) ===== */
.vectorFooter{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.vectorFooterBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.vectorFooterGrid{width:100%;border-collapse:collapse;table-layout:fixed}
.vectorFooterCap{caption-side:top;padding-block-end:var(--s-step-2);text-align:center;background:var(--k-sheet);color:var(--k-subtle);font-family:var(--f-banner);font-size:var(--z-md-2);font-style:italic}
.vectorFooterRule{display:block;width:40px;height:2px;margin:0 auto var(--s-step-1);background:var(--k-house)}
.vectorFooterTier{border-block-end:var(--b-slim) solid var(--k-stroke)}
.vectorFooterHead{padding:12px 10px;text-align:left;background:var(--k-card);color:var(--k-script);font-size:var(--z-petite);font-weight:var(--w-heavy);text-transform:uppercase;letter-spacing:var(--e-open)}
.vectorFooterCell{padding:12px 10px;text-align:left;vertical-align:top;background:var(--k-sheet);color:var(--k-subtle);font-size:var(--z-petite);overflow-wrap:anywhere}

@media (max-width:620px){
	.vectorFooterHead,.vectorFooterCell{padding:8px 6px;font-size:12px}
}

/* ===== reviews (REV-08 avatar-initials cards) ===== */
.boardSlider{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.boardSliderBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.boardSliderHdr{margin-block-end:var(--s-step-3);background:var(--k-sheet);color:var(--k-script)}
.boardSliderStack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-step-3)}
.boardSliderCard{
	display:block;padding:var(--s-step-3);
	border:var(--b-slim) solid var(--k-stroke);border-radius:var(--r-step-4);
	background:var(--k-card);color:var(--k-script);
	transition:box-shadow var(--t-mid) var(--x-out);
}
.boardSliderCard:hover{box-shadow:var(--d-step-4)}
.boardSliderTop{display:flex;align-items:center;gap:var(--s-step-1);margin-block-end:var(--s-step-1)}
.boardSliderMark{
	display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
	width:48px;height:48px;border-radius:var(--r-circle);
	background:var(--k-punch);color:var(--k-sheet);
	font-family:var(--f-banner);font-weight:var(--w-heavy);font-size:var(--z-minor);
}
.boardSliderWho{display:flex;flex-direction:column;min-width:0}
.boardSliderWhoName{background:var(--k-card);color:var(--k-script);font-weight:var(--w-heavy);font-size:var(--z-minor)}
.boardSliderMoment{background:var(--k-card);color:var(--k-subtle);font-size:var(--z-mini)}
.boardSliderStars{display:block;margin-block-end:var(--s-step-1);background:var(--k-card);color:#ffd166;letter-spacing:2px}
.boardSliderScore{background:var(--k-card);color:var(--k-subtle);font-size:var(--z-mini);letter-spacing:0}
.boardSliderSay{margin:0;background:var(--k-card);color:var(--k-subtle);font-size:var(--z-petite);line-height:var(--l-regular)}

@media (max-width:900px){.boardSliderStack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.boardSliderStack{grid-template-columns:minmax(0,1fr)}}

/* ===== faq (FAQ-06 anchored linked list) ===== */
.latchSlider{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.latchSliderBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.latchSliderHdr{margin-block-end:var(--s-step-2);background:var(--k-sheet);color:var(--k-script)}
.latchSliderToc{
	display:block;margin-block-end:var(--s-step-4);padding:var(--s-step-3);
	border-radius:var(--r-step-3);
	background:var(--k-card);color:var(--k-subtle);
}
.latchSliderTocRoll{margin:0;padding-inline-start:var(--s-step-2);list-style:decimal}
.latchSliderTocCell{margin-block-end:6px;background:var(--k-card);color:var(--k-subtle)}
.latchSliderTocRoute{background:var(--k-card);color:var(--k-script);text-decoration:none;border-radius:var(--r-step-1);transition:background var(--t-fast) var(--x-out),color var(--t-fast) var(--x-out)}
.latchSliderTocRoute:hover{background:#14301f;color:var(--k-house)}
.latchSliderPart{display:block;padding-block:var(--s-step-2);border-block-start:var(--b-slim) solid var(--k-stroke);scroll-margin-top:calc(var(--h-pad) + 16px)}
.latchSliderAsk{display:block;list-style:none;cursor:pointer}
.latchSliderAsk::-webkit-details-marker{display:none}
.latchSliderAskHdr{display:block;background:var(--k-sheet);color:var(--k-script);font-family:var(--f-base);font-style:normal;font-size:var(--z-md-2);font-weight:var(--w-heavy)}
.latchSliderReply{display:block;padding-block-start:var(--s-step-1)}
.latchSliderNote{background:var(--k-sheet);color:var(--k-subtle);line-height:var(--l-roomy)}

/* ===== cta block (CTA-07 vertical card with decorative number) ===== */
.pivotBar{display:block;padding-block:var(--sec-y);background:var(--k-sheet);scroll-margin-top:calc(var(--h-pad) + 16px)}
.pivotBarBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.pivotBarCard{
	display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-step-1);
	padding:var(--s-step-4);
	border:var(--b-mid) solid var(--k-punch);border-radius:var(--r-step-5);
	background:var(--k-card);color:var(--k-script);
}
.pivotBarDigit{display:block;background:var(--k-card);color:var(--k-house);font-family:var(--f-banner);font-weight:var(--w-heavy);font-size:var(--z-h1);line-height:var(--l-close)}
.pivotBarKicker{display:block;background:var(--k-card);color:var(--k-ramp-end);font-size:var(--z-mini);font-weight:var(--w-heavy);text-transform:uppercase;letter-spacing:0.14em}
.pivotBarHdr{background:var(--k-card);color:var(--k-script)}
.pivotBarNote{max-width:var(--narrow);background:var(--k-card);color:var(--k-subtle);line-height:var(--l-regular)}
.pivotBarGo{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:52px;margin-block-start:var(--s-step-1);padding:0 var(--s-step-4);
	border-radius:var(--r-step-3);
	background:var(--k-house);color:var(--k-sheet);
	font-weight:var(--w-heavy);font-size:16px;text-decoration:none;
}
.pivotBarFine{display:block;background:var(--k-card);color:var(--k-subtle);font-size:var(--z-mini)}

@media (max-width:620px){.pivotBarCard{padding:var(--s-step-3)}}

/* ===== author byline (BYLINE-05 horizontal bar) ===== */
.tagList{display:block;padding-block:var(--s-step-3);background:var(--k-house);color:var(--k-sheet)}
.tagListBody{
	display:flex;align-items:center;justify-content:space-between;gap:var(--s-step-2);flex-wrap:wrap;
	width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge);
}
.tagListWho{display:flex;align-items:center;gap:var(--s-step-2);min-width:0}
.tagListHeadshot{display:block;width:56px;height:56px;flex-shrink:0;border-radius:var(--r-circle);object-fit:cover}
.tagListNote{display:flex;flex-direction:column;min-width:0}
.tagListWhoName{background:var(--k-house);color:var(--k-sheet);font-weight:var(--w-heavy)}
.tagListRoute{background:var(--k-house);color:var(--k-sheet);text-decoration:underline;text-underline-offset:3px}
.tagListRole{background:var(--k-house);color:#12331f;font-size:var(--z-petite)}
.tagListLead{
	display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-step-2);
	border:var(--b-slim) solid var(--k-sheet);border-radius:var(--r-step-3);
	background:var(--k-sheet);color:var(--k-house);
	font-weight:var(--w-mid);text-decoration:none;
	transition:transform var(--t-fast) var(--x-out)}
.tagListLead:hover{background:var(--k-sheet);color:#ffffff;transform:translateY(-5px)}

@media (max-width:620px){
	.tagListBody{flex-direction:column;align-items:flex-start}
	.tagListLead{width:100%;justify-content:center}
}

/* ===== author card (AUTH-07 quote style) ===== */
.cabinDisplay{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.cabinDisplayBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.cabinDisplayCard{
	display:grid;grid-template-columns:100px minmax(0,1fr);gap:var(--s-step-4);align-items:start;
	padding:var(--s-step-4);
	border-left:4px solid var(--k-punch);border-radius:var(--r-step-3);
	background:var(--k-card);color:var(--k-script);
}
.cabinDisplayHeadshot{display:block;width:100px;height:100px;border-radius:var(--r-circle);object-fit:cover}
.cabinDisplayPart{display:block;min-width:0}
.cabinDisplayQuot{display:block;background:var(--k-card);color:var(--k-ramp-end);font-family:var(--f-banner);font-size:var(--z-h1);line-height:0.7}
.cabinDisplaySay{margin:var(--s-step-2) 0 0;background:var(--k-card);color:var(--k-script);font-size:var(--z-minor);font-style:italic;line-height:var(--l-regular)}
.cabinDisplayInfo{display:block;margin-block-start:var(--s-step-2);background:var(--k-card);color:var(--k-subtle);font-size:var(--z-petite);letter-spacing:var(--e-open)}
.cabinDisplayHdr{margin-block-start:var(--s-step-4);margin-block-end:var(--s-step-2);background:var(--k-sheet);color:var(--k-script);font-size:var(--z-lg-2)}
.cabinDisplayRoll{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-step-1)}
.cabinDisplayCell{display:block;background:var(--k-sheet);color:var(--k-subtle)}
.cabinDisplayRoute{background:var(--k-sheet);color:var(--k-house);text-decoration:none;border-block-end:var(--b-slim) solid var(--k-stroke);transition:color var(--t-fast) var(--x-out)}
.cabinDisplayRoute:hover{background:var(--k-sheet);color:var(--k-script)}

@media (max-width:700px){
	.cabinDisplayCard{grid-template-columns:minmax(0,1fr);gap:var(--s-step-2);padding:var(--s-step-3)}
	.cabinDisplayRoll{grid-template-columns:minmax(0,1fr)}
}

/* ===== contact form (FORM-01 stacked standard) ===== */
.blockZone{display:block;padding-block:var(--sec-y);background:var(--k-sheet)}
.blockZoneBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.blockZoneIntro{margin-block-end:var(--s-step-3);background:var(--k-sheet);color:var(--k-subtle);line-height:var(--l-roomy)}
.blockZoneDone{display:none;padding:var(--s-step-2);margin-block-end:var(--s-step-2);border-radius:var(--r-step-2);background:#17311f;color:#d7f5e3}
.blockZoneDone.is-open{display:block}
.blockZoneForm{display:flex;flex-direction:column;gap:var(--s-step-2);padding:var(--s-step-4);border-radius:var(--r-step-3);background:var(--k-card);color:var(--k-script);box-shadow:var(--d-step-2)}
.blockZoneLine{display:flex;flex-direction:column;flex:0 0 auto;gap:var(--s-step-1)}
.blockZoneName{background:var(--k-card);color:var(--k-script);font-size:var(--z-petite);font-weight:var(--w-mid);text-transform:uppercase;letter-spacing:var(--e-open)}
.blockZoneInput{height:48px;padding:0 var(--s-step-2);border:var(--b-slim) solid var(--k-border-strong);border-radius:var(--r-step-2);background:var(--k-sheet);color:var(--k-script);font-family:var(--f-base);font-size:var(--z-reading)}
.blockZoneArea{min-height:132px;padding:var(--s-step-1) var(--s-step-2);resize:vertical;border:var(--b-slim) solid var(--k-border-strong);border-radius:var(--r-step-2);background:var(--k-sheet);color:var(--k-script);font-family:var(--f-base);font-size:var(--z-reading)}
.blockZoneInput:focus,.blockZoneArea:focus{border-color:var(--k-house)}
.blockZoneSend{
	align-self:flex-start;min-height:48px;padding:0 var(--s-step-4);
	border:0;border-radius:var(--r-step-3);
	background:var(--k-punch);color:var(--k-sheet);
	font-family:var(--f-base);font-weight:var(--w-heavy);font-size:16px;cursor:pointer;
	transition:transform var(--t-fast) var(--x-out),background var(--t-fast) var(--x-out);
}
.blockZoneSend:hover{background:#b8a3ff;color:var(--k-sheet);transform:translateY(-5px)}

/* ===== page header (PHEAD-04 two-column) ===== */
.hingeBody{display:block;padding-block:var(--sec-y);background:var(--k-sheet);border-block-end:var(--b-slim) solid var(--k-stroke)}
.hingeBodyPart{
	display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-step-4);align-items:end;
	width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge);
}
.hingeBodyCol{display:block;min-width:0}
.hingeBodyKicker{display:block;margin-block-end:var(--s-step-1);background:var(--k-sheet);color:var(--k-punch);font-size:var(--z-petite);font-weight:var(--w-mid);text-transform:uppercase;letter-spacing:var(--e-open)}
.hingeBodyHdr{background:var(--k-sheet);color:var(--k-script)}
.hingeBodySub{background:var(--k-sheet);color:var(--k-subtle);line-height:var(--l-roomy)}

@media (max-width:800px){.hingeBodyPart{grid-template-columns:minmax(0,1fr);gap:var(--s-step-2)}}

/* ===== legal (LEGAL-01 continuous document) ===== */
.chipLane{display:block;padding-block:var(--sec-y);background:var(--k-sheet);scroll-margin-top:calc(var(--h-pad) + 16px)}
.chipLaneBody{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge)}
.chipLaneMoment{margin-block-end:var(--s-step-3);background:var(--k-sheet);color:var(--k-subtle);font-size:var(--z-mini);text-transform:uppercase;letter-spacing:var(--e-open)}
.chipLaneTier{display:block;padding-block-start:var(--s-step-3);border-block-start:var(--b-slim) solid var(--k-stroke)}
.chipLaneTier:first-of-type{border-block-start:0;padding-block-start:0}
.chipLaneHdr{margin-block-end:var(--s-step-2);background:var(--k-sheet);color:var(--k-script);font-size:var(--z-lg-2)}
.chipLaneNote{margin-block-end:var(--s-step-2);background:var(--k-sheet);color:var(--k-subtle);line-height:var(--l-roomy)}
.chipLaneAid{display:block;margin-block-start:var(--s-step-4);padding:var(--s-step-3);border-radius:var(--r-step-3);background:var(--k-card);color:var(--k-subtle)}
.chipLaneAidHdr{margin-block-end:var(--s-step-1);background:var(--k-card);color:var(--k-script);font-size:var(--z-md-2)}
.chipLaneRoll{margin:0;padding-inline-start:var(--s-step-2);list-style:none}
.chipLaneCell{position:relative;margin-block-end:var(--s-step-1);padding-inline-start:var(--s-step-2);background:var(--k-card);color:var(--k-subtle)}
.chipLaneCell::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:var(--r-circle);background:var(--k-house)}
.chipLaneFine{margin-block-start:var(--s-step-4);padding:var(--s-step-2);border-left:var(--b-thick) solid var(--k-rg-banner);border-radius:var(--r-step-1);background:#3a1c1c;color:#ffe3e3;font-size:var(--z-petite)}

/* ===== error (ERR-01 centered hero-style) ===== */
.chamberContainer{display:flex;flex:1 0 auto;align-items:center;padding-block:var(--s-step-6);background:var(--k-sheet)}
.chamberContainerBody{
	display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-step-2);
	width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge);
}
.chamberContainerDigit{display:block;background:var(--k-sheet);color:var(--k-punch);font-family:var(--f-banner);font-weight:var(--w-heavy);font-size:clamp(80px,16vw,200px);line-height:var(--l-close)}
.chamberContainerHdr{max-width:var(--narrow);background:var(--k-sheet);color:var(--k-script)}
.chamberContainerNote{max-width:var(--narrow);background:var(--k-sheet);color:var(--k-subtle);font-size:var(--z-minor)}
.chamberContainerGo{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:52px;margin-block-start:var(--s-step-1);padding:0 var(--s-step-4);
	border-radius:var(--r-step-3);
	background:var(--k-punch);color:var(--k-sheet);
	font-weight:var(--w-heavy);text-decoration:none;
	transition:transform var(--t-fast) var(--x-out)}
.chamberContainerGo:hover{background:#b8a3ff;color:var(--k-sheet);transform:translateY(-5px)}
.pageFlow:has(> .chamberContainer){display:flex;flex-direction:column}

/* ===== footer (FOOT-04 sticky mini) ===== */
.hingeStrip{
	position:relative;display:flex;align-items:center;
	min-height:64px;
	border-block-start:var(--b-slim) solid var(--k-stroke);
	background:var(--k-card);color:var(--k-subtle);
}
.hingeStripBody{
	display:flex;align-items:center;justify-content:space-between;gap:var(--s-step-2);
	width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--edge);padding-block:var(--s-step-1);
}
.hingeStripNote{background:var(--k-card);color:var(--k-subtle);font-size:var(--z-mini)}
.hingeStripNav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-step-2)}
.hingeStripRoute{
	position:relative;
	background:var(--k-card);color:var(--k-subtle);
	font-size:var(--z-mini);text-transform:uppercase;letter-spacing:var(--e-open);text-decoration:none;
	transition:color var(--t-fast) var(--x-out);
}
.hingeStripRoute + .hingeStripRoute{padding-inline-start:var(--s-step-2);border-left:var(--b-slim) solid var(--k-border-strong)}
.hingeStripRoute:hover{background:var(--k-card);color:var(--k-house)}

@media (max-width:700px){
	.hingeStripBody{flex-direction:column;align-items:flex-start;gap:6px}
	.hingeStrip{min-height:80px}
}

/* ===== cookie banner (COOK-15 side sheet) ===== */
.chipBunch{
	position:fixed;inset-block-end:0;inset-inline-end:0;z-index:125;
	width:min(340px,100vw);max-height:42vh;overflow-y:auto;
	border-inline-start:var(--b-slim) solid var(--k-stroke);
	border-block-start:var(--b-slim) solid var(--k-stroke);
	border-start-start-radius:var(--r-step-4);
	background:var(--k-card);color:var(--k-script);
	box-shadow:var(--d-step-6);
	animation:qcSlideSide var(--t-calm) var(--x-out) both;
}
@keyframes qcSlideSide{from{clip-path:inset(0 0 0 100%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
.chipBunch.is-hidden{display:none}
.chipBunchBody{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--s-step-2);padding:var(--s-step-3)}
.chipBunchSay{background:var(--k-card);color:var(--k-subtle);font-size:var(--z-petite);line-height:var(--l-regular)}
.chipBunchKeys{display:flex;flex-direction:column;gap:var(--s-step-1)}
.chipBunchOk{width:100%;min-height:44px;border:0;border-radius:var(--r-step-3);background:var(--k-punch);color:var(--k-sheet);font-family:var(--f-base);font-weight:var(--w-heavy);font-size:var(--z-petite);cursor:pointer}
.chipBunchSkip{width:100%;min-height:44px;border:var(--b-slim) solid var(--k-border-strong);border-radius:var(--r-step-3);background:var(--k-sheet);color:var(--k-script);font-family:var(--f-base);font-weight:var(--w-mid);font-size:var(--z-petite);cursor:pointer}
.chipBunchOk:hover{background:#b8a3ff;color:var(--k-sheet)}
.chipBunchSkip:hover{background:var(--k-card);color:var(--k-script)}

@media (max-width:720px){
	.chipBunch{inset-inline:0;width:auto;max-height:46vh;border-start-start-radius:0;border-inline-start:0}
	.chipBunchBody{padding:12px 14px;gap:8px}
	.chipBunchSay{font-size:13px;line-height:1.35}
	.chipBunchOk,.chipBunchSkip{min-height:40px;font-size:12px}
}

/* ===== offer cta (scripts/cta-style.mjs) ===== */
.peka-hit{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-step-3);min-height:48px;border-radius:var(--r-step-3);font-weight:var(--w-heavy)}
.peka-hit{position:relative;
  background:#65A30D;color:#222323;text-decoration:none;
  transition:background 0.18s cubic-bezier(.2,.7,.3,1),border-color 0.18s cubic-bezier(.2,.7,.3,1);}
.peka-hit.peka-hit{color:#222323;text-decoration:none;}
.peka-hit:hover{background:#4D7C0F;color:#FFFFFF;animation:none}
.peka-hit.peka-hit:hover{color:#FFFFFF;text-decoration:none}
.peka-hit:hover::after{animation:none}
.peka-hit:active{background:#3F6212;color:#FFFFFF}
.peka-hit:focus-visible{outline:3px solid #222323;outline-offset:3px}
.peka-hit{overflow:hidden;animation:peka-wake 2.26s linear infinite}
.peka-hit::after{content:"";position:absolute;inset:0;width:100%;pointer-events:none;transform:none;background-image:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.42) 50%,transparent 100%);background-size:45% 100%;background-repeat:no-repeat;background-position:-60% 0;animation:peka-wake-2 2.26s ease-in-out infinite}
@keyframes peka-wake{0%{transform:scale(1);animation-timing-function:cubic-bezier(.25,.8,.35,1)}15.487%{transform:scale(1.05);animation-timing-function:cubic-bezier(.45,.05,.55,.95)}46.903%,100%{transform:scale(1)}}
@keyframes peka-wake-2{0%,4.867%{background-position:-60% 0}40.265%,100%{background-position:160% 0}}
@media (prefers-reduced-motion:reduce){.peka-hit,.peka-hit::after{animation:none!important;transition:none!important}}

/* offer button — размеры крупных мест возвращаем поверх класса из cta-style */
.caseRegionKeys .peka-hit,.pivotBarCard .peka-hit{min-height:52px;padding-inline:var(--s-step-4);font-size:16px}
.unitRailLead .peka-hit{box-shadow:0 0 0 3px var(--k-sheet)}
.boardWrapperPlug .peka-hit{align-self:flex-start}
