.creative-reel-wrapper{--bg:#fff;--bg-soft:#f0f0f0;--bg-card:#f5f5f5;--ink:#0a0a0a;--sub:#666;--faint:#a3a3a3;--border:#00000014;--dark:#3f3c39;--paper:#f2ece0;--radius-lg:26px;--radius-md:16px;--radius-full:999px;--maxw:1040px}.reel-wrap{background:var(--bg);color:var(--ink);font-family:var(--font-sans), sans-serif;position:relative}.reel-pin{background:var(--bg);align-items:center;width:100%;height:100vh;display:flex;position:relative;top:auto;bottom:auto;left:auto;overflow:hidden}.reel-pin.is-fixed{position:fixed;top:0;bottom:auto;left:0}.reel-pin.is-after{position:absolute;top:auto;bottom:0;left:0}.reel-track{will-change:transform;align-items:center;gap:26px;padding:0 8vw;display:flex}.reel-panel{flex:none;position:relative}.p-intro,.p-outro{width:min(56vw,640px);padding:0 20px}.p-intro .kicker,.p-outro .kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-bottom:18px;font-size:11.5px;font-weight:700}.p-intro h2,.p-outro h2{letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(26px,3vw,42px);font-weight:300;line-height:1.18}.p-intro p,.p-outro p{color:var(--sub);max-width:460px;margin:0;font-size:15.5px}.reel-hint{color:#fff;background:var(--ink);border-radius:var(--radius-full);align-items:center;gap:8px;margin-top:26px;padding:8px 16px 8px 14px;font-size:12.5px;font-weight:600;animation:1.6s ease-in-out infinite nudge;display:inline-flex}.reel-hint svg{width:13px;height:13px}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.p-outro .cta{background:var(--ink);color:#fff;border-radius:var(--radius-full);align-items:center;gap:8px;margin-top:20px;padding:11px 20px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.p-tag{justify-content:center;align-items:center;width:9vw;min-width:96px;height:62vh;display:flex}.p-tag .tag-inner{writing-mode:vertical-rl;align-items:center;gap:14px;display:flex;transform:rotate(180deg)}.p-tag .num{color:#fff;background:var(--ink);letter-spacing:.04em;border-radius:6px;padding:5px 8px;font-size:13px;font-weight:700}.p-tag .label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:15px;font-weight:700}.p-tag .bignum{color:#0000;-webkit-text-stroke:1.5px var(--border);letter-spacing:-.04em;z-index:-1;-webkit-user-select:none;user-select:none;font-size:min(30vh,260px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-block{width:46vw;min-width:480px;height:72vh}.bento-cap{color:var(--sub);max-width:92%;margin-top:14px;font-size:13px}.bento-cap b{color:var(--ink);font-weight:600}.bento-grid{border-radius:var(--radius-lg);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:10px;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:0 20px 44px #00000014}.bento-tile{border:1px solid var(--border);justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-tile:hover{z-index:2;transform:scale(1.025);box-shadow:0 16px 34px #00000029}.t1{grid-area:1/1/3/3}.t2{grid-area:1/3/2/4}.t3{grid-area:1/4/3/5}.t4{grid-area:2/3/3/4}.t5{grid-area:3/1/4/2}.t6{grid-area:3/2/4/3}.t7{grid-area:3/3/4/5}.tile-n{letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);background:#00000052;padding:3px 8px;font-size:9.5px;font-weight:700;position:absolute;top:10px;right:10px}.tile-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tile-icon svg{width:14px;height:14px}.t1 .tile-icon{width:60px;height:60px}.t1 .tile-icon svg{width:26px;height:26px}.t1 .tile-cap{color:#fff;background:linear-gradient(#0000,#0009);padding:16px 18px 14px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.t1 .tile-cap b{font-weight:700}.bento-photo .bento-tile{background:linear-gradient(155deg, #26241f, var(--dark) 60%)}.bento-draw .bento-tile{background:var(--paper);background-image:repeating-linear-gradient(#0000 0 20px,#0000000d 20px 21px)}.bento-draw .tile-icon{background:#0a0a0a0f}.bento-draw .tile-icon svg{color:var(--dark)}.bento-draw .tile-n{color:var(--ink);background:#fff9}.bento-ui .bento-tile{background:var(--bg-card)}.bento-ui .tile-icon{background:#0000000d}.bento-ui .tile-icon svg{color:var(--ink)}.bento-ui .tile-n{color:var(--ink);background:#0000001a}.bento-ui .t1 .mock{width:68%}.bento-ui .mock .bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:8px}.bento-ui .mock .bar.short{width:55%}.bento-ui .mock .chip{border-radius:var(--radius-full);background:var(--ink);width:56px;height:20px;margin-top:10px;display:inline-block}.reel-hud{z-index:5;color:var(--faint);letter-spacing:.02em;align-items:center;gap:12px;font-size:11.5px;font-weight:600;display:flex;position:absolute;bottom:26px;left:28px}.reel-hud .bar-track{background:var(--border);border-radius:var(--radius-full);width:120px;height:3px;overflow:hidden}.reel-hud .bar-fill{background:var(--ink);width:0%;height:100%}.reel-hud .cat{color:var(--ink);min-width:88px}.reel-hud .count{color:var(--faint)}@media (max-width:760px){.reel-pin{height:auto;padding:60px 0;position:static}.reel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 20px;overflow-x:auto}.reel-track::-webkit-scrollbar{display:none}.reel-panel{scroll-snap-align:start}.reel-hud,.reel-hint{display:none}.p-intro,.p-outro{width:82vw}.p-tag{min-width:64px;height:38vh}.p-tag .bignum{font-size:120px}.bento-block{width:78vw;min-width:0;height:64vh}.bento-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr)}.t1{grid-area:1/1/2/3}.t2{grid-area:2/1/3/2}.t3{grid-area:2/2/3/3}.t4{grid-area:3/1/4/2}.t5{grid-area:3/2/4/3}.t6{grid-area:4/1/5/2}.t7{grid-area:4/2/5/3}}