/* BickerOS demo reel: one expanded screen, two quiet neighbouring headers. */
.hero{padding-top:36px}.hero-content{width:100%;padding:14px 0 30px}.hero .lead{margin-bottom:8px}
.hero-motion{width:min(100%,610px);margin:0 auto;text-align:left;--hm-height:282px;--hm-offset:177px}
.hm-stage{height:422px;position:relative;isolation:isolate;overflow:hidden;mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}
.hm-card{position:absolute;top:50%;left:7%;width:86%;height:48px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 35px -22px #14131028,0 3px 8px #14131003;opacity:0;will-change:transform,height,opacity;pointer-events:none;transform:translate3d(0,-50%,0) scale(.84)}
.hm-card[data-screen=brief]{height:var(--hm-height);opacity:1;transform:translate3d(0,-50%,0)}
.hm-card[data-screen=plan]{opacity:.5;transform:translate3d(0,calc(-50% - var(--hm-offset)),0) scale(.84)}
.hm-card[data-screen=economics]{opacity:.5;transform:translate3d(0,calc(-50% + var(--hm-offset)),0) scale(.84)}
.hm-card-bar{height:46px;display:flex;align-items:center;gap:15px;border-bottom:1px solid transparent;padding:0 20px;white-space:nowrap}
.hm-brand{display:flex;align-items:center;gap:7px;font-size:13px;letter-spacing:-.05em}.hm-brand strong{font-weight:500}.hm-brand .os-mark{width:19px;height:19px;flex-shrink:0}.hm-brand .os-mark i{height:5.5px;width:1px}.hm-screen-name{font-size:10px;color:var(--muted);margin-left:auto}.hm-card-menu{font-size:17px;line-height:1;color:var(--faint);letter-spacing:1px}
.hm-card-body{position:relative;padding:19px 23px 0;height:calc(var(--hm-height) - 48px);opacity:0;transform:translate3d(0,5px,0);will-change:opacity,transform}.hm-card[data-screen=brief] .hm-card-body{opacity:1;transform:none}
.hm-kicker{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.07em;color:var(--muted);line-height:1.4}.hm-kicker>span{color:var(--faint);white-space:nowrap}.hm-card-body h3{font-size:24px;font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:10px 0 15px}
.hm-brief{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;background:var(--paper)}.hm-file-icon{width:27px;height:32px;border:1px solid var(--line);border-radius:4px;background:var(--card);display:grid;place-items:center;font-size:17px}.hm-brief strong{display:block;font-size:11px;font-weight:500}.hm-brief div>span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.hm-check{margin-left:auto;font-size:13px;color:var(--muted)}
.hm-pills{display:flex;gap:6px;margin:12px 0 0}.hm-pills>span{border:1px solid var(--line);padding:3px 9px;border-radius:20px;font-size:9px;color:var(--muted)}
.hm-bottom{position:absolute;bottom:0;left:23px;right:23px;height:39px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.hm-bottom strong{font-size:11px;color:var(--ink);font-weight:500;margin-left:5px}
.hm-table{font-size:10px;line-height:1.3;margin-top:-3px}.hm-tr{display:grid;grid-template-columns:1fr 50px 77px;padding:6px 0;border-bottom:1px solid var(--hover);gap:8px}.hm-tr>span:first-child{display:flex;align-items:center;gap:7px}.hm-tr>span:not(:first-child){text-align:right}.hm-tr:last-child{border-bottom:0}.hm-th{font-size:8px;color:var(--muted);padding:0 0 5px}.hm-phase{display:inline-block;width:6px;height:6px;border-radius:2px;flex-shrink:0}.hm-phase.strategy{background:#f4d45c}.hm-phase.design{background:#8dcdf0}.hm-phase.creative{background:#90cfa4}.hm-phase.management{background:#f5ad72}.hm-phase.other{background:var(--faint)}
.hm-capacity-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:21px}.hm-capacity-label strong{font-weight:500}.hm-capacity{height:13px;display:flex;gap:2px;border-radius:4px;background:var(--hover);overflow:hidden;margin-top:10px}.hm-project{width:75%;background:#8dcdf0}.hm-other{width:12.5%;background:var(--faint)}.hm-legend{display:flex;gap:18px;font-size:8px;color:var(--muted);margin-top:7px}.hm-legend>span{display:flex;align-items:center;gap:5px}.hm-availability{display:flex;align-items:baseline;gap:9px;margin-top:15px}.hm-availability>strong{font-size:29px;font-weight:400;letter-spacing:-.05em;line-height:1}.hm-availability>strong>span{font-size:17px}.hm-availability>span{font-size:10px;color:var(--muted)}.hm-availability .hm-available-mark{margin-left:auto;align-self:center;border:1px solid var(--line);border-radius:50%;width:22px;height:22px;text-align:center;line-height:20px;font-size:12px}
.hm-finance{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:21px;width:100%;position:relative;padding-right:46%}.hm-finance>div:not(.hm-margin)>span{display:block;font-size:9px;color:var(--muted);white-space:nowrap}.hm-finance>div:not(.hm-margin)>strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.03em;margin-top:5px}.hm-margin{position:absolute;right:0;top:-10px;width:42%;border-left:1px solid var(--line);padding-left:25px}.hm-margin>strong{display:block;font-size:66px;line-height:1.05;font-weight:400;letter-spacing:-.065em}.hm-margin>strong>span{font-size:29px;margin-left:3px}.hm-margin>span{font-size:9px;color:var(--muted);display:block;margin-top:6px}
.hm-caption{font-size:9px;color:var(--muted);text-align:center;margin:0 auto;min-height:26px;padding-top:6px}
@media(max-width:740px){.hero{padding-top:30px}.hero-content{padding-bottom:25px}.hero-motion{max-width:570px}.hm-card{left:3%;width:94%}.hm-card-body{padding-left:20px;padding-right:20px}.hm-bottom{left:20px;right:20px}}
@media(max-width:520px){.hero{padding-top:24px}.hero-content{padding-top:12px}.hero .lead{margin-bottom:4px}.hero-motion{--hm-height:277px;--hm-offset:172px;margin-top:6px}.hm-stage{height:405px;margin-left:-9px;margin-right:-9px}.hm-card{left:2%;width:96%;border-radius:12px}.hm-card-bar{padding:0 15px;gap:10px}.hm-brand{font-size:12px}.hm-screen-name{font-size:9px}.hm-card-body{padding:18px 16px 0}.hm-card-body h3{font-size:23px;margin-bottom:15px}.hm-kicker{font-size:6.5px;letter-spacing:.04em}.hm-tr{font-size:9px;grid-template-columns:1fr 37px 61px;gap:6px;padding:5px 0}.hm-th{font-size:7px;padding:0 0 4px}.hm-bottom{left:16px;right:16px;font-size:8px}.hm-caption{font-size:8px}.hm-finance{padding-right:44%;gap:9px}.hm-finance>div:not(.hm-margin)>strong{font-size:13px}.hm-finance>div:not(.hm-margin)>span{font-size:8px}.hm-margin{padding-left:17px;width:42%;top:-6px}.hm-margin>strong{font-size:53px}.hm-margin>strong>span{font-size:25px}.hm-margin>span{font-size:8px}.hm-capacity-label{font-size:9px}.hm-legend{gap:13px}.hm-brief{padding:10px;gap:9px}.hm-brief strong{font-size:10px}.hm-brief div>span{font-size:8px}.hero-bottom{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.hm-card,.hm-card-body{will-change:auto}}

@media(hover:hover) and (pointer:fine){.hero-motion:not([data-mode=reduced]) .hm-stage{cursor:ns-resize}}