/* Two equally sized creative concepts. */
.ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.motion-card{padding-top:0}
.idea-image,.motion-canvas{width:100%;height:auto;aspect-ratio:3/2}
.idea-image img{display:block;filter:none;object-position:center}
.motion-canvas{container-type:inline-size;padding:25px;background:#ad97f8;isolation:isolate}
.poster-meta{font-size:8px;letter-spacing:.08em;z-index:4}
.poster-word{font-size:clamp(65px,21cqw,148px);margin-top:12%;line-height:.87;letter-spacing:-.075em;z-index:3}
.poster-word>.poster-good{display:block;color:#fff;white-space:nowrap;transform:none;animation:none;margin:0}
.poster-good i{display:inline-block;font-style:normal;animation:good-letter-float 4.8s ease-in-out infinite;animation-delay:calc(var(--letter)*.16s)}
.poster-word>.poster-weird{display:block;width:max-content;max-width:100%;color:#16131d;margin:16px 0 0 5px;transform:rotate(-4deg);animation:weird-swing 6s cubic-bezier(.45,0,.55,1) infinite;transform-origin:35% 55%;letter-spacing:-.075em}
.poster-orbit{width:42%;height:auto;aspect-ratio:1;right:-3%;top:23%;animation:poster-orbit-turn 16s linear infinite;opacity:.7;perspective:600px;z-index:1}
.poster-orbit span{border:1px solid #34215266;background:transparent;box-shadow:none}
.poster-orbit span:nth-child(2){border-width:2px;transform:rotateY(62deg) rotateZ(35deg)}
.poster-orbit span:nth-child(3){border-width:2px;transform:rotateX(62deg) rotateZ(-35deg)}
.poster-orbit:after{content:'';position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;left:48%;top:-5px;box-shadow:0 0 0 6px #ffffff25}
.poster-bottom{z-index:4;bottom:25px;left:25px;font-size:8px}
.motion-canvas .card-arrow{z-index:4}
.motion-canvas:hover .poster-orbit{animation-duration:8s}
.motion-canvas:hover .poster-good i{animation-duration:2.8s}
@keyframes good-letter-float{0%,65%,100%{transform:translateY(0)}25%{transform:translateY(-6px)}40%{transform:translateY(2px)}}
@keyframes weird-swing{0%,100%{transform:rotate(-4deg) translateX(0)}50%{transform:rotate(2deg) translateX(7px)}}
@keyframes poster-orbit-turn{to{transform:rotate(360deg)}}

/* Compact photography cards with the content inside their gradient. */
.work-card{position:relative;isolation:isolate;height:clamp(480px,38vw,570px);background:#141414;color:#fff;border-color:#282828;border-radius:9px;display:flex;align-items:flex-end}
.work-card>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top;z-index:-2}
.work-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09090900 12%,#0909092b 29%,#090909bd 47%,#090909f5 76%,#090909 100%);z-index:-1;pointer-events:none}
.work-card>div{position:relative;width:100%;padding:26px;z-index:1}
.work-card small{color:#d4bfff;font-size:9px;letter-spacing:.09em}
.work-card h3{color:#fff;font-size:clamp(23px,2.05vw,32px);line-height:1.08;margin:10px 0 12px}
.work-card p{color:#e3e1e5;font-size:12px;line-height:1.55;margin:0 0 12px}
.work-card p:first-of-type{color:#c1b6d2;font-size:10px;margin-bottom:14px}
.work-card ul{color:#ddd8e3;font-size:11px;line-height:1.6;margin:12px 0 19px;padding-left:15px}
.work-card a{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:12px;padding-bottom:4px;text-decoration:none;border-bottom:1px solid #ffffff55;transition:border-color .2s,color .2s}
.work-card a:hover{color:#d4bfff;border-color:#d4bfff}
.work-card:focus-within{outline:2px solid #ad97f8;outline-offset:4px}
@media(min-width:1800px){.motion-canvas{padding:34px}.poster-meta{font-size:10px}.poster-bottom{left:34px;bottom:34px;font-size:10px}}
@media(max-width:1100px) and (min-width:761px){.ideas-grid{gap:22px}.motion-canvas{padding:18px}.poster-meta{font-size:6px}.poster-bottom{left:18px;bottom:18px;font-size:7px}.poster-word{font-size:21cqw}.work-card{height:500px}.work-card>div{padding:20px}.work-card h3{font-size:24px}.work-card p{font-size:11px}.work-card ul{font-size:10px}}
@media(max-width:760px){.ideas-grid{display:grid;grid-template-columns:1fr;gap:35px}.idea-image,.motion-canvas{height:auto;aspect-ratio:3/2}.idea-card .card-description{min-height:92px}.motion-card{padding-top:0}.motion-canvas{padding:20px}.poster-word{font-size:21cqw;margin-top:12%}.poster-meta{font-size:6px}.poster-word>.poster-weird{margin-top:10px}.poster-bottom{left:20px;bottom:20px;font-size:6px}.motion-canvas .card-arrow{width:36px;height:36px;right:17px;bottom:17px;font-size:25px}.work-card{height:500px}.work-card>div{padding:25px}.work-card h3{font-size:29px}.work-card p{font-size:12px}.work-card ul{font-size:11px}}
@media(prefers-reduced-motion:reduce){.poster-good i,.poster-word>.poster-weird,.poster-orbit{animation:none!important}.work-card>img{transition:none!important}}