/* Complemento ao style.css (Tailwind compilado): foto, prints dos casos e chinês. */
.avatar{width:32px;height:32px;border-radius:9999px;object-fit:cover;border:1px solid #e7d3a3}
.hero-grid{display:grid;gap:2.5rem;align-items:end}
.hero-grid>div{min-width:0}
.hero-photo{display:block;width:min(180px,45vw);aspect-ratio:7/8;object-fit:cover;object-position:50% 20%;border-radius:1.25rem;border:1px solid #262a35;order:-1}
@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) 340px}.hero-photo{width:100%;order:0}}
.shot{display:block;margin:-.25rem -.25rem 1.25rem;border-radius:.9rem;overflow:hidden;border:1px solid #262a35;aspect-ratio:16/9;background:#0f1116}
.shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .5s}
.shot:hover img{transform:scale(1.03)}
.case-link{display:inline-block;margin-top:1.1rem;color:#e7d3a3;font-size:.9rem;font-weight:600}
.case-link:hover,.case-link-inline:hover{text-decoration:underline}
.case-link-inline{color:#e7d3a3;font-weight:600}
a.lang{text-decoration:none}
.lang-zh h1,.lang-zh h2,.lang-zh h3,.lang-zh .card-title{font-family:'Noto Sans SC',Inter,sans-serif;font-weight:600;letter-spacing:0}
.lang-zh{font-family:'Noto Sans SC',Inter,sans-serif}
.lang-zh h1{line-height:1.2}
.timeline .proof{margin-top:.35rem;color:rgba(243,239,230,.6);font-size:.95rem;line-height:1.5;max-width:46rem}
.timeline li.now .when{color:#e7d3a3}
.langs{margin-top:1rem;display:grid;gap:.7rem;color:rgba(243,239,230,.75)}
.langs li{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.lvl{flex:none;width:86px;height:6px;border-radius:9px;background:linear-gradient(90deg,#e7d3a3 calc(var(--n)*20%),#262a35 0)}
.tools{margin-top:.8rem;display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;color:rgba(243,239,230,.75)}
.tools dt{color:rgba(243,239,230,.45);font-size:.85rem;padding-top:.15rem}
@media (max-width:520px){.tools{grid-template-columns:1fr}.tools dd{margin-bottom:.4rem}}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.yt,.ytf{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:.6rem;overflow:hidden;border:1px solid #262a35;background:#000;padding:0;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}
.yt:hover img{opacity:1}
.yt::before{content:"";position:absolute;z-index:1;left:50%;top:42%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(15,17,22,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5z' fill='%23e7d3a3'/%3E%3C/svg%3E") center/22px no-repeat;border:1px solid #e7d3a3}
.yt span{position:absolute;left:0;right:0;bottom:0;padding:.35rem .5rem;font-size:.72rem;text-align:left;color:#f3efe6;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.ytf{grid-column:1/-1}
.vlinks{margin-top:.9rem;font-size:.85rem;color:rgba(243,239,230,.4)}