@layer global{.drawn-screen{isolation:isolate;font-size:var(--size-xs);line-height:var(--leading-subline);color:var(--color-gray-900);margin:0;container-type:inline-size}.drawn-screen__caption{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.drawn-screen--browser .drawn-screen__device{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--color-gray-100);box-shadow:var(--shadow-raised);overflow:hidden}.drawn-screen__bar{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-default);border-block-end:var(--border-width) solid var(--color-gray-100);background-color:var(--color-gray-50);display:flex}.drawn-screen__dot{border-radius:var(--radius-pill);background-color:var(--color-gray-300);block-size:.625rem;inline-size:.625rem}.drawn-screen__dot--accent{background-color:var(--color-secondary)}.drawn-screen__host{background-color:var(--color-gray-50);color:var(--color-gray-600);margin-inline-start:var(--space-2xs);font-weight:600}.drawn-screen--browser .drawn-screen__badge{font-weight:600}.drawn-screen__hub{background-color:var(--color-gray-100);display:flex}.drawn-screen__sidebar{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-2xs);color:var(--color-gray-500);flex-direction:column;flex:none;margin:0;list-style:none;display:flex}.drawn-screen__nav{border-radius:var(--radius-sm);place-items:center;block-size:1.75rem;inline-size:1.75rem;display:grid}.drawn-screen__nav--active{background-color:var(--color-gray-900);color:var(--color-white)}.drawn-screen .icon{block-size:.875rem;inline-size:.875rem}.drawn-screen__main{gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xs) var(--space-xs) var(--space-default) var(--space-3xs);flex-direction:column;flex:1;display:flex}.drawn-screen__crumbs{font-size:calc(var(--size-xs) * .9);background-color:var(--color-gray-100);color:var(--color-gray-600);margin:0}.drawn-screen__crumb-sep{margin-inline:var(--space-3xs)}.drawn-screen__crumb{color:var(--color-gray-900);font-weight:600}.drawn-screen__card{gap:var(--space-2xs);min-inline-size:0;padding:var(--space-xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-white);flex-direction:column;display:flex}.drawn-screen__card--list{padding-block-end:0;padding-inline:0}.drawn-screen__card--list>.drawn-screen__card-title,.drawn-screen__card--list>.drawn-screen__card-head{padding-inline:var(--space-xs)}.drawn-screen__card-head{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.drawn-screen__card-head>:first-child{flex:1}.drawn-screen__card-title{background-color:var(--color-white);color:var(--color-gray-900);margin:0;font-weight:700}.drawn-screen__count{font-family:var(--font-body);font-size:calc(var(--size-xs) * .85);background-color:var(--color-white);color:var(--color-gray-600);margin-inline-start:var(--space-2xs);font-weight:600}.drawn-screen__pill{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-pill);font-size:calc(var(--size-xs) * .9);background-color:var(--color-white);color:var(--color-gray-900);font-weight:600;display:inline-flex}.drawn-screen__pill--brand{border-color:var(--color-primary-tint);background-color:var(--color-primary-tint);color:var(--color-primary-readable)}.drawn-screen__rows{margin:0;padding:0;list-style:none}.drawn-screen__row{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-block-start:var(--border-width) solid var(--color-gray-100);display:flex}.drawn-screen__row-text{flex:1;min-inline-size:0;display:grid}.drawn-screen__row-title{text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-900);font-weight:600;overflow:hidden}.drawn-screen__row-meta{font-size:calc(var(--size-xs) * .9);white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-600)}.drawn-screen__fraction{padding:var(--space-3xs) var(--space-2xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:calc(var(--size-xs) * .85);white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-700);font-weight:600}.drawn-screen__fraction--plain{border:0;padding:0}@container not (min-width:30rem){.drawn-screen__row-meta--wide{display:none}}}
@layer global{.drawn-screen__avatar{border-radius:var(--radius-pill);block-size:1.75rem;inline-size:1.75rem;font-size:calc(var(--size-xs) * .8);letter-spacing:.02em;flex:none;place-items:center;font-weight:700;display:inline-grid}.drawn-screen__badge{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-pill);font-size:calc(var(--size-xs) * .85);white-space:nowrap;flex:none;font-weight:700}.drawn-screen__avatar--brand,.drawn-screen__badge--brand,.drawn-screen__tile--brand,.drawn-screen__tag--brand{background-color:var(--color-primary-tint);color:var(--color-primary-readable)}.drawn-screen__avatar--secondary,.drawn-screen__badge--secondary,.drawn-screen__tile--secondary,.drawn-screen__tag--secondary{background-color:var(--color-secondary-tint);color:var(--color-gray-900)}.drawn-screen__avatar--green,.drawn-screen__badge--green,.drawn-screen__tile--green,.drawn-screen__tag--green{background-color:var(--color-accent-green-tint);color:var(--color-accent-green)}.drawn-screen__avatar--amber,.drawn-screen__badge--amber,.drawn-screen__tile--amber,.drawn-screen__tag--amber{background-color:var(--color-accent-amber-tint);color:var(--color-accent-amber)}.drawn-screen__avatar--blue,.drawn-screen__badge--blue,.drawn-screen__tile--blue,.drawn-screen__tag--blue{background-color:var(--color-accent-blue-tint);color:var(--color-accent-blue)}.drawn-screen__avatar--rose,.drawn-screen__badge--rose,.drawn-screen__tile--rose,.drawn-screen__tag--rose{background-color:var(--color-accent-rose-tint);color:var(--color-accent-rose)}.drawn-screen__avatar--neutral,.drawn-screen__badge--neutral,.drawn-screen__tile--neutral,.drawn-screen__tag--neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.drawn-screen__status{border-radius:var(--radius-pill);background-color:var(--color-primary);flex:none;block-size:.875rem;inline-size:.875rem}.drawn-screen__status--green{border:.15rem solid var(--color-accent-green);background-color:#0000}.drawn-screen__legend{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.drawn-screen__legend--inline{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.drawn-screen__key{align-items:center;gap:var(--space-3xs);font-size:calc(var(--size-xs) * .9);background-color:var(--color-white);color:var(--color-gray-700);display:flex}.drawn-screen__key:before{content:"";border-radius:.125rem;block-size:.5rem;inline-size:.5rem}.drawn-screen__segment{fill:none;stroke-width:7px}.drawn-screen__key--brand:before,.drawn-screen__bar-part--brand{background-color:var(--color-primary);fill:var(--color-primary)}.drawn-screen__segment--brand{stroke:var(--color-primary)}.drawn-screen__key--green:before,.drawn-screen__bar-part--green{background-color:color-mix(in srgb, var(--color-accent-green) 70%, var(--color-white));fill:color-mix(in srgb, var(--color-accent-green) 70%, var(--color-white))}.drawn-screen__segment--green{stroke:color-mix(in srgb, var(--color-accent-green) 70%, var(--color-white))}.drawn-screen__key--secondary:before,.drawn-screen__bar-part--secondary{background-color:var(--color-secondary);fill:var(--color-secondary)}.drawn-screen__segment--secondary{stroke:var(--color-secondary)}.drawn-screen__key--neutral:before,.drawn-screen__bar-part--neutral{background-color:var(--color-gray-300);fill:var(--color-gray-300)}.drawn-screen__segment--neutral{stroke:var(--color-gray-300)}}
@layer global{.drawn-screen__greeting{gap:var(--space-3xs);display:grid}.drawn-screen__greeting>p{margin:0}.drawn-screen__title{font-size:calc(var(--size-xs) * 1.25);background-color:var(--color-gray-100);color:var(--color-gray-900);font-weight:700}.drawn-screen__meta{font-size:calc(var(--size-xs) * .9);background-color:var(--color-gray-100);color:var(--color-gray-600)}.drawn-screen__accent{background-color:var(--color-gray-100);color:var(--color-primary-readable);font-weight:600}.drawn-screen__todo-mark{border:var(--border-width) dashed var(--color-gray-400);border-radius:var(--radius-pill);flex:none;place-items:center;block-size:1rem;inline-size:1rem;display:grid}.drawn-screen__todo--done .drawn-screen__todo-mark{border-style:solid;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-ink)}.drawn-screen__todo--done .drawn-screen__row-title{color:var(--color-gray-600);font-weight:500;text-decoration:line-through}.drawn-screen .drawn-screen__todo-mark .icon{block-size:.625rem;inline-size:.625rem}.drawn-screen__due{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:calc(var(--size-xs) * .85);white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-700);flex:none;font-weight:600;display:inline-flex}.drawn-screen__due--late{border-color:color-mix(in srgb, var(--color-accent-rose) 35%, var(--color-white));color:var(--color-accent-rose)}.drawn-screen .drawn-screen__due .icon{block-size:.75rem;inline-size:.75rem}.drawn-screen__projects{gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.drawn-screen__project{gap:var(--space-3xs);min-inline-size:0;padding:var(--space-2xs) var(--space-xs);border:var(--border-width) solid var(--color-gray-100);border-radius:var(--radius-sm);display:grid}.drawn-screen__project-head,.drawn-screen__project-meta{align-items:center;gap:var(--space-2xs);min-inline-size:0;display:flex}.drawn-screen__project-meta{justify-content:space-between}.drawn-screen__project .drawn-screen__status{block-size:.625rem;inline-size:.625rem}@container not (min-width:36rem){.drawn-screen__stats--due{grid-template-columns:repeat(2,minmax(0,1fr))}.drawn-screen__stats--due .drawn-screen__stat:nth-child(n+3),.drawn-screen__due--hours,.drawn-screen__project:nth-child(n+3){display:none}.drawn-screen__projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@container not (min-width:30rem){.drawn-screen__projects{grid-template-columns:minmax(0,1fr)}.drawn-screen__project:nth-child(n+2){display:none}}}
@layer global{.drawn-screen__pair{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.drawn-screen__donut{align-items:center;gap:var(--space-xs);display:flex}.drawn-screen__donut-svg{flex:none;block-size:4.5rem;inline-size:4.5rem}.drawn-screen__plan-row{border-block-start:var(--border-width) solid var(--color-gray-100);grid-template-columns:minmax(5.5rem,1.3fr) repeat(5,minmax(0,1fr));align-items:center;display:grid}.drawn-screen__plan-row>*{grid-row:1}.drawn-screen__plan-row--head{font-size:calc(var(--size-xs) * .8);letter-spacing:.05em;text-transform:uppercase;background-color:var(--color-white);color:var(--color-gray-600);font-weight:700}.drawn-screen__plan-person{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);font-size:calc(var(--size-xs) * .92);white-space:nowrap;font-weight:600;display:flex;overflow:hidden}.drawn-screen__plan-row--head>.drawn-screen__plan-person{font-size:inherit;font-weight:inherit}.drawn-screen__plan-day{padding:var(--space-2xs) var(--space-3xs)}.drawn-screen__plan-day--today{background-color:var(--color-primary-tint);color:var(--color-primary-readable);align-self:stretch}.drawn-screen__plan-cell{align-self:stretch;min-block-size:2.25rem}.drawn-screen__plan-cell--today{background-color:var(--color-primary-tint)}.drawn-screen__plan-bar{z-index:1;margin-inline:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border-inline-start:.2rem solid var(--color-primary);border-radius:var(--radius-sm);font-size:calc(var(--size-xs) * .85);text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-primary-tint);color:var(--color-gray-900);font-weight:600;overflow:hidden}.drawn-screen__plan-bar--green{border-inline-start-color:var(--color-accent-green);background-color:var(--color-accent-green-tint)}.drawn-screen__plan-bar--neutral{border-inline-start-color:var(--color-gray-400);background-color:var(--color-gray-100)}.drawn-screen__plan-bar--secondary{border-inline-start-color:var(--color-secondary);background-color:var(--color-secondary-tint)}.drawn-screen__plan-cell--at-0,.drawn-screen__plan-bar--at-0{grid-column-start:2}.drawn-screen__plan-cell--at-1,.drawn-screen__plan-bar--at-1{grid-column-start:3}.drawn-screen__plan-cell--at-2,.drawn-screen__plan-bar--at-2{grid-column-start:4}.drawn-screen__plan-cell--at-3,.drawn-screen__plan-bar--at-3{grid-column-start:5}.drawn-screen__plan-cell--at-4,.drawn-screen__plan-bar--at-4{grid-column-start:6}.drawn-screen__plan-bar--span-1{grid-column-end:span 1}.drawn-screen__plan-bar--span-2{grid-column-end:span 2}.drawn-screen__plan-bar--span-3{grid-column-end:span 3}.drawn-screen__plan-bar--span-4{grid-column-end:span 4}.drawn-screen__plan-bar--span-5{grid-column-end:span 5}.drawn-screen__stats{gap:var(--space-2xs);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.drawn-screen__stat{padding:var(--space-2xs) var(--space-xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-white);display:grid}.drawn-screen__stat-label{font-size:calc(var(--size-xs) * .75);letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-white);color:var(--color-gray-600);font-weight:700}.drawn-screen__stat-value{font-family:var(--font-headline);font-size:var(--size-lg);font-weight:700}.drawn-screen__bars{block-size:3.5rem;inline-size:100%;display:block}.drawn-screen__date{place-items:center;gap:var(--space-3xs);inline-size:2.5rem;padding-block:var(--space-3xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-sm);line-height:var(--leading-none);white-space:nowrap;flex:none;display:grid}.drawn-screen__date-day{font-family:var(--font-headline);font-size:var(--size-md);font-weight:700}.drawn-screen__date-month{font-size:calc(var(--size-xs) * .75);text-transform:uppercase;background-color:var(--color-white);color:var(--color-primary-readable);font-weight:700}.drawn-screen__row-meta--place{align-items:center;gap:var(--space-3xs);display:flex}.drawn-screen__booking{justify-items:end;gap:var(--space-3xs);inline-size:4.5rem;display:grid}.drawn-screen__meter{block-size:.25rem;inline-size:100%;display:block}.drawn-screen__meter-track{fill:var(--color-gray-100)}.drawn-screen__meter-value{fill:var(--color-primary)}@container not (min-width:30rem){.drawn-screen__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.drawn-screen__pair{grid-template-columns:minmax(0,1fr)}.drawn-screen__booking{display:none}}}
@layer global{.drawn-screen--phone{max-inline-size:13.5rem;margin-inline:auto}.drawn-screen--phone .drawn-screen__device{aspect-ratio:71.6/147.6;padding:calc(var(--space-3xs) * 1.5);border-radius:calc(var(--radius-xl) * 1.1);background-color:var(--color-gray-900);box-shadow:var(--shadow-raised);display:flex}.drawn-screen__phone-screen{border-radius:calc(var(--radius-xl) * 1.1 - var(--space-3xs) * 1.5);background-color:var(--color-white);flex:1;position:relative;overflow:hidden}.drawn-screen__app{gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs) 0;font-size:calc(var(--size-xs) * .8);background-color:var(--color-white);color:var(--color-gray-900);flex-direction:column;display:flex}.drawn-screen__app>p{margin:0}.drawn-screen__app-status{justify-content:space-between;align-items:center;font-weight:700;display:flex}.drawn-screen__app-island{border-radius:var(--radius-pill);background-color:var(--color-gray-900);block-size:1.1rem;inline-size:4.5rem}.drawn-screen__app-signal{background-color:var(--color-gray-900);border-radius:.15rem;block-size:.6rem;inline-size:1.4rem}.drawn-screen__app-date{text-align:center;background-color:var(--color-white);color:var(--color-gray-600)}.drawn-screen__app-org{justify-content:center;align-items:center;gap:var(--space-3xs);color:var(--color-accent-amber);background-color:var(--color-white);display:flex}.drawn-screen__app-org-name{font-family:var(--font-headline);font-size:var(--size-md);color:var(--color-gray-900);font-weight:700}.drawn-screen__app-claim{text-align:center;background-color:var(--color-white);color:var(--color-primary-readable);font-style:italic}.drawn-screen__app-section{justify-content:space-between;margin-block-start:var(--space-3xs);font-weight:700;display:flex}.drawn-screen__app-more{background-color:var(--color-white);color:var(--color-primary-readable);font-weight:600}.drawn-screen__app-news{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-primary-ink);display:flex}.drawn-screen__app-news-count{border-radius:var(--radius-pill);background-color:var(--color-primary-deep);block-size:1.75rem;inline-size:1.75rem;color:var(--color-white);flex:none;place-items:center;font-weight:700;display:grid}.drawn-screen__app-news-text,.drawn-screen__app-post-text{flex:1;min-inline-size:0;display:grid}.drawn-screen__app-news-title,.drawn-screen__app-post-title{font-weight:700}.drawn-screen__app-news-body,.drawn-screen__app-post-body{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawn-screen__app-post{gap:var(--space-2xs);padding:var(--space-2xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-sm);display:flex}.drawn-screen__app-thumb{border-radius:var(--radius-sm);background-color:var(--color-secondary-tint);block-size:2.25rem;inline-size:2.25rem;color:var(--color-gray-900);flex:none;place-items:center;display:grid}.drawn-screen__app-published{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawn-screen__app-post-body,.drawn-screen__app-published{background-color:var(--color-white);color:var(--color-gray-600)}.drawn-screen__app-author{margin-block:var(--space-3xs);padding:0 var(--space-2xs);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-primary-readable);justify-self:start}.drawn-screen__app-team{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:flex}.drawn-screen__app-banner{padding:var(--space-2xs);border-radius:var(--radius-sm);background-color:var(--color-primary-deep);color:var(--color-white);display:grid}.drawn-screen__app-banner-title{font-weight:700}.drawn-screen__app-tabs{padding:var(--space-2xs) 0 var(--space-xs);border-block-start:var(--border-width) solid var(--color-gray-200);font-size:calc(var(--size-xs) * .75);background-color:var(--color-white);color:var(--color-gray-600);justify-content:space-around;margin:0;list-style:none;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.drawn-screen__app-tab{justify-items:center;gap:var(--space-3xs);display:grid}.drawn-screen__app-tab--active{color:var(--color-primary-readable)}}
@layer global{.drawn-screen--cards .drawn-screen__cards{flex-direction:column;display:flex}.drawn-screen__sheet{border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-white);min-inline-size:0;box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:relative}.drawn-screen--cards .drawn-screen__sheet+.drawn-screen__sheet{z-index:1;inline-size:min(100%,20rem);align-self:flex-end;margin-block-start:calc(var(--space-lg) * -1);margin-inline-end:calc(var(--space-default) * -1)}.drawn-screen--cards .drawn-screen__cards--side{align-items:start;gap:var(--space-xs);grid-template-columns:minmax(0,4fr) minmax(0,3fr);display:grid}.drawn-screen--cards .drawn-screen__cards--side>.drawn-screen__sheet+.drawn-screen__sheet{inline-size:auto;margin:var(--space-xl) 0 0}@container not (min-width:30rem){.drawn-screen--cards .drawn-screen__sheet+.drawn-screen__sheet,.drawn-screen--cards .drawn-screen__cards--side>.drawn-screen__sheet+.drawn-screen__sheet{inline-size:100%;margin-block-start:var(--space-xs);margin-inline-end:0}.drawn-screen--cards .drawn-screen__cards--side{flex-direction:column;align-items:stretch;display:flex}}.drawn-screen--scatter,.drawn-screen--scatter .drawn-screen__device,.drawn-screen--scatter .drawn-screen__cards{position:absolute;inset:0}.drawn-screen--scatter .drawn-screen__sheet{inline-size:min(17rem,52%);position:absolute}.drawn-screen__sheet--middle-start{inset-block-start:46%;inset-inline-start:-4%}.drawn-screen__sheet--middle-end{inset-block-start:42%;inset-inline-end:-4%}.drawn-screen--scatter .drawn-screen__sheet--middle-end{inline-size:min(21rem,62%)}.drawn-screen__sheet--bottom-end{inset-block-end:4%;inset-inline-end:-4%}.drawn-screen--scatter .drawn-screen__sheet--middle-start .drawn-screen__sheet-title,.drawn-screen--scatter .drawn-screen__sheet--bottom-end .drawn-screen__sheet-title{font-family:var(--font-body);font-size:calc(var(--size-xs) * 1.04)}.drawn-screen--scatter .drawn-screen__sheet--middle-end .drawn-screen__sheet-title{font-size:var(--size-md)}.drawn-screen--scatter .drawn-screen__line-title{font-size:var(--size-xs)}.drawn-screen--scatter .drawn-screen__line-sub{font-size:calc(var(--size-xs) * .85)}.drawn-screen--scatter .drawn-screen__key{font-weight:600}.drawn-screen__sheet-head{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-default);border-block-end:var(--border-width) solid var(--color-gray-100);display:flex}.drawn-screen__sheet-heading{flex:1;min-inline-size:0;display:grid}.drawn-screen__sheet-heading>p{margin:0}.drawn-screen__sheet-eyebrow,.drawn-screen__sheet-sub{font-size:calc(var(--size-xs) * .85);background-color:var(--color-white);color:var(--color-gray-600)}.drawn-screen__sheet-title{font-family:var(--font-headline);font-size:calc(var(--size-lg) * 1.1);font-weight:700;line-height:var(--leading-headline);background-color:var(--color-white);color:var(--color-gray-900)}.drawn-screen__sheet-aside{font-size:calc(var(--size-xs) * .92);white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-600);font-weight:600}.drawn-screen__pill--solid{font-size:var(--size-xs);border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-ink);font-weight:700}.drawn-screen__arrow{border-radius:var(--radius-pill);background-color:var(--color-gray-800);block-size:1.5rem;inline-size:1.5rem;color:var(--color-white);flex:none;place-items:center;display:grid}.drawn-screen__pin{z-index:1;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-edge);font-weight:700;display:inline-flex;position:absolute;inset-block-start:calc(var(--space-xs) * -1.5);inset-inline-end:var(--space-default)}.drawn-screen__tabs{gap:var(--space-3xs);padding:var(--space-2xs) var(--space-default) 0;margin:0;list-style:none;display:flex}.drawn-screen__tab{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);background-color:var(--color-gray-100);color:var(--color-gray-600);font-weight:600}.drawn-screen__tab--chosen{background-color:var(--color-primary);color:var(--color-primary-ink);font-weight:700}.drawn-screen__sheet-body{gap:var(--space-xs);padding:var(--space-xs) var(--space-default) var(--space-default);flex-direction:column;display:flex}.drawn-screen__block{gap:var(--space-2xs);display:grid}.drawn-screen__block-heading{font-size:calc(var(--size-xs) * .92);letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-white);color:var(--color-gray-600);margin:0;font-weight:700}.drawn-screen__banner{align-items:start;gap:var(--space-3xs) var(--space-2xs);padding:var(--space-default) var(--space-default) var(--space-xl);background-color:var(--color-primary);color:var(--color-primary-ink);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;display:grid}.drawn-screen__banner>p{grid-column:1;margin:0}.drawn-screen__banner>.drawn-screen__badge{grid-area:1/2}.drawn-screen__banner-eyebrow{font-size:calc(var(--size-xs) * .92);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.drawn-screen__banner-title{font-family:var(--font-headline);font-size:var(--size-xl);font-weight:700;line-height:var(--leading-headline)}.drawn-screen__lines{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.drawn-screen__lines--lined{gap:0}.drawn-screen__lines--bullets{gap:var(--space-3xs)}.drawn-screen__line{align-items:center;gap:var(--space-2xs);min-inline-size:0;display:flex}.drawn-screen__line--boxed{padding:var(--space-2xs) var(--space-xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius)}.drawn-screen__line--lined{padding-block:var(--space-2xs);border-block-start:var(--border-width) solid var(--color-gray-100)}.drawn-screen__line--lined:first-child{border-block-start:0}.drawn-screen__line--bullets:before{content:"";border-radius:var(--radius-pill);background-color:var(--color-primary);flex:none;block-size:.375rem;inline-size:.375rem}.drawn-screen__line-text{gap:var(--space-3xs);flex:1;min-inline-size:0;display:grid}.drawn-screen__line-title{font-size:calc(var(--size-xs) * 1.08);text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-900);font-weight:700;overflow:hidden}.drawn-screen__line--bullets .drawn-screen__line-title{font-weight:400}.drawn-screen__lines--headline .drawn-screen__line-title{font-family:var(--font-headline);font-size:var(--size-lg);line-height:var(--leading-headline)}.drawn-screen__line-sub{font-size:calc(var(--size-xs) * .95);text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-600);overflow:hidden}.drawn-screen__line-value{font-size:calc(var(--size-xs) * .96);white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-900);font-weight:700}.drawn-screen__line-more{background-color:var(--color-white);color:var(--color-gray-600);flex:none}.drawn-screen__tile{border-radius:var(--radius);flex:none;place-items:center;block-size:2rem;inline-size:2rem;display:grid}.drawn-screen__tags{gap:var(--space-3xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.drawn-screen__tag{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-pill);font-size:calc(var(--size-xs) * .92);white-space:nowrap;background-color:var(--color-white);color:var(--color-gray-700);font-weight:600;display:inline-flex}.drawn-screen__tag .drawn-screen__avatar{block-size:1.125rem;inline-size:1.125rem;font-size:calc(var(--size-xs) * .65)}.drawn-screen__figures{gap:var(--space-2xs);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.drawn-screen__figure{align-content:start;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-gray-50);color:var(--color-gray-900);display:grid}.drawn-screen__figure--brand{border-color:var(--color-primary-tint);background-color:var(--color-primary-tint);color:var(--color-gray-900)}.drawn-screen__figure--secondary{border-color:var(--color-secondary-tint);background-color:var(--color-secondary-tint);color:var(--color-gray-900)}.drawn-screen__figure-label{font-size:calc(var(--size-xs) * .8)}.drawn-screen__figure-note{font-size:calc(var(--size-xs) * .875)}.drawn-screen__figure-label{letter-spacing:.04em;text-transform:uppercase;font-weight:700}.drawn-screen__figure-value{font-family:var(--font-headline);font-size:calc(var(--size-xl) * .95);font-weight:700;line-height:var(--leading-headline)}.drawn-screen__columns{gap:var(--space-3xs);display:grid}.drawn-screen__columns-svg{block-size:4rem;inline-size:100%;display:block}.drawn-screen__column{fill:var(--color-primary-tint)}.drawn-screen__column--current{fill:var(--color-primary)}.drawn-screen__column-labels{font-size:calc(var(--size-xs) * .8);background-color:var(--color-white);color:var(--color-gray-600);justify-content:space-around;margin:0;padding:0;font-weight:600;list-style:none;display:flex}.drawn-screen__board{gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.drawn-screen__lane{align-content:start;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius);background-color:var(--color-gray-50);display:grid}.drawn-screen__lane-head{font-size:calc(var(--size-xs) * .92);letter-spacing:.04em;text-transform:uppercase;background-color:var(--color-gray-50);color:var(--color-gray-700);margin:0;font-weight:700}.drawn-screen__lane-cards{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.drawn-screen__lane-card{gap:var(--space-3xs);padding:var(--space-2xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-white);display:grid}.drawn-screen__lane-card--brand{border-color:var(--color-primary-tint)}.drawn-screen__lane-sub{font-size:calc(var(--size-xs) * .92);background-color:var(--color-white);color:var(--color-gray-600)}.drawn-screen__lane-card--brand .drawn-screen__lane-sub{background-color:var(--color-white);color:var(--color-primary-readable)}.drawn-screen__lane-card--green .drawn-screen__lane-sub{background-color:var(--color-white);color:var(--color-accent-green)}.drawn-screen__form{gap:var(--space-xs);display:grid}.drawn-screen__field{justify-items:start;gap:var(--space-3xs);display:grid}.drawn-screen__field-label{font-size:calc(var(--size-xs) * .92);background-color:var(--color-white);color:var(--color-gray-900);font-weight:600}.drawn-screen__field-note{font-size:calc(var(--size-xs) * .8);background-color:var(--color-white);color:var(--color-gray-600)}.drawn-screen__input{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background-color:var(--color-white);color:var(--color-gray-900);justify-self:stretch;display:flex}.drawn-screen__input--filled{border-style:dashed;border-color:var(--color-primary);background-color:var(--color-primary-tint);color:var(--color-gray-900);font-weight:700}.drawn-screen__input-value{flex:none}.drawn-screen__input .drawn-screen__meter{flex:1}.drawn-screen__submit{padding:var(--space-2xs);border-radius:var(--radius);text-align:center;background-color:var(--color-primary);color:var(--color-primary-ink);font-weight:600}.drawn-screen__week-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.drawn-screen__week-day{justify-items:center;gap:var(--space-3xs);display:grid}.drawn-screen__week-name{font-size:calc(var(--size-xs) * .92);background-color:var(--color-white);color:var(--color-gray-600);font-weight:700}.drawn-screen__week-date{font-size:calc(var(--size-xs) * 1.08);border-radius:var(--radius-pill);background-color:var(--color-white);block-size:1.75rem;inline-size:1.75rem;color:var(--color-gray-900);place-items:center;display:grid}.drawn-screen__week-day--current .drawn-screen__week-date{background-color:var(--color-primary);color:var(--color-primary-ink);font-weight:700}.drawn-screen__progress{gap:var(--space-3xs);display:grid}.drawn-screen__progress-label{align-items:center;gap:var(--space-3xs);background-color:var(--color-white);color:var(--color-gray-900);margin:0;font-weight:700;display:flex}.drawn-screen__progress-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.drawn-screen__sheet .drawn-screen__plan-row{grid-template-columns:minmax(9rem,2.2fr) repeat(5,minmax(0,1fr))}.drawn-screen__plan-row--job{background-color:var(--color-gray-50)}.drawn-screen__plan-job{gap:var(--space-3xs);min-inline-size:0;padding:var(--space-2xs) var(--space-xs);display:grid;overflow:hidden}.drawn-screen__plan-job--task{align-items:center;padding-inline-start:var(--space-default);display:flex}.drawn-screen__plan-meta{align-items:center;gap:var(--space-3xs);white-space:nowrap;font-size:calc(var(--size-xs) * .83);background-color:var(--color-gray-50);color:var(--color-gray-600);font-weight:700;display:flex}.drawn-screen__plan-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.drawn-screen__plan-job--task .drawn-screen__plan-title{font-size:calc(var(--size-xs) * .96);font-weight:600}.drawn-screen__sheet .drawn-screen__plan-row--head{font-size:calc(var(--size-xs) * .92);letter-spacing:0;text-transform:none}.drawn-screen__box{border:var(--border-width) solid var(--color-gray-400);border-radius:var(--radius-sm);flex:none;block-size:.75rem;inline-size:.75rem}.drawn-screen__plan-bar .drawn-screen__avatar{block-size:1.125rem;inline-size:1.125rem;font-size:calc(var(--size-xs) * .65);margin-inline-end:var(--space-3xs)}@container not (min-width:30rem){.drawn-screen__board{grid-template-columns:minmax(0,1fr)}.drawn-screen__sheet .drawn-screen__plan-row{grid-template-columns:minmax(6.5rem,1.6fr) repeat(5,minmax(0,1fr))}.drawn-screen__sheet .drawn-screen__plan-day{font-size:calc(var(--size-xs) * .65);white-space:nowrap;padding-inline:0}.drawn-screen__sheet-head{flex-wrap:wrap}}}
@layer global{.float-card{align-items:center;gap:var(--space-xs);inline-size:max-content;max-inline-size:20rem;padding:var(--space-xs) var(--space-default) var(--space-xs) var(--space-xs);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-raised);display:flex;position:absolute}.float-card--top-start{inset-block-start:var(--space-lg);inset-inline-start:calc(var(--space-default) * -1)}.float-card--top-end{inset-block-start:var(--space-lg);inset-inline-end:calc(var(--space-default) * -1)}.float-card--bottom-start{inset-block-end:var(--space-large);inset-inline-start:calc(var(--space-default) * -1)}.float-card--bottom-end{inset-block-end:var(--space-large);inset-inline-end:calc(var(--space-default) * -1)}.float-card--edge.float-card--top-start,.float-card--edge.float-card--top-end{inset-block-start:calc(var(--space-lg) * -1.25)}.float-card--edge.float-card--bottom-start,.float-card--edge.float-card--bottom-end{inset-block-end:calc(var(--space-lg) * -1.25)}.float-card--edge.float-card--top-start,.float-card--edge.float-card--bottom-start{inset-inline-start:calc(var(--space-default) * -1.125)}.float-card--edge.float-card--top-end,.float-card--edge.float-card--bottom-end{inset-inline-end:calc(var(--space-default) * -1.125)}.float-card--on-deep{border-color:color-mix(in srgb, var(--color-white) 16%, transparent);background-color:var(--color-primary-deep);color:var(--color-white)}.float-card__text{gap:var(--space-3xs);min-inline-size:0;display:grid}.float-card__label{font-size:var(--size-xs);letter-spacing:.06em;font-weight:700;line-height:var(--leading-subline);text-transform:uppercase;white-space:nowrap;color:var(--color-gray-500);margin:0}.float-card--on-deep .float-card__label{background-color:var(--color-primary-deep);color:var(--color-gray-300)}.float-card__line{align-items:baseline;column-gap:var(--space-2xs);flex-wrap:wrap;display:flex}.float-card__value{font-family:var(--font-headline);font-size:var(--size-lg);font-weight:700;line-height:var(--leading-headline);margin:0}.float-card__note{font-size:var(--size-xs);font-weight:700;line-height:var(--leading-subline);white-space:nowrap;margin:0}.float-card__note--brand{background-color:var(--color-white);color:var(--color-primary-readable)}.float-card__note--secondary{background-color:var(--color-white);color:var(--color-secondary-readable)}.float-card__note--green{background-color:var(--color-white);color:var(--color-accent-green)}.float-card__note--amber{background-color:var(--color-white);color:var(--color-accent-amber)}.float-card__note--blue{background-color:var(--color-white);color:var(--color-accent-blue)}.float-card__note--rose{background-color:var(--color-white);color:var(--color-accent-rose)}.float-card__note--teal{background-color:var(--color-white);color:var(--color-accent-teal)}.float-card__note--neutral{background-color:var(--color-white);color:var(--color-gray-600)}.float-card--on-deep .float-card__note{background-color:var(--color-primary-deep);color:var(--color-secondary-on-dark)}.float-card--highlight-brand,.float-card--highlight-brand .float-card__note{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-white));background-color:var(--color-primary-tint);color:var(--color-gray-700)}.float-card--highlight-brand .float-card__label{background-color:var(--color-primary-tint);color:var(--color-primary-readable)}.float-card--highlight-secondary,.float-card--highlight-secondary .float-card__note{border-color:color-mix(in srgb, var(--color-secondary) 45%, var(--color-white));background-color:var(--color-secondary-tint);color:var(--color-gray-700)}.float-card--highlight-secondary .float-card__label{background-color:var(--color-secondary-tint);color:var(--color-secondary-readable)}.float-card--highlight-green,.float-card--highlight-green .float-card__note{border-color:color-mix(in srgb, var(--color-accent-green) 30%, var(--color-white));background-color:var(--color-accent-green-tint);color:var(--color-gray-700)}.float-card--highlight-green .float-card__label{background-color:var(--color-accent-green-tint);color:var(--color-accent-green)}.float-card--highlight-amber,.float-card--highlight-amber .float-card__note{border-color:color-mix(in srgb, var(--color-accent-amber) 30%, var(--color-white));background-color:var(--color-accent-amber-tint);color:var(--color-gray-700)}.float-card--highlight-amber .float-card__label{background-color:var(--color-accent-amber-tint);color:var(--color-accent-amber)}.float-card--highlight-blue,.float-card--highlight-blue .float-card__note{border-color:color-mix(in srgb, var(--color-accent-blue) 30%, var(--color-white));background-color:var(--color-accent-blue-tint);color:var(--color-gray-700)}.float-card--highlight-blue .float-card__label{background-color:var(--color-accent-blue-tint);color:var(--color-accent-blue)}.float-card--highlight-rose,.float-card--highlight-rose .float-card__note{border-color:color-mix(in srgb, var(--color-accent-rose) 30%, var(--color-white));background-color:var(--color-accent-rose-tint);color:var(--color-gray-700)}.float-card--highlight-rose .float-card__label{background-color:var(--color-accent-rose-tint);color:var(--color-accent-rose)}.float-card--highlight-teal,.float-card--highlight-teal .float-card__note{border-color:color-mix(in srgb, var(--color-accent-teal) 30%, var(--color-white));background-color:var(--color-accent-teal-tint);color:var(--color-gray-700)}.float-card--highlight-teal .float-card__label{background-color:var(--color-accent-teal-tint);color:var(--color-accent-teal)}.float-card--highlight-neutral,.float-card--highlight-neutral .float-card__note,.float-card--highlight-neutral .float-card__label{background-color:var(--color-gray-100);color:var(--color-gray-700)}.float-card--highlight .icon-tile{border-radius:var(--radius-pill);background-color:var(--color-white)}.float-card--checklist{inline-size:14.5rem;padding:var(--space-xs) var(--space-default);display:block}.float-card--checklist .float-card__label{align-items:center;gap:var(--space-3xs);display:flex}.float-card__title{font-size:var(--size-sm);font-weight:700;line-height:var(--leading-subline);margin:0}.float-card__checks{gap:var(--space-2xs);margin:var(--space-3xs) 0 0;font-size:var(--size-xs);line-height:var(--leading-subline);padding:0;list-style:none;display:grid}.float-card__check{align-items:center;gap:var(--space-2xs);display:flex}.float-card__check--done{background-color:var(--color-white);color:var(--color-gray-500);text-decoration:line-through}.float-card__box{border:var(--border-width) solid var(--color-gray-400);border-radius:calc(var(--radius-sm) * .75);flex:none;justify-content:center;align-items:center;block-size:1rem;inline-size:1rem;display:inline-flex}.float-card__check--done .float-card__box{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-ink)}.float-card__box .icon{width:.75rem;height:.75rem}@media (prefers-reduced-motion:no-preference){.float-card{animation:.4s .3s both float-card-pop,2s ease-in-out .7s 2 float-card-drift}.float-card--bottom-start,.float-card--bottom-end{animation-delay:.5s,.9s}}@keyframes float-card-pop{0%{opacity:0;scale:.85}}@keyframes float-card-drift{50%{translate:0 -.4375rem}}}
@layer global{.media-stage{isolation:isolate;position:relative}.media-stage:before{content:"";z-index:-1;position:absolute;inset:12% 0 0}.media-stage--brand:before{background-image:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent)}.media-stage--secondary:before{background-image:radial-gradient(closest-side, color-mix(in srgb, var(--color-secondary) 20%, transparent), transparent)}.media-stage__image{object-fit:contain;object-position:bottom;max-block-size:37.5rem;inline-size:100%;filter:drop-shadow(0 1.875rem 3.5rem color-mix(in srgb, var(--color-gray-900) 20%, transparent));display:block}.media-stage__floats,.media-stage__screen{display:none;position:absolute;inset:0}@media (min-width:62rem){.media-stage__floats,.media-stage__screen{display:block}}}
@layer global{.mockup-frame{box-shadow:var(--shadow-raised);overflow:hidden}.mockup-frame--browser{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--color-white)}.mockup-frame__bar{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-default);border-block-end:var(--border-width) solid var(--color-gray-100);background-color:var(--color-gray-50);display:flex}.mockup-frame__dot{border-radius:var(--radius-pill);background-color:var(--color-gray-300);block-size:.625rem;inline-size:.625rem}.mockup-frame__dot--accent{background-color:var(--color-secondary)}.mockup-frame--phone{max-inline-size:20rem;padding:var(--space-2xs);border-radius:var(--radius-xl);background-color:var(--color-gray-900);margin-inline:auto}.mockup-frame--phone .mockup-frame__screen{border-radius:calc(var(--radius-xl) - var(--space-2xs));overflow:hidden}.mockup-frame__image{inline-size:100%;display:block}}
@layer sections{.hero{padding-block:var(--space-large) var(--space-xl);background-color:var(--color-white);background-image:radial-gradient(circle at 88% 6%, var(--color-secondary-tint), transparent 38%), radial-gradient(circle at 6% 94%, var(--color-primary-tint), transparent 42%);color:var(--color-gray-900);overflow-x:clip}.hero__inner{gap:var(--space-large);display:grid}.hero__copy{max-inline-size:var(--container-md)}.hero--compact .hero__copy{text-align:center;margin-inline:auto}.hero__title{margin:var(--space-xs) 0 0;font-family:var(--font-headline);font-size:var(--size-display);letter-spacing:-.012em;font-weight:700;line-height:var(--leading-display);color:var(--color-gray-900);text-wrap:balance}.hero__accent--color{color:var(--color-primary-readable)}.hero__accent--color.hero__accent--secondary{color:var(--color-secondary-readable)}.hero__accent--color.hero__accent--amber{color:var(--color-accent-amber)}.hero__accent--color.hero__accent--teal{color:var(--color-accent-teal)}.hero__accent--marker{padding-inline:var(--space-3xs);background-image:linear-gradient(transparent 60%, color-mix(in srgb, var(--color-secondary) 60%, var(--color-white)) 60% 90%, transparent 90%);color:var(--color-gray-900);-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero__accent--marker.hero__accent--brand{background-image:linear-gradient(transparent 60%, color-mix(in srgb, var(--color-primary) 25%, var(--color-primary-tint)) 60% 90%, transparent 90%)}.hero__accent--marker.hero__accent--amber{background-image:linear-gradient(transparent 60%, color-mix(in srgb, var(--color-accent-amber) 25%, var(--color-accent-amber-tint)) 60% 90%, transparent 90%)}.hero__accent--marker.hero__accent--teal{background-image:linear-gradient(transparent 60%, color-mix(in srgb, var(--color-accent-teal) 25%, var(--color-accent-teal-tint)) 60% 90%, transparent 90%)}.hero__accent--whole{white-space:nowrap}.hero__accent--marker.hero__accent--start{margin-inline-start:calc(var(--space-3xs) * -1)}.hero__sub{margin:var(--space-default) 0 0;max-inline-size:var(--container-sm);font-size:var(--size-lg);line-height:var(--leading-loose);color:var(--color-gray-600)}.hero--compact .hero__sub{margin-inline:auto}.hero__copy>.eyebrow--pill+.hero__title{margin-block-start:var(--space-md)}.hero__actions{gap:var(--space-xs);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.hero__note{margin:var(--space-xs) 0 0;font-size:var(--size-sm);color:var(--color-gray-600)}.hero__checks{font-size:var(--size-sm);margin-block-start:var(--space-lg);display:flex}.hero--compact .hero__actions,.hero--compact .hero__checks{justify-content:center}.hero--showcase .hero__title{font-size:min(var(--size-display), calc(var(--size-headline) * 1.875))}.hero--showcase .hero__checks{margin-block-start:var(--space-md)}.hero__visual{position:relative}.hero--staged{overflow:clip}.hero__visual--stage{align-self:end;margin-block-end:calc(var(--space-xl) * -1)}.hero__visual--phone{max-inline-size:20rem;margin-inline:auto}.hero__photo{border-radius:var(--radius-lg);inline-size:100%;display:block}.hero__floats{display:none;position:absolute;inset:0}@media (min-width:62rem){.hero{padding-block:var(--space-xl) var(--space-2xl)}.hero--compact{padding-block-end:var(--space-xl)}.hero__inner--split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}.hero--showcase{padding-block:var(--space-xl)}.hero__visual--stage{margin-block-end:calc(var(--space-2xl) * -1)}.hero__visual--stage .stage-motion__control{inset-block:auto var(--space-2xl);inset-inline:auto 0}.hero__floats{display:block}}@media (min-width:75rem){.hero--showcase .hero__inner--split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}}