@layer components{.tq-band{--tq-navy:var(--color-brand-navy);border-radius:var(--radius-xl);background:var(--tq-navy);color:var(--color-text-on-dark)}.tq-stream{--tq-width:92%;--tq-overlap:10px;--tq-tilt-k:.5;--tq-from:140px}.tq-card{z-index:var(--tq-z,1);width:var(--tq-width);margin-left:var(--x);border-radius:var(--radius-lg);background:var(--bg);color:var(--tq-navy);transform:rotate(calc(var(--tilt) * var(--tq-tilt-k)));position:relative;box-shadow:0 2px 4px #0003,0 28px 56px -20px #0000008c}.tq-card+.tq-card{margin-top:calc(-1 * var(--tq-overlap))}.tq-card:nth-child(6n+1){--tq-z:1;--tilt:-2deg;--bg:var(--color-gold-300)}.tq-card:nth-child(6n+2){--tq-z:2;--tilt:2deg;--bg:var(--color-neutral-0)}.tq-card:nth-child(6n+3){--tq-z:3;--tilt:-1.7deg;--bg:var(--color-neutral-200)}.tq-card:nth-child(6n+4){--tq-z:4;--tilt:2.2deg;--bg:var(--color-gold-100)}.tq-card:nth-child(6n+5){--tq-z:5;--tilt:-2.2deg;--bg:var(--color-neutral-100)}.tq-card:nth-child(6n+6){--tq-z:6;--tilt:1.8deg;--bg:var(--color-neutral-300)}.tq-card[data-side=right]{--x:6%}.tq-card[data-side=left]{--x:0%}.tq-figure{flex-direction:column;gap:20px;padding:16px 16px 28px;display:flex}.tq-picture{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--tq-navy);flex:none;position:relative;overflow:hidden}.tq-card[data-graphic=portrait] .tq-picture{aspect-ratio:4/5}.tq-card[data-graphic=landscape] .tq-picture{aspect-ratio:16/9}.tq-text{flex-direction:column;flex:1;justify-content:center;gap:20px;min-width:0;padding-inline:4px;display:flex}.tq-quote p{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:-.01em;text-wrap:pretty;font-weight:700}.tq-quote-long p{font-size:var(--text-body-s);line-height:var(--leading-body-s)}.tq-caption{flex-direction:column;gap:2px;display:flex}.tq-industry{font-size:var(--text-micro);letter-spacing:.13em;text-transform:uppercase;color:var(--color-neutral-800);margin-bottom:6px;font-weight:700;line-height:1}.tq-name{font-size:var(--text-body);line-height:var(--leading-body-s);font-weight:800}.tq-role{font-size:var(--text-body-s);line-height:var(--leading-body-s);color:var(--color-neutral-800);font-weight:600}.tq-source{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-neutral-800);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--color-neutral-800) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--color-neutral-800) 45%, transparent);text-underline-offset:3px;align-self:flex-start;padding-block:11px;font-weight:600;display:inline}@media (min-width:768px){.tq-stream{--tq-width:78%;--tq-overlap:20px;--tq-tilt-k:1}.tq-card[data-side=right]{--x:18%}.tq-card[data-side=left]{--x:2%}.tq-card:nth-child(3){--x:19%}.tq-card:nth-child(4){--x:3%}.tq-card:nth-child(5){--x:17%}.tq-figure{flex-direction:row;align-items:stretch;gap:28px;padding:20px 20px 44px}.tq-card[data-side=right] .tq-figure{flex-direction:row-reverse}.tq-picture{aspect-ratio:auto;width:36%;min-height:220px}.tq-card[data-graphic=portrait] .tq-picture{aspect-ratio:4/5;align-self:flex-start;min-height:0}.tq-card[data-graphic=landscape] .tq-figure,.tq-card[data-graphic=landscape][data-side=right] .tq-figure{flex-direction:column}.tq-card[data-graphic=landscape] .tq-picture{aspect-ratio:16/9;width:100%;min-height:0}.tq-text{padding:8px 4px}.tq-quote p{font-size:var(--text-body-l);line-height:var(--leading-h4)}.tq-quote-long p{font-size:var(--text-body);line-height:var(--leading-body)}.tq-source{padding-block:0}}@media (min-width:1024px){.tq-stream{--tq-width:64%}.tq-card[data-side=right]{--x:30%}.tq-card[data-side=left]{--x:3%}.tq-card:nth-child(3){--x:31%}.tq-card:nth-child(4){--x:2%}.tq-card:nth-child(5){--x:29%}.tq-card:nth-child(6){--x:4%}.tq-figure{gap:32px;padding:24px 24px 52px}.tq-quote p{font-size:var(--text-h4);line-height:var(--leading-body-l)}}@media (prefers-reduced-motion:no-preference){.tq-card[data-side=right]{--tq-dir:1}.tq-card[data-side=left]{--tq-dir:-1}.tq-card[data-reveal=idle]{opacity:0;transform:translateX(calc(var(--tq-dir) * var(--tq-from))) rotate(calc(var(--tq-dir) * 7deg))}.tq-card[data-reveal=run]{animation:tq-sweep .9s var(--motion-ease) both}}@media (prefers-reduced-motion:reduce){.tq-stream{--tq-tilt-k:0}}}@keyframes tq-sweep{0%{opacity:0;transform:translateX(calc(var(--tq-dir) * var(--tq-from))) rotate(calc(var(--tq-dir) * 7deg))}to{opacity:1;transform:translateX(0) rotate(calc(var(--tilt) * var(--tq-tilt-k)))}}
