/* Biome entrance and product rooms. Real artwork, typography and space do the work. */
.biome-home {
  --max: 1280px;
  --fg: #f8f1ed;
  --fg-2: #c1b4b6;
  --fg-3: #aa989d;
  --room-tint: #e5243b;
  background: #10090c;
}
.biome-home::before { display: none; }
.biome-home .nav { background: rgba(16,9,12,.94); border-color: rgba(255,255,255,.075); }
.biome-home .nav-inner { max-width: 1440px; padding-block: 18px; }
.biome-home .nav-logo { letter-spacing: .12em; min-height: 44px; }
.biome-home .nav-chain { border: 0; padding-inline: 8px; font-size: 10px; }
.biome-home .nav-beat.live { animation: none; }
.biome-home .nav-links { gap: 14px; align-items: center; }
.biome-home .nav-links a { min-height: 44px; display: inline-flex; align-items: center; }
.biome-home .biome-wallet-button { min-height: 44px; background: transparent; border-color: #65434c; border-radius: 5px; }

.biome-home .room { background: #10090c; }
.biome-home [data-room="entrance"] { background: #000; }
.biome-home [data-room="entrance"] .room-bg { display: none; }
.biome-home .room-glow {
  background: radial-gradient(ellipse at 80% 45%, #321018 0, transparent 65%);
  opacity: .65;
}
.biome-home .room-bg, .biome-home .scene, .biome-home .room-copy,
.biome-home .room-exhibit { transform: none; animation: none; }
.biome-home .scene { grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); gap: clamp(32px,5vw,80px); }
.biome-home .room-inner { padding-block: 120px 116px; perspective: none; }
.biome-home .room-kicker { color: #ee8896; font-size: 10px; letter-spacing: .2em; gap: 9px; }
.biome-home .room-kicker svg { width: 16px; height: 16px; }
.biome-home .room-copy h2 { font-size: clamp(3rem,6.5vw,5.7rem); line-height: .98; letter-spacing: -.055em; }
.biome-home .room-copy h2 .dim { color: #bc9ba4; }
.biome-home .room-copy .lede { max-width: 41ch; font-size: 16px; line-height: 1.7; margin-top: 24px; }
.biome-home .room-actions { align-items: center; gap: 24px; margin-top: 30px; }
.biome-home .btn { min-height: 48px; border-radius: 4px; padding: 16px 23px; box-shadow: none; }
.biome-home .btn-primary { background: #d91535; border-color: #d91535; box-shadow: none; color: white; }
.biome-home .btn-primary:hover { background: #b91430; border-color: #b91430; }
.biome-home .hero-link { min-height: 48px; display: inline-flex; align-items: center; gap: 18px; font-size: 13px; text-decoration: none; border-bottom: 1px solid #67434d; }
.biome-home .hero-link:hover { color: white; border-color: white; }
.biome-home .room-copy .hero-title { font-size: clamp(5.5rem,9.6vw,9rem); line-height: .88; letter-spacing: -.065em; margin: 26px 0 0 -5px; }
.hero-title span { display: block; color: #c49da8; }
.hero-promise { margin-top: 30px; font-family: var(--display); font-size: clamp(1.15rem,2vw,1.55rem); letter-spacing: -.025em; }
.biome-home [data-room="entrance"] .lede { margin-top: 12px; font-size: 14px; line-height: 1.7; }
/* The original asset includes a wordmark below the camel. This viewport keeps the WHOLE camel,
   including its feet, and leaves that duplicate wordmark outside the composition. */
.biome-home .mark-wrap { width: 112%; max-width: 650px; margin-left: -4%; aspect-ratio: 885/670; overflow: hidden; }
.biome-home .mark { position: absolute; width: 144.633%; max-width: none; height: auto; left: -26.554%; top: -20.149%; transform: none; animation: none; filter: none; }
.biome-home .swipe-hint { margin-top: 32px; font-family: var(--body); font-size: 11px; letter-spacing: .02em; color: #aa989d; }
.swipe-hint span { margin-left: 14px; font-size: 17px; }

/* Product photography sits on the page, not inside glowing floating panels. */
.biome-home .frame { border-radius: 8px; border-color: #50303b; transform: none; animation: none; box-shadow: 0 30px 60px -45px #000; }
.biome-home .frame::after, .biome-home .exhibit-shadow { display: none; }
.biome-home .frame img { aspect-ratio: 16/10; object-fit: cover; }
.biome-home .exhibit-list { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 20px; background: none; border: 0; border-radius: 0; transform: none; box-shadow: none; }
.biome-home .exhibit-list h3 { padding-inline: 0; font-size: 10px; }
.biome-home .sw-row { padding-inline: 0; }
.biome-home .plinths { gap: 0 24px; margin-top: 26px; }
.biome-home .plinth { border: 0; border-bottom: 1px solid #432b33; border-radius: 0; background: none; backdrop-filter: none; padding: 16px 0; transform: none; }
.biome-home .plinth .v { font-size: 24px; }
.biome-home .plinth .k { color: var(--fg-3); font-size: 11px; }
.biome-home .ticker { background: none; border-width: 0 0 1px; border-radius: 0; transform: none; padding: 20px 8px 20px 0; }
.biome-home .ticker::before { display: none; }
.biome-home .panel { background: #150d11; box-shadow: none; transform: none; border-radius: 5px; }
.biome-home .live-links a, .biome-home .foot-note a { min-height: 44px; display: inline-flex; align-items: center; }
.biome-home .live-scene { grid-template-columns: minmax(0,1fr); max-width: 1100px; }
.biome-home .live-scene .room-copy h2 { font-size: clamp(2.5rem,5vw,4rem); }
.biome-home .ring-btn { width: 44px; height: 44px; }
.biome-home .cab.is-front { box-shadow: 0 20px 40px -25px #000; }
.biome-home .cab::before { box-shadow: none; }

/* One quiet navigation rail; no pills competing with the artwork. */
.biome-home .hud { gap: 18px; bottom: max(24px, env(safe-area-inset-bottom)); }
.biome-home .hud-dots { border-radius: 4px; background: rgba(16,9,12,.96); border-color: #4b3039; padding: 4px 8px; box-shadow: none; }
.biome-home .hud-dot { min-height: 44px; border-radius: 0; padding: 10px 20px; color: #c1b4b6; }
.biome-home .hud-dot[aria-current="true"] { color: white; background: none; box-shadow: inset 0 -2px #e5243b; }
.biome-home .hud-arrow { width: 44px; height: 44px; border-radius: 4px; border-color: #4b3039; background: #10090c; }
html.js-rooms .biome-home .stage.ready .room { transition-duration: .65s, .45s; }
/* Native hash targets must not scroll the fixed stage to an off-screen room before its transition.
   Unlike hidden, clip does not create a programmatically scrollable container. Plain-page anchors
   remain untouched when the progressive room enhancement is absent. */
html.js-rooms .biome-home .stage { overflow: clip; }
html.js-rooms .biome-home .room.is-active .scene { animation: none; transform: none; }
html.js-rooms .biome-home .room.is-active .room-copy > *,
html.js-rooms .biome-home .room.is-active .room-exhibit,
html.js-rooms .biome-home .room.is-active .ticker,
html.js-rooms .biome-home .room.is-active .panel { transition-delay: 0s; transition-duration: .4s; }

@media (max-width: 900px) {
  .biome-home .scene { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .biome-home .room-inner { padding-block: 100px 112px; }
  .biome-home [data-room="entrance"] .scene { grid-template-columns: 1fr 1fr; gap: 10px; }
  .biome-home [data-room="entrance"] .room-exhibit { order: 0; }
  .biome-home .mark-wrap { width: 100%; margin: 0; }
  .biome-home .room-copy .hero-title { font-size: clamp(4.8rem,10vw,6.5rem); }
  .biome-home .room-exhibit { max-width: 620px; }
  .biome-home .room-copy h2 { font-size: clamp(2.8rem,8vw,4rem); }
  .biome-home .arcade-scene { gap: 10px; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) .room-copy { display: contents; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) .room-kicker { order: 0; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) h2 { order: 1; margin: 0; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) .lede { order: 2; margin: 0; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) .room-actions { order: 3; margin: 0; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) .room-exhibit { order: 4; }
  .biome-home :is([data-room="labs"], [data-room="gallery"]) .plinths { order: 5; margin: 0; }
}
@media (max-width: 760px) {
  .biome-home .nav .nav-product { display: none; }
}
@media (max-width: 600px) {
  .biome-home .nav-inner { padding: 12px 20px; gap: 8px; }
  .biome-home .nav-logo { font-size: 12px; gap: 5px; }
  .biome-home .nav-logo img { width: 31px; }
  .biome-home .nav-chain { display: none; }
  .biome-home .nav-links { gap: 0; }
  .biome-home .biome-wallet-button { font-size: 11px; padding: 10px 12px; }
  .biome-home .room-inner { padding: 96px 24px 110px; }
  .biome-home [data-room="entrance"] .scene { grid-template-columns: minmax(0,1fr); gap: 0; }
  .biome-home [data-room="entrance"] .room-copy { display: contents; }
  .biome-home [data-room="entrance"] .room-kicker { order: 0; font-size: 9px; }
  .biome-home .room-copy .hero-title { order: 1; font-size: clamp(4.5rem,19vw,6.8rem); margin-top: 20px; }
  .biome-home .hero-title span { display: block; }
  .biome-home .hero-promise { order: 2; margin-top: 20px; font-size: 20px; }
  .biome-home [data-room="entrance"] .lede { order: 3; font-size: 13px; margin-top: 8px; }
  .biome-home [data-room="entrance"] .room-exhibit { order: 4; margin: 20px auto 14px; max-width: 330px; }
  .biome-home [data-room="entrance"] .room-actions { order: 5; margin-top: 12px; gap: 20px; }
  .biome-home [data-room="entrance"] .room-actions .btn { flex: none; font-size: 12px; padding: 14px 18px; }
  .biome-home .hero-link { font-size: 12px; }
  .biome-home .swipe-hint { display: none; }
  .biome-home .room-copy h2 { font-size: 44px; }
  .biome-home .hud { bottom: max(12px, env(safe-area-inset-bottom)); }
  .biome-home .hud-dots { padding: 3px 5px; }
  .biome-home .hud-dot { padding: 10px 13px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .biome-home .scene, .biome-home .mark, .biome-home .frame { animation: none !important; transform: none; }
}