/* All styles are confined to the Yeah1 block on the homepage. */
#yeah1 .yeah1-intro { grid-template-columns: .95fr 1.05fr; gap: 56px; align-items: center; }
#yeah1 .yeah1-brand-line { display:flex; align-items:center; gap:20px; margin-bottom:32px; }
#yeah1 .yeah1-brand-line .official-logo { width:152px; max-width:45%; height:76px; object-fit:contain; }
#yeah1 .yeah1-brand-line > span { color:#8e86a1; }
#yeah1 .yeah1-brand-line > strong { font:800 1rem Montserrat,sans-serif; letter-spacing:.04em; }
#yeah1 .yeah1-intro h2 { font-size:clamp(2.2rem,3.8vw,3.8rem); }
#yeah1 .yeah1-intro .lead { margin:28px 0 14px; font-size:1rem; }
#yeah1 .yeah1-intro .note { font-size:.875rem; margin:0; border:0; border-left:2px solid #a78bfa; padding:0 0 0 12px; }
#yeah1 .yeah1-art { position:relative; margin:0; padding:18px 0; }
#yeah1 .yeah1-art::before { content:""; position:absolute; inset:15% 10%; background:#812ddc; filter:blur(70px); opacity:.3; pointer-events:none; }
#yeah1 .yeah1-art img { position:relative; display:block; width:100%; height:auto; border-radius:16px; border:1px solid rgba(195,160,255,.19); box-shadow:0 20px 60px #03041180; }
#yeah1 .yeah1-art figcaption { color:#b1a6c7; font-size:.75rem; text-align:right; letter-spacing:.08em; margin-top:12px; }
#yeah1 .creator-journey { margin-top:70px; }
#yeah1 .journey-tabs { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-bottom:22px; }
#yeah1 .journey-tabs button { color:#bab6cd; background:transparent; border:1px solid #343044; border-radius:10px; padding:15px 10px; cursor:pointer; font-size:.875rem; text-align:left; transition:background .2s,border-color .2s,color .2s; }
#yeah1 .journey-tabs button span { display:block; font-size:.75rem; color:#b193ee; margin-bottom:5px; letter-spacing:.08em; }
#yeah1 .journey-tabs button[aria-selected="true"] { color:#fff; background:linear-gradient(130deg,#573493,#241740); border-color:#b894ff; box-shadow:0 8px 28px #7c3aed1a; }
#yeah1 .journey-tabs button:hover { color:#fff; border-color:#b894ff; }
#yeah1 .journey-stage { position:relative; perspective:1400px; background:radial-gradient(ellipse at 52% 44%,#38175b55,transparent 56%),#080912; border:1px solid #30263f; border-radius:20px; overflow:hidden; }
#yeah1 .journey-panel { display:grid; grid-template-columns: .95fr 1.2fr .85fr; gap:32px; align-items:center; padding:48px 34px; min-height:450px; }
#yeah1 .journey-panel[hidden] { display:none; }
#yeah1 .journey-copy { position:relative; z-index:2; }
#yeah1 .journey-overline { margin:0 0 18px; color:#b6a8ce; font-size:.75rem; letter-spacing:.13em; font-weight:700; }
#yeah1 .journey-overline span { display:block; color:#c6a5ff; letter-spacing:.1em; margin-top:10px; }
#yeah1 .journey-copy h3 { font:700 clamp(1.7rem,2.3vw,2.3rem)/1.15 Montserrat,sans-serif; letter-spacing:-.04em; margin:0; }
#yeah1 .journey-rule { width:42px; height:2px; background:#b990ff; margin:24px 0; }
#yeah1 .journey-copy > p:not(.journey-overline) { font-size:1rem; color:#b2afc0; line-height:1.75; margin:0 0 25px; }
#yeah1 .journey-stage-label { font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:#d0b5ff; }
#yeah1 .journey-art { position:relative; aspect-ratio:1; margin:0; display:grid; place-items:center; min-width:0; }
#yeah1 .journey-art img { width:100%; height:100%; object-fit:contain; position:relative; z-index:1; border-radius:50%; }
#yeah1 .journey-orbit { position:absolute; z-index:2; inset:1%; border:1px solid #bc91ff65; border-radius:50%; pointer-events:none; box-shadow:0 0 28px #7c3aed16,inset 0 0 24px #7c3aed16; }
#yeah1 .journey-orbit::after { content:""; position:absolute; inset:-10px; border:1px solid #b596e82b; border-radius:50%; }
#yeah1 .journey-art figcaption { position:absolute; bottom:-26px; color:#9e91b3; font-size:.75rem; letter-spacing:.07em; text-align:center; }
#yeah1 .journey-points { list-style:none; margin:0; padding:0 0 0 25px; border-left:1px solid #77608940; display:grid; gap:24px; }
#yeah1 .journey-points li { display:flex; gap:12px; align-items:flex-start; }
#yeah1 .journey-point-icon { flex:0 0 32px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #b28dde45; border-radius:50%; color:#c8a5ff; font-size:1rem; }
#yeah1 .journey-points h4 { font-size:.875rem; color:#efe8ff; margin:0 0 4px; font-weight:700; }
#yeah1 .journey-points p { font-size:.875rem; color:#a19aac; margin:0; line-height:1.55; }
#yeah1 .journey-controls { display:flex; gap:22px; justify-content:center; align-items:center; margin-top:20px; }
#yeah1 .journey-controls button { width:44px; height:44px; border-radius:50%; border:1px solid #8e70b5; display:grid; place-items:center; background:#171022; color:#e9dcff; cursor:pointer; }
#yeah1 .journey-controls button:hover { background:#503179; border-color:#d7baff; }
#yeah1 [data-journey-prev] svg { transform:rotate(180deg); }
#yeah1 .journey-controls p { font-size:.875rem; color:#b8a8cd; margin:0; min-width:230px; text-align:center; }
#yeah1 .journey-tabs button:focus-visible,#yeah1 .journey-controls button:focus-visible,#yeah1 .journey-panel:focus-visible { outline:2px solid #e2ccff; outline-offset:4px; }
#yeah1 .journey-panel.is-entering .journey-art { animation:journey-art-in .7s cubic-bezier(.2,.7,.2,1) both; }
#yeah1 .journey-panel.is-entering .journey-copy { animation:journey-copy-in .5s ease-out both; }
#yeah1 .journey-panel.is-entering .journey-points { animation:journey-copy-in .55s .1s ease-out both; }
@keyframes journey-art-in { from { opacity:0; transform:translateX(var(--journey-shift,36px)) translateZ(-100px) rotateY(var(--journey-rotate,18deg)) scale(.9); } to { opacity:1; transform:none; } }
@keyframes journey-copy-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@media(max-width:1050px) {
  #yeah1 .yeah1-intro { gap:30px; }
  #yeah1 .journey-panel { gap:20px; padding:35px 24px; grid-template-columns:1fr 1.1fr; }
  #yeah1 .journey-points { grid-column:1/-1; grid-template-columns:1fr 1fr; border-left:0; border-top:1px solid #77608940; padding:24px 0 0; gap:20px; }
  #yeah1 .journey-art figcaption { bottom:-10px; }
}
@media(max-width:720px) {
  #yeah1 .yeah1-intro { grid-template-columns:1fr; gap:24px; }
  #yeah1 .yeah1-brand-line { gap:16px; margin-bottom:24px; }
  #yeah1 .yeah1-brand-line .official-logo { width:128px; height:64px; }
  #yeah1 .yeah1-brand-line > strong { font-size:.875rem; }
  #yeah1 .yeah1-art { padding:0; }
  #yeah1 .creator-journey { margin-top:44px; }
  #yeah1 .journey-tabs { grid-template-columns:repeat(2,1fr); gap:8px; }
  #yeah1 .journey-tabs button { padding:10px 12px; min-height:64px; }
  #yeah1 .journey-tabs button span { display:inline; margin-right:8px; }
  #yeah1 .journey-panel { grid-template-columns:1fr; padding:30px 24px; gap:30px; min-height:0; }
  #yeah1 .journey-copy h3 { font-size:1.85rem; }
  #yeah1 .journey-art { width:min(100%,340px); margin:0 auto 14px; }
  #yeah1 .journey-points { grid-template-columns:1fr; padding-top:24px; }
  #yeah1 .journey-controls { gap:12px; }
  #yeah1 .journey-controls p { min-width:0; flex:1; font-size:.75rem; }
  #yeah1 .journey-controls button { flex-shrink:0; }
}
@media(prefers-reduced-motion:reduce) {
  #yeah1 .journey-panel.is-entering .journey-art,#yeah1 .journey-panel.is-entering .journey-copy,#yeah1 .journey-panel.is-entering .journey-points { animation:none; }
  #yeah1 .journey-tabs button { transition:none; }
}
@media print { #yeah1 .journey-panel[hidden] { display:grid; } #yeah1 .journey-tabs,#yeah1 .journey-controls { display:none; } }