/* Owner browser review: alignment, wordmark and coordinated interaction. */
nav .brand,.footer-word{font-family:Futura,"futura-pt",sans-serif;letter-spacing:-.015em;font-weight:700}
.sequencia .service-unit,.sequencia .service-unit:nth-child(2){align-items:stretch}
.sequencia .service-copy{display:flex;flex-direction:column;padding-block:0}
.sequencia .service-copy>.v-link{margin-top:auto;align-self:flex-start}
.sequencia .service-copy>ul{margin-bottom:28px}
.sequencia .service-demo{height:auto}
.sequencia .v-work .v-heading{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:40px;align-items:last baseline}
.sequencia .v-work .v-intro{margin:0;line-height:1.35}
.sequencia .step-n{align-self:start;justify-self:start;position:relative;isolation:isolate;color:#aaa;transition:color .28s,transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:center}
.sequencia .step-n::before{content:"";position:absolute;inset:-8px -6px;background:var(--v-orange);border-radius:10px;z-index:-1;opacity:0;transform:scale(.88);transition:opacity .28s,transform .35s}
.sequencia .v-step.is-current .step-n{color:var(--v-ink);transform:translateY(-2px)}
.sequencia .v-step.is-current .step-n::before{opacity:1;transform:scale(1)}
.sequencia .v-step.is-current .step-copy h3{text-decoration:none}
@media(hover:hover){.sequencia .step-n:hover{color:var(--v-ink);transform:translateY(-3px) rotate(-3deg)}.sequencia .step-n:hover::before{opacity:1;transform:scale(1.05)}}
.faq-stack details{overflow:hidden;box-sizing:border-box}
.faq-stack summary i{display:grid;place-items:center;width:28px;height:28px;line-height:1;transform-origin:center}
.faq-stack details[data-expanding="true"] summary i{will-change:transform}
@media(max-width:720px){.sequencia .service-copy>.v-link{margin-top:0}.sequencia .v-work .v-heading{display:block}.sequencia .v-work .v-intro{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.sequencia .step-n,.sequencia .step-n::before{transition:none!important;transform:none!important}}
/* The photo is the opaque foreground of the About scene. Final layout remains in normal flow. */
.sequencia .about-composition{isolation:isolate}
.sequencia .v-portrait{z-index:3;background:#fff}
.sequencia .bio-grid{z-index:2}
.sequencia .bio-card{position:relative;background:var(--v-soft)}
@media(prefers-reduced-motion:reduce){.sequencia .bio-card{clip-path:none!important;transform:none!important}}
#hero .media .hero-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.hero-loop-toggle{position:absolute;right:12px;bottom:76px;z-index:4;width:44px;height:44px;border:1px solid #d8d8d8;border-radius:50%;background:#fffffff0;color:#0d0d0d;cursor:pointer;font-size:15px}
.hero-loop-toggle:focus-visible{outline:2px solid #c24100;outline-offset:3px}