.tm-marquee{background:#ffd00079 url(/assets/doodle-pattern2.png) 50%/cover;border-top:4px solid #000;padding:140px 0;position:relative;overflow:hidden}.tm-header{text-align:center;z-index:2;max-width:1200px;padding:0 18px 40px;position:relative}.tm-header__title{color:#ffd000;letter-spacing:-1px;text-transform:uppercase;background:#000;border-radius:0;margin:0;padding:10px 30px;font-size:clamp(32px,6vw,64px);font-weight:900;line-height:1;display:inline-block}.tm-marquee__viewport{margin-top:20px;overflow:hidden;transform:rotate(-5deg)}.tm-marquee__track{will-change:transform;align-items:stretch;gap:32px;padding:20px 0;animation:25s linear infinite tm-scroll;display:flex}.tm-card{color:#000;background:#fff;border:4px solid #000;border-radius:24px;flex-direction:column;flex:none;gap:16px;width:400px;min-height:220px;padding:24px;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;position:relative;box-shadow:8px 8px #000}.tm-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.tm-card__icon{margin-bottom:-10px}.tm-comma{color:#ffd000;-webkit-text-stroke:2px #000;text-stroke:2px #000;font-size:64px;font-weight:900;line-height:.5}.tm-card__text{color:#000;flex-grow:1;font-size:16px;font-weight:600;line-height:1.5}.tm-card__meta{border-top:3px solid #000;flex-direction:column;gap:2px;padding-top:12px;font-size:14px;font-weight:800;display:flex}.tm-card__name{text-transform:uppercase;font-size:18px}.tm-card__role{color:#666;font-size:13px;font-weight:600}@keyframes tm-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tm-marquee__track:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tm-marquee__track{animation:none}}@media (max-width:640px){.tm-marquee__track{animation-duration:20s}.tm-card{width:280px;min-height:200px;padding:20px}.tm-header__title{font-size:40px}}@media (min-width:801px){.tm-marquee{background-image:url(/assets/doodle-face2.png);background-position:50%;background-repeat:repeat;background-size:240px}}
.zigzag-wrapper{background-color:#000;background-image:url(/doodle.png);background-position:50%;background-repeat:repeat;background-size:240px;width:100%;position:relative;overflow:hidden}.zigzag-title{text-align:center;color:#fff;letter-spacing:-1px;text-transform:lowercase;background-color:#000;margin-bottom:24px;font-size:2rem;font-weight:800}.zigzag-title:after{content:".";color:#facc15}.zigzag-list{flex-direction:column;gap:40px;width:100%;max-width:600px;margin:0 auto;padding:60px 20px 100px;display:flex}.zigzag-card{color:#000;background:#facc15;border:2px solid #000;border-radius:20px;flex-direction:column;gap:12px;width:85%;padding:20px;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.card-doodle{opacity:.3;z-index:0;pointer-events:none;background-color:#fff;background-image:radial-gradient(circle,#000 2px,#0000 2.5px);background-size:8px 8px;border:2px solid #000;border-radius:50%;width:40px;height:40px;position:absolute;top:-10px;right:-10px}.chat-tail{z-index:1;background:#facc15;border-bottom:2px solid #000;border-right:2px solid #000;width:20px;height:20px;position:absolute;bottom:0}.zigzag-card.left{border-bottom-left-radius:4px;align-self:flex-start}.zigzag-card.left .chat-tail{display:none;bottom:-2px;left:-8px;transform:rotate(45deg)}.zigzag-card.right{background-color:#fff;border-color:#facc15;border-bottom-right-radius:4px;align-self:flex-end}.zigzag-card.right .chat-tail{display:none;bottom:-2px;right:-8px;transform:rotate(45deg)}.chat-header{border-bottom:2px dashed #0000001a;align-items:center;gap:12px;padding-bottom:12px;display:flex}.avatar-circle{color:#facc15;background:#000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:900;display:flex}.user-info{flex-direction:column;display:flex}.user-info strong{font-size:1rem;line-height:1.1}.user-info span{opacity:.7;font-size:.75rem;font-weight:500}.chat-body p{font-size:.95rem;font-weight:500;line-height:1.5}.zigzag-card.right{color:#fff;background:#111;border:1px solid #333}.zigzag-card.right .avatar-circle{color:#000;background:#facc15;border-color:#000}.zigzag-card.right .chat-header{border-bottom:2px dashed #fff3}.zigzag-card.right .card-doodle{background-color:#facc15;background-image:radial-gradient(circle,#000 2px,#0000 2.5px);border-color:#fff}
.project-marquee-container{perspective:600px;perspective-origin:50%;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.project-marquee-frame{width:100%;height:100%;transform-style:preserve-3d;grid-template-columns:repeat(4,1fr);gap:0;display:grid;transform:rotateX(20deg)}.marquee-column{height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.marquee-row-content{will-change:transform;flex-direction:column;width:100%;display:flex;position:absolute}.marquee-text{color:#ffd000;text-transform:uppercase;white-space:nowrap;letter-spacing:.05em;text-align:center;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(6rem,4vw,5rem);font-weight:900;line-height:.7;transition:transform .1s ease-out;display:block}.marquee-column:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 20%,#0000 50%,#000 80% 100%);position:absolute;inset:0}@media (max-width:1400px){.marquee-text{padding:1rem 0;font-size:clamp(3rem,5vw,4rem)}}@media (min-width:1400px){.marquee-text{font-size:clamp(4rem,5vw,8rem)}}
.scroll-video-container{background:#000;justify-content:flex-start;align-items:center;width:100%;min-height:30px;margin-top:200px;padding:-1rem;display:flex;position:relative;rotate:-4deg}.scroll-video-wrapper{justify-content:flex-start;width:100%;max-width:60%;display:flex;position:sticky;top:50%;transform:translateY(-30%)}.scroll-video-frame{background:#000;width:100%;position:relative;overflow:hidden}.scroll-video{object-fit:cover;object-position:center center;clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);width:200%;height:auto;max-height:100vh;display:block}.scroll-video-frame:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}@media (max-width:1400px){.scroll-video-wrapper{max-width:85%;transform:translateY(-30%)}.scroll-video-container{padding:1.5rem}}@media (max-width:768px){.scroll-video-wrapper{max-width:95%}.scroll-video-container{min-height:250vh;padding:1rem}.scroll-video-frame{border-radius:15px}.scroll-video{max-height:70vh}}@media (max-width:480px){.scroll-video-wrapper{max-width:100%;transform:translateY(-80%)}.scroll-video-container{min-height:30vh;padding:.5rem}.scroll-video-frame{border-radius:10px}.scroll-video{max-height:200vh}}