/* Andivio Fluid: editorial product treatment, using real interface captures. */
.catalog-card--fluid{border-color:#d8d4d0}
.catalog-card--fluid .catalog-image{background:#111113}
.catalog-card--fluid .catalog-image img{filter:none;object-fit:cover;object-position:center top}
.catalog-card--fluid .catalog-body{justify-content:center}
.catalog-card--fluid .eyebrow::before{background:#f05236}
.fluid-home{padding:clamp(3rem,5vw,5rem) 0;border-block:1px solid var(--rule);background:#f7f6f3}
.fluid-home-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.fluid-home-copy .eyebrow{margin-bottom:1rem}
.fluid-home-copy h2{max-width:11ch;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 1.25rem}
.fluid-home-copy p:not(.eyebrow){max-width:42ch;color:var(--ink-2);font-size:.94rem;line-height:1.75;margin:0 0 1.35rem}
.fluid-home-copy .tlink{display:inline-flex;align-items:center;min-height:44px}
.fluid-home-copy .fluid-home-related{border-top:1px solid var(--rule);padding-top:1rem;margin:1.5rem 0 0;font-size:.76rem;line-height:1.7}
.fluid-home-related a{color:var(--ink);text-decoration:underline;text-decoration-color:#b9b9b2;text-underline-offset:3px}
.fluid-home-shot{display:block;min-width:0;overflow:hidden;background:#111113;border:1px solid #333137;border-radius:8px;box-shadow:0 24px 54px rgba(31,28,27,.15)}
.fluid-home-shot img{display:block;width:100%;height:auto;aspect-ratio:1.86;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fluid-home-shot:hover img,.fluid-home-shot:focus-visible img{transform:scale(1.025)}
.fluid-home-shot:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
.fluid-home-shot-caption{display:flex;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;color:#c4c5c7;font:.67rem/1.4 var(--mono)}
.fluid-home-shot-caption span:last-child{color:#ff7660}
.fluid-page-hero{padding:clamp(4rem,7vw,6rem) 0 clamp(2.5rem,4vw,4rem);background:#f6f5f2}
.fluid-page-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem 4rem;align-items:end}
.fluid-page-hero .crumb{grid-column:1/-1}
.fluid-page-hero h1{max-width:11ch;font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:1.04;letter-spacing:-.055em;margin:.85rem 0 0}
.fluid-page-intro{max-width:48ch;color:var(--ink-2);font-size:1rem;line-height:1.8}
.fluid-page-intro .btn-group{margin-top:1.5rem}
.fluid-screens{padding:clamp(3rem,5vw,5rem) 0;background:#1c1e20;color:#f4f4f2}
.fluid-screens .label{color:#ff8068}
.fluid-screens h2{color:#fff;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.15;margin:.65rem 0 1rem}
.fluid-screens .fluid-screen-intro{max-width:55ch;color:#b7b9bb;font-size:.94rem;line-height:1.7;margin-bottom:2rem}
.fluid-screenshot{margin:0}
.fluid-screenshot a{display:block;overflow:hidden;border:1px solid #44464b;border-radius:8px;background:#0e0f11;box-shadow:0 25px 60px rgba(0,0,0,.28)}
.fluid-screenshot img{display:block;width:100%;height:auto;filter:none}
.fluid-screenshot figcaption{display:flex;justify-content:space-between;gap:.5rem 2rem;flex-wrap:wrap;color:#aeb1b3;font-size:.76rem;line-height:1.6;margin:.75rem 0 0}
.fluid-screenshot figcaption a{color:#f2f2ef;text-decoration:underline;text-underline-offset:3px}
.fluid-screenshot--secondary{max-width:82%;margin:2.8rem 0 0 auto}
.fluid-flow{padding:clamp(3.25rem,6vw,5rem) 0}
.fluid-flow-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;align-items:end;margin-bottom:2rem}
.fluid-flow-head h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.04em;margin:.65rem 0 0}
.fluid-flow-head p{max-width:44ch;color:var(--ink-2);line-height:1.75}
.fluid-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.fluid-flow-grid li{list-style:none;border-top:1px solid var(--rule-2);padding:1.1rem .25rem 0 0}
.fluid-flow-grid span{display:block;font:.72rem/1.4 var(--mono);color:#a94b3a;margin-bottom:1.15rem}
.fluid-flow-grid h3{font-size:1.12rem;letter-spacing:-.025em;line-height:1.3;margin-bottom:.55rem}
.fluid-flow-grid p{font-size:.84rem;line-height:1.7;color:var(--ink-2)}
.fluid-clarity{padding:clamp(2.5rem,4vw,3.5rem) 0;background:#f6f5f2;border-block:1px solid var(--rule)}
.fluid-clarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem}
.fluid-clarity h2{font-size:clamp(1.65rem,2.5vw,2.25rem);margin:.6rem 0 0}
.fluid-clarity p{color:var(--ink-2);line-height:1.75}
@media(max-width:900px){.fluid-home-grid,.fluid-page-hero .wrap{grid-template-columns:1fr}.fluid-home-copy h2{max-width:18ch}.fluid-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fluid-page-hero .crumb{grid-column:auto}}
@media(max-width:680px){.fluid-home{padding:3rem 0}.fluid-home-grid{gap:1.5rem}.fluid-home-shot-caption{font-size:.59rem}.fluid-screenshot--secondary{max-width:100%;margin-top:2rem}.fluid-flow-head,.fluid-clarity-grid{grid-template-columns:1fr;gap:1rem}.fluid-flow-grid{gap:1.5rem 1rem}.fluid-page-hero h1{font-size:clamp(2.6rem,11vw,3.5rem)}}
@media(max-width:420px){.fluid-flow-grid{grid-template-columns:1fr}.fluid-home-shot-caption{font-size:.55rem}}
@media(prefers-reduced-motion:no-preference){
  [data-fluid-reveal].fluid-motion-ready{transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
  [data-fluid-reveal].fluid-motion-ready:not(.fluid-motion-visible){opacity:0;transform:translate3d(0,22px,0)}
  .fluid-flow-grid [data-fluid-reveal]:nth-child(2){transition-delay:.1s}
  .fluid-flow-grid [data-fluid-reveal]:nth-child(3){transition-delay:.2s}
  .fluid-flow-grid [data-fluid-reveal]:nth-child(4){transition-delay:.3s}
}
@media(prefers-reduced-motion:reduce){.fluid-home-shot img{transition:none}}