.collage{grid-template-columns:repeat(3,1fr);gap:10px;height:100%;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.cl-col{min-width:0;overflow:hidden}.cl-track{flex-direction:column;gap:10px;animation:70s linear infinite cl-drift;display:flex}.cl-col.c1 .cl-track{animation-duration:84s;animation-direction:reverse}.cl-col.c2 .cl-track{animation-duration:62s}.cl-col.c1{padding-top:46px}.cl-col.c2{padding-top:18px}.collage.cols-6{grid-template-columns:repeat(6,1fr)}.cl-col.c3 .cl-track{animation-duration:76s;animation-direction:reverse}.cl-col.c4 .cl-track{animation-duration:66s}.cl-col.c5 .cl-track{animation-duration:90s;animation-direction:reverse}.cl-col.c3{padding-top:70px}.cl-col.c4{padding-top:8px}.cl-col.c5{padding-top:40px}@keyframes cl-drift{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 5px))}}@media (prefers-reduced-motion:reduce){.cl-track{animation:none}}.collage .card{pointer-events:none;flex-shrink:0}.collage .tq{margin:10px 0 12px;font-size:14px}.collage .card img{transition:none}.cl-tip{padding:16px 14px 13px}.collage .cl-tip .tq{margin:10px 0;font-size:13.5px}.td{box-sizing:border-box;background:#f4ecdf;border-radius:8px;width:100%;height:auto;margin-top:12px;padding:8px;display:block;overflow:visible}.td-axis{fill:none;stroke:#c9bfb1;stroke-width:1.2px}.td-guide{fill:none;stroke:#d9cfc1;stroke-width:1px;stroke-dasharray:3 4}.td-curve{fill:none;stroke:#e8833a;stroke-width:2.6px;stroke-linecap:round}.td-dot{fill:#fffdf9;stroke:#e8833a;stroke-width:2px}.td-label{fill:#8b8174;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.td-block{fill:#e3d8c8}.td-new{fill:#e8833a24;stroke:#e8833a;stroke-width:1.6px;stroke-dasharray:4 3}.td-arrow{fill:none;stroke:#e8833a;stroke-width:2px;stroke-linecap:round}.td-frame{fill:#fffdf9;stroke:#d9cfc1;stroke-width:1px}.td-img{fill:#e8833a;opacity:.85}.td-text{fill:#3a332b;opacity:.6}.td-type{grid-template-columns:1fr 1fr;gap:6px;padding:10px 8px 8px;display:grid}.td-type>div{flex-direction:column;align-items:center;gap:4px;display:flex}.td-type b{color:#2b2621;font-size:40px;line-height:1}.td-type b.serif{font-family:var(--serif);font-style:italic;font-weight:600}.td-type b.sans{font-family:var(--ui);color:#6f675d;font-weight:500}.td-type small{color:var(--ink3);font-size:10px}.cl-slogan{background:linear-gradient(160deg,#efe6d6,#e3d6c1);padding:16px 18px 20px;position:relative}.sl-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.sl-top span{font-family:var(--serif);color:#8b8174;font-size:13px;font-style:italic}.sl-top i{background:#e8833a;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #e8833a26}.cl-slogan p{font-family:var(--cn-serif);color:#2b2621;margin:0;font-size:20px;font-weight:500;line-height:1.6}.sl-rule{background:linear-gradient(90deg,#2b2621 0 22px,#2b26212e 22px);height:1px;margin:20px 0 10px}.cl-slogan em{font-family:var(--serif);color:#6f675d;font-size:15px}.cl-palette{background:#fbf6ee;padding:8px}.pl-main{border-radius:6px 6px 2px 2px;align-items:flex-end;height:92px;padding:8px 10px;display:flex}.pl-row{grid-template-columns:repeat(4,1fr);gap:3px;margin-top:3px;display:grid}.pl-row div{border-radius:2px;align-items:flex-end;height:46px;padding:5px 6px;display:flex}.pl-row div:first-child{border-bottom-left-radius:6px}.pl-row div:last-child{border-bottom-right-radius:6px}.cl-palette span{letter-spacing:.5px;opacity:.85;font:600 9.5px ui-monospace,SFMono-Regular,Menlo,monospace}.pl-main span{font-size:11px}.cl-pt{flex-direction:column;gap:2px;padding:10px 4px 2px;display:flex}.cl-pt b{font-family:var(--serif);font-size:16px;font-weight:600}.cl-pt small{color:var(--ink3);font-size:10.5px}.cl-ui{background:linear-gradient(170deg,#f3ece1,#ebe1d2);padding:12px 12px 8px}.ui-panel,.ui-phone,.ui-player{color:#3a332b;background:#fffdf9;border-radius:12px;font-size:11.5px;box-shadow:0 1px 2px #3c28140f,0 10px 24px #3c28141a}.ui-panel{padding:10px 12px 12px}.ui-head{margin-bottom:6px;font-size:12.5px;font-weight:600}.ui-row{border-bottom:1px solid #f0e9de;justify-content:space-between;align-items:center;height:30px;display:flex}.ui-toggle{background:#e3dccf;border-radius:999px;width:28px;height:16px;position:relative}.ui-toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.ui-toggle.on{background:#e8833a}.ui-toggle.on:after{left:14px}.ui-seg{text-align:center;color:#8b8174;background:#f1ebe1;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:2px;font-size:11px;display:grid}.ui-seg span{border-radius:6px;height:22px;line-height:22px}.ui-seg span.on{color:#2b2621;background:#fffdf9;font-weight:600;box-shadow:0 1px 3px #3c28141f}.ui-phone{text-align:center;flex-direction:column;align-items:center;padding:8px 8px 12px;display:flex}.collage .ui-phone img.ui-hero{object-fit:cover;border-radius:8px;width:100%;height:96px}.ui-phone b{font-family:var(--cn-serif);margin-top:10px;font-size:14px;font-weight:600}.ui-phone small{color:var(--ink3);margin-top:3px;font-size:10.5px}.ui-dots{gap:4px;margin:10px 0;display:flex}.ui-dots i{background:#e3dccf;border-radius:3px;width:5px;height:5px}.ui-dots i.on{background:#e8833a;width:14px}.ui-btn{color:#fff;background:#2b2621;border-radius:999px;width:100%;height:26px;font-size:11px;font-weight:500;line-height:26px}.ui-player{padding:8px 8px 10px}.collage .ui-player img.ui-cover{object-fit:cover;border-radius:8px;width:100%;height:120px}.ui-player b{font-family:var(--serif);margin-top:9px;font-size:15px;font-weight:600;display:block}.ui-player small{color:var(--ink3);font-size:10.5px}.ui-bar{background:#ebe4d8;border-radius:2px;height:3px;margin:9px 0 8px;overflow:hidden}.ui-bar i{background:#e8833a;width:42%;height:100%;display:block}.ui-ctrl{justify-content:center;align-items:center;gap:16px;display:flex}.ui-ctrl svg{fill:#6f675d;stroke:#6f675d;stroke-width:1.6px;stroke-linejoin:round;width:14px;height:14px}.ui-play{background:#2b2621;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.ui-play .ico{fill:#fff;stroke:none;width:13px;height:13px;margin-left:2px}@media (max-width:520px){.collage.cols-3{grid-template-columns:repeat(2,1fr)}.collage.cols-3 .cl-col.c2{display:none}}