.brand-moment{border-top:1px solid #d2dace}.brand-moment-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:32px}.brand-moment-heading h2{font-size:clamp(32px,3.5vw,46px)}.brand-moment-heading .eyebrow{color:#65796b;margin-bottom:18px}.brand-moment-heading>p{font-size:16px;color:#596f65;max-width:520px;line-height:1.9}.logo-demo{--phase:0;--old-opacity:1;--new-opacity:0;--bridge-opacity:0}.logo-stage{position:relative;height:220px;overflow:hidden;background:#f1f2eb;border-radius:5px;isolation:isolate}.logo-stage>img{position:absolute;top:50%;left:50%;width:min(74%,700px);height:105px;object-fit:contain;transform:translate(-50%,-50%);will-change:opacity,transform}.logo-old{opacity:var(--old-opacity)}.logo-new{opacity:var(--new-opacity)}.logo-controls{display:flex;align-items:center;justify-content:center;gap:12px 20px;flex-wrap:wrap;padding:20px 0 0;font:12px/1.5 system-ui,sans-serif;color:#576957}.logo-controls button{border:1px solid #b2bead;border-radius:22px;background:transparent;color:#30463d;padding:10px 17px;min-height:42px;cursor:pointer;font:inherit}.logo-controls button:hover{background:#e3e7dd}.logo-controls button:focus-visible,.logo-scrub:focus-visible{outline:3px solid #7054b7;outline-offset:3px}.logo-controls [data-play]{background:#22363a;color:#fff;border-color:#22363a;min-width:115px}.logo-status{font-size:11px;color:#6a7b6c;min-width:125px;text-align:center}.logo-demo[data-mode="shape"] .logo-stage>img{height:100px}.morph-svg{position:absolute;width:100%;height:100%;inset:0;opacity:var(--bridge-opacity);pointer-events:none}.logo-demo[data-mode="reel"] .logo-old{opacity:1;transform:translate(calc(-50% - var(--phase)*145%),-50%)}.logo-demo[data-mode="reel"] .logo-new{opacity:1;transform:translate(calc(-50% + (1 - var(--phase))*145%),-50%)}.logo-demo[data-mode="reel"] .logo-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 30px 0 25px -25px #fafbf9,inset -30px 0 25px -25px #fafbf9}.scrub-label{display:flex;align-items:center;gap:16px;font:12px system-ui;color:#65736c;margin-top:18px}.logo-scrub{flex:1;accent-color:#7356aa;min-width:0}.team-table{padding-top:15px!important;padding-bottom:15px!important}.team-table figure{margin:0}.team-table img{display:block;width:100%;max-height:560px;object-fit:contain;background:#e9ece5;border-radius:4px}.team-table figcaption{font-size:11px;color:#61746a;margin-top:14px}.brand-moment .logo-stage{height:230px}
@media(max-width:650px){.brand-moment-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.brand-moment-heading>p{font-size:15px}.logo-stage,.brand-moment .logo-stage{height:180px}.logo-stage>img{width:85%;height:90px}.logo-controls{gap:8px}.logo-controls button{padding:9px 12px}.logo-status{flex-basis:100%}.team-table img{max-height:none}.brand-moment .logo-controls{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.logo-stage>img{will-change:auto}.morph-svg{display:none}.logo-demo[data-mode="reel"] .logo-old,.logo-demo[data-mode="reel"] .logo-new{transform:translate(-50%,-50%)}.logo-demo[data-mode="reel"] .logo-old{opacity:var(--old-opacity)}.logo-demo[data-mode="reel"] .logo-new{opacity:var(--new-opacity)}}
/* Optical balance: the earlier mark has a much taller symbol than the current lockup. */
.logo-stage>.logo-old,.logo-demo[data-mode="shape"] .logo-stage>.logo-old{height:170px}
@media(max-width:650px){.logo-stage>.logo-old,.logo-demo[data-mode="shape"] .logo-stage>.logo-old{height:125px}}