/* Scroll fade-ins (visuals.js) */
.vjs [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.vjs [data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.vjs [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
.photo-credit{font-size:11px;line-height:1.3;opacity:.75}
.photo-credit a{color:inherit}
/* ytronic-specific */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero-photo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 70%;opacity:.55}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,32,.95) 0%,rgba(10,16,32,.72) 45%,rgba(10,16,32,.25) 100%),linear-gradient(0deg,rgba(10,16,32,.9),transparent 40%)}
.hero .photo-credit{position:absolute;right:1rem;bottom:.6rem;color:#a9b3c9;z-index:1}
@media (max-width:700px){.hero-photo img{object-position:70% 100%;opacity:.3}.hero-photo::after{background:linear-gradient(180deg,rgba(10,16,32,.92) 0%,rgba(10,16,32,.85) 60%,rgba(10,16,32,.55) 100%)}}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media (max-width:900px){.gallery{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(78%,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.75rem;-webkit-overflow-scrolling:touch}.gallery>*{scroll-snap-align:start}}
.work .frame{display:block;background:#e3e7f0;padding:22px 0 0;position:relative;overflow:hidden}
.work .frame::before{content:"";position:absolute;top:8px;left:10px;width:7px;height:7px;border-radius:50%;background:#ff6b5b;box-shadow:12px 0 #ffc94d,24px 0 #3ccf7a}
.work .frame img{transition:transform .5s ease}
.work:hover .frame img{transform:scale(1.035)}
.work .pf-cat{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}
.gallery-hint{display:none;font-size:.85rem;color:var(--muted);margin:.5rem 0 0}
@media (max-width:900px){.gallery-hint{display:block}}
.timeline li,.steps li,.card{transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(10,16,32,.12)}
.cta-photo{position:relative;overflow:hidden;isolation:isolate}
.cta-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.28;mix-blend-mode:luminosity}
.cta-photo .photo-credit{position:absolute;right:1rem;bottom:.5rem;color:#e8eefc}