.site-footer .wordmark{color:#fff}
.site-footer .wordmark-mark{color:#d9ece8}
.footer-bottom>div{flex-wrap:wrap}
.footer-top>span{line-height:1.2}
.guide-stack a{min-height:93px;display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff3a;color:#f4f6f2;transition:background .2s,padding .2s}
.guide-stack a:last-child{border-bottom:1px solid #ffffff3a}
.guide-stack a:hover{background:#ffffff10;padding-left:8px}
.guide-stack a span:first-child{font-family:Georgia,serif;font-style:italic;color:#9ec8c6;font-size:20px}
.guide-stack a strong{font-size:20px;font-weight:600;letter-spacing:-.03em}
.guide-stack a span:last-child{margin-left:auto;font-size:10px;letter-spacing:.07em;color:#b5d0cf;text-transform:uppercase}
.experience-link{display:block;height:100%}
.experience-link:focus-visible{outline:3px solid #4567e8;outline-offset:-3px}
.site-card-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 74% 22%,#e8e7bf 0,#8fc3b8 22%,transparent 55%),linear-gradient(135deg,#123d50,#6f91a1 48%,#d2aa91)}
.experience-card:nth-child(3n+2) .site-card-art{background:radial-gradient(circle at 18% 25%,#d2eef0 0,#82b9ce 20%,transparent 53%),linear-gradient(135deg,#293653,#956b8c,#e7aa8a)}
.experience-card:nth-child(3n+3) .site-card-art{background:radial-gradient(circle at 75% 80%,#d9f6d9 0,#8dbb87 20%,transparent 52%),linear-gradient(135deg,#17384c,#537d78,#c7c08a)}
.site-monogram{color:#ffffffdf;font-size:86px;font-weight:800;letter-spacing:-.09em;text-shadow:0 10px 35px #102f3b70}
.card-content{min-height:185px;display:flex;flex-direction:column}
.card-content p{margin-bottom:auto;padding-bottom:22px}
.catalog-empty{border:1px solid #dbe6e5;background:#f6faf8;border-radius:8px;padding:42px;max-width:720px}
.catalog-empty strong{font-size:22px;letter-spacing:-.035em}
.catalog-empty p{color:#607781;line-height:1.6;max-width:520px}
.catalog-empty a{display:inline-block;margin-top:9px;color:#2853d7;font-size:13px;font-weight:750}
.collection-section{background:#f0f4f2}
.latest-section{background:#fff}
.interior-hero{background:linear-gradient(105deg,#071b2a,#173b4b 56%,#486f70);color:#fff;padding:58px 0 65px}
.interior-hero .eyebrow{color:#add9d5}
.interior-hero h1{font-size:clamp(3.5rem,5.4vw,5.8rem);line-height:.98;letter-spacing:-.06em;max-width:900px;margin:20px 0 23px}
.interior-hero p{font-size:17px;line-height:1.65;max-width:700px;color:#dae8e8}
.interior-hero .hero-cta{margin-top:18px}
.listing-section{background:#fff;padding-top:52px}
.filter-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:19px;background:#f3f7f5;border:1px solid #e2e9e6;border-radius:8px}
.filter-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#537077;min-width:130px;flex:1}
.filter-form label:first-child{min-width:190px;flex:1.5}
.filter-form input,.filter-form select,.public-form input,.public-form select,.public-form textarea,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #cfdbdb;border-radius:5px;background:#fff;color:#173441;padding:11px 12px;outline:0}
.filter-form input:focus,.filter-form select:focus,.public-form input:focus,.public-form select:focus,.public-form textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#5474e7;box-shadow:0 0 0 3px #5474e726}
.filter-form button,.public-form button,.admin-form button,.admin-actions button,.admin-alert button,.admin-panel button,.admin-primary{border:0;border-radius:4px;background:#173c4d;color:#fff;padding:12px 16px;font-size:12px;font-weight:780;white-space:nowrap;display:inline-block}
.filter-form button:hover,.public-form button:hover,.admin-form button:hover,.admin-panel button:hover{background:#25566a}
.filter-form>a{padding:12px 4px;font-size:12px;font-weight:750;color:#58727b}
.result-count{color:#71858c;font-size:12px;font-weight:750;margin:25px 0 16px}
.detail-hero{padding-bottom:65px}
.detail-actions{display:flex;align-items:center;gap:25px;margin-top:30px}
.detail-actions>a:last-child{font-size:12px;color:#daecee;text-decoration:underline;text-underline-offset:4px}
.outbound-disabled{display:inline-flex;align-items:center;background:#f9e9db;color:#7b4932;border-radius:4px;padding:13px 16px;font-size:12px;font-weight:700}
.detail-section{background:#fff;padding-top:68px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);gap:75px}
.detail-main h2,.detail-facts h2{font-size:32px;letter-spacing:-.04em;margin:0 0 20px}
.detail-main h3{font-size:18px;margin:30px 0 10px}
.detail-main p{font-size:15px;color:#526c76;line-height:1.75;white-space:pre-line}
.detail-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.detail-facts{align-self:start;background:#f3f7f6;border:1px solid #e2eae8;border-radius:8px;padding:25px}
.detail-facts dl{margin:0}
.detail-facts dl>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:13px 0;border-top:1px solid #dae5e2}
.detail-facts dt{font-size:11px;color:#6d858a;font-weight:700}
.detail-facts dd{margin:0;font-size:12px;font-weight:680;overflow-wrap:anywhere}
.detail-facts dd a{color:#3156d9}
.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}
.tag-list span{background:#e8f3f0;color:#28675f;border-radius:30px;padding:7px 10px;font-size:11px;font-weight:750}
.similar-section{background:#eef4f1}
.form-section{background:#fff}
.public-form{max-width:690px;margin:auto;background:#f7faf9;border:1px solid #e1e9e6;border-radius:9px;padding:35px}
.public-form h2{margin:0 0 25px;font-size:30px;letter-spacing:-.04em}
.public-form label,.admin-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:12px;font-weight:750;color:#31515d}
.public-form label span{color:#bb563a}
.public-form small{font-weight:400;color:#7c8e94}
.public-form textarea,.admin-form textarea{resize:vertical;min-height:90px;line-height:1.5}
.public-form button:disabled{background:#aab9bb;cursor:not-allowed}
.public-form .scope-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.5}
.public-form .scope-check input{width:auto;margin-top:2px}
.form-note{font-size:12px;color:#72878d;line-height:1.6;margin:18px 0 0}
.form-message{padding:12px;background:#dff3e9;color:#216f52;border-radius:5px}
.cf-turnstile{margin:18px 0}
.guide-article{max-width:850px;padding-top:80px;padding-bottom:100px;background:#fff}
.guide-article h2{font-size:30px;letter-spacing:-.04em;margin:37px 0 12px}
.guide-article p{font-size:16px;line-height:1.8;color:#526c76}
.guide-article .source-note{margin-top:42px;padding:20px;background:#eef5f2;border-left:3px solid #4c9a8c;font-size:13px}
.guide-article a{color:#3158cf;text-decoration:underline;text-underline-offset:3px}
.admin-shell{padding-top:55px;padding-bottom:90px}
.admin-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:33px}
.admin-head h1{font-size:44px;letter-spacing:-.055em;margin:10px 0}
.admin-head p{font-size:14px;color:#698089;line-height:1.5}
.admin-head>a:not(.admin-primary){color:#3258d2;font-weight:700;font-size:13px}
.admin-alert{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e8f3ee;border:1px solid #bddccf;border-radius:7px;padding:20px;margin-bottom:20px}
.admin-alert.is-paused{background:#fff0e9;border-color:#edc7b4}
.admin-alert p{font-size:12px;color:#59757e;margin:6px 0 0}
.admin-alert button.danger,.admin-panel button.danger,.admin-actions button.danger{background:#a63e39}
.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.admin-summary>div{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #e1e8e6;border-radius:7px;padding:20px}
.admin-summary strong{font-size:31px;line-height:1}
.admin-summary span{font-size:11px;color:#6e858c}
.admin-panel,.admin-form,.admin-actions{background:#fff;border:1px solid #e1e8e6;border-radius:8px;padding:25px;margin-top:20px}
.admin-panel h2,.admin-form h2{font-size:22px;letter-spacing:-.035em;margin:0 0 18px}
.admin-form h2:not(:first-child){margin-top:30px;padding-top:22px;border-top:1px solid #e4ebea}
.admin-table-wrap{overflow-x:auto}
.admin-panel table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
.admin-panel th{color:#789097;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.admin-panel th,.admin-panel td{border-bottom:1px solid #e7eeee;padding:13px 10px;vertical-align:top}
.admin-panel td{overflow-wrap:anywhere}
.admin-panel td small{display:block;margin-top:5px;color:#82969c;max-width:230px}
.admin-panel td form{display:inline-block;margin:0 4px 4px 0}
.admin-panel button{padding:7px 10px;font-size:11px}
.admin-panel button.subtle,.admin-actions button.subtle{background:#e9efef;color:#375766}
.admin-empty{color:#81939a;font-size:13px}
.admin-status{background:#e6f2ef;border-radius:20px;padding:5px 8px;font-weight:700}
.admin-link{color:#3258dc;font-weight:750;margin-right:10px}
.audit-list{padding:0;margin:0;list-style:none}
.audit-list li{display:flex;gap:8px;border-top:1px solid #e7eeee;padding:11px 0;font-size:12px}
.audit-list li span{margin-left:auto;color:#8a9aa0}
.admin-form{max-width:900px}
.admin-form fieldset{border:1px solid #dfe9e7;border-radius:6px;margin-bottom:20px}
.admin-link-alert{background:#fff0e8;color:#7a4935;padding:12px;border-radius:5px;font-size:12px}
.admin-form .inline-check{display:flex;flex-direction:row;align-items:center;gap:8px}
.admin-form .inline-check input{width:auto}
.admin-form legend{font-size:12px;font-weight:750;color:#31515d;padding:0 6px}
.admin-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.admin-checks label,.admin-actions label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:12px}
.admin-checks input,.admin-actions input{width:auto}
.form-two,.form-three{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form-three{grid-template-columns:repeat(3,1fr)}
.admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;max-width:900px}
.admin-actions form:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:35px}.admin-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.guide-stack a{gap:12px;min-height:70px}.guide-stack a strong{font-size:15px}.guide-stack a span:last-child{font-size:8px}.interior-hero{padding:70px 0}.interior-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.interior-hero p{font-size:14px}.detail-actions{flex-wrap:wrap}.detail-two{grid-template-columns:1fr;gap:0}.detail-facts dl>div{grid-template-columns:95px 1fr}.public-form{padding:23px}.filter-form label{flex:1 1 45%}.filter-form label:first-child{flex-basis:100%}.guide-article{padding-top:55px;padding-bottom:70px}.form-two,.form-three{grid-template-columns:1fr;gap:0}.admin-head{display:block}.admin-head h1{font-size:35px}.admin-summary{gap:8px}.admin-checks{grid-template-columns:repeat(2,1fr)}.admin-alert{align-items:flex-start;flex-direction:column}.audit-list li{display:block}.audit-list li span{display:block;margin:5px 0 0}}

/* Stronger editorial contrast, approved homepage layout retained */
:root{--ink:#102535;--muted:#405765;--paper:#eef2ef;--line:#cbd8d5;--blue:#214ae3;--teal:#59c6bc}
.demo-bar{background:#163d4c;color:#ecf8f4}.demo-dot,.sample-label span{background:#59c6bc}.demo-divider{opacity:.65}
.site-header{border-bottom-color:#d5e0dc}.main-nav{color:#334b58}.main-nav a:hover,.main-nav a.active{color:#102535}.nav-submit{border-color:#9fb4bd;color:#143242}.nav-submit:hover{background:#e5f0ff;border-color:#456ae4}
.hero-image{filter:saturate(1.2) contrast(1.07)}.hero-shade{background:linear-gradient(90deg,rgba(3,16,29,.94) 0%,rgba(5,21,36,.82) 27%,rgba(7,24,39,.34) 57%,rgba(4,17,29,.02) 100%),linear-gradient(0deg,rgba(2,13,24,.7) 0%,transparent 36%)}.hero h1 em{color:#91eadb}.hero-copy>p{color:#f0f7f7}.eyebrow.light{color:#a4f0e2}.hero-devices>span{color:#e4f4f2}.device-pill{border-color:#c5eeee88;color:#effbfa}.hero-search button{background:#214ae3}.hero-search button:hover{background:#1437b5}.hero-search input::placeholder{color:#576e78}
.trust-strip{background:#143b49}.trust-inner>div{color:#f0f7f4}.trust-inner>div+div{border-left-color:#ffffff3d}.trust-number{color:#7be0d2}
.section-heading h2 em,.submit-inner h2 em{color:#255c64}.section-heading>p,.featured-intro p{color:#415b67}.eyebrow{color:#255665}.eyebrow-line{background:#3155e6}
.category-card{border-color:#c3d3d0;box-shadow:0 3px 0 #1739480b}.category-card:hover,.category-card:focus-visible{border-color:#3155e6;box-shadow:0 16px 35px #12374d20}.category-card.selected{border-color:#214ae3;box-shadow:0 0 0 2px #214ae333}.cat-text strong{color:#102535}.cat-text small{color:#405765}.cat-arrow{color:#2d5365}.lavender{background:#dbd2f5;color:#563ca3}.peach{background:#f9d9c8;color:#a45323}.mint{background:#c5ebd0;color:#1e7652}.blue{background:#c9defa;color:#2459ac}.yellow{background:#ffe3a8;color:#8a5714}.pink{background:#f6cddd;color:#a13b66}.sky{background:#c4e8e9;color:#216f74}.lilac{background:#ded5f6;color:#654cac}
.sample-label{background:#cdece2;color:#126149}.result-status,.result-count{color:#405a64}.experience-card{border-color:#cbdad8;box-shadow:0 4px 0 #14374a0a}.card-meta,.card-footer{color:#355361}.card-content p{color:#405968}.card-link{color:#1744d6}.card-badge{background:#fff;color:#173747}
.collection-section{background:#e3ebe6}.submit-section{background:#cfe7df}.submit-copy p{color:#355866}.submit-demo{background:#174958}.submit-demo:hover{background:#103746}.footer-bottom{color:#b8cdd4}.guide-copy p{color:#d0e2e4}
.catalog-empty{background:#edf5ef;border-color:#b8d0c4}.catalog-empty p,.detail-main p,.guide-article p{color:#405b68}.filter-form{background:#ebf1ed;border-color:#c9d9d0}.filter-form label{color:#325463}.filter-form>a{color:#2f5362}.detail-facts dt{color:#3e5b63}.form-note{color:#425f6c}
@media(max-width:720px){.mobile-nav:not([hidden]){background:#f7faf7}.mobile-nav a{color:#193746;border-bottom-color:#d3e0da}.hero-shade{background:linear-gradient(90deg,#051528ee,#0b203c70),linear-gradient(0deg,#051526c2,transparent 58%)}}

/* Kinetic VR hero */
.hero,.hero-inner{min-height:720px}.hero{background:#061126}.hero-image{background-image:url('./assets/hero-2ca0a096ed85.webp');background-position:center center;filter:saturate(1.13) contrast(1.04);animation:hero-drift 14s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(2,8,25,.66),rgba(2,8,25,.08) 58%,transparent)}.hero-copy{max-width:680px;padding:30px 0 95px}.hero .eyebrow.light{color:#6bf0ea;font-size:12px;letter-spacing:.24em}.hero h1{font-size:clamp(5.5rem,9.5vw,10rem);line-height:.82;letter-spacing:-.085em;margin:28px 0 28px;font-weight:830;text-transform:uppercase}.hero h1 em{font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-weight:830;font-style:normal;color:#6bf0ea;letter-spacing:-.085em}.hero-copy>p{font-size:20px;font-weight:600;color:#f5fbff;margin:0 0 33px}.hero-cta{background:#62e9de!important;color:#071c31!important;min-height:55px;padding:17px 24px!important;box-shadow:0 9px 35px #35eadc55}.hero-cta:hover{background:#ff907f!important;transform:translateY(-3px)}.hero-devices{position:absolute;bottom:42px;left:0;margin:0;gap:10px}.device-pill{background:#071d38b8;border:1px solid #79cbd58a;color:#f5ffff;backdrop-filter:blur(10px);padding:9px 13px}.device-pill.active{background:#fff;color:#092335}.hero:after{content:'';position:absolute;right:0;bottom:0;width:44%;height:6px;background:linear-gradient(90deg,#48daef,#ff8f82)}.section-heading>p{max-width:210px}.section-heading h2{font-weight:750}.experience-card{transition:transform .25s,box-shadow .25s}.experience-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 22px 45px #0a263a2b}.card-image img{filter:saturate(1.2) contrast(1.05)}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.hero-image{animation:none}}
@media(max-width:720px){.hero,.hero-inner{min-height:690px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#020d23de,#03112b88 73%,#06122d22)}.hero-copy{padding:10px 0 100px}.hero h1{font-size:clamp(4.5rem,17vw,7rem);margin:22px 0}.hero-copy>p{font-size:16px;max-width:290px}.hero-devices{left:0;bottom:35px;gap:6px}.device-pill{padding:8px 10px;font-size:10px}}

/* Expressive category rail */
.header-categories .category-nav-scroll{align-items:center;gap:5px}.header-categories .category-card{--cat-bg:#e9f3f2;--cat-accent:#148b87;height:39px;min-height:39px;padding:0 10px;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:999px;background:var(--cat-bg);color:#173040;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.header-categories .category-card:before{content:'';display:block;width:7px;height:7px;flex:none;border-radius:2px;background:var(--cat-accent);transform:rotate(45deg);box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-accent) 16%,transparent)}.header-categories .category-card strong{font-size:10px;font-weight:800;letter-spacing:-.01em}.header-categories .category-card:nth-child(1){--cat-bg:#e9ddff;--cat-accent:#7c42df}.header-categories .category-card:nth-child(2){--cat-bg:#ffddd2;--cat-accent:#e45b3d}.header-categories .category-card:nth-child(3){--cat-bg:#ddf1bd;--cat-accent:#4c981c}.header-categories .category-card:nth-child(4){--cat-bg:#ffd8e7;--cat-accent:#d74080}.header-categories .category-card:nth-child(5){--cat-bg:#c9f1ed;--cat-accent:#0e9f9a}.header-categories .category-card:nth-child(6){--cat-bg:#fff0ba;--cat-accent:#b57b0c}.header-categories .category-card:nth-child(7){--cat-bg:#d7e6ff;--cat-accent:#3469cc}.header-categories .category-card:nth-child(8){--cat-bg:#e3e9ef;--cat-accent:#506a80}.header-categories .category-card:hover,.header-categories .category-card:focus-visible{transform:translateY(-3px);background:var(--cat-bg);border-color:var(--cat-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--cat-accent) 25%,transparent);color:#0c2634;outline:none}.header-categories .category-card.selected,.header-categories .category-card[aria-pressed=true]{background:var(--cat-accent);color:#fff;border-color:var(--cat-accent);box-shadow:0 6px 16px color-mix(in srgb,var(--cat-accent) 33%,transparent)}.header-categories .category-card.selected:before,.header-categories .category-card[aria-pressed=true]:before{background:#fff;box-shadow:none}.header-categories .category-card.selected:hover,.header-categories .category-card[aria-pressed=true]:hover{color:#fff}
@media(max-width:900px){.header-categories{border-top-color:#d7e4e0}.header-categories .category-nav-scroll{height:50px;gap:6px}.header-categories .category-card{height:34px;min-height:34px;padding:0 10px}.header-categories .category-card strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.header-categories .category-card{transition:none}.header-categories .category-card:hover{transform:none}}

/* Editorial navigation and typography */
@font-face{font-family:'Space Grotesk';src:url('./assets/display.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'DM Sans';src:url('./assets/body.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body{font-family:'DM Sans',Arial,sans-serif;letter-spacing:0}.site-header{background:#070e1d;border-bottom:1px solid #1b2a3e;box-shadow:none}.site-header .wordmark{color:#fff;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:-.07em}.site-header .wordmark-mark{color:#62e9de}.site-header .wordmark-period{color:#62e9de}.nav-wrap{height:76px}.header-categories{margin-left:16px}.header-categories .category-nav-scroll{height:76px;align-items:center;gap:2px}.header-categories .category-card,.header-categories .category-card:nth-child(n){height:76px;min-height:76px;padding:0 11px;border:0;border-radius:0;background:transparent;color:#c6d2df;box-shadow:none;transform:none;transition:color .2s}.header-categories .category-card:before{display:none}.header-categories .category-card strong{font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0}.header-categories .category-card:after{content:'';position:absolute;left:11px;right:11px;bottom:17px;height:2px;background:#65e9df;transform:scaleX(0);transform-origin:left;transition:transform .2s}.header-categories .category-card:hover,.header-categories .category-card:focus-visible,.header-categories .category-card.selected,.header-categories .category-card[aria-pressed=true]{background:transparent;color:#fff;border:0;box-shadow:none;transform:none;outline:none}.header-categories .category-card:hover:after,.header-categories .category-card:focus-visible:after,.header-categories .category-card.selected:after,.header-categories .category-card[aria-pressed=true]:after{transform:scaleX(1)}.nav-search button{background:#16263a;color:#eafcff;border:1px solid #31435a}.nav-search button:hover{background:#214158}.nav-submit{color:#e8f6fa;border-color:#42566a;background:#0e1e31;font-family:'DM Sans',Arial,sans-serif}.nav-submit:hover{background:#193b4d;border-color:#62e9de}.mobile-menu{color:#f0fbfb}.hero h1,.section-heading h2,.guide-copy h2,.submit-inner h2,.card-content h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700}.hero h1 em{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700}.section-heading h2 em,.guide-copy h2 em,.submit-inner h2 em{font-family:'Space Grotesk',Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.06em}.hero .eyebrow.light{font-family:'DM Sans',Arial,sans-serif}.card-content p{font-family:'DM Sans',Arial,sans-serif}.mobile-nav:not([hidden]){background:#0c1829}.mobile-nav a{color:#eef9fa;border-bottom-color:#27394d}
@media(max-width:900px){.site-header .nav-wrap{min-height:68px}.header-categories{background:#0b1728;border-top:1px solid #223247}.header-categories .category-nav-scroll{height:50px;gap:2px}.header-categories .category-card,.header-categories .category-card:nth-child(n){height:50px;min-height:50px;padding:0 13px;color:#c6d2df}.header-categories .category-card:after{left:13px;right:13px;bottom:7px}.header-categories .category-card strong{font-size:12px}.nav-search button{background:#16263a;color:#eafcff}.mobile-menu{color:#f0fbfb}}
@media(prefers-reduced-motion:reduce){.header-categories .category-card:after{transition:none}}

/* Animated VRHatch wordmark */
.site-header .wordmark-mark{position:relative;transform-origin:50% 60%;animation:vr-mark-float 5.2s ease-in-out infinite;transition:transform .28s ease,filter .28s ease}.site-header .wordmark-mark span{transform-origin:50% 50%}.site-header .wordmark-mark span:first-child{animation:vr-eye-blink 5.2s ease-in-out infinite}.site-header .wordmark-mark span:last-child{animation:vr-eye-blink 5.2s ease-in-out infinite .08s}.site-header .wordmark-period{display:inline-block;animation:vr-dot-pulse 5.2s ease-in-out infinite}.site-header .wordmark:hover .wordmark-mark,.site-header .wordmark:focus-visible .wordmark-mark{animation-play-state:paused;transform:rotate(5deg) translateY(-3px) scale(1.1);filter:drop-shadow(0 0 9px #62e9de88)}.site-header .wordmark:hover .wordmark-mark span,.site-header .wordmark:focus-visible .wordmark-mark span{animation-play-state:paused;transform:rotate(13deg) translateX(1px)}.site-header .wordmark:hover .wordmark-period,.site-header .wordmark:focus-visible .wordmark-period{animation-play-state:paused;color:#89fff2;text-shadow:0 0 12px #62e9de}.site-header .wordmark:focus-visible{outline:2px solid #62e9de;outline-offset:5px;border-radius:2px}@keyframes vr-mark-float{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-2px)}}@keyframes vr-eye-blink{0%,43%,47%,100%{transform:rotate(13deg) scaleY(1)}45%{transform:rotate(13deg) scaleY(.13)}}@keyframes vr-dot-pulse{0%,100%{opacity:1;text-shadow:0 0 0 transparent}50%{opacity:.65;text-shadow:0 0 9px #62e9de88}}@media(prefers-reduced-motion:reduce){.site-header .wordmark-mark,.site-header .wordmark-mark span,.site-header .wordmark-period{animation:none}.site-header .wordmark:hover .wordmark-mark,.site-header .wordmark:focus-visible .wordmark-mark{transform:rotate(-8deg);filter:none}}

/* Natural blink: once on entry, then about every four seconds */
.site-header .wordmark-mark span:first-child,.site-header .wordmark-mark span:last-child{animation:vr-eye-blink-timed 4s linear infinite;animation-delay:0s}@keyframes vr-eye-blink-timed{0%,1%,5%,100%{transform:rotate(13deg) scaleY(1)}2.5%{transform:rotate(13deg) scaleY(.08)}}@media(prefers-reduced-motion:reduce){.site-header .wordmark-mark span:first-child,.site-header .wordmark-mark span:last-child{animation:none}}

/* Featured product and news carousel */
.hero-carousel{height:480px;min-height:0;isolation:isolate}
.hero-carousel .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}
.hero-carousel .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-carousel .hero-hit{position:absolute;inset:0;display:block;color:inherit;cursor:pointer}
.hero-carousel .hero-hit:focus-visible{outline:3px solid #65e9df;outline-offset:-3px}
.hero-carousel .hero-image{background-color:#061126;background-size:min(100vw,1450px) auto;background-repeat:no-repeat;background-position:right 42%}
.hero-carousel .hero-media{left:auto;right:0;width:min(100%,1450px);height:100%;object-fit:cover;object-position:center 45%}
.hero-carousel .hero-slide:nth-child(even) .hero-image{background-image:url('./assets/hero-fc16ec42c20c.webp')}
.hero-carousel .hero-slide:nth-child(odd) .hero-image{background-image:url('./assets/hero-2ca0a096ed85.webp')}
.hero-carousel .hero-shade{background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.66) 38%,rgba(2,10,27,.08) 79%)}
.hero-carousel .hero-inner{height:100%;min-height:0;position:relative;z-index:2;display:flex;align-items:center;padding:35px 0 75px;box-sizing:border-box}
.hero-carousel .hero-copy{max-width:640px;padding:0}
.hero-carousel .hero-story-title{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(2.8rem,4.8vw,5.2rem);font-weight:700;line-height:1.02;letter-spacing:-.065em;max-width:680px;margin:16px 0 16px;text-wrap:balance}
.hero-carousel .hero-copy p{max-width:520px;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.5;color:#e1edf6}
.hero-carousel .hero-controls{position:absolute;left:0;right:0;bottom:24px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:24px}
.hero-progress{display:flex;align-items:center;gap:8px}
.hero-dot{min-width:80px;height:38px;border:0;border-top:2px solid rgba(255,255,255,.32);background:transparent;color:#b6cce1;text-align:left;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
.hero-dot.is-active,.hero-dot:hover,.hero-dot:focus-visible{border-top-color:#65e9df;color:#fff}
.hero-arrows{display:flex;gap:8px}
.hero-arrows button{width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(8,20,39,.35);color:#fff;font-size:20px;cursor:pointer;transition:background .2s,transform .2s}
.hero-arrows button:hover,.hero-arrows button:focus-visible{background:#24546a;transform:translateY(-2px)}
@media(max-width:700px){.hero-carousel{height:490px}.hero-carousel .hero-image{background-size:auto 100%;background-position:65% center}.hero-carousel .hero-inner{height:100%;min-height:0;align-items:flex-end;padding:32px 0 90px}.hero-carousel .hero-shade{background:linear-gradient(0deg,rgba(2,10,27,.96),rgba(2,10,27,.7) 48%,rgba(2,10,27,.12))}.hero-carousel .hero-story-title{font-size:clamp(2.5rem,10vw,4rem)}.hero-carousel .hero-controls{bottom:20px}.hero-dot{min-width:50px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}.hero-arrows button{transition:none}}
.detail-media{margin:0 0 32px;background:#061126;border-radius:8px;overflow:hidden}
.detail-media video,.detail-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.detail-media span{display:block;padding:9px 14px;color:#d5e8ec;font-size:11px;letter-spacing:.04em}
.trailer-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#061126;color:#fff;cursor:pointer}
.trailer-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78}
.trailer-play span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;border-radius:40px;background:#0b1929dd;color:#fff;font-size:14px;font-weight:800;padding:15px 22px}
.hls-trailer video[hidden],.hls-trailer .trailer-play[hidden]{display:none}
.guide-index-section{background:#f0f4f2}
.guide-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-index-card{display:flex;flex-direction:column;min-height:280px;padding:30px;background:#fff;border:1px solid #dce6e3;border-radius:8px;color:#173441;transition:transform .2s,box-shadow .2s}
.guide-index-card{padding:0;overflow:hidden}
.guide-index-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.guide-index-card>div{display:flex;flex-direction:column;flex:1;padding:23px}
.guide-index-card small{display:block;color:#6b8289;line-height:1.45;margin:0 0 18px}
.guide-index-card>div>span:last-child{margin-top:auto;font-weight:750;font-size:12px;color:#214ae3}
.guide-index-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #122d3820}
.guide-index-card .eyebrow{color:#2d7776}
.guide-index-card h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.12;letter-spacing:-.04em;margin:20px 0 12px}
.guide-index-card p{color:#627b81;line-height:1.55;margin:0 0 24px}
.guide-index-card>span:last-child{margin-top:auto;font-weight:750;font-size:12px;color:#214ae3}
.guide-visual{margin:0 0 28px}
.guide-visual img{display:block;width:100%;height:auto;border-radius:8px}
.guide-visual figcaption{margin:8px 0 0;color:#71868b;font-size:11px}
.guide-sources{background:#edf5f3;border-left:3px solid #48a99a;padding:15px 20px;margin:0 0 28px}
.guide-sources strong{font-size:13px}
.guide-sources ul{margin:8px 0 0;padding-left:18px}
.guide-sources li{font-size:12px;margin:4px 0}
@media(max-width:800px){.guide-index-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.guide-index-grid{grid-template-columns:1fr}.guide-index-card{min-height:220px}}
.news-index-section{background:#f0f4f2}
.news-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news-card{overflow:hidden;border:1px solid #dce6e3;border-radius:8px;background:#fff}
.news-card a{display:block;height:100%;color:#173441}
.news-card-image{aspect-ratio:16/9;background:linear-gradient(135deg,#09233c,#27788b)}
.news-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.news-card-copy{display:flex;flex-direction:column;min-height:210px;padding:20px}
.news-card-copy>span{color:#4d777d;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.news-card-copy h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.15rem,1.6vw,1.5rem);line-height:1.2;letter-spacing:-.035em;margin:14px 0 20px}
.news-card-copy strong{margin-top:auto;color:#214ae3;font-size:12px}
.card-rating{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:0 0 15px;color:#245d55;font-size:11px}
.card-rating strong{font-weight:800}
.card-rating span{color:#72868c}
.detail-reviews{background:#f3f8f6;border:1px solid #dce9e4;border-radius:8px;padding:24px;margin:0 0 32px}
.detail-reviews h2{margin:0 0 15px}
.review-score{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}
.review-score strong{font-size:28px;color:#1e776a}
.review-score span{color:#536f76;font-size:12px}
.detail-reviews .review-note{font-size:11px;color:#70858b;margin:7px 0 18px}
.review-excerpts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 17px}
.review-excerpts blockquote{margin:0;padding:16px;background:#fff;border-left:3px solid #6fc3af;border-radius:4px}
.review-excerpts blockquote:has(span:first-child){min-width:0}
.review-excerpts span{font-size:10px;font-weight:750;color:#54747b}
.review-excerpts p{font-size:13px;line-height:1.5;margin:10px 0 0;color:#27434d}
.detail-reviews>a{font-size:12px;font-weight:750;color:#214ae3}
@media(max-width:600px){.review-excerpts{grid-template-columns:1fr}}
@media(max-width:900px){.news-index-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.news-index-grid{grid-template-columns:1fr}}