:root{--bg: #f4f1ec;--bg-soft: #efece5;--ink: #141414;--ink-soft: #5b5751;--accent: #e59c6b;--accent-strong: #d98748;--pill: #1b1b1b;--dot: rgba(20, 20, 20, .1);--dot-strong: rgba(20, 20, 20, .42);--panel-radius: 0px;--shadow-soft: 0 24px 50px -28px rgba(20, 20, 20, .45);--ease: cubic-bezier(.22, 1, .36, 1);--maxw: 1440px;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}[data-theme=dark]{--bg: #121212;--bg-soft: #1d1d1d;--ink: #f3f0ea;--ink-soft: #a8a39b;--pill: #2a2a2a;--dot: rgba(243, 240, 234, .05);--dot-strong: rgba(243, 240, 234, .22)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s var(--ease),color .35s var(--ease)}.dotfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.dotfield i{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--dot) 1.4px,transparent 1.6px);background-size:24px 24px;background-position:0 0}.dotfield i:nth-child(2){background-image:radial-gradient(var(--dot-strong) 1.6px,transparent 1.8px);-webkit-mask-image:linear-gradient(135deg,transparent 32%,#000 50%,transparent 68%);mask-image:linear-gradient(135deg,transparent 32%,#000 50%,transparent 68%);-webkit-mask-size:260% 260%;mask-size:260% 260%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;will-change:-webkit-mask-position,mask-position;animation:dot-sweep 7s linear infinite}@keyframes dot-sweep{0%{-webkit-mask-position:0% 0%;mask-position:0% 0%}to{-webkit-mask-position:100% 100%;mask-position:100% 100%}}@media(prefers-reduced-motion:reduce){.dotfield i:nth-child(2){animation:none;opacity:.5}}a{color:inherit;text-decoration:none}.page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;padding:clamp(96px,13vw,200px) clamp(24px,4vw,72px);gap:clamp(28px,4vw,52px)}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--maxw);margin:0 auto}.logo{display:inline-flex;align-items:flex-end;gap:3px;font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2vw,22px);letter-spacing:-.02em}.logo-mark{display:block;width:clamp(112px,12vw,140px);height:clamp(112px,12vw,140px);background:var(--ink);-webkit-mask:url(/assets/wordmark-CKOclj7v.png) center / contain no-repeat;mask:url(/assets/wordmark-CKOclj7v.png) center / contain no-repeat;transition:background .35s var(--ease);animation:wordmark-draw 1.1s var(--ease) .15s both}@keyframes wordmark-draw{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}.logo-dot{color:var(--accent);font-size:1.4em;line-height:.6;animation:pop .5s var(--ease) 1.15s both}@media(prefers-reduced-motion:reduce){.logo-mark{animation:none;clip-path:none}.logo-dot{animation:none;transform:none}}.sayhi{position:relative}.sayhi-btn{display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;background:var(--pill);color:#fff;font-family:var(--font-body);font-weight:600;font-size:14px;padding:11px 20px;border-radius:0;transition:transform .25s var(--ease),background .25s var(--ease)}.sayhi-btn:hover{transform:translateY(-1px);background:#000}.sayhi-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .3s var(--ease)}.sayhi-caret.is-open{transform:rotate(-135deg) translateY(-1px)}.sayhi-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;list-style:none;margin:0;padding:6px;background:var(--pill);border-radius:0;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.08);animation:pop .18s var(--ease);z-index:20}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sayhi-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:0;font-family:var(--font-body);font-size:14px;font-weight:600;color:#ffffffb3;transition:background .18s var(--ease),color .18s var(--ease)}.sayhi-menu a:hover{background:#000;color:#fff}.sayhi-menu-arrow{font-size:15px;line-height:1;opacity:.5;transform:translate(-2px);transition:transform .18s var(--ease),opacity .18s var(--ease)}.sayhi-menu a:hover .sayhi-menu-arrow{opacity:1;transform:translate(0)}.sayhi--hero{display:none;margin-top:clamp(20px,2vw,30px)}.sayhi--hero .sayhi-btn{width:min(100%,360px);justify-content:space-between;background:transparent;color:var(--ink);border:1px solid rgba(20,20,20,.2);border-radius:0;padding:14px 18px}[data-theme=dark] .sayhi--hero .sayhi-btn{border-color:#f3f0ea33}.sayhi-label{display:inline-flex;align-items:baseline}.sayhi-rotator{display:inline-block;animation:sayhiRotate .45s var(--ease)}@keyframes sayhiRotate{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sayhi--hero .sayhi-btn:hover{background:transparent;border-color:var(--ink);transform:none}.sayhi--hero .sayhi-menu{left:0;right:auto}.theme-toggle{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:none;border-radius:999px;background:var(--ink);color:var(--bg);cursor:pointer;box-shadow:0 10px 26px -10px #00000080;transition:background .35s var(--ease),color .35s var(--ease),transform .15s var(--ease)}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle:active{transform:scale(.92)}.stage{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding-top:10px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,4vw,88px)}.hero-title{margin:0;font-family:var(--font-display);font-weight:800;line-height:.96;letter-spacing:-.03em;font-size:clamp(48px,6.6vw,108px)}.hero-line{display:block}.hero-dot{color:var(--accent-strong)}.hero-intro{margin:clamp(22px,3vw,34px) 0 0;max-width:30ch;color:#4a4a4a;font-size:clamp(15px,1.4vw,17px);font-weight:200;line-height:1.6}.accordion-wrap{position:relative;width:100%}.accordion{display:flex;gap:14px;height:clamp(440px,64vh,660px);width:100%}.slider-controls,.slider-dots,.slider-card{display:none}.panel{position:relative;flex:1 1 0;min-width:0;border-radius:var(--panel-radius);overflow:hidden;background-size:cover;background-position:center;box-shadow:none;cursor:pointer;transition:flex-grow .55s var(--ease),transform .45s var(--ease);outline:none}.panel.is-active{flex-grow:3.6}.panel:focus-visible{box-shadow:0 0 0 3px var(--accent)}.panel-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:clip-path .45s var(--ease)}.panel-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14141400 38%,#141414b8);transition:clip-path .45s var(--ease)}.panel-label{position:absolute;left:16px;bottom:18px;z-index:2;color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.01em;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);opacity:1;transition:opacity .4s var(--ease)}.panel-foot{position:absolute;left:22px;right:96px;bottom:22px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;opacity:0;transition:opacity .4s var(--ease)}.panel-title{color:#fff;font-family:var(--font-display);font-weight:600;font-size:clamp(18px,1.6vw,24px);letter-spacing:.01em;white-space:nowrap}.panel.is-active .panel-label{opacity:0}.panel.is-active .panel-foot{opacity:1}.panel-cta{position:absolute;top:auto;bottom:22px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#ffffffeb;color:#141414;font-size:12px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease),background .25s var(--ease)}.panel.is-active .panel-cta{opacity:1;transform:translateY(0)}.panel-cta:hover{background:var(--accent-strong);color:#fff}.panel-badges{display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.panel-badge{padding:4px 10px;border-radius:4px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;color:#fff;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}@media(min-width:881px){.panel:nth-child(odd) .panel-media,.panel:nth-child(odd) .panel-shade{clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}.panel:nth-child(2n) .panel-media,.panel:nth-child(2n) .panel-shade{clip-path:polygon(0 0,100% 6%,100% 100%,0 100%)}.page{position:relative}.navbar{position:absolute;top:clamp(96px,13vw,200px);left:50%;transform:translate(-50%);width:min(100% - 2 * clamp(24px,4vw,72px),var(--maxw));z-index:10}.sayhi--nav{display:none}.sayhi--hero{display:block}.stage{grid-template-rows:minmax(0,1fr);align-items:center}.accordion-wrap{align-self:stretch}.accordion{height:100%}.hero{align-self:end}}@media(max-width:880px){.stage{grid-template-columns:1fr;align-items:start;gap:32px}.hero-title{font-size:clamp(52px,16vw,88px)}.accordion{height:320px}.panel.is-active{flex-grow:4.5}}@media(max-width:680px){.dotfield{display:none}body{background:#000}.page{position:relative;padding:0;gap:0;min-height:100dvh}.navbar{position:absolute;inset:0 0 auto 0;z-index:5;padding:18px 20px;max-width:none}.logo{color:#fff}.logo-mark{background:#f3f0ea}.sayhi-btn{background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4)}.sayhi-btn:hover{background:#ffffff42}.theme-toggle{display:none}.stage{display:block;position:relative;height:100dvh;max-width:none;gap:0}.hero{position:absolute;top:auto;bottom:200px;left:22px;right:22px;z-index:4;color:#fff;text-align:left;pointer-events:none}.hero-title{font-size:clamp(60px,18vw,88px);line-height:1.04}.hero-intro{display:none}.accordion-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.accordion{gap:0;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:0}.accordion::-webkit-scrollbar{display:none}.panel{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;border-radius:0}.panel.is-active{flex-grow:0}.panel-shade{background:linear-gradient(180deg,#0f0f0f99,#0f0f0f00,#0f0f0f00 52%,#0f0f0fb3)}.panel-label,.panel-foot,.panel-cta{display:none}.slider-controls{position:absolute;left:0;right:0;bottom:28px;z-index:4;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0 14px}.slider-dots{display:flex;justify-content:center;gap:8px}.dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#ffffff8c;cursor:pointer;transition:width .3s var(--ease),background .3s var(--ease)}.dot.is-on{width:22px;background:var(--accent)}.slider-card{display:flex;align-items:center;gap:14px;padding:16px 16px 18px;border-radius:0;background:#141414d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px -20px #000c}.slider-index{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--accent-strong);letter-spacing:.04em;margin-right:4px}.slider-text{flex:1;min-width:0}.slider-title{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff}.slider-badges{display:block;margin:4px 0 0;font-size:13px;line-height:1.4;color:#fff9}.slider-nav{display:flex;gap:8px;flex-shrink:0}.slider-nav-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s var(--ease),opacity .2s var(--ease),transform .15s var(--ease)}.slider-nav-btn span{margin-top:-2px}.slider-nav-btn:not(:disabled):active{transform:scale(.9)}.slider-nav-btn:disabled{opacity:.3;cursor:default}}.vibe-page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding:clamp(24px,4vw,48px) clamp(20px,5vw,80px) clamp(64px,8vw,120px)}.vibe-nav,.vibe-main{width:100%;max-width:1120px;margin:0 auto}.vibe-nav{display:flex;align-items:center;justify-content:space-between}.vibe-page .logo{color:var(--ink)}.vibe-page .logo-mark{background:var(--ink);width:clamp(88px,14vw,120px);height:clamp(88px,14vw,120px)}.vibe-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:clamp(18px,3vw,36px) 0 clamp(24px,4vw,44px)}.vibe-back{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:0;border:1px solid rgba(20,20,20,.18);background:transparent;color:var(--ink);transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}[data-theme=dark] .vibe-back{border-color:#f3f0ea2e}.vibe-back:hover{border-color:var(--ink);background:var(--bg-soft)}.vibe-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.02em}.vibe-topbar .vibe-filters{margin:0 0 0 auto}.vibe-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.vibe-filter{padding:8px 16px;border-radius:999px;border:1px solid rgba(20,20,20,.12);background:transparent;color:var(--ink-soft);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}[data-theme=dark] .vibe-filter{border-color:#f3f0ea24}.vibe-filter:hover{color:var(--ink);border-color:var(--ink)}.vibe-filter.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.vibe-chip{padding:5px 11px;border-radius:4px;font-size:12px;font-weight:600;background:var(--bg-soft);color:var(--ink-soft);border:1px solid rgba(20,20,20,.07)}[data-theme=dark] .vibe-chip{border-color:#f3f0ea14}.vibe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2.4vw,28px)}.vibe-card{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:var(--bg-soft);border:1px solid rgba(20,20,20,.07);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .25s var(--ease)}[data-theme=dark] .vibe-card{border-color:#f3f0ea14}.vibe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.vibe-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.vibe-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vibe-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(18px,2vw,24px);letter-spacing:-.01em;color:#ffffffeb}.vibe-card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 18px 20px}.vibe-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.vibe-card-title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink);transition:color .2s var(--ease)}.vibe-card:hover .vibe-card-title{color:var(--accent-strong)}.vibe-card-year{flex-shrink:0;font-size:12px;font-weight:600;color:var(--ink-soft)}.vibe-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}.vibe-layout-switch{display:inline-flex;gap:4px;padding:4px;margin:20px 0 0 12px;border-radius:999px;border:1px solid rgba(20,20,20,.12);background:var(--bg-soft)}[data-theme=dark] .vibe-layout-switch{border-color:#f3f0ea24}.vibe-layout-switch--bottom{display:flex;justify-content:center;width:fit-content;margin:clamp(28px,4vw,48px) auto 8px}.vibe-layout-btn{padding:7px 16px;border:none;border-radius:999px;background:transparent;color:var(--ink-soft);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.vibe-layout-btn:hover{color:var(--ink)}.vibe-layout-btn.is-on{background:var(--ink);color:var(--bg)}.vibe-scene{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(8px,1.4vw,22px);row-gap:clamp(18px,2.4vw,34px);align-items:stretch;padding:48px clamp(12px,3vw,44px) 72px;perspective:1600px;perspective-origin:50% 40%}.vibe-scene-card{position:relative;display:block;grid-column:span 1;height:100%;--rx: 0deg;--ry: 0deg;--base-rot: 0deg;--base-x: 0px;--base-y: 0px;--base-z: 0px;--rot-mult: 1;--lift: 0px;--pop: 1;text-decoration:none;transform-style:preserve-3d;transform:translate3d(var(--base-x),var(--base-y),var(--base-z)) rotate(calc(var(--base-rot) * var(--rot-mult)));transition:transform .55s var(--ease),filter .4s var(--ease);will-change:transform}.vibe-scene-plane{position:relative;display:flex;flex-direction:column;height:100%;border-radius:14px;background:var(--bg-soft);border:1px solid rgba(20,20,20,.08);box-shadow:0 18px 36px -26px #14141480;transform-style:preserve-3d;transition:box-shadow .5s var(--ease)}[data-theme=dark] .vibe-scene-plane{border-color:#f3f0ea1a}@media(prefers-reduced-motion:no-preference){.vibe-scene-card{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--base-x),calc(var(--base-y) + var(--lift)),var(--base-z)) rotate(calc(var(--base-rot) * var(--rot-mult))) scale(var(--pop))}.vibe-scene-card:hover{z-index:6;--rot-mult: 0;--lift: -20px;--base-z: 60px;--pop: 1.05;filter:drop-shadow(0 36px 46px rgba(20,20,20,.3))}.vibe-scene-card:hover .vibe-scene-plane{box-shadow:var(--shadow-soft)}}.scene-card--a{--base-rot: -3deg;--base-x: -8px;--base-y: -16px;--base-z: 12px}.scene-card--b{--base-rot: 2.6deg;--base-x: 6px;--base-y: 20px;--base-z: -10px}.scene-card--c{--base-rot: -2deg;--base-x: -10px;--base-y: 6px;--base-z: 4px}.scene-card--d{--base-rot: 3.4deg;--base-x: 10px;--base-y: -10px;--base-z: 18px}.scene-card--e{--base-rot: -1.6deg;--base-x: -4px;--base-y: 28px;--base-z: -6px}.scene-card--f{--base-rot: 2deg;--base-x: 8px;--base-y: -24px;--base-z: 14px}.vibe-scene-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px 14px 0 0;background:linear-gradient(135deg,var(--accent),var(--accent-strong));transform:translateZ(28px)}.vibe-scene-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vibe-scene-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(18px,2vw,26px);letter-spacing:-.01em;color:#ffffffeb}.vibe-scene-sticker{position:absolute;z-index:2;font-family:var(--font-display);font-weight:700;white-space:nowrap;transform:translateZ(70px)}.vibe-scene-sticker--year{top:-14px;right:-10px;padding:8px 14px;border-radius:999px;font-size:14px;background:var(--ink);color:var(--bg);rotate:6deg;box-shadow:0 10px 20px -10px #1414148c}.vibe-scene-sticker--cat{top:14px;left:-10px;padding:6px 12px;border-radius:6px;font-size:12px;background:var(--accent);color:#fff;rotate:-5deg;box-shadow:0 10px 18px -10px #14141480}.vibe-scene-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 20px 22px;transform:translateZ(46px)}.vibe-scene-title{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.01em;color:var(--ink);transition:color .2s var(--ease)}.vibe-scene-card:hover .vibe-scene-title{color:var(--accent-strong)}.vibe-scene-desc{font-size:14px;line-height:1.5;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vibe-scene-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}@media(max-width:1100px)and (min-width:761px){.vibe-scene{grid-template-columns:repeat(2,1fr);row-gap:clamp(20px,3vw,34px)}.vibe-scene-card{grid-column:span 1}}@media(max-width:760px){.vibe-scene{grid-template-columns:1fr;row-gap:clamp(22px,6vw,32px);padding:24px 6px 40px;perspective:none}.vibe-scene-card{grid-column:1 / -1;--base-rot: 0deg;--base-x: 0px;--base-y: 0px;--base-z: 0px}}.vibe-strip-section{position:relative;left:50%;width:100vw;margin-left:-50vw;margin-top:8px}.vibe-strip{display:flex;align-items:flex-start;gap:clamp(20px,3vw,52px);padding-top:clamp(28px,4vw,56px);padding-bottom:32px;padding-left:max(clamp(20px,5vw,80px),calc((100vw - 1120px)/2));padding-right:clamp(16px,3vw,40px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(20,20,20,.2) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.vibe-strip::-webkit-scrollbar{height:8px}.vibe-strip::-webkit-scrollbar-thumb{background:#1414142e;border-radius:999px}[data-theme=dark] .vibe-strip{scrollbar-color:rgba(243,240,234,.22) transparent}[data-theme=dark] .vibe-strip::-webkit-scrollbar-thumb{background:#f3f0ea33}.vibe-strip-card{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;width:var(--w, 280px);scroll-snap-align:start}.vibe-strip-link{display:block;text-decoration:none}.vibe-strip-thumb{position:relative;display:block;width:100%;aspect-ratio:var(--ar, 4 / 3);overflow:hidden;border-radius:0;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 36px -26px #14141480}.vibe-strip-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}.vibe-strip-card:hover .vibe-strip-thumb img{transform:scale(1.05)}.vibe-strip-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(16px,1.6vw,22px);color:#ffffffeb}.vibe-strip-desc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.2) 64%,transparent);opacity:0;transition:opacity .35s var(--ease)}.vibe-strip-card:hover .vibe-strip-desc{opacity:1}.vibe-strip-desc span{font-size:13px;line-height:1.5;color:#fffffff0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vibe-strip-meta{display:flex;flex-direction:column;gap:8px}.vibe-strip-title{font-family:var(--font-display);font-weight:800;font-size:clamp(15px,1.3vw,18px);letter-spacing:-.01em;color:var(--ink);transition:color .2s var(--ease)}.vibe-strip-card:hover .vibe-strip-title{color:var(--accent-strong)}.vibe-strip-tags{display:flex;flex-wrap:wrap;gap:6px}.strip-card--a{--w: clamp(280px, 30vw, 440px);--ar: 16 / 9}.strip-card--b{--w: clamp(340px, 40vw, 560px);--ar: 16 / 9}.strip-card--c{--w: clamp(260px, 26vw, 380px);--ar: 16 / 9}.strip-card--d{--w: clamp(360px, 44vw, 600px);--ar: 16 / 9}.strip-card--e{--w: clamp(280px, 30vw, 420px);--ar: 16 / 9}.strip-card--f{--w: clamp(320px, 36vw, 500px);--ar: 16 / 9}@media(prefers-reduced-motion:reduce){.vibe-strip-card:hover .vibe-strip-thumb img{transform:none}}@media(max-width:760px){.vibe-strip{gap:16px;padding:24px 16px 24px 20px}.strip-card--a,.strip-card--b,.strip-card--c,.strip-card--d,.strip-card--e,.strip-card--f{--w: clamp(240px, 80vw, 320px)}.vibe-strip-desc{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.78),transparent 70%)}}