/* Movicial compact product presentation. Original draft is retained in versions/. */
[hidden]{display:none!important}.shell{width:min(1080px,calc(100% - 64px));margin-inline:auto}.landing .nav{height:76px;max-width:1144px;padding:0 32px}.micro{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#aaa;line-height:1.5}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#acec00;margin-right:9px}.compact-hero{padding:62px 0 44px}.hero-columns{display:flex;justify-content:space-between;align-items:end;gap:32px}.compact-hero .micro{margin-bottom:20px}.compact-hero h1{font-size:clamp(42px,5.4vw,66px);font-weight:600;line-height:1.05;letter-spacing:-2.8px;margin:0}.landing em{font-style:normal;color:#acec00}.hero-description{padding-bottom:4px}.hero-description p{font-size:17px;line-height:1.65;color:#bbb;margin-bottom:20px}.primary-link{display:inline-block;background:#013ff6;padding:10px 17px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600}.primary-link:hover{background:#245bff}.product-explorer{scroll-margin-top:24px;border:1px solid #303030;border-radius:12px;overflow:hidden;background:#141414}.explorer-nav{display:flex;align-items:center;border-bottom:1px solid #303030;padding:0 26px;gap:26px;background:#181818;overflow:auto}.explorer-nav button{font:inherit;font-size:14px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;color:#aaa;cursor:pointer;padding:18px 0}.explorer-nav button[aria-selected=true]{color:#fff;border-bottom-color:#acec00}.explorer-nav>span{font-size:11px;color:#858585;margin-left:auto;white-space:nowrap}.product-panel{display:grid;grid-template-columns:.95fr 1.15fr;min-height:392px;gap:40px;padding:32px 36px}.panel-copy{display:flex;flex-direction:column;align-items:start;justify-content:center}.panel-copy h2{font-size:34px;letter-spacing:-1.2px;line-height:1.12;margin:14px 0 18px}.panel-copy>p{font-size:15px;line-height:1.7;color:#b8b8b8;margin-bottom:22px}.panel-copy>small{font-size:10px;color:#8e8e8e;margin-top:18px}.lens-switch,.feature-chips{display:flex;gap:6px;flex-wrap:wrap}.lens-switch button,.feature-chips span{font:inherit;font-size:11px;padding:8px 10px;background:#202020;border:1px solid #333;border-radius:5px;color:#c4c4c4}.lens-switch button{cursor:pointer}.lens-switch button[aria-pressed=true]{border-color:#acec00;color:#d5f898;background:#242b17}.lens-switch button:hover{background:#2b2b2b}.birikim-canvas,.library-canvas,.discovery-canvas,.together-canvas{min-width:0;border:1px solid #303030;background:#101010;border-radius:9px;overflow:hidden;align-self:center}.canvas-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px}.canvas-top strong{font-size:13px;font-weight:600}.canvas-top>span{font-size:9px;letter-spacing:1px;color:#929292}.connection-scene{height:145px;position:relative}.connection-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.connection-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.connection-scene>span{position:absolute;bottom:15px;left:18px;font-size:13px;z-index:1}.scene-palette{display:flex;position:absolute;right:16px;bottom:16px;z-index:1}.scene-palette i{height:16px;width:18px;background:#1e2520}.scene-palette i:nth-child(2){background:#4d332a}.scene-palette i:nth-child(3){background:#8a3930}.scene-palette i:nth-child(4){background:#bd7649}.scene-palette i:nth-child(5){background:#d0b382}.person-connection{display:flex;align-items:center;gap:14px;padding:18px}.person-connection>img,#music-symbol{width:54px;height:54px;object-fit:cover;border-radius:50%;flex-shrink:0}#music-symbol{display:grid;place-items:center;font-size:30px;background:#332a48;color:#cebcf0}.person-connection>div>span{font-size:8px;letter-spacing:1.3px;color:#a2a2a2}.person-connection h3{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:4px 0}.person-connection p{font-size:12px;margin:0;color:#aaa}.connection-arrow{margin-left:auto;color:#acec00;font-size:23px}.stats-foot{border-top:1px solid #292929;display:flex;gap:16px;justify-content:space-between;padding:12px 18px;font-size:10px;color:#aaa}.journal-row{display:flex;align-items:center;padding:16px 18px;gap:15px;border-top:1px solid #252525}.journal-row time{font-size:24px;color:#d4d4d4;text-align:center;line-height:1.2}.journal-row time small{display:block;font-size:9px;margin-top:6px;color:#888}.journal-row img{width:65px;height:95px;object-fit:cover;border-radius:3px}.journal-row h3{font-size:15px;margin:0 0 4px}.journal-row div>span{font-size:11px;color:#999}.journal-row p{font-size:11px;margin:5px 0 0;color:#c5c5c5}.journal-row .rating{color:#acec00;font-size:14px}.scanner{height:180px;position:relative;margin:0 16px;border-radius:6px;overflow:hidden}.scanner>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.scan-corners{position:absolute;inset:20px 55px;border:1px solid #acec00;border-radius:12px}.scanner>span{position:absolute;bottom:15px;left:18px;font-size:13px}.discovery-result{display:flex;align-items:center;gap:15px;padding:16px}.discovery-result img{width:48px;height:72px;object-fit:cover;border-radius:3px}.discovery-result h3{font-size:17px;margin:0 0 4px}.discovery-result span,.discovery-result p{font-size:11px;color:#aaa}.discovery-result p{margin:10px 0 0;color:#c5d8a0}.package-posters{height:155px;display:flex;justify-content:center;padding:8px 20px 0;gap:10px}.package-posters img{height:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;transform:rotate(-8deg)}.package-posters img:nth-child(2){transform:translateY(-4px);z-index:1}.package-posters img:nth-child(3){transform:rotate(8deg)}.package-note{font-size:15px;text-align:center;margin:18px 10px}.mini-vote{padding:13px 18px;border-top:1px solid #282828;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px}.mini-vote>span{color:#aaa}.mini-vote>div{grid-column:1/-1;height:4px;background:#303030;border-radius:4px}.mini-vote i{display:block;width:65%;height:100%;background:#acec00;border-radius:4px}.mini-vote small{font-size:9px;color:#888;grid-column:1/-1}.listen-canvas{height:328px;position:relative;border-radius:9px;overflow:hidden;align-self:center}.listen-canvas>img{position:absolute;width:100%;height:100%;object-fit:cover}.listen-caption{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent,#101010ee)}.listen-caption h3{font-size:35px;letter-spacing:-1px;margin:10px 0 18px}.listen-caption p{font-size:12px;color:#bbb;margin:12px 0 0}.sound-wave{display:flex;gap:5px;align-items:center;height:40px}.sound-wave i{height:15px;width:4px;border-radius:4px;background:#ddd}.sound-wave i:nth-child(2n){height:28px}.sound-wave i:nth-child(3n){height:38px}.sound-wave i:nth-child(5n){height:22px;background:#acec00}.year-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:44px 36px;margin-top:24px;background:#151815;border:1px solid #30362b;border-radius:12px;overflow:hidden}.year-story .micro{margin-bottom:12px}.year-story h2{font-size:34px;margin-bottom:16px}.year-story p:not(.micro){font-size:14px;color:#b5b5b5;line-height:1.7;margin:0}.year-art{height:198px;position:relative}.year-posters{display:flex;gap:10px;transform:rotate(-7deg);height:190px;position:absolute;right:28px;top:4px;opacity:.8}.year-posters img{width:118px;height:178px;object-fit:cover;border-radius:5px}.year-stamp{position:absolute;right:0;bottom:-7px;width:136px;padding:15px;background:#acec00;color:#101010;transform:rotate(6deg);border-radius:4px;box-shadow:0 8px 25px #0007}.year-stamp>span{font-size:9px;letter-spacing:1.6px}.year-stamp>strong{display:block;font-size:57px;line-height:1.1;letter-spacing:-3px;font-weight:600}.year-stamp>strong>span{font-size:13px;letter-spacing:0;margin-left:5px}.year-stamp small{font-size:10px;line-height:1.6;display:block}.compact-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px 0}.compact-closing>div:first-child{position:relative;padding-left:58px}.compact-closing>div>img{position:absolute;left:0;top:5px;width:38px;height:43px;object-fit:contain}.compact-closing h2{font-size:23px;letter-spacing:-.7px;margin:0 0 7px}.compact-closing p{font-size:13px;color:#aaa;margin:0}.store-preview{text-align:right}.store-preview>.micro{font-size:8px;letter-spacing:.8px}.official-badges{display:flex;justify-content:end;align-items:center;gap:10px;margin:10px 0}.official-badges img:first-child{width:125px;height:42px}.official-badges img:last-child{width:151px;height:auto;margin:-7px -8px -7px 0}.store-preview>a{font-size:11px;color:#aaa}.landing footer{padding:25px 32px;max-width:1144px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.landing footer>.brand{font-size:19px}.landing footer>.brand .rooster{width:22px;height:24px}.landing footer>p{display:none}.landing footer>div{margin-left:auto;gap:16px;font-size:11px}.landing footer>small{width:100%;margin:0;font-size:10px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #acec00;outline-offset:4px}.landing img{max-width:100%}
@media(max-width:800px){.shell{width:calc(100% - 36px)}.landing .nav{padding-inline:18px;height:68px}.landing .nav nav{gap:16px;font-size:12px}.compact-hero{padding:36px 0 30px}.hero-columns{align-items:start;gap:20px}.compact-hero h1{font-size:48px}.hero-description p{font-size:14px}.product-panel{padding:24px;gap:24px;grid-template-columns:1fr 1.1fr}.panel-copy h2{font-size:29px}.panel-copy>p{font-size:13px}.explorer-nav{gap:23px;padding-inline:24px}.explorer-nav>span{display:none}.scene-palette{display:none}.stats-foot{gap:8px;font-size:9px}.year-story{padding:30px 24px}.year-posters{right:0}.year-posters img{width:95px;height:160px}.compact-closing{padding:32px 0}.compact-closing h2{font-size:20px}.person-connection h3{font-size:17px}}
@media(max-width:580px){.shell{width:calc(100% - 32px)}.nav .rooster{width:23px;height:28px}.nav .wordmark{width:96px}.nav .brand{gap:8px}.landing .nav nav{gap:14px}.navcta{padding:6px 10px}.hero-columns{display:block}.compact-hero h1{font-size:48px;letter-spacing:-2px}.hero-description{margin-top:22px}.hero-description p{font-size:15px;margin-bottom:16px}.primary-link{font-size:12px}.product-panel{grid-template-columns:1fr;padding:23px 18px;gap:24px;min-height:0}.panel-copy h2{font-size:31px}.panel-copy>p{font-size:14px;margin-bottom:16px}.panel-copy>p br{display:none}.panel-copy>small{margin-top:12px}.explorer-nav{padding:0 18px;gap:24px}.explorer-nav button{font-size:13px;padding:15px 0}.canvas-top{padding:0 14px}.person-connection{padding:15px}.person-connection h3{font-size:19px}.stats-foot{flex-wrap:wrap;justify-content:start;gap:10px;font-size:9px;padding-inline:14px}.connection-scene{height:155px}.year-story{grid-template-columns:1fr;gap:24px;padding:25px 22px;margin-top:16px}.year-story h2{font-size:31px}.year-art{height:186px}.year-posters{left:7px;right:auto;top:8px}.year-posters img{width:95px;height:155px}.year-stamp{right:0;bottom:0;width:120px}.compact-closing{display:block;padding:34px 0}.compact-closing>div:first-child{padding-left:50px}.compact-closing h2{font-size:22px}.store-preview{text-align:left;margin-top:24px}.official-badges{justify-content:start}.landing footer{padding:24px 16px}.landing footer>div{width:100%;margin:0;gap:14px}.journal-row{gap:10px;padding:14px 12px}.journal-row img{width:55px;height:82px}.journal-row h3{font-size:14px}.journal-row time{font-size:21px}.journal-row p{font-size:10px}.listen-canvas{height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.official-badges{opacity:.62;cursor:default}.official-badges img{pointer-events:none}.store-preview>.micro{display:block;font-size:10px;line-height:1.6}.explorer-nav button{min-height:44px}.lens-switch button{min-height:44px}.nav a{min-height:44px;display:inline-flex;align-items:center}.panel-copy>p{max-width:42ch}.landing footer a{min-height:32px;display:inline-flex;align-items:center}.landing .nav{height:auto;min-height:76px;gap:16px;flex-wrap:wrap;padding-block:12px}.landing .nav nav{flex-wrap:wrap}.landing .nav nav>a:first-child{display:inline-flex}@media(max-width:400px){.landing .nav nav{width:100%;justify-content:space-between;gap:10px}.landing .nav nav a{font-size:12px}.panel-copy>small{font-size:11px}.year-stamp{right:0}.year-posters img{width:82px}.canvas-top strong{font-size:12px}}