/* Automatic content visuals — intentionally lightweight and media-library free. */
.mt-auto-visual-link{display:block;color:inherit;text-decoration:none}
.mt-auto-visual{--mtv-h1:174;--mtv-h2:246;position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid rgba(17,19,24,.075);border-radius:30px;background:linear-gradient(145deg,hsl(var(--mtv-h1) 48% 97%),#fff 48%,hsl(var(--mtv-h2) 60% 97%));box-shadow:0 22px 70px rgba(17,19,24,.055)}
.mt-auto-visual--card{border-radius:0;aspect-ratio:16/9;box-shadow:none;border:0;border-bottom:1px solid rgba(17,19,24,.06)}
.mt-auto-visual--project{min-height:420px;aspect-ratio:4/3;border-radius:32px;background:linear-gradient(145deg,hsl(var(--mtv-h1) 52% 97%),#fff 48%,hsl(var(--mtv-h2) 58% 96%))}
.mt-auto-visual-real{overflow:hidden;width:100%;border:1px solid rgba(17,19,24,.075);border-radius:30px;background:#fff;box-shadow:0 22px 70px rgba(17,19,24,.055)}
.mt-auto-visual-real--card{border:0;border-bottom:1px solid rgba(17,19,24,.06);border-radius:0;box-shadow:none;aspect-ratio:16/9}
.mt-auto-visual-real img{display:block;width:100%;height:auto}.mt-auto-visual-real--card img{width:100%;height:100%;object-fit:cover}
.mt-auto-grid{position:absolute;inset:0;z-index:-2;opacity:.3;background-image:linear-gradient(rgba(17,19,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,24,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(115deg,#000,transparent 82%)}
.mt-auto-orb{position:absolute;z-index:-1;border-radius:999px;filter:blur(2px);opacity:.42;animation:mtvFloat 10s ease-in-out infinite alternate}.mt-auto-orb-a{width:42%;aspect-ratio:1;right:-10%;top:-24%;background:radial-gradient(circle,hsl(var(--mtv-h1) 70% 75% / .55),transparent 68%)}.mt-auto-orb-b{width:32%;aspect-ratio:1;left:-9%;bottom:-25%;background:radial-gradient(circle,hsl(var(--mtv-h2) 78% 78% / .45),transparent 68%);animation-delay:-3s}
.mt-auto-window{position:absolute;left:8%;top:14%;width:58%;height:55%;border:1px solid rgba(17,19,24,.10);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(17,19,24,.08);backdrop-filter:blur(12px);transform:rotate(-1.7deg);animation:mtvWindow 8s ease-in-out infinite alternate}
.mt-auto-window-bar{height:13%;display:flex;align-items:center;gap:5px;padding:0 4%;border-bottom:1px solid rgba(17,19,24,.07)}.mt-auto-window-bar i{width:7px;height:7px;border-radius:50%;background:rgba(17,19,24,.14)}.mt-auto-window-bar span{margin-left:auto;width:24%;height:5px;border-radius:99px;background:rgba(17,19,24,.08)}
.mt-auto-window-body{padding:6%}.mt-auto-mini-nav{display:flex;align-items:center;gap:7%;margin-bottom:7%}.mt-auto-mini-nav b{width:15%;height:9px;border-radius:99px;background:hsl(var(--mtv-h1) 40% 25% / .75)}.mt-auto-mini-nav i{width:10%;height:5px;border-radius:99px;background:rgba(17,19,24,.09)}
.mt-auto-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:8%}.mt-auto-copy span{display:block;width:35%;height:6px;margin-bottom:8%;border-radius:99px;background:hsl(var(--mtv-h1) 55% 45% / .3)}.mt-auto-copy strong{display:block;width:92%;height:17px;margin-bottom:7%;border-radius:5px;background:rgba(17,19,24,.72)}.mt-auto-copy em{display:block;width:86%;height:6px;margin:4% 0;border-radius:99px;background:rgba(17,19,24,.10)}.mt-auto-copy em:nth-of-type(2){width:72%}.mt-auto-copy em:nth-of-type(3){width:61%}
.mt-auto-widget{padding:12%;border-radius:10px;background:linear-gradient(150deg,hsl(var(--mtv-h1) 55% 91%),hsl(var(--mtv-h2) 58% 94%));border:1px solid rgba(17,19,24,.06)}.mt-auto-widget i{display:block;height:8px;margin:10% 0;border-radius:99px;background:rgba(17,19,24,.11)}.mt-auto-widget i:first-child{height:34%;min-height:32px;border-radius:7px;background:hsl(var(--mtv-h1) 45% 48% / .22)}
.mt-auto-caption{position:absolute;right:7%;bottom:9%;width:48%;padding:1.15rem 1.25rem;border:1px solid rgba(17,19,24,.085);border-radius:18px;background:rgba(255,255,255,.89);box-shadow:0 15px 45px rgba(17,19,24,.065);backdrop-filter:blur(14px)}.mt-auto-kicker{display:block;margin-bottom:.48rem;font-size:.62rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#687083}.mt-auto-caption strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(.92rem,1.55vw,1.35rem);line-height:1.03;letter-spacing:-.035em}.mt-auto-caption-line{display:flex;gap:5px;margin-top:.8rem}.mt-auto-caption-line i{display:block;width:20%;height:4px;border-radius:99px;background:hsl(var(--mtv-h1) 55% 48% / .24)}.mt-auto-caption-line i:nth-child(2){width:35%;background:hsl(var(--mtv-h2) 55% 50% / .19)}.mt-auto-caption-line i:nth-child(3){width:12%;background:rgba(17,19,24,.08)}
.mt-auto-badge{position:absolute;top:8%;right:7%;padding:.38rem .52rem;border:1px solid rgba(17,19,24,.08);border-radius:999px;background:rgba(255,255,255,.76);font-size:.58rem;font-weight:760;letter-spacing:.12em;color:#677082;backdrop-filter:blur(8px)}
.mt-auto-visual--card .mt-auto-window{left:6%;top:12%;width:62%;height:58%}.mt-auto-visual--card .mt-auto-caption{right:5%;bottom:7%;width:47%;padding:.8rem .9rem;border-radius:14px}.mt-auto-visual--card .mt-auto-kicker{font-size:.52rem}.mt-auto-visual--card .mt-auto-badge{top:6%;right:5%}
.mt-auto-visual--project .mt-auto-window{left:7%;top:12%;width:67%;height:59%}.mt-auto-visual--project .mt-auto-caption{right:6%;bottom:7%;width:55%}
.mt-auto-visual--v2 .mt-auto-window{transform:rotate(1.5deg)}.mt-auto-visual--v3 .mt-auto-window{left:10%;top:17%;transform:rotate(-2.2deg)}.mt-auto-visual--v4 .mt-auto-window{left:7%;top:11%;width:62%;transform:rotate(.8deg)}.mt-auto-visual--v5 .mt-auto-caption{right:8%;bottom:12%}.mt-auto-visual--v6 .mt-auto-window{top:18%;transform:rotate(2deg)}
@keyframes mtvFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4%,6%,0) scale(1.08)}}
@keyframes mtvWindow{from{translate:0 0}to{translate:0 -7px}}
@media (prefers-reduced-motion:reduce){.mt-auto-orb,.mt-auto-window{animation:none!important}}
@media(max-width:781px){.mt-auto-visual{border-radius:22px}.mt-auto-visual--card{border-radius:0}.mt-auto-visual--project{min-height:300px;border-radius:24px}.mt-auto-window{left:5%;top:13%;width:68%;height:56%}.mt-auto-caption{right:5%;bottom:6%;width:60%;padding:.8rem .9rem}.mt-auto-kicker{font-size:.52rem}.mt-auto-badge{top:5%;right:5%}}