.logo-stage{aspect-ratio:5/4;width:min(100%,600px);position:relative}.logo-stage canvas{cursor:grab;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(#0000,#000 8% 90%,#0000)}.logo-stage canvas:active{cursor:grabbing}.logo-still{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .4s var(--ease);position:absolute;inset:0}.logo-stage.is-3d canvas{opacity:1;z-index:1}.logo-stage.is-3d .logo-still{opacity:0}@media (prefers-reduced-motion:reduce){.logo-stage canvas,.logo-still{transition:none}}.td-hero{align-items:center;gap:2rem;display:grid}.td-copy{gap:1.1rem;display:grid}@media (width>=1000px){.td-hero{grid-template-columns:6fr 5fr}}.studio .td-stage{overflow:clip}.td-logo{isolation:isolate;color:#f3f0e8;justify-items:center;gap:.25rem;margin:0;display:grid;position:relative}.td-logo:before{content:"";z-index:-1;pointer-events:none;filter:blur(6px);background:conic-gradient(at 50% 0,#0000 0deg 160deg,#fff8e61a 169deg,#fff8e633 180deg,#fff8e61a 191deg,#0000 200deg);width:130%;height:150%;position:absolute;top:-55%;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#0000,#000 25% 62%,#0000 92%);mask-image:linear-gradient(#0000,#000 25% 62%,#0000 92%)}.td-logo:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#fff8e626,#0000);width:70%;height:34%;position:absolute;top:52%;left:50%;translate:-50%}.td-logo figcaption{color:#f3f0e8c7;text-align:center;font-size:.875rem}.td-logo figcaption span{color:#f3f0e899;font-size:.8125rem;display:block}.td-grid{gap:1.25rem;margin-top:1.5rem;display:grid}@media (width>=820px){.td-grid{grid-template-columns:1fr 1fr}}@media (width>=1100px){.td-grid{grid-template-columns:repeat(3,1fr)}}.td-card{color:inherit;transition:border-color .16s, transform .16s var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.td-card:hover{border-color:var(--ink)}.td-card:focus-visible{outline:2px solid var(--action);outline-offset:3px}.td-card img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;display:block}.td-body{align-content:start;gap:.6rem;padding:1.1rem 1.25rem 1.3rem;display:grid}.td-body h3,.td-body p{margin:0}@media (prefers-reduced-motion:no-preference){.td-card:hover{transform:translateY(-2px)}}