header{position:sticky;top:0;z-index:20;background:#f4f0e8ed;backdrop-filter:blur(16px)}.reading-progress{height:2px;background:#2458ef;position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(var(--read,0));transform-origin:left}.hero{perspective:1400px}.hero-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.hero-line>span,.hero-line>em{display:block;animation:title-enter 1.1s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 100%}.hero-line>em{animation-delay:.16s}.hero-art{perspective:1000px;transform-style:preserve-3d;transform:rotateX(var(--hero-x,0deg)) rotateY(var(--hero-y,0deg));transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero-cafe.hero-photo{animation:photo-enter 1.4s cubic-bezier(.16,1,.3,1) .15s both;rotate:-6deg;transform:translate3d(0,var(--float,0px),20px)}.hero-tech.hero-photo{animation:photo-enter 1.4s cubic-bezier(.16,1,.3,1) .35s both;rotate:7deg;transform:translate3d(0,calc(var(--float,0px)*-.5),90px)}.depth-rings{position:absolute;inset:-45px -30px;pointer-events:none;transform:translateZ(-65px);z-index:-1}.depth-rings i{position:absolute;inset:0;border:1px solid #2458ef33;border-radius:50%;transform:rotateX(65deg) rotateZ(25deg);animation:ring-turn 22s linear infinite}.depth-rings i:nth-child(2){inset:40px 10px;animation-direction:reverse;opacity:.6}.depth-rings i:nth-child(3){inset:80px 35px;opacity:.3}.hero-scroll{display:flex;align-items:center;gap:15px;position:absolute;bottom:25px;left:5vw;font-size:8px;letter-spacing:1.3px;color:#73736e}.hero-scroll b{font-size:20px;font-weight:400;animation:scroll-nudge 2s ease-in-out infinite}.work-ribbon{overflow:hidden;background:#2458ef;color:#f4f0e8;padding:14px 0;transform:rotate(-1deg);margin:0 -1px 22px}.work-ribbon>div{display:flex;width:max-content;gap:38px;animation:ribbon-run 26s linear infinite}.work-ribbon span{font-size:14px;letter-spacing:1.5px;white-space:nowrap}.work-section .section-head h2,.process h2{transform-origin:left bottom}.reveal-ready [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--stagger,0s)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.card .visual,.image-campaign .visual{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;transform-style:preserve-3d}.card:hover .visual{box-shadow:0 18px 45px #0002}.real-card .visual:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.text-button{transition:color .2s,letter-spacing .3s}.text-button:hover{color:#2458ef;letter-spacing:.3px}.pill{transition:transform .3s,box-shadow .3s}.pill:hover{transform:translateY(-3px);box-shadow:0 12px 25px #2458ef33}.pill span{transition:transform .3s}.pill:hover span{transform:translate(3px,-3px)}.loop-words{position:absolute;top:65px;right:28px;font-size:31px;font-weight:700;letter-spacing:-1px;line-height:1.15;rotate:-8deg}.loop-words span{display:block;animation:loop-snap 4.5s infinite}.loop-words span:nth-child(2){animation-delay:.15s}.loop-words span:nth-child(3){animation-delay:.3s}#motion .caption-preview{color:#fff}#motion .caption-preview .creator-top,#motion .caption-preview small{color:#d7d9e3}#motion .creator-top{font-size:8px}@keyframes title-enter{from{opacity:0;transform:translateY(115%) rotateX(-30deg)}to{opacity:1;transform:none}}@keyframes photo-enter{from{opacity:0;translate:0 80px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes ring-turn{to{transform:rotateX(65deg) rotateZ(385deg)}}@keyframes ribbon-run{to{transform:translateX(-50%)}}@keyframes scroll-nudge{50%{transform:translateY(6px)}}@keyframes loop-snap{0%,8%{opacity:0;transform:translateX(35px)}20%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-15px)}}@media(max-width:700px){header{position:relative}.hero-scroll{left:6vw;bottom:24px}.work-ribbon span{font-size:11px}.loop-words{font-size:28px}.depth-rings{inset:-20px}.hero-line>span,.hero-line>em{animation-duration:.8s}}@media(prefers-reduced-motion:reduce){.reveal-ready [data-reveal]{opacity:1;transform:none;transition:none}.hero-art,.card .visual{transform:none!important}.hero-line>span,.hero-line>em,.hero-photo{animation:none!important}.reading-progress{display:none}}

#motion .video-player{height:auto;aspect-ratio:9/16}#motion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}#motion-grid .card-meta{display:block}#motion-grid .tag{display:block;text-align:left;margin-top:9px;line-height:1.7}.motion-control button{color:inherit}.creator-film-intro{padding-top:55px;border-top:1px solid var(--line);margin-top:48px}.creator-film-intro>h3{font-size:34px;letter-spacing:-1px;font-weight:400;margin:18px 0 26px}#creator-film .card{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:40px;align-items:start;max-width:1000px}#creator-film video{grid-column:1;grid-row:1/5}#creator-film .card-meta,#creator-film p,#creator-film .text-button{grid-column:2}#creator-film .card-meta{margin-top:45px}#creator-film .text-button{justify-self:start}#creator-film p{font-size:15px;line-height:1.8}dialog .video-player{height:min(58vh,580px);margin:12px 0 0}.paused .hero-art,.paused .card .visual{transform:none!important}@media(max-width:1100px){#motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){#motion-grid{grid-template-columns:1fr}#creator-film .card{display:block}#creator-film .card-meta{margin-top:17px}#creator-film p{font-size:12px}.creator-film-intro>h3{font-size:29px}}