/* Nekai Buckshot (Jamie, 7 October 2026): the Nekai look with red in place of green.
   Black and white stay; every brand token is swapped inside the Buckshot section, so the
   shared components (kickers, buttons, journal list, FAQ, footer) follow without changes. */

body.nekai-buckshot {
	--brand: #c81e27;
	--brand-deep: #9e1219;
	--brand-bright: #ff5a61;
	--brand-soft: #fdeceb;
	--brand-mist: #fff6f5;
	--signal: #ff4d55;
	--paper: #f4f2ee;
	--bs-line: rgba(13, 13, 14, .14);
	/* The softer "matcha" layer of the Nekai design (pills, tints) becomes pale red. */
	--matcha: #ffb3b7;
	--matcha-soft: #fdeceb;
	--matcha-mist: #fff6f5;
	--matcha-ink: #9e1219;
}
.nekai-buckshot .section-dark .kicker span, .nekai-buckshot .section-dark .section-number { background: rgba(255, 90, 97, .16); color: #ff8a8f; }
.nekai-buckshot .nekai-consent, .nekai-buckshot .nekai-consent-dialog { --nekai-consent-accent: #c81e27; }
body.nekai-buckshot ::selection { background: var(--brand); color: var(--white); }

/* The Nekai mark, recoloured red for Buckshot. */
.buckshot-header .wordmark .header-brand-image { background: #e0262f; -webkit-mask: url("../images/nekai-green-logo.png") center / contain no-repeat; mask: url("../images/nekai-green-logo.png") center / contain no-repeat; }
.buckshot-header .primary-navigation > a.nav-cta,
.buckshot-header .nav-cta a { border-color: var(--brand-bright); color: var(--white); background: var(--brand); }
.buckshot-header .primary-navigation > a.nav-cta:hover,
.buckshot-header .nav-cta a:hover { background: var(--white); color: var(--brand-deep); border-color: var(--white); }

/* Buttons and links */
.nekai-buckshot .button-light:hover, .nekai-buckshot .wp-block-button.button-light .wp-block-button__link:hover { background: var(--brand); border-color: var(--brand); color: var(--white); }
.nekai-buckshot .buckshot-button, .nekai-buckshot .wp-block-button.buckshot-button .wp-block-button__link { background: var(--brand); border-color: var(--brand); color: var(--white); cursor: pointer; }
.nekai-buckshot .buckshot-button:hover, .nekai-buckshot .wp-block-button.buckshot-button .wp-block-button__link:hover { background: var(--ink); border-color: var(--ink); }
.nekai-buckshot .section-dark h1 em, .nekai-buckshot .section-dark h2 em { color: var(--brand-bright); }
.nekai-buckshot .section-light h2 em, .nekai-buckshot .section-paper h2 em { color: var(--brand); }

/* Sections */
.buckshot-section { padding: var(--section) var(--gutter); }
.buckshot-pill { display: inline-block; padding: 6px 10px; background: var(--brand-soft); color: var(--brand-deep); }
.buckshot-index { margin: 0 0 18px; color: var(--brand); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.section-dark .buckshot-index { color: var(--brand-bright); }

/* Hero: copy beside a real screen */
.buckshot-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(36px, 5vw, 80px); align-items: center; min-height: 88svh; }
.buckshot-hero h1 { font-size: clamp(46px, 5.4vw, 92px); margin-bottom: 34px; }
.buckshot-hero .page-intro { margin: 0 0 40px; max-width: 600px; }
.buckshot-hero .buckshot-screen { transform: perspective(1600px) rotateY(-4deg); }
.buckshot-journal-hero { display: block; min-height: 58svh; }

/* Real screens */
.buckshot-screen { margin: 0; padding: 10px; border: 1px solid var(--bs-line); background: var(--white); box-shadow: 0 30px 60px -38px rgba(13,13,14,.45); }
.section-dark .buckshot-screen { border-color: var(--line-dark); background: #1c1c1e; box-shadow: 0 40px 80px -40px rgba(0,0,0,.8); }
.buckshot-screen::before { content: ""; display: block; height: 22px; margin: -2px 0 8px; background:
	radial-gradient(circle at 8px 50%, var(--brand) 4px, transparent 4.5px),
	radial-gradient(circle at 22px 50%, #d3d1ca 4px, transparent 4.5px),
	radial-gradient(circle at 36px 50%, #d3d1ca 4px, transparent 4.5px); }
.section-dark .buckshot-screen::before { background:
	radial-gradient(circle at 8px 50%, var(--brand-bright) 4px, transparent 4.5px),
	radial-gradient(circle at 22px 50%, #4a4a4d 4px, transparent 4.5px),
	radial-gradient(circle at 36px 50%, #4a4a4d 4px, transparent 4.5px); }
.buckshot-screen .wp-block-image { margin: 0; }
.buckshot-screen img { display: block; width: 100%; height: auto; }
.buckshot-screen figcaption { margin: 10px 2px 2px; color: #6b6b68; font-size: 13px; line-height: 1.4; text-align: left; }
.section-dark .buckshot-screen figcaption { color: #a9a9a6; }

/* Why it exists */
.buckshot-split { display: grid; grid-template-columns: 1fr 1.3fr; gap: 8vw; }
.buckshot-split h2 { margin: 0; }
.buckshot-split-copy p { color: #4c4c49; font-size: clamp(17px, 1.4vw, 21px); }
.buckshot-benefits { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--bs-line); }
.buckshot-benefits li { padding: 16px 0 16px 30px; border-bottom: 1px solid var(--bs-line); position: relative; font-size: 17px; }
.buckshot-benefits li::before { content: ""; position: absolute; left: 2px; top: 25px; width: 12px; height: 12px; background: var(--brand); }
.buckshot-benefits strong { font-weight: 600; }

/* How it works: alternating steps */
.buckshot-step { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 5vw, 84px); align-items: center; padding: clamp(36px, 5vw, 72px) 0; border-top: 1px solid var(--bs-line); }
.buckshot-step:nth-child(odd) .buckshot-step-copy { order: 2; }
.buckshot-step h3 { margin: 0 0 22px; font-size: clamp(30px, 3.2vw, 52px); }
.buckshot-step-copy p:not(.buckshot-index) { color: #4c4c49; font-size: 17px; max-width: 520px; }

/* Replies */
.buckshot-replies { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(36px, 5vw, 84px); align-items: center; }
.buckshot-replies h2 { margin-bottom: 30px; }
.buckshot-replies-copy p:last-child { color: #c4c4c1; font-size: 18px; max-width: 520px; }

/* Cards */
.buckshot-grid { display: grid; border-top: 1px solid var(--bs-line); border-left: 1px solid var(--bs-line); }
.buckshot-grid-2 { grid-template-columns: repeat(2, 1fr); }
.buckshot-grid-3 { grid-template-columns: repeat(3, 1fr); }
.buckshot-card { padding: clamp(24px, 2.6vw, 40px); border-right: 1px solid var(--bs-line); border-bottom: 1px solid var(--bs-line); background: var(--white); }
.section-paper .buckshot-card { background: transparent; }
.buckshot-card h3 { margin: 0 0 16px; font-size: clamp(24px, 2.2vw, 34px); }
.buckshot-card p:not(.buckshot-index) { margin: 0; color: #55554f; font-size: 16px; }
.buckshot-plans .buckshot-card:nth-child(2) { background: var(--ink); color: var(--white); }
.buckshot-plans .buckshot-card:nth-child(2) p:not(.buckshot-index) { color: #c4c4c1; }
.buckshot-plans .buckshot-card:nth-child(2) .buckshot-index { color: var(--brand-bright); }
.buckshot-note-line { margin: 28px 0 0; color: #55554f; }
.buckshot-safe-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; }

/* Register */
.buckshot-register { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(36px, 6vw, 96px); padding: var(--section) var(--gutter); background: var(--brand-deep) !important; }
.buckshot-register .kicker span { color: #ffd0d2; }
.buckshot-register h2 em { color: #ffd0d2 !important; }
.buckshot-register-copy p:last-child { color: #ffe3e4; font-size: 18px; }
.buckshot-form { max-width: 760px; }
.buckshot-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
.buckshot-form label { display: grid; gap: 8px; color: #ffe3e4; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.buckshot-form label span { text-transform: none; letter-spacing: 0; font-weight: 400; }
.buckshot-form-wide { grid-column: 1 / -1; }
.buckshot-form input[type=text], .buckshot-form input[type=email], .buckshot-form select, .buckshot-form textarea { width: 100%; min-width: 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.5); border-radius: 0; outline: 0; background: rgba(255,255,255,.1); color: var(--white); font-size: 17px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.buckshot-form select option { color: var(--ink); }
.buckshot-form textarea { resize: vertical; }
.buckshot-form input::placeholder, .buckshot-form textarea::placeholder { color: #f1b9bc; }
.buckshot-form input:focus, .buckshot-form select:focus, .buckshot-form textarea:focus { box-shadow: inset 0 0 0 2px var(--white); }
.buckshot-form .buckshot-form-check { display: flex; align-items: center; gap: 10px; margin: 18px 0 0; color: var(--white); font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: none; cursor: pointer; }
.buckshot-form-check input { width: 18px; height: 18px; accent-color: var(--white); }
.buckshot-form-consent { margin: 16px 0 22px; color: #ffd0d2; font-size: 15px; }
.buckshot-form-consent a { text-decoration: underline; text-underline-offset: 3px; }
.buckshot-form .buckshot-button { background: var(--white); border-color: var(--white); color: var(--brand-deep); }
.buckshot-form .buckshot-button:hover { background: var(--ink); border-color: var(--ink); color: var(--white); }
.buckshot-form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.buckshot-form-notice { margin: 0 0 20px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.1); color: var(--white); font-size: 17px; }
.buckshot-form-error { border-color: #ffd0d2; background: rgba(13,13,14,.25); }

/* Journal */
.buckshot-journal-list .wp-block-post-template { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0 0 32px; padding: 0; list-style: none; border-top: 1px solid var(--bs-line); border-left: 1px solid var(--bs-line); }
.buckshot-note { height: 100%; padding: 28px; border-right: 1px solid var(--bs-line); border-bottom: 1px solid var(--bs-line); }
.buckshot-note .wp-block-post-date { color: var(--brand); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.buckshot-note h3 { margin: 16px 0; font-size: clamp(22px, 1.8vw, 28px); }
.buckshot-note p { color: #55554f; font-size: 16px; }
.buckshot-note .wp-block-post-excerpt__more-link, .nekai-buckshot .journal-item .wp-block-post-excerpt__more-link { color: var(--brand-deep); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid currentColor; }
.buckshot-journal-archive { background: var(--paper); }
.buckshot-journal-cta { background: var(--white); text-align: left; }
.buckshot-journal-cta h2 { margin-bottom: 34px; }
.buckshot-article .article-content a { color: var(--brand-deep); }
.buckshot-article-cta { max-width: 760px; margin: 64px auto 0; padding: 32px; border-top: 3px solid var(--brand); background: var(--white); }
.buckshot-article-cta p:not(.kicker) { font-size: 19px; }

/* Footer */
.buckshot-footer .kicker { color: var(--brand-bright); }
.buckshot-footer .footer-statement { color: var(--white); }

/* Homepage card (dark umbrella page) */
.space-buckshot h3::after { content: "new"; margin-left: 10px; padding: 2px 7px; background: #c81e27; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; vertical-align: middle; }
.space-buckshot .space-actions .wp-block-button.nekai-text-link .wp-block-button__link { color: #ff6b71; }

@media (max-width: 1100px) {
	.buckshot-hero, .buckshot-split, .buckshot-step, .buckshot-replies, .buckshot-register, .buckshot-safe-layout { grid-template-columns: 1fr; }
	.buckshot-step:nth-child(odd) .buckshot-step-copy { order: 0; }
	.buckshot-hero { min-height: 0; }
	.buckshot-hero .buckshot-screen { transform: none; }
	.buckshot-grid-3, .buckshot-journal-list .wp-block-post-template { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
	.buckshot-grid-2, .buckshot-form-fields { grid-template-columns: 1fr; }
	.buckshot-hero h1 { font-size: clamp(40px, 11vw, 56px); }
	.buckshot-screen { padding: 6px; }
}
.nekai-buckshot .buckshot-register .kicker span { background: rgba(255, 255, 255, .16); color: var(--white); }