/* Future history: open canvas, precision hardware, chrome and spectral light. */
:root{--retro-metal:linear-gradient(180deg,#fff 0%,#fbfbf9 43%,#ebece9 49%,#f8f9f7 56%,#fff 100%);--retro-edge:#d7d9d4;--retro-shadow:0 2px 0 #d4d6d1,0 8px 20px #25272b0a;--retro-mono:Arial,Helvetica,sans-serif}
.timeline-navigation .nav-brand,.timeline-navigation>button,.tech-culture-pill,.glass-pill,.profile-nav nav,.brand-pill,.culture-nav>a:last-child{border:1px solid var(--retro-edge)!important;background:var(--retro-metal)!important;box-shadow:var(--retro-shadow),inset 0 1px 0 #fff!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.timeline-navigation .nav-brand{border-radius:999px;padding:10px 17px!important}.tech-culture-pill{position:relative;border-radius:999px;padding:10px 18px!important;display:inline-flex;align-items:center;gap:9px}.timeline-navigation>button{border-radius:999px}.timeline-navigation .nav-brand>img{filter:drop-shadow(0 2px 2px #51426822)}
.timeline-navigation button,.timeline-navigation a,.timeline-navigation #timeline-name,.glass-pill button,.profile-nav nav a,.culture-nav>a:last-child{font-family:var(--retro-mono)!important;font-size:14px!important;font-weight:700!important}
.timeline-navigation .nav-brand:after,.glass-pill:before{content:'';position:absolute;pointer-events:none;inset:3px;border:1px solid #ffffffa0;border-radius:inherit}.timeline-navigation .nav-brand{position:relative}.glass-pill{padding:5px 9px!important}.glass-pill button{letter-spacing:-.3px!important}.glass-pill button:hover{background:#e6e9e5!important}.glass-pill #search-trigger{color:#222!important}.explore-panel{background:#fffffff5!important;border:1px solid #cfd4ce!important;box-shadow:0 3px 0 #d5d8d2,0 20px 60px #1e272914!important;border-radius:23px!important}.search-result{border:1px solid transparent!important}.search-result:hover{background:#f1edf9!important;border-color:#ded4f0!important}
.intro-screen{background:#fdfdfb!important}.intro-screen:before{background:radial-gradient(ellipse at 22% 30%,#b9ecf238,transparent 50%),radial-gradient(ellipse at 78% 66%,#e7d0ee45,transparent 50%)!important}.intro-identity{position:relative}.intro-identity:before{content:'HUMANITY / ARCHIVE 01';display:block;margin-bottom:20px;font:700 14px/1.5 var(--retro-mono);letter-spacing:0;color:#858580}.intro-brand{filter:drop-shadow(0 13px 14px #50446716)}.intro-moment{background:linear-gradient(145deg,#fff,#f9faf7)!important;border:1px solid #cfd4cd!important;border-radius:24px!important;box-shadow:0 3px 0 #dde0d9,0 6px 0 #f4f5f2,0 20px 60px #292d3510!important}.intro-enter{border-radius:999px!important;background:linear-gradient(#363932,#161b17)!important;border:1px solid #151b15!important;box-shadow:inset 0 1px 0 #798071,0 3px 0 #cdd1c9!important}.intro-scrub{padding:0 4px}.intro-secondary button,.intro-skip{font-family:var(--retro-mono)!important}.intro-current-logo:has(.object-art){width:120px!important;height:74px!important}.intro-current-logo .object-art{width:120px!important;height:74px!important;object-fit:contain;clip-path:none!important;border-radius:0!important}
/* Product objects have their own frame; company logos remain the same 40px. */
.moment-logo.object-frame{width:112px!important;height:66px!important;min-width:112px!important;max-width:112px!important;min-height:66px!important;max-height:66px!important;overflow:visible!important;border-radius:0!important;background:transparent!important}.logo.object-art,.moment-logo .logo.object-art{width:112px!important;height:66px!important;min-width:112px!important;max-width:112px!important;min-height:66px!important;max-height:66px!important;object-fit:contain!important;clip-path:none!important;border-radius:0!important;background:transparent!important}.card-header .logo.object-art{width:90px!important;height:58px!important;min-width:90px!important;max-width:90px!important;min-height:58px!important;max-height:58px!important}.moment-title{transition:background .2s,box-shadow .2s!important}.moment.selected .moment-title,.moment-title:hover{background:linear-gradient(110deg,#eee9f9,#f5effb)!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px #6b508211!important}.moment-dot:after{border-color:#c9c9c5!important}
.detail-dialog,.stories-dialog{background:#fdfefb!important;border:1px solid #bfc5bb!important;border-radius:27px!important;box-shadow:inset 0 1px 0 white,0 4px 0 #d9ddd5,0 24px 80px #1f292a1c!important}.detail-dialog:before{content:'';position:absolute;left:23px;right:23px;top:10px;height:3px;background:linear-gradient(90deg,#40c9e9,#5482f4,#7453dd,#e67bcd,#ffb59e);border-radius:6px;opacity:.65;pointer-events:none}.card-eyebrow,.card-overview span,.card-fact-list dt,.story-copy>span,.source-drawer summary{font-family:var(--retro-mono)!important}.dialog-close,#stories-close{background:var(--retro-metal)!important;border:1px solid #d7dad4!important;box-shadow:0 2px 0 #d2d6cc!important}.card-profile-pill,.card-primary,.investor-chip,.card-icon-button{border:1px solid #dce0d6!important;box-shadow:inset 0 1px 0 #fff,0 1px 0 #d8dbd1}.card-primary{background:linear-gradient(#363932,#161b17)!important;color:#fff!important}.card-profile-pill{background:linear-gradient(110deg,#f0edf9,#faf7ff)!important;color:#55496c!important}.wang-culture-preview{display:grid;gap:14px;padding:18px 0;border-top:1px solid #dfe3d8;margin-bottom:18px}.wang-culture-preview nav{display:flex;flex-wrap:wrap;gap:8px}.wang-culture-preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;background:#111}.wang-chart-link{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #d9ddd3;border-radius:18px;background:#f5f6f1;text-decoration:none}.wang-chart-link img{width:60px;height:60px;object-fit:cover;object-position:top;border-radius:10px}.wang-chart-link:hover{background:#eeebf7}.event-product-photo{margin:18px 0}.event-product-photo img{display:block;width:100%;height:auto;border-radius:18px}.event-product-photo figcaption{margin-top:9px;opacity:.6}
/* Profile and culture pages share the same instrument-panel language. */
body:has(.profile-page),body:has(.directory-page),body:has(.culture-intro){background:radial-gradient(ellipse at 0% 0%,#dfe9e75c,transparent 35%),radial-gradient(ellipse at 100% 20%,#eee8f562,transparent 38%),#fcfdf9!important}.brand-pill{padding:8px 13px;border-radius:999px}.profile-nav nav{padding:5px}.profile-nav nav a[aria-current]{background:#ece6f6}.identity-card,.profile-section,.score-panel,.source-drawer,.directory-card,.meme-tile,.beer-collection{border:1px solid #d8dcd3!important;background:linear-gradient(140deg,#ffffffee,#f8faf5eb)!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #e4e7df,0 15px 35px #2c342a04!important}.identity-card{background:linear-gradient(130deg,#fff,#f8faf4 65%,#f6f1fa)!important}.identity-card:before{opacity:.4}.eyebrow,.directory-intro>.eyebrow,.score-origin,.score-explainer,.profile-moments>a>span:first-child,.profile-section dt,.culture-intro>p,.collection-heading p,.collection-note{font-family:var(--retro-mono)!important}.pill{background:#eeebf4;color:#625775}.dark-pill,.vote-form button,.source-button{background:linear-gradient(#363932,#161b17)!important;border:1px solid #151b15!important;box-shadow:inset 0 1px 0 #798071,0 2px 0 #cdd1c9;color:#fff!important}.light-pill{background:var(--retro-metal)!important;box-shadow:0 2px 0 #e0e3db!important;border:1px solid #d7dcd2!important}.score-meter{background:#e6e9e0;height:7px;box-shadow:inset 0 1px 2px #39423012}.score-meter i{background:linear-gradient(90deg,#40c9e9,#5482f4,#7453dd,#e67bcd,#ffb59e)}.score-panel:before{content:'';position:absolute;right:13px;top:13px;width:8px;height:8px;border-top:1px solid #aeb5a4;border-right:1px solid #aeb5a4}.entity-chip,.founder-list>a{background:#f5f7f1;border-color:#dde2d4}.collection-link{background:linear-gradient(110deg,#e9f2ec,#f1edf8,#faf1e7)}.media-card{border-color:#d8ddd1}.profile-page .media-card>div{background:#fdfefb}.culture-intro{padding:52px 0 36px!important}.culture-intro>.culture-spark{width:58px;height:58px;background:url('/assets/brand/mark.svg') center/contain no-repeat;font-size:0!important}.culture-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-top:25px;text-align:left}.culture-hub-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:190px;padding:23px;border:1px solid #d5dbce;border-radius:24px;background:linear-gradient(135deg,#fff,#f3f7ef);box-shadow:inset 0 1px 0 white,0 2px 0 #e0e4d9;text-decoration:none!important;transition:transform .25s,box-shadow .25s}.culture-hub-card:hover{transform:translateY(-4px);box-shadow:0 3px 0 #d5dcca,0 15px 35px #2d39200d}.culture-hub-card .hub-icon{width:36px;height:36px;display:grid;place-items:center;background:#eef1e8;border-radius:12px;font-size:14px}.culture-hub-card>span:last-child{color:#78816d}.culture-hub-card img{width:100%;height:86px;object-fit:cover;object-position:top;border-radius:12px}.culture-responses{display:grid;gap:12px}.response-card{padding:20px;border:1px solid #d8ddd2;border-radius:20px;background:linear-gradient(#fff,#f6f8f2)}.response-card p{margin:12px 0;color:#5f6658}.response-card>a{display:inline-flex;background:#eeebf6;padding:7px 12px;border-radius:999px;text-decoration:none}.culture-nav{max-width:1280px;margin:auto}.culture-intro nav a{background:var(--retro-metal)!important;border-color:#d5dbce!important;box-shadow:0 2px 0 #dfe3d8!important}.culture-intro h1,.directory-intro h1{font-family:var(--retro-mono)!important}.profile-footer{flex-wrap:wrap}.retro-index-label{font-family:var(--retro-mono);color:#858d7d}
@media(max-width:700px){.culture-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.culture-hub-card{padding:18px;min-height:160px}.profile-nav nav{width:auto!important}.profile-nav{gap:14px!important}.profile-nav .brand-pill{font-size:14px}.profile-nav nav a{font-size:14px!important;padding:8px 11px!important}.tech-culture-pill{padding:10px 12px!important}.timeline-navigation button,.timeline-navigation a,.timeline-navigation #timeline-name{font-size:14px!important}.timeline-navigation .nav-brand{padding:10px 12px!important}.timeline-navigation .nav-brand>img{width:21px;height:21px}.timeline-navigation{gap:7px!important}.culture-nav{padding:16px!important}.culture-nav>a:first-child{max-width:60%}.moment-logo.object-frame,.moment-logo .logo.object-art{width:96px!important;min-width:96px!important;max-width:96px!important;height:60px!important;min-height:60px!important;max-height:60px!important}.profile-layout aside{grid-row:2}.intro-identity:before{margin-bottom:10px}.culture-intro{padding-top:30px!important}}
@media(max-width:400px){.profile-nav{flex-direction:column;align-items:flex-start}.profile-nav nav{align-self:stretch;justify-content:space-between}.profile-nav nav a{flex:1}.culture-hub-card{min-height:165px}.culture-hub-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){.culture-hub-card{transition:none}.culture-hub-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.identity-card,.profile-section,.score-panel,.source-drawer,.directory-card,.detail-dialog,.explore-panel{background:#fff!important}.timeline-navigation .nav-brand,.tech-culture-pill,.glass-pill,.profile-nav nav{backdrop-filter:none;-webkit-backdrop-filter:none}}
/* The new vector identity must not inherit the retired line-drawing animation. */
.intro-brand path{stroke:none!important;stroke-width:0!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important}
@media(min-height:641px) and (max-height:800px){.intro-screen{padding:20px!important}.intro-shell{gap:18px!important;padding:16px 0!important;min-height:calc(100dvh - 40px)!important}.intro-identity{gap:5px!important}.intro-identity:before{margin-bottom:4px!important}.intro-identity .intro-brand{width:80px!important;height:80px!important;margin-bottom:0!important}.intro-moment{padding:18px 24px!important;gap:7px!important}.intro-current-logo:has(.object-art),.intro-current-logo .object-art{height:60px!important}}


.timeline-nav-group{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}.timeline-nav-group #stories-trigger{margin-left:0!important;border:1px solid var(--retro-edge)!important;background:var(--retro-metal)!important;box-shadow:var(--retro-shadow),inset 0 1px 0 #fff!important;border-radius:999px}.timeline-navigation .tech-culture-pill{margin-left:0!important}.timeline-navigation #timeline-return{order:0}.timeline-navigation .nav-brand{order:1}.timeline-nav-group{order:2}@media(max-width:620px){.timeline-navigation{display:flex!important;flex-wrap:wrap!important}.timeline-nav-group{gap:7px}}

/* The three header pills share a soft lift and tinted glass on hover. */
.timeline-navigation :is(.nav-brand,.tech-culture-pill,#stories-trigger){pointer-events:auto;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
@media(hover:hover) and (pointer:fine){
 .timeline-navigation :is(.nav-brand,.tech-culture-pill,#stories-trigger):hover{transform:translateY(-2px);border-color:#c9bddf!important;background:linear-gradient(120deg,#f4fbff,#f2edfc 55%,#fff2f3)!important;box-shadow:0 3px 0 #dcd5e8,0 10px 24px #7453dd18,inset 0 1px 0 #fff!important}
}
.timeline-navigation :is(.tech-culture-pill,#stories-trigger):focus-visible{outline:2px solid #7453dd;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.timeline-navigation :is(.nav-brand,.tech-culture-pill,#stories-trigger){transition:none}.timeline-navigation :is(.nav-brand,.tech-culture-pill,#stories-trigger):hover{transform:none}}