@layer components{.ids{width:100%;max-width:560px;color:var(--text);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem 1rem;margin:0;display:grid;container-type:inline-size}.ids-frame{aspect-ratio:4/3;grid-area:1/1/auto/-1;min-width:0;display:grid;position:relative}.ids-face{grid-area:1/1;width:100%;height:100%;display:block;overflow:visible}.ids-face--sketch,.ids-face--wire{display:none}.ids-face--sketch path{fill:none;stroke:var(--amber);stroke-width:2.2px;stroke-linecap:butt;stroke-linejoin:round}.ids-face--wire path{fill:none;stroke:var(--amber);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:round}.ids-app-frame{fill:var(--bg-raised);stroke:#a0cdd738;stroke-width:1px;vector-effect:non-scaling-stroke}.ids-app-header{fill:#ffffff09}.ids-app-rule{fill:none;stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.ids-app-ring,.ids-app-line{fill:none;stroke:var(--amber);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:round}.ids-app-panel{fill:var(--bg);stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.ids-app-bar{fill:#eaf2f36b}.ids-app-bar--soft{fill:#eaf2f333}.ids-app-mark{fill:#eaf2f32e}.ids-app-row--first .ids-app-bar{fill:#eaf2f3b3}.ids-app-row--first .ids-app-mark{fill:#ffbf008c}.ids-app-button{fill:var(--amber)}.ids-app-column{fill:#eaf2f32e}.ids-cap{flex-wrap:wrap;grid-area:2/1;align-items:center;gap:.5rem .75rem;min-width:0;padding-left:3cqi;display:flex}.ids-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);font-size:.75rem}.ids-control{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-raised);height:36px;color:var(--text);transition:border-color var(--dur-fast), background-color var(--dur-fast);grid-area:2/2;align-items:center;gap:.4rem;margin-right:3cqi;padding:0 .75rem 0 .6rem;font-size:.8125rem;font-weight:500;line-height:1;display:none}.ids-control:hover{border-color:color-mix(in srgb, var(--amber) 55%, transparent);background:#ffbf000f}@media (pointer:coarse){.ids-control{height:44px;padding:0 .9rem 0 .75rem}}.ids-control .icon{width:14px;height:14px;display:none}.ids-ctl{display:none}.ids[data-state=playing] .i-pause,.ids[data-state=playing] .ids-ctl--pause,.ids[data-state=rest] .i-play,.ids[data-state=paused] .i-play,.ids[data-state=rest] .ids-ctl--play,.ids[data-state=paused] .ids-ctl--play,.ids[data-state=done] .i-replay,.ids[data-state=done] .ids-ctl--replay{display:block}@media (prefers-reduced-motion:no-preference){html.js:not([data-motion=reduced]) .ids-control{display:inline-flex}html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-face--sketch,html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-face--wire{display:block}html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-face--sketch path,html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-face--wire path,html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-app-ring,html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-app-line{stroke-dasharray:1;stroke-dashoffset:1px}html.js:not([data-motion=reduced]) .ids[data-state=rest] .ids-face--app{clip-path:inset(0% 0% 100%)}}.ids[data-still]{width:520px;max-width:none}}
@layer components{.sfx{--sfx-out:clamp(1.25rem, .75rem + 1vw, 2.75rem);--sfx-pad:10px;--sfx-gap:10px;--sfx-bar:46px;--sfx-foot:44px;width:100%;max-width:560px;color:var(--text);margin:0;position:relative}.sfx-stage{padding:var(--sfx-out);position:relative}.sfx-shell{inset:var(--sfx-out);z-index:0;border-radius:var(--r-card);background:var(--bg-raised);border:1px solid var(--line);position:absolute;box-shadow:inset 0 1px #ffffff0d}.sfx-bar{height:var(--sfx-bar);border-bottom:1px solid var(--line);align-items:center;gap:.65rem;padding:0 .95rem;display:flex;position:absolute;top:0;left:0;right:0}.sfx-foot{height:var(--sfx-foot);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;padding:0 .95rem;display:flex;position:absolute;bottom:0;left:0;right:0}.sfx-lock{width:24px;height:24px;color:var(--amber);flex:none;place-items:center;display:grid;position:relative}.sfx-ring{border:1.5px solid var(--amber);border-radius:50%;position:absolute;inset:0}.sfx-lock .icon{width:12px;height:12px;position:relative}.sfx-clip{min-width:0;display:inline-flex;overflow:hidden}.sfx-label{white-space:nowrap;letter-spacing:-.005em;color:var(--text-muted);align-items:center;gap:.4rem;padding:.1em 0;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex}.sfx-bar .sfx-label{letter-spacing:-.01em;color:var(--text);font-size:.875rem;font-weight:560}.sfx-label .icon{width:14px;height:14px;color:var(--amber);flex:none}.sfx-links{left:var(--sfx-pad);right:var(--sfx-pad);top:calc(var(--sfx-bar) + var(--sfx-pad));bottom:calc(var(--sfx-foot) + var(--sfx-pad));pointer-events:none;position:absolute}.sfx-link{background:var(--amber);border-radius:1px;position:absolute}.sfx-link--h{height:1.5px;top:calc(50% - .75px);left:0;right:0}.sfx-link--v{width:1.5px;top:0;bottom:0;left:calc(50% - .75px)}.sfx-tiles{z-index:1;gap:var(--sfx-gap);padding:calc(var(--sfx-bar) + var(--sfx-pad)) var(--sfx-pad) calc(var(--sfx-foot) + var(--sfx-pad));grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid;position:relative}.sfx-tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.9rem;min-width:0;min-height:clamp(5.5rem,4rem + 5vw,7.5rem);padding:.75rem .8rem .8rem;display:flex;box-shadow:inset 0 1px #ffffff0d}.sfx-tile-head{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.sfx-tile-head .icon{width:16px;height:16px;color:var(--text-muted);flex:none}.sfx-tile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sfx-seats{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:.35rem;margin-top:auto;display:flex}.sfx-seats-n{letter-spacing:-.03em;color:var(--text);font-size:clamp(1.5rem,1.1rem + 1.1vw,2rem);font-weight:300;line-height:1}.sfx-seats-l{letter-spacing:.04em;color:var(--text-muted);font-size:.75rem}.sfx-row{padding:0 var(--sfx-out);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.15rem;display:flex}.sfx-control{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-raised);height:36px;color:var(--text);transition:border-color var(--dur-fast), background-color var(--dur-fast);align-items:center;gap:.4rem;padding:0 .75rem 0 .6rem;font-size:.8125rem;font-weight:500;line-height:1;display:none}.sfx-control:hover{border-color:color-mix(in srgb, var(--amber) 55%, transparent);background:#ffbf000f}@media (max-width:1023px),(pointer:coarse){.sfx-control{height:44px;padding:0 .9rem 0 .75rem}}.sfx-control .icon{width:14px;height:14px;display:none}.sfx-ctl{display:none}.sfx[data-state=playing] .i-pause,.sfx[data-state=playing] .sfx-ctl--pause,.sfx[data-state=rest] .i-play,.sfx[data-state=paused] .i-play,.sfx[data-state=rest] .sfx-ctl--play,.sfx[data-state=paused] .sfx-ctl--play,.sfx[data-state=done] .i-replay,.sfx[data-state=done] .sfx-ctl--replay{display:block}@media (prefers-reduced-motion:no-preference){html.js:not([data-motion=reduced]) .sfx-control{display:inline-flex}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-tile[data-tool=crm]{transform:translate(-24%,-32%)rotate(-6deg)scale(.94)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-tile[data-tool=desk]{transform:translate(22%,-28%)rotate(5deg)scale(.94)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-tile[data-tool=sched]{transform:translate(-26%,28%)rotate(4deg)scale(.94)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-tile[data-tool=tracker]{transform:translate(20%,34%)rotate(-5deg)scale(.94)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-shell,html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-ring{transform:scale(0)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-link--h{transform:scaleX(0)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-link--v{transform:scaleY(0)}html.js:not([data-motion=reduced]) .sfx[data-state=rest] .sfx-label{transform:translateY(110%)}}@media (max-width:479px){.sfx{--sfx-bar:42px;--sfx-foot:40px}.sfx-tile-head{font-size:.75rem}.sfx-foot{gap:.25rem 1rem;padding:0 .8rem}.sfx-label{font-size:.7rem}.sfx-bar .sfx-label{font-size:.8125rem}}@media (max-width:359px){.sfx-tile{padding:.65rem .7rem}.sfx-tile-head{font-size:.625rem}}@media (min-width:1280px){.sfx{--sfx-pad:12px;--sfx-gap:12px;--sfx-bar:50px;--sfx-foot:48px}.sfx-tile{padding:.9rem 1rem .95rem}}.sfx[data-still]{--sfx-out:1.75rem;--sfx-pad:12px;--sfx-gap:12px;--sfx-bar:50px;--sfx-foot:48px;width:520px;max-width:none}.sfx[data-still] .sfx-tile{min-height:7rem;padding:.9rem 1rem .95rem}.sfx[data-still] .sfx-tile-head{font-size:.75rem}.sfx[data-still] .sfx-seats-n{font-size:2rem}.sfx[data-still] .sfx-seats-l{font-size:.6875rem}.sfx[data-still] .sfx-foot{gap:.25rem 1.25rem;padding:0 .95rem}.sfx[data-still] .sfx-label{font-size:.8125rem}.sfx[data-still] .sfx-bar .sfx-label{font-size:.875rem}}
@layer components{.cb{color:var(--text);grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,3rem) clamp(2rem,3vw,3rem);display:grid}.cb-copy{min-width:0}.cb-brief,.cb-board{width:100%;min-width:0;margin:0}.cb-brief{max-width:420px}.cb-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.cb-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--amber);white-space:nowrap;margin-left:auto;font-size:.75rem}.cb-brief{border-radius:var(--r-card);background:var(--bg-raised);border:1px solid var(--line);padding:.9rem 1.1rem 1rem;box-shadow:inset 0 1px #ffffff0d}.cb-brief-rows{margin:.85rem 0 0;display:grid}.cb-brief-row{border-top:1px solid var(--line);grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr);gap:1rem;padding:.65rem 0;display:grid}.cb-brief-row:last-child{padding-bottom:.15rem}.cb-brief-row dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-top:.2rem;font-size:.75rem}.cb-brief-row dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.9375rem;line-height:1.4}.cb-board{gap:.75rem;display:grid}.cb-tiles{aspect-ratio:8/5;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cb-tile[data-asset=post]{grid-area:1/1/2/2}.cb-tile[data-asset=reel]{grid-area:1/2/2/3}@media (max-width:639px){.cb:not([data-still]) .cb-tile:not([data-asset=post],[data-asset=reel]){display:none}}.cb-tile{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.4rem;min-width:0;min-height:0;padding:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.cb-cap{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;font-size:.75rem;line-height:1.5;overflow:hidden}.cb-tile{padding-top:32px}.cb-cap{margin-top:auto}.cb-stamp{z-index:2;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--line);height:20px;font-family:var(--font-mono);letter-spacing:.03em;color:var(--text);white-space:nowrap;align-items:center;gap:.3rem;padding:0 .5rem 0 .25rem;font-size:.75rem;display:inline-flex;position:absolute;top:6px;right:6px}.cb-stamp svg{flex:none;width:14px;height:14px;overflow:visible}.cb-stamp circle{fill:none;stroke:var(--amber);stroke-width:1.6px}.cb-stamp path{fill:none;stroke:var(--amber);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.cb-art{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.cb-bar{background:#eaf2f32e;border-radius:2px;width:100%;height:4px;display:block}.cb-bar--h{background:#eaf2f380;height:7px}.cb-bar--xs{width:14px;height:3px}.cb-pill{border-radius:var(--r-pill);background:#eaf2f359;width:38px;height:12px;display:block}.cb-img{background:linear-gradient(135deg,#0c3b48f2,#0c5b7966 60%,#082630f2);border-radius:6px}.cb-ava{background:#eaf2f34d;border-radius:50%;flex:none;width:16px;height:16px}.cb-row{align-items:center;gap:6px;min-width:0;display:flex}.cb-col{flex:1;gap:4px;min-width:0;display:grid}.cb-ico{color:#eaf2f399;flex:none;width:11px;height:11px}.cb-hr{background:var(--line);height:1px;display:block}.cb-chrome{border-bottom:1px solid var(--line);align-items:center;padding:0 2px 5px;display:flex}.cb-url{background:#eaf2f31a;border-radius:3px;flex:1;height:6px}.cb-page{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.cb-nav{align-items:center;gap:6px;display:flex}.cb-logo{background:#eaf2f380;border-radius:2px;width:14px;height:6px}.cb-nav .cb-bar--xs{width:12px}.cb-hero-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;min-height:0;display:grid}.cb-hero-copy{align-content:center;align-self:center;gap:5px;display:grid}.cb-art--reel{border-radius:8px;position:relative;overflow:hidden}.cb-art--reel .cb-img{border-radius:8px;position:absolute;inset:0}.cb-play{border:1.5px solid #eaf2f399;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cb-play .cb-ico{color:#eaf2f3d9;width:11px;height:11px;margin-left:1px}.cb-reel-copy{gap:4px;display:grid;position:absolute;bottom:12px;left:8px;right:30px}.cb-reel-side{justify-items:center;gap:7px;display:grid;position:absolute;bottom:12px;right:7px}.cb-prog{background:#eaf2f32e;border-radius:1px;height:2px;position:absolute;bottom:5px;left:6px;right:6px}.cb-prog:after{content:"";border-radius:inherit;background:#eaf2f3b3;width:38%;height:100%;display:block}.cb-art--post .cb-img{flex:1;min-height:0}.cb-actions{gap:8px}.cb-art--email{gap:6px}.cb-art--email .cb-img{flex:1;min-height:0}.cb-art--banner{flex-direction:row;align-items:center;gap:8px}.cb-banner-copy{flex:1;gap:5px;min-width:0;display:grid}.cb-art--banner .cb-img{flex:none;align-self:stretch;width:34%}.cb-art--message{gap:5px}.cb-bubble{border:1px solid var(--line);background:#eaf2f312;border-radius:8px 8px 8px 3px;gap:4px;padding:4px 6px;display:grid}.cb-tile{container-type:size}@container (max-height:120px){.cb-art--email .cb-hr,.cb-art--email>.cb-bar+.cb-bar{display:none}}@container (max-height:110px){.cb-art--hero .cb-pill{display:none}}@container (max-height:96px){.cb-art--message .cb-bubble{padding:3px 6px}.cb-art--message .cb-bubble .cb-bar+.cb-bar{display:none}}@container (max-height:58px){.cb-art--banner .cb-pill,.cb-art--message .cb-bubble{display:none}}@container (max-height:38px){.cb-art--banner .cb-banner-copy .cb-bar+.cb-bar,.cb-art--message .cb-row{display:none}.cb-art--message .cb-bubble{padding:2px 6px;display:grid}}@container (max-height:30px){.cb-art--banner,.cb-art--message{display:none}}.cb-control{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-raised);height:32px;color:var(--text);transition:border-color var(--dur-fast), background-color var(--dur-fast);align-items:center;gap:.4rem;padding:0 .7rem 0 .55rem;font-size:.8125rem;font-weight:500;line-height:1;display:none}.cb-control:hover{border-color:color-mix(in srgb, var(--amber) 55%, transparent);background:#ffbf000f}@media (max-width:1023px),(pointer:coarse){.cb-control{height:44px;padding:0 .9rem 0 .75rem}}.cb-control .icon{width:14px;height:14px;display:none}.cb-ctl{display:none}.cb[data-ctl=playing] .i-pause,.cb[data-ctl=playing] .cb-ctl--pause,.cb[data-ctl=rest] .i-play,.cb[data-ctl=paused] .i-play,.cb[data-ctl=rest] .cb-ctl--play,.cb[data-ctl=paused] .cb-ctl--play,.cb[data-ctl=done] .i-replay,.cb[data-ctl=done] .cb-ctl--replay{display:block}@media (prefers-reduced-motion:no-preference){html.js:not([data-motion=reduced]) .cb-control{display:inline-flex}html.js:not([data-motion=reduced]) .cb[data-state=rest] .cb-stamp{clip-path:inset(0% 100% 0% 0% round 10px)}html.js:not([data-motion=reduced]) .cb[data-state=rest] .cb-tile{clip-path:inset(50%)}html.js:not([data-motion=reduced]) .cb[data-state=rest] .cb-stamp circle,html.js:not([data-motion=reduced]) .cb[data-state=rest] .cb-stamp path{stroke-dasharray:1;stroke-dashoffset:1px}html.js:not([data-motion=reduced]) .cb[data-state=rest] .cb-stamp svg{clip-path:circle(0%)}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){html.js:not([data-motion=reduced]) .cb--with-copy[data-state=rest] .cb-brief-row{clip-path:inset(0% 100% 0% 0%)}}@media (prefers-reduced-motion:no-preference) and (min-width:700px){html.js:not([data-motion=reduced]) .cb:not(.cb--with-copy)[data-state=rest] .cb-brief-row{clip-path:inset(0% 100% 0% 0%)}}@media (min-width:640px){.cb-tiles{aspect-ratio:6/5;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.cb-tile[data-asset=hero]{grid-area:1/1/3/5}.cb-tile[data-asset=reel]{grid-area:1/5/4/7}.cb-tile[data-asset=post]{grid-area:3/1/6/3}.cb-tile[data-asset=email]{grid-area:3/3/6/5}.cb-tile[data-asset=banner]{grid-area:4/5/5/7}.cb-tile[data-asset=message]{grid-area:5/5/6/7}}@media (min-width:700px){.cb:not(.cb--with-copy){grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}@media (min-width:1024px){.cb--with-copy{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(1.75rem,3vw,2.5rem)}.cb--with-copy .cb-copy{grid-area:1/1/auto/span 5}.cb--with-copy .cb-brief{grid-area:2/1/auto/span 5;max-width:400px}.cb--with-copy .cb-board{grid-area:1/6/span 2/-1;align-self:center}}@media (min-width:1280px){.cb--with-copy .cb-copy,.cb--with-copy .cb-brief{grid-column:1/span 6}.cb--with-copy .cb-board{grid-column:7/-1}}.cb[data-still]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:2rem;width:860px}.cb[data-still] .cb-tiles{aspect-ratio:6/5;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.cb[data-still] .cb-tile[data-asset=hero]{grid-area:1/1/3/5}.cb[data-still] .cb-tile[data-asset=reel]{grid-area:1/5/4/7}.cb[data-still] .cb-tile[data-asset=post]{grid-area:3/1/6/3}.cb[data-still] .cb-tile[data-asset=email]{grid-area:3/3/6/5}.cb[data-still] .cb-tile[data-asset=banner]{grid-area:4/5/5/7}.cb[data-still] .cb-tile[data-asset=message]{grid-area:5/5/6/7}}