/** Normal motion and type measured in the Firecrawl reference browser, 6 September 2026. */
.aurome-storefront .aurome-home .aurome-hero h1 { font:var(--aurome-type-display); letter-spacing:-.03em; }
.aurome-storefront .aurome-hero h1 em { font-family:var(--aurome-serif); font-weight:300; font-style:italic; letter-spacing:-.01em; }
.aurome-storefront .aurome-hero-layout { min-height:548px; gap:32px; }
.aurome-storefront .aurome-hero-copy { align-self:center; padding:20px 0; }
.aurome-storefront .aurome-hero-copy .aurome-hero-eyebrow { font:600 11px/1.4 var(--aurome-sans); letter-spacing:.14em; margin-bottom:14px; }
.aurome-storefront .aurome-hero-body { font:400 14px/1.8 var(--aurome-sans); color:#666; }
.aurome-storefront .aurome-hero-discovery { gap:10px; min-height:52px; width:max-content; max-width:100%; padding:6px 14px 6px 6px; border:1px solid #648cd22e; background:#ffffffd1; margin-bottom:26px; text-decoration:none; transition:transform 200ms ease,box-shadow 200ms ease; }
.aurome-storefront a.aurome-hero-discovery:hover { transform:translateY(-1px); box-shadow:0 4px 16px #1432781a; }
.aurome-storefront .aurome-community-window { display:block; flex:0 0 auto; width:calc(var(--community-count,5) * 28px + 10px); max-width:150px; height:40px; overflow:hidden; border-radius:30px; }
.aurome-storefront .aurome-community-track { display:flex; align-items:center; height:40px; width:max-content; }
.aurome-storefront .aurome-community-avatar { display:block; flex:0 0 38px; width:38px; height:38px; margin-right:-10px; border:2.5px solid #fff; border-radius:50%; overflow:hidden; box-shadow:0 1px 4px #00000026; background-color:#dce5eb; }
.aurome-storefront .aurome-community-avatar img { display:block; width:100%; height:100%; object-fit:cover; }
.aurome-storefront .aurome-community-avatar--demo { background-image:url('../images/demo-community.webp'); background-size:400% 200%; background-position:var(--avatar-x) var(--avatar-y); }
.aurome-storefront .aurome-community-label { font:400 13px/1.4 var(--aurome-sans); color:#444; text-align:left; }
.aurome-storefront .aurome-community-label strong { color:#0d0d0d; font-weight:700; }
.aurome-storefront .aurome-community-label small { display:block; font:400 10px/1.5 var(--aurome-sans); color:#627187; }
.aurome-storefront .aurome-hero-copy .aurome-button,
.aurome-storefront .aurome-hero-arrow { transition:transform 200ms ease,background-color 200ms ease,box-shadow 200ms ease; }
.aurome-storefront .aurome-hero-copy .aurome-button:hover,
.aurome-storefront .aurome-hero-arrow:hover { transform:translateY(-1px); background:#2a2a2a; }
.aurome-storefront .aurome-hero-visual { min-height:540px; }
.aurome-storefront .aurome-hero-images { height:540px; max-width:540px; margin-inline:auto; position:relative; }
.aurome-storefront .aurome-float-card-1 { --float-distance:-14px; width:55%; height:70%; top:15%; left:23%; }
.aurome-storefront .aurome-float-card-2 { --float-distance:-9px; width:37%; height:47%; top:8%; left:1%; }
.aurome-storefront .aurome-float-card-3 { --float-distance:-11px; width:34%; height:43%; bottom:4%; right:0; }
.aurome-storefront .is-motion-enabled .aurome-float-card { animation:aurome-reference-float 6s ease-in-out infinite; }
.aurome-storefront .is-motion-enabled .aurome-float-card-2 { animation-duration:7.5s; animation-delay:1.2s; }
.aurome-storefront .is-motion-enabled .aurome-float-card-3 { animation-duration:8.5s; animation-delay:2.8s; }
.aurome-storefront .is-motion-enabled .aurome-hero-ring { animation:aurome-reference-ring 35s linear infinite; }
.aurome-storefront .is-motion-paused .aurome-float-card,
.aurome-storefront .is-motion-paused .aurome-hero-ring,
.aurome-storefront .aurome-float-card:hover,
.aurome-storefront .aurome-float-card:focus-visible { animation-play-state:paused; }
.aurome-storefront .aurome-hero-bottom { margin-top:12px; gap:32px; }
.aurome-storefront .aurome-hero-note { background:linear-gradient(135deg,#eef5fb 0%,#cfebf7 55%,#a8deef 100%); border:1px solid #ffffff99; box-shadow:0 8px 32px #1432780f; padding:18px 20px 14px; min-height:220px; }
.aurome-storefront .aurome-hero-note .aurome-quote { color:#75889880; font:700 54px/.65 var(--aurome-serif); margin:5px 0 8px; }
.aurome-storefront .aurome-review-slides { display:grid; }
.aurome-storefront .aurome-review-slide { grid-area:1/1; min-width:0; visibility:hidden; opacity:0; pointer-events:none; transition:opacity 220ms ease,visibility 220ms ease; }
.aurome-storefront .aurome-review-slide.is-current { visibility:visible; opacity:1; pointer-events:auto; }
.aurome-storefront .aurome-hero-note blockquote { margin:0; font:400 13px/1.6 var(--aurome-sans); color:#1a1a1a; }
.aurome-storefront .aurome-hero-note blockquote p { margin:0 0 10px; }
.aurome-storefront .aurome-hero-note cite { display:block; font:600 13px/1.4 var(--aurome-sans); }
.aurome-storefront .aurome-hero-note .aurome-review-detail { font:400 11px/1.5 var(--aurome-sans); color:#627187; margin:2px 0 0; }
.aurome-storefront .aurome-hero-note .aurome-review-disclosure { font:500 10px/1.4 var(--aurome-sans); color:#496580; margin:0 0 8px; letter-spacing:.04em; }
.aurome-storefront .aurome-review-slide>a { font:500 12px/1.4 var(--aurome-sans); }
.aurome-storefront .aurome-review-controls { display:flex; align-items:center; gap:8px; margin-top:8px; }
.aurome-storefront .aurome-review-controls[hidden] { display:none; }
.aurome-storefront .aurome-review-controls button { display:inline-flex; justify-content:center; align-items:center; width:32px; height:32px; min-height:32px; padding:0; border:1px solid #00000021; border-radius:50%; color:#0d0d0d; background:#fff; font:400 22px/1 var(--aurome-sans); }
.aurome-storefront .aurome-review-controls .aurome-motion-toggle { width:auto; min-width:106px; margin-left:auto; gap:6px; padding:0 10px; border-radius:999px; font:500 11px/1.4 var(--aurome-sans); }
.aurome-storefront .aurome-review-controls button:hover:not(:disabled),
.aurome-storefront .aurome-review-controls button:focus-visible { color:#fff; background:#0d0d0d; border-color:#0d0d0d; }
.aurome-storefront .aurome-review-controls button:disabled { opacity:.65; cursor:default; }
.aurome-storefront .aurome-header .aurome-brand { gap:5px; }
.aurome-storefront .aurome-brand__mark { display:block; width:24px; height:34px; flex-shrink:0; }
.aurome-storefront .aurome-brand__mark svg { width:100%; height:100%; }
.aurome-storefront .aurome-brand__lockup { display:flex; flex-direction:column; align-items:center; gap:4px; }
.aurome-storefront .aurome-header .aurome-brand__name { font:500 14px/1.2 var(--aurome-sans); letter-spacing:.16em; background:#0d1a2e; color:#fff; padding:4px 5px 3px 7px; }
.aurome-storefront .aurome-brand__tagline { font:500 7px/1 var(--aurome-sans); letter-spacing:.2em; text-transform:uppercase; }
@keyframes aurome-reference-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(var(--float-distance)); } }
@keyframes aurome-reference-ring { from { transform:translate(-50%,-50%) rotate(0); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@media (max-width:1023px) {
 .aurome-storefront .aurome-hero-layout { min-height:0; gap:0; }
 .aurome-storefront .aurome-hero-visual { min-height:360px; width:min(380px,100%); }
 .aurome-storefront .aurome-hero-images { height:360px; }
 .aurome-storefront .aurome-hero-bottom { margin-top:20px; gap:26px; }
 .aurome-storefront .aurome-hero-body { max-width:90%; }
}
@media (max-width:600px) {
 .aurome-storefront .aurome-home .aurome-hero h1 { font-size:clamp(32px,8.5vw,44.8px); line-height:1.06; }
 .aurome-storefront .aurome-hero-copy { padding:0; }
 .aurome-storefront .aurome-hero-discovery { min-height:52px; gap:8px; padding-right:10px; }
 .aurome-storefront .aurome-community-label { font-size:11px; }
 .aurome-storefront .aurome-community-label small { font-size:9px; }
 .aurome-storefront .aurome-community-window { width:calc(var(--community-count,5) * 24px + 10px); max-width:130px; }
 .aurome-storefront .aurome-community-avatar { width:34px; height:34px; flex-basis:34px; margin-right:-10px; }
 .aurome-storefront .aurome-hero-visual { min-height:280px; width:min(340px,100%); margin-top:16px; }
 .aurome-storefront .aurome-hero-images { height:280px; }
 .aurome-storefront .aurome-float-card-1 { width:155px; height:198px; top:15%; left:calc(50% - 77.5px); }
 .aurome-storefront .aurome-float-card-2 { width:108px; height:138px; top:6%; left:2%; }
 .aurome-storefront .aurome-float-card-3 { width:100px; height:128px; bottom:4%; right:2%; }
 .aurome-storefront .aurome-hero-ring { width:190px; height:190px; }
 .aurome-storefront .aurome-hero-note { padding:18px 20px 14px; }
 .aurome-storefront .aurome-header .aurome-brand__name { font-size:13px; }
}
@media (pointer:coarse) {
 .aurome-storefront .aurome-review-controls button { min-width:44px; width:44px; min-height:44px; height:44px; }
}
@media (prefers-reduced-motion:reduce) {
 .aurome-storefront .aurome-hero * { animation:none!important; transition:none!important; }
 .aurome-storefront .aurome-hero-copy .aurome-button:hover,
 .aurome-storefront .aurome-hero-arrow:hover,
 .aurome-storefront a.aurome-hero-discovery:hover { transform:none; }
}
/* Only five portraits are visible at rest; the sixth fades in during the queue shift. */
.aurome-storefront .aurome-community-avatar { transition:opacity 500ms ease-in-out; }
.aurome-storefront .aurome-community-avatar:nth-child(n+6) { opacity:0; }
.aurome-storefront .is-shifting .aurome-community-avatar:nth-child(6) { opacity:1; }
@media (max-width:600px) {
 .aurome-storefront .aurome-header .aurome-brand { gap:3px; }
 .aurome-storefront .aurome-brand__mark { width:18px; height:30px; }
 .aurome-storefront .aurome-header .aurome-brand__name { font-size:11px; letter-spacing:.08em; padding:4px; }
 .aurome-storefront .aurome-brand__tagline { font-size:6px; letter-spacing:.12em; }
}