/* The 0.7 experience uses open sections; legacy content and editor tools retain their markup. */
:root {
	--color-paper: #fafbfa;
	--color-paper-deep: #edf2ef;
	--color-panel: #ffffff;
	--color-ink: #1b2220;
	--color-ink-soft: #52605a;
	--color-line: #d1dad5;
	--color-red: #bb394a;
	--color-red-dark: #a3293b;
	--color-cyan: #18775a;
	--shadow-soft: 0 12px 32px rgb(20 32 25 / 7%);
	--shadow-hard: none;
	--site-width: 1200px;
}
html.theme-dark {
	--color-paper: #131716;
	--color-paper-deep: #1b211e;
	--color-panel: #202824;
	--color-panel-dark: #101412;
	--color-ink: #f1f5f2;
	--color-ink-soft: #b0beb5;
	--color-line: #3c4941;
	--color-red: #f08c98;
	--color-red-dark: #f08c98;
	--color-cyan: #8bd8af;
	--shadow-soft: 0 12px 32px rgb(0 0 0 / 15%);
	--shadow-hard: none;
}
html { scroll-behavior: auto; scroll-padding-top: 24px; }
html.smooth-scroll { scroll-behavior: smooth; }
body, html.theme-dark body { background: var(--color-paper); color: var(--color-ink); font-size: 16px; line-height: 1.7; }
body :where(h1,h2,h3,h4,p,a,span,strong,small,button,label,time) { letter-spacing: 0; }
body :where(h1,h2,h3,h4) { font-weight: 700; line-height: 1.2; text-wrap: balance; overflow-wrap: anywhere; }
body :where(p,li,a) { overflow-wrap: anywhere; }
body :where(a,button,input,select,textarea):focus-visible { outline: 3px solid var(--color-cyan); outline-offset: 4px; }
body :where(button,.button,input[type=submit]), html.theme-dark :where(button,.button,input[type=submit]) { box-shadow: none; text-shadow: none; font-weight: 600; }
body .button, html.theme-dark .button { border-radius: 6px; padding: 11px 18px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; line-height: 1.4; }
html.theme-dark .button:not(.button--secondary) { background: var(--color-button); border-color: var(--color-button); color: var(--color-button-text); }
body .button:hover, html.theme-dark .button:hover { transform: none; filter: brightness(.94); box-shadow: none; }
body .button--secondary, html.theme-dark .button--secondary { color: var(--color-ink); background: transparent; border: 1px solid var(--color-line); }
.dashicons { flex-shrink: 0; vertical-align: middle; }
.experience-inner { width: min(1200px, calc(100% - 64px)); margin-inline: auto; min-width: 0; }
.site-header, html.theme-dark .site-header { background: var(--color-paper); color: var(--color-ink); border: 0; box-shadow: none; }
.header-main { display: flex; justify-content: flex-end; align-items: center; gap: 8px; min-height: 64px; }
.header-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; color: var(--color-ink); text-decoration: none; border-radius: 6px; }
.header-icon:hover { color: var(--color-cyan); background: var(--color-paper-deep); }
.header-account { order: 1; }
.site-header__brand-row { order: 0; flex: 1; padding: 14px 0; margin: 0; min-width: 0; }
.site-branding { min-width: 0; max-width: 100%; }
.site-branding__name, html.theme-dark .site-branding__name { color: var(--color-ink); font-size: 21px; font-weight: 750; }
.site-branding__tagline { display: block; font-size: 12px; font-weight: 450; text-transform: none; color: var(--color-ink-soft); }
.custom-logo { width: auto; max-width: 220px; max-height: 58px; object-fit: contain; }
.site-header__nav-row, html.theme-dark .site-header__nav-row { order: 1; border: 0; background: none; }
.site-header__nav-inner { padding: 0; min-height: 44px; }
.primary-navigation .menu { gap: 8px; }
.primary-navigation a, html.theme-dark .primary-navigation a { color: var(--color-ink); font-size: 14px; font-weight: 550; padding: 10px 12px; min-height: 44px; display: inline-flex; align-items: center; }
.primary-navigation a:hover, .primary-navigation a:focus-visible, html.theme-dark .primary-navigation a:hover { color: var(--color-cyan); background: var(--color-paper-deep); }
.primary-navigation .sub-menu { background: var(--color-panel); }
.site-header .header-main .theme-toggle { order: 2; position: static; inset: auto; flex-shrink: 0; width: 54px; height: 44px; box-shadow: none; background: transparent; border: 0; }
.site-header .header-main .theme-toggle:hover, .site-header .header-main .theme-toggle:focus-visible { transform: none; box-shadow: none; }
.site-header__search-row, html.theme-dark .site-header__search-row { border: 0; background: transparent; }
.site-header .site-header__search-inner { display: flex; justify-content: flex-end; padding: 0 0 18px; width: min(1200px, calc(100% - 64px)); }
.site-header__search-inner .search-form { width: min(100%, 520px); margin: 0; }
.site-header__search-label strong { font-size: 14px; text-transform: none; font-weight: 600; }
.site-header__search-label span { font-size: 13px; }
body .search-form, body .search-form--header, .site-footer .search-form--footer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; border-radius: 6px; padding: 4px; border: 1px solid var(--color-line); background: var(--color-panel); box-shadow: none; min-width: 0; }
body .search-field, .site-footer .search-field { min-width: 0; min-height: 42px; width: 100%; padding: 8px 12px; color: var(--color-ink); background: transparent; border: 0; border-radius: 4px; font-size: 14px; }
body .search-field::placeholder { color: var(--color-ink-soft); opacity: 1; }
body .search-submit, .site-footer .search-submit { width: auto; min-height: 42px; padding: 8px 14px; border-radius: 4px; font-size: 14px; box-shadow: none; transform: none; }
body .search-submit:hover, body .search-submit:focus-visible, .site-footer .search-submit:hover { transform: none; box-shadow: none; }
.site-main, html.theme-dark .site-main { padding: 0; background: transparent; }
.site-main::before, .site-main::after { display: none; }
.intro-hero { position: relative; isolation: isolate; background: var(--color-paper-deep); }
.intro-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; z-index: -2; }
.intro-hero--image::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(9 16 12 / 92%), rgb(9 16 12 / 76%) 45%, rgb(9 16 12 / 15%)); }
.intro-hero__content { padding-block: 60px 64px; }
.experience-eyebrow { margin: 0 0 16px; color: var(--color-cyan); font-size: 13px; font-weight: 650; display: flex; align-items: center; gap: 8px; }
.intro-hero h1 { max-width: 850px; margin: 0 0 22px; font-size: 64px; line-height: 1.06; font-weight: 750; }
.intro-hero__summary { max-width: 650px; font-size: 18px; margin: 0 0 26px; color: var(--color-ink-soft); }
.intro-hero--image { color: #fff; }
.intro-hero--image .experience-eyebrow { color: #b9e8c9; }
.intro-hero--image .intro-hero__summary { color: #ecf0ed; }
.intro-hero--image .button--secondary { color: #fff; border-color: #a3b2a9; }
.intro-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.intro-hero--controller { overflow: hidden; }
.intro-hero--controller .intro-hero__image { inset: 0 0 0 auto; width: min(52%, 760px); height: 100%; object-fit: contain; object-position: right center; }
.intro-hero--controller .intro-hero__content > :not(.intro-hero__actions) { max-width: 48%; }
.intro-hero--controller .intro-hero__actions { max-width: 48%; }
.experience-section { padding-block: 64px; }
.experience-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.experience-heading > * { min-width: 0; }
.experience-heading h2 { margin: 0; font-size: 34px; }
.experience-heading p:not(.experience-eyebrow) { margin: 12px 0 0; color: var(--color-ink-soft); max-width: 660px; }
.experience-link { display: inline-flex; align-items: center; gap: 10px; color: var(--color-ink); font-size: 14px; font-weight: 650; text-decoration: none; min-height: 44px; flex-shrink: 0; max-width: 100%; }
.experience-link:hover { text-decoration: underline; }
.channel-player { position: relative; width: 100%; max-width: 100%; min-width: 0; aspect-ratio: 16 / 9; min-height: 200px; background: #101412; }
.channel-player iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.channel-player--preview img { display: block; width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.upload-screen { width: min(100%, 1080px); margin-inline: auto; min-width: 0; }
.upload-section .upload-caption { width: min(100%, 1080px); margin-inline: auto; }
.upload-caption { display: flex; align-items: center; gap: 24px; justify-content: space-between; padding-top: 22px; }
.upload-caption > div { min-width: 0; }
.upload-caption h3 { font-size: 22px; margin: 6px 0 0; max-width: 800px; }
.upload-caption time { color: var(--color-ink-soft); font-size: 13px; }
.browse-section { background: var(--color-paper-deep); }
.browse-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 32px; }
.browse-links a { display: flex; flex-direction: column; align-items: stretch; gap: 12px; color: var(--color-ink); text-decoration: none; font-size: 22px; font-weight: 650; min-width: 0; }
.browse-link__media { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: #d2e3d9; color: #245d46; }
.browse-link__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.browse-link:hover .browse-link__media img { transform: scale(1.025); }
.browse-link:nth-child(3n + 2) .browse-link__media--icon { background: #eddae0; color: #8c2b47; }
.browse-link:nth-child(3n) .browse-link__media--icon { background: #ebe2c7; color: #755516; }
html.theme-dark .browse-link__media--icon { background: #243d30; color: #b9e8c9; }
html.theme-dark .browse-link:nth-child(3n + 2) .browse-link__media--icon { background: #422b35; color: #f2b8c8; }
html.theme-dark .browse-link:nth-child(3n) .browse-link__media--icon { background: #393525; color: #ebd39c; }
.browse-link__media--icon .dashicons { font-size: 64px; width: 64px; height: 64px; }
.browse-link__title { display: flex; align-items: center; gap: 12px; padding-top: 6px; }
.browse-link__title > .dashicons:first-child { color: var(--color-cyan); }
.browse-link__title > .dashicons:last-child { margin-left: auto; }
.browse-link__description { font-size: 15px; line-height: 1.65; font-weight: 400; color: var(--color-ink-soft); }
.browse-links a > .dashicons:first-child { color: var(--color-cyan); width: 28px; height: 28px; font-size: 28px; }
.browse-links a:nth-child(3n + 2) > .dashicons:first-child { color: var(--color-red); }
.browse-links a:nth-child(3n) > .dashicons:first-child { color: #a57314; }
html.theme-dark .browse-links a:nth-child(3n) > .dashicons:first-child { color: #e8c573; }
.browse-links a > .dashicons:last-child { margin-left: auto; }
.browse-links a:hover { color: var(--color-cyan); }
.post-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 44px 28px; }
body .post-card, html.theme-dark .post-card { border: 0; background: transparent; border-radius: 0; box-shadow: none; overflow: visible; min-width: 0; }
body .post-card:hover { transform: none; box-shadow: none; }
.post-card__media { display: block; aspect-ratio: 16 / 9; border: 0; border-radius: 6px; overflow: hidden; background: var(--color-paper-deep); }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease; }
.post-card__media:hover img { transform: scale(1.025); }
body .post-card__body { padding: 18px 0 0; gap: 12px; }
body .post-card__meta { margin: 0; text-transform: none; color: var(--color-ink-soft); font-size: 12px; font-weight: 500; }
body .post-card__title, body .entry-content .post-card__title { font-size: 21px; line-height: 1.35; margin: 0; border: 0; padding: 0; font-weight: 650; }
body .post-card__title a { color: var(--color-ink); }
body .post-card__excerpt { font-size: 15px; line-height: 1.7; margin: 0; color: var(--color-ink-soft); }
body .review-chip { border: 0; background: var(--color-paper-deep); color: var(--color-ink-soft); font-weight: 550; }
.site-section { padding-block: 48px; }
body .section-heading { border: 0; gap: 20px; margin-bottom: 28px; }
body .section-heading h2 { font-size: 32px; }
body .section-heading::after, body .section-heading::before { display: none; }
body .single-article, body .single-article__header, body .review-layout__main, body .entry-content, body .entry-footer, body .review-panel, body .recommendation-panel, body .star-rating-block, body .youtube-cta { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
body .entry-content h2, body .entry-content h3 { border: 0; padding-bottom: 0; }
body .entry-content h2 { font-size: 30px; margin-top: 40px; }
body .single-article__header h1, body .review-layout h1 { font-size: 42px; line-height: 1.16; }
body .entry-content { font-size: 17px; line-height: 1.8; }
body .review-panel, body .recommendation-panel { padding: 28px 0; }
body .recommendation-panel { gap: 28px; }
body .star-rating-block { padding-inline: 0; }
body .entry-content .wp-block-embed__wrapper:has(> .channel-player)::before { display: none; }
body .entry-content .wp-block-embed__wrapper:has(> .channel-player) { padding: 0; height: auto; }
body .entry-content .wp-block-embed:has(.channel-player) { padding: 0; background: none; border: 0; }
body .site-footer, html.theme-dark .site-footer { background: var(--color-paper-deep); color: var(--color-ink); border: 0; padding: 60px 0 22px; }
.footer-layout { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.site-footer a, html.theme-dark .site-footer a { color: var(--color-ink); }
.site-footer__brand { font-size: 15px; font-weight: 650; text-decoration: none; }
.footer-intro h2 { font-size: 30px; margin: 18px 0 12px; }
.footer-intro p { max-width: 490px; color: var(--color-ink-soft); }
.experience-socials { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.brand-icon { display: inline-block; width: 22px; height: 22px; background: currentColor; }
.brand-icon--tiktok { mask: url('../tiktok.svg') center / contain no-repeat; }
.experience-socials a, .footer-bottom > a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--color-panel); }
.experience-socials .dashicons { width: 23px; height: 23px; font-size: 23px; }
.footer-utilities { min-width: 0; }
.site-footer__search-title { font-size: 15px; text-transform: none; }
.site-footer .site-footer__search-title, html.theme-dark .site-footer .site-footer__search-title { color: var(--color-ink); }
body .fallback-media, html.theme-dark .fallback-media { background: var(--color-paper-deep); color: var(--color-ink); font-family: var(--font-sans); text-decoration: none; border: 0; }
.fallback-media::after { display: none; }
body .related-reviews, body .review-layout, html.theme-dark .review-layout { background: transparent; border: 0; box-shadow: none; }
body .review-layout > *, body .review-layout__main { min-width: 0; }
body .related-review-cards { border: 0; }
body .comment-area, body .account-panel__header { border: 0; }
body .recommendation-panel h2 { font-size: 28px; line-height: 1.25; font-weight: 650; }
body .post-card__fallback, html.theme-dark .post-card__fallback { background: var(--color-paper-deep); color: var(--color-ink); font: 600 20px/1.4 var(--font-sans); }
body .post-card__placeholder, html.theme-dark .post-card__placeholder { background: var(--color-paper-deep); color: var(--color-ink); font: 600 20px/1.4 var(--font-sans); }
html.theme-dark body :is(.single-article__header,.entry-content,.review-panel,.recommendation-panel,.youtube-cta) { background: transparent; border: 0; box-shadow: none; }
html.theme-dark body :is(.review-directory-filters,.account-card,.account-notice,.comment-body,.sidebar-widget) { background: var(--color-panel); box-shadow: none; }
body .review-sidebar__card, body .review-sidebar__cta, html.theme-dark .review-sidebar__card, html.theme-dark .review-sidebar__cta { background: transparent; border: 0; box-shadow: none; padding-inline: 0; }
body .review-panel__item { border: 0; background: transparent; padding-inline: 0; }
body .review-stat, html.theme-dark body .review-stat { border: 0; background: transparent; padding: 10px 0; }
body .entry-title, body .review-layout h1 { font-weight: 700; }
body .button::after, html.theme-dark .button::after { display: none; }
body .search-form--header .search-submit, .site-footer .search-form--footer .search-submit { border-radius: 4px; width: 44px; min-width: 44px; height: 44px; padding: 0; border: 0; }
html.theme-dark body .search-form--header, html.theme-dark body .search-form--footer { background: var(--color-panel); border-color: var(--color-line); box-shadow: none; }
html.theme-dark body .search-form--header .search-field, html.theme-dark body .search-form--footer .search-field { background: transparent; }
body .button, html.theme-dark body .button { box-shadow: none; }
.footer-navigation { margin: 0; }
.social-navigation a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.footer-navigation .menu { justify-content: flex-start; gap: 16px; flex-wrap: wrap; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 32px; color: var(--color-ink-soft); }
.footer-search { width: min(100%, 480px); margin-left: auto; min-width: 0; }
.footer-bottom > a { flex: 0 0 44px; text-decoration: none; }
.site-footer a { text-decoration: none; }
.site-footer .footer-navigation a:hover { text-decoration: underline; }
.footer-navigation a { display: inline-flex; align-items: center; min-height: 44px; }
.global-video .experience-inner { max-width: 900px; }
.global-video h2 { font-size: 26px; }
@media (prefers-reduced-motion: no-preference) {
	.reveal-ready { animation: experience-enter 500ms ease both; }
	@keyframes experience-enter { from { opacity: .5; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 1000px) {
	.header-main { flex-wrap: wrap; gap: 0 12px; }
	.site-header__nav-row { flex-basis: 100%; order: 3; }
	.site-header__nav-inner { justify-content: flex-start; padding-bottom: 10px; }
	.menu-toggle { display: flex; align-items: center; background: transparent; color: var(--color-ink); border: 0; padding: 8px 0; min-height: 44px; }
	.primary-navigation { display: none; position: static; width: 100%; padding: 0; background: transparent; max-height: 60vh; overflow: auto; }
	body.menu-open { overflow: auto; }
	.menu-open .primary-navigation { display: block; }
	.primary-navigation .menu { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
	.primary-navigation a { width: 100%; }
	.intro-hero h1 { font-size: 52px; }
	.intro-hero--controller .intro-hero__image { inset: auto 0 8px; width: 100%; height: 230px; object-position: center; }
	.intro-hero--controller .intro-hero__content { padding-bottom: 254px; }
	.intro-hero--controller .intro-hero__content > :not(.intro-hero__actions), .intro-hero--controller .intro-hero__actions { max-width: 100%; }
	.post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.browse-links { gap: 16px 24px; }
	.browse-links a { font-size: 19px; }
	.footer-layout { gap: 40px; }
}
@media (max-width: 760px) {
	.experience-inner, .site-header__search-inner { width: calc(100% - 40px); }
	.header-main { min-height: 64px; }
	.site-header__brand-row { flex-direction: row; align-items: center; padding: 12px 0; }
	.site-branding__name { font-size: 19px; }
	.site-header__nav-inner { display: block; }
	.menu-toggle { display: flex; align-items: center; background: transparent; color: var(--color-ink); border: 0; padding: 8px 0; min-height: 44px; }
	.primary-navigation { display: none; position: static; width: 100%; padding: 0; background: transparent; max-height: 60vh; overflow: auto; }
	body.menu-open { overflow: auto; }
	.menu-open .primary-navigation { display: block; }
	.primary-navigation .menu { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
	.primary-navigation a { width: 100%; }
	.site-header .site-header__search-inner { width: calc(100% - 40px); }
	.site-header__search-label { display: none; }
	.intro-hero__content { padding-block: 42px; }
	.intro-hero h1 { font-size: 42px; }
	.intro-hero__summary { font-size: 16px; max-width: 540px; }
	.intro-hero--image::before { background: rgb(9 16 12 / 78%); }
	.experience-section { padding-block: 42px; }
	.experience-heading { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 22px; }
	.experience-heading h2 { font-size: 28px; }
	.upload-caption { flex-direction: column; align-items: flex-start; gap: 12px; }
	.upload-caption h3 { font-size: 20px; }
	.browse-links { grid-template-columns: 1fr; gap: 28px; }
	.browse-link__media { max-height: 260px; }
	.browse-links a { font-size: 21px; min-height: 60px; }
	.footer-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
	.footer-bottom { flex-wrap: wrap; gap: 20px; }
	.footer-bottom small { flex: 1; }
	.footer-search { order: 2; width: 100%; }
	.post-grid { gap: 32px 20px; }
	body .single-article__header h1, body .review-layout h1 { font-size: 32px; }
	body .entry-content h2 { font-size: 26px; }
	body .entry-content { font-size: 16px; }
}
@media (max-width: 520px) {
	.experience-inner, .site-header__search-inner { width: calc(100% - 32px); }
	.site-header .site-header__search-inner { width: calc(100% - 32px); }
	.intro-hero h1 { font-size: 36px; }
	.intro-hero__actions { gap: 10px; }
	.intro-hero__actions .button { padding: 10px 12px; font-size: 14px; }
	.intro-hero--controller .intro-hero__image { height: 180px; }
	.intro-hero--controller .intro-hero__content { padding-top: 28px; padding-bottom: 204px; }
	.post-grid { grid-template-columns: minmax(0,1fr); }
	body .section-heading h2 { font-size: 28px; }
	.footer-intro h2 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
	html.smooth-scroll { scroll-behavior: auto; }
	body *, body *::before, body *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
body.no-motion *, body.no-motion *::before, body.no-motion *::after { animation: none !important; transition: none !important; }