/* Plain vendor-artwork strip, deliberately without a Card or altered vendor paint. */
.tw-logo-strip{--tw-logo-size:49px;--tw-logo-spacing:80px;--tw-logo-distance:105px;--tw-logo-fade:100px;margin-top:calc(var(--tw-logo-distance) - 28px);min-width:0;}
.tw-logo-viewport{overflow:hidden;width:100%;padding:8px 0;mask-image:linear-gradient(90deg,transparent,currentColor var(--tw-logo-fade),currentColor calc(100% - var(--tw-logo-fade)),transparent);}
.tw-logo-track{display:flex;width:max-content;will-change:transform;}
.tw-logo-unit{display:flex;align-items:center;gap:var(--tw-logo-spacing);padding-right:var(--tw-logo-spacing);flex:none;}
.tw-logo-unit img{display:block;flex:none;width:var(--tw-logo-size);height:var(--tw-logo-size);object-fit:contain;}
.tw-logo-settings{max-width:800px;margin:24px auto 0;text-align:left;font:400 13px/1.5 Inter,system-ui,sans-serif;}
.tw-logo-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;}
.tw-logo-setting{display:flex;align-items:flex-end;gap:16px;min-width:0;}
.tw-logo-setting>.tw-field{flex:1;min-width:0;}
.tw-logo-setting input{width:100%;}
.tw-logo-setting output{font:400 13px/40px Inter,system-ui,sans-serif;color:var(--tw-muted);min-width:64px;white-space:nowrap;}
.tw-logo-settings-actions{display:flex;gap:12px;margin-top:20px;}
.tw-logo-strip[data-reduced=true] .tw-logo-viewport{overflow-x:auto;}
@media(max-width:640px){.tw-logo-settings-grid{grid-template-columns:1fr;}}

.tw-logo-playback{display:flex;justify-content:flex-end;max-width:1360px;margin:12px auto 0;}

/* Opt-in hero integration strip: original vendor artwork inside a fine ruled frame. */
.tw-logo-strip[data-variant=ruled]{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) 40px;align-items:center;gap:32px;width:100%;min-height:128px;margin:0;padding:28px clamp(24px,4vw,64px);border-top:1px solid var(--tw-line);text-align:left;}
.tw-logo-strip[data-variant=ruled]::before{content:'';position:absolute;top:-1px;left:50%;width:100vw;transform:translateX(-50%);border-top:1px solid var(--tw-line);pointer-events:none;}
.tw-logo-strip[data-variant=ruled] .tw-logo-caption{display:block;max-width:24ch;color:var(--tw-muted);font:400 16px/1.55 var(--tw-font-operational);text-wrap:pretty;}
.tw-logo-strip[data-variant=ruled] .tw-logo-viewport{min-width:0;padding:12px 0;}
.tw-logo-strip[data-variant=ruled] .tw-logo-playback{margin:0;}
.tw-logo-strip[data-variant=ruled]:not([data-ready=true]) .tw-logo-playback{visibility:hidden;}
.tw-logo-rule-mark[data-edge^=top]{top:-.5px;}.tw-logo-rule-mark[data-edge^=bottom]{top:calc(100% + .5px);}
.tw-logo-rule-mark[data-edge$=start]{left:-.5px;}.tw-logo-rule-mark[data-edge$=end]{left:calc(100% + .5px);}
@media(max-width:900px){.tw-logo-strip[data-variant=ruled]{grid-template-columns:180px minmax(0,1fr) 40px;gap:16px;padding:24px;}.tw-logo-strip[data-variant=ruled] .tw-logo-caption{font-size:14px;}}
@media(max-width:640px){
 .tw-logo-strip[data-variant=ruled]{grid-template-columns:minmax(0,1fr) 40px;gap:16px 12px;padding:20px;}
 .tw-logo-strip[data-variant=ruled] .tw-logo-caption{grid-column:1 / -1;max-width:28ch;text-align:center;justify-self:center;}
 .tw-logo-strip[data-variant=ruled] .tw-logo-viewport{grid-column:1;}
}
@media(prefers-reduced-motion:reduce){.tw-logo-strip[data-variant=ruled] .tw-logo-viewport{overflow-x:auto;}.tw-logo-strip[data-variant=ruled] .tw-logo-unit+.tw-logo-unit{display:none;}}