#project{scrollbar-width:none;-ms-overflow-style:none}#project::-webkit-scrollbar{display:none}#panel{z-index:12;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;position:fixed;inset:0;overflow-y:auto}#panel::-webkit-scrollbar{display:none}#panel:not(.open){display:none}#panel-content{font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;color:var(--ink)}.service-title,.award-band-name,.feature-card__title{text-transform:none}.panel-body{--wp-card:color-mix(in srgb, var(--tone) 6.67%, var(--paper));--wp-card-hover:color-mix(in srgb, var(--tone) 9.02%, var(--paper));background:var(--paper);min-height:100%;color:var(--ink);padding-bottom:var(--space-2);position:relative}.award-laurels{--laurel-ink:3rem;align-self:center;align-items:center;gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.award-laurels__cell{justify-content:center;align-items:center;min-width:0;display:flex}.award-laurels__link{color:var(--ink);justify-content:center;align-items:center;transition:opacity .25s;display:flex}@media (hover:hover){.award-laurels__link:hover{opacity:.7}}.award-laurels__link>*{color:var(--ink);max-width:100%;height:auto;max-height:calc(var(--laurel-ink) * 1.5);object-fit:contain;display:block}.award-laurels__link>img{filter:var(--ink-filter)}.count-hand{font-family:var(--font-hand);letter-spacing:var(--hand-track);color:var(--pen);font-weight:400;display:inline-block}:is(.count-hand,.award-band-count).is-unwritten{opacity:0}.awards-list{grid-template-columns:subgrid;row-gap:var(--space-16);display:grid}.award-band{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid}.award-band-head{grid-column:1/span 5;align-items:baseline;gap:.8rem;display:flex}.award-band__drops{gap:var(--space-2);grid-column:6/span 5;display:grid}.award-band-count{font-family:var(--font-hand);font-weight:400;font-size:var(--type-d6);letter-spacing:var(--hand-track);color:var(--pen);line-height:1}.award-band-name{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d6);letter-spacing:var(--type-d6-track);text-transform:none;color:var(--ink);margin:0;line-height:1.05}.award-drop{--award-chevron:.42rem;--award-pad:var(--space-6);border-radius:var(--radius-md);background:var(--wp-card);transition:background-color .3s}.award-drop:hover,.award-drop.is-open{background:var(--wp-card-hover)}.award-kind{padding:var(--space-5) var(--award-pad);cursor:pointer;opacity:.8;align-items:baseline;gap:.8rem;list-style:none;transition:opacity .3s;display:flex}.award-kind::-webkit-details-marker{display:none}.award-kind:hover,.award-kind:focus-visible{opacity:1}.award-kind:after{content:"";width:var(--award-chevron);height:var(--award-chevron);border-right:1px solid rgb(var(--ink-rgb) / .55);border-bottom:1px solid rgb(var(--ink-rgb) / .55);transition:transform .3s;transform:translateY(-.12rem)rotate(45deg)}.award-drop.is-open>.award-kind:after{transform:translateY(.05rem)rotate(-135deg)}.award-drop__panel{grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.625,.05,0,1);display:grid;overflow:hidden}.award-drop.is-open>.award-drop__panel{grid-template-rows:1fr}.award-drop__wrap{flex-flow:column;height:100000%;display:flex;overflow:hidden}.award-drop-body{padding-bottom:var(--space-3)}.award-drop-body>.award-row{padding:.85rem var(--award-pad);padding-right:calc(var(--award-pad) + var(--award-chevron) + .8rem)}@keyframes award-deal{0%{opacity:0}}.award-drop.is-open .award-drop-body>.award-row{animation:.4s ease-out backwards award-deal;animation-delay:calc(.12s + var(--i,0) * 35ms)}@media (prefers-reduced-motion:reduce){.award-drop.is-open .award-drop-body>.award-row{animation:none}.award-drop,.award-drop__panel,.award-kind:after{transition:none}}.award-kind-name{font-size:var(--type-ui);color:var(--ink);margin:0;font-weight:400;line-height:1}.award-kind-count{font-size:var(--type-micro);color:rgb(var(--ink-rgb) / .4)}.award-kind .award-kind-count{color:rgb(var(--ink-rgb) / .55);font-variant-numeric:tabular-nums;margin-left:auto}.award-row{font-size:var(--type-ui);color:rgb(var(--ink-rgb) / .9);opacity:.75;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1.5rem;padding:1.1rem 0;text-decoration:none;transition:opacity .3s;display:grid}.award-row:hover,.award-row:focus-visible,.award-row:focus-within{opacity:1}.award-drop-body .award-row{cursor:default}.feature-leads{grid-template-columns:subgrid;row-gap:var(--grid-gutter);display:grid}.feature-leads>:nth-child(odd){grid-column:1/span 5}.feature-leads>:nth-child(2n){grid-column:6/span 5}.feature-rest{justify-items:center;row-gap:var(--space-8);display:grid}.feature-rest>.feature-list{justify-self:stretch}.feature-list>[hidden]{display:none}.feature-list{gap:var(--grid-gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-list>.feature-card{min-height:13rem;padding:var(--space-6);grid-template:"shot date"". ."1fr"pub pub""title title""note note"/minmax(0,1fr) auto;align-items:start;gap:0}.feature-list .feature-card__shot{grid-area:shot;width:1.5rem}.feature-list .feature-card__date{grid-area:date}.feature-list .feature-card__pub{margin-top:var(--space-8);grid-area:pub}.feature-list .feature-card__title{grid-area:title;margin-top:.35rem}.feature-card{opacity:1;border-radius:var(--radius-md);background:var(--wp-card);transition:background-color .3s}.feature-card:hover,.feature-card:focus-visible{background:var(--wp-card-hover)}.feature-card>:not(.feature-card__shot){opacity:.75;transition:opacity .35s}.feature-card:hover>:not(.feature-card__shot),.feature-card:focus-visible>:not(.feature-card__shot),.feature-card:focus-within>:not(.feature-card__shot){opacity:1}.feature-card__pub,.feature-card__date{font-size:var(--type-micro);color:rgb(var(--ink-rgb) / .45);line-height:1.5}.feature-card__title{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d8);letter-spacing:var(--type-d8-track);color:var(--ink);line-height:1.2}.feature-card__shot{aspect-ratio:1;background-color:#0000;flex:none;width:2.8rem}.feature-card__shot[data-ground=light]{background-color:var(--white);border-radius:var(--radius-xs);padding:.2rem}.feature-card:not(.feature-card--lead) .feature-card__shot img{object-fit:contain}.feature-card__shot img{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.16,1,.3,1);display:block}.feature-card:hover .feature-card__shot img,.feature-card:focus-visible .feature-card__shot img,.feature-card:focus-within .feature-card__shot img{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.feature-card,.feature-card__shot img{transition:none}.feature-card:hover .feature-card__shot img,.feature-card:focus-visible .feature-card__shot img,.feature-card:focus-within .feature-card__shot img{transform:none}}.feature-leads>.feature-card--lead{padding:0 var(--space-6) var(--space-6);border-radius:var(--radius-lg);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"shot shot""pub date""title title";align-content:start;align-items:baseline;gap:0 .85rem;overflow:hidden}.feature-card--lead .feature-card__shot{aspect-ratio:16/9;width:auto;margin:0 calc(var(--space-6) * -1) var(--space-5);grid-area:shot;overflow:hidden}.feature-card--lead .feature-card__pub{grid-area:pub}.feature-card--lead .feature-card__date{grid-area:date}.feature-card--lead .feature-card__date:before{content:"·";opacity:.55;margin-right:.85rem}.feature-card--lead .feature-card__title{font-size:var(--type-d7);letter-spacing:var(--type-d7-track);grid-area:title;margin-top:.4rem}.award-row>*{min-width:0}a.award-row{transition:color .25s}a.award-row:hover,a.award-row:focus-visible{color:var(--ink)}.award-date{font-size:var(--type-micro);color:rgb(var(--ink-rgb) / .45)}.award-name{line-height:1.15}.award-detail{line-height:1.15;font-size:var(--type-micro);color:rgb(var(--ink-rgb) / .45);margin-top:0;display:block}.award-date{text-align:right}.award-tally{color:rgb(var(--ink-rgb) / .55);font-variant-numeric:tabular-nums}.feature-card__note{font-size:var(--type-micro);color:rgb(var(--ink-rgb) / .45);line-height:1.5}.feature-list .feature-card__note{grid-area:note;margin-top:.35rem}.feature-leads .feature-card__note{grid-column:1/-1}@media screen and (width<=991px){.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=767px){.award-band-head,.award-band__drops{grid-column:1/-1}.award-band__drops{margin-top:var(--space-6)}.feature-leads>:nth-child(n){grid-column:1/-1}.feature-list{grid-template-columns:minmax(0,1fr)}.feature-list>.feature-card{min-height:0}.award-drop{--award-pad:var(--space-5)}}.panel-about{min-height:100svh;display:block}.wp-intro .cs-heading__title{font-size:var(--type-d4);letter-spacing:var(--type-d4-track);line-height:1.02}.about-intro__words{grid-template-columns:subgrid;row-gap:var(--space-10);align-items:start;display:grid}.about-intro__words>*{grid-column:1/-1}.about-place{justify-items:start;gap:.3rem;display:grid}.about-place__globe{--doodle-size:1.75rem;--doodle-ink:rgb(var(--ink-rgb) / .35);margin-bottom:var(--space-3);display:flex}.about-place__line{font-size:var(--type-micro);letter-spacing:0;color:rgb(var(--ink-rgb) / .5);margin:0;line-height:1.5}.about-place__time{color:var(--ink);font-variant-numeric:tabular-nums}.about-place__colon{animation:1s step-end infinite about-place-colon}@keyframes about-place-colon{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.about-place__colon{animation:none}}.leader__social{gap:.75rem;display:flex}.about-social{width:2.5rem;height:2.5rem;color:var(--ink);opacity:.4;justify-content:center;align-items:center;margin:-.55rem;transition:opacity .25s;display:inline-flex}.about-social svg{width:1rem;height:1rem;display:block}.about-social:hover,.about-social:focus-visible{opacity:1}@media (prefers-reduced-motion:reduce){.about-social{transition:none}}.about-ledger{grid-template-columns:subgrid;border-top:1px solid rgb(var(--ink-rgb) / .14);margin:0;display:grid}.about-ledger__row{grid-column:1/-1;grid-template-columns:subgrid;padding:var(--space-8) 0;border-bottom:1px solid rgb(var(--ink-rgb) / .14);align-items:baseline;display:grid}.about-ledger__value{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d1);letter-spacing:var(--type-d1-track);text-transform:none;grid-area:1/1/auto/span 5;margin:0;line-height:.85}.about-ledger__label{font-family:var(--font-mono);font-weight:400;font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:rgb(var(--ink-rgb) / .5);grid-area:1/6/auto/span 5;margin:0;line-height:1.5}.about-ledger__note{max-width:34em;font-family:var(--font);font-weight:400;font-size:var(--type-text-sm);letter-spacing:var(--type-text-track);text-transform:none;color:rgb(var(--ink-rgb) / .62);grid-area:2/6/auto/span 5;margin:.55rem 0 0;line-height:1.4}.leaders{gap:var(--grid-gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.leader{border-radius:var(--radius-lg);background:var(--wp-card);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.leader__face{aspect-ratio:1;background:var(--wp-card-hover);place-items:center;width:100%;display:grid;overflow:hidden}.leader__face img{object-fit:cover;width:100%;height:100%;display:block}.leader__face-initials{font-size:var(--type-d5);letter-spacing:0;color:rgb(var(--ink-rgb) / .35);line-height:1}.leader__words{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:var(--space-6);display:flex}.leader__name{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d7);letter-spacing:var(--type-d7-track);text-transform:none;color:var(--ink);margin:0;line-height:1.1}.leader__role{font-size:var(--type-micro);letter-spacing:0;color:rgb(var(--ink-rgb) / .5);margin:.45rem 0 0;line-height:1.5}.studio-photos{gap:var(--grid-gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-photo{margin:0}.studio-photo img{aspect-ratio:4/5;object-fit:cover;background:rgb(var(--ink-rgb) / .06);width:100%;height:auto;display:block}.studio-photo__caption{font-size:var(--type-micro);letter-spacing:0;color:rgb(var(--ink-rgb) / .5);margin-top:.6rem;line-height:1.5}.clientele-grid{--clientele-ink:3rem;gap:var(--grid-gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.clientele-grid>.clientele-cell{border-radius:var(--radius-md);background:var(--wp-card);min-height:10rem;color:rgb(var(--ink-rgb) / .55);opacity:1}.about-ai{justify-items:center;gap:var(--space-6);text-align:center;display:grid}.about-ai>.cs-heading__kicker{position:static}.about-ai__comp{position:relative}.about-ai__line{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d3);letter-spacing:var(--type-d3-track);text-transform:none;text-wrap:balance;color:var(--ink);margin:0;line-height:1.02}.about-ai__line>span{display:block}.about-ai__lead{color:rgb(var(--ink-rgb) / .4)}.about-ai__parts{grid-template-columns:subgrid;row-gap:var(--grid-gutter);display:grid}.about-ai__part{align-content:start;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-md);background:var(--wp-card);grid-column:span 5;display:grid}.about-ai__icon,.note-grid__icon{--doodle-size:2rem;height:calc(var(--doodle-size) * 1.125);margin-bottom:var(--space-2);justify-self:start;align-items:center;display:flex}.about-ai__icon{--doodle-ground:var(--wp-card)}.note-grid__icon{--doodle-ground:var(--paper)}.about-ai__title{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d7);letter-spacing:var(--type-d7-track);text-transform:none;color:var(--ink);margin:0;line-height:1.15}.about-ai__body{max-width:36em;font-family:var(--font);font-weight:400;font-size:var(--type-text-md);letter-spacing:var(--type-text-track);text-transform:none;color:rgb(var(--ink-rgb) / .7);margin:0;line-height:1.45}.about-life__words{justify-content:space-between;align-self:stretch;gap:var(--space-10);padding:var(--space-10);border-radius:var(--radius-lg);background:var(--wp-card);flex-direction:column;display:flex}.about-life__lead{max-width:18em;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d5);letter-spacing:var(--type-d5-track);text-transform:none;color:var(--ink);margin:0;line-height:1.05}.about-life__body{gap:var(--space-4);display:grid}.about-life__text{max-width:36em;font-family:var(--font);font-weight:400;font-size:var(--type-text-md);letter-spacing:var(--type-text-track);text-transform:none;color:rgb(var(--ink-rgb) / .7);margin:0;line-height:1.45}.about-life__shot{aspect-ratio:1;border-radius:var(--radius-lg);margin:0;position:relative;overflow:clip}.about-life__shot img{object-fit:cover;width:100%;height:100%;display:block}.about-life__screen{opacity:.92;width:23.9%;height:13.5%;position:absolute;top:49.9%;left:49.75%;overflow:hidden;transform:translate(-50%,-50%)}.about-life__screen video{object-fit:cover;width:100%;height:100%;display:block}.about-careers{gap:var(--space-12) var(--grid-gutter);padding:var(--space-12);border-radius:var(--radius-xl);background:var(--wp-card);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.about-careers__head{justify-content:space-between;gap:var(--space-16);flex-direction:column;display:flex}.about-careers .cs-heading>.cs-heading__kicker{margin-bottom:var(--space-5);position:static}.about-careers__ask{justify-items:start;gap:var(--space-5);display:grid}.about-careers__prompt{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d7);letter-spacing:var(--type-d7-track);text-transform:none;color:var(--ink);margin:0;line-height:1.15}.about-careers__words{align-content:start;gap:var(--space-5);display:grid}.about-careers__roles{margin:0 0 var(--space-4);flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.about-careers__body{max-width:36em;font-family:var(--font);font-weight:400;font-size:var(--type-text-md);letter-spacing:var(--type-text-track);text-transform:none;color:rgb(var(--ink-rgb) / .7);margin:0;line-height:1.45}@media screen and (width<=991px){.about-careers{padding:var(--space-10)}}@media screen and (width<=767px){.about-ledger__value{grid-column:1/span 7}.about-ledger__label{grid-column:8/span 5}.about-ledger__note{grid-column:1/-1}.leaders{grid-template-columns:minmax(0,1fr)}.leader{grid-template-rows:none;grid-template-columns:6.5rem minmax(0,1fr)}.leader__words{padding:var(--space-5);align-items:center}.about-ai__part{padding:var(--space-6);grid-column:1/-1}.about-life__words{padding:var(--space-6)}.about-careers{row-gap:var(--space-8);padding:var(--space-8) var(--space-6) var(--space-6);grid-template-columns:minmax(0,1fr)}.about-careers__head{display:contents}.about-careers__ask{order:1}.studio-photos{grid-template-columns:minmax(0,1fr)}.clientele-grid{--clientele-ink:2.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.clientele-grid>.clientele-cell{min-height:6.5rem;padding:.6rem}}.tools{grid-template-columns:subgrid;row-gap:var(--space-8);display:grid}.tools__group:nth-child(odd){grid-column:1/span 5}.tools__group:nth-child(2n){grid-column:6/span 5}.tools__name{font-size:var(--type-micro);letter-spacing:0;color:rgb(var(--ink-rgb) / .4);margin:0 0 .9rem;font-weight:400;line-height:1.5}.tools__items{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tools__item{--btn-h:3.25rem;cursor:default}.tools__item svg{width:1.375rem;height:1.375rem;display:block}@media screen and (width<=767px){.tools__group:nth-child(n){grid-column:1/-1}}#project{background:var(--paper);color:var(--ink)}#project .cs-page__body.is-written{background:var(--paper)}#project .cs-build__canvas{color:var(--brand-bg,var(--ink))}#project :is(.cs-rule__glyph,.cs-site__knob){background:var(--brand-bg,var(--ink))}#project-content{font-family:var(--font-mono);--boxed-height:70vh;--asset-max-height:75vh;--asset-max-height-tall:100vh;width:auto;padding-left:var(--grid-margin);padding-right:var(--grid-margin);margin:0}.cs-page>.page-end{margin-inline:calc(-1 * var(--grid-margin))}.cs-head{padding:4rem 0 14rem}.cs-head:has(+.cs-grid>.cs-text:first-child){padding-bottom:var(--space-24)}.cs-head{--cs-title-top:7.5rem;--cs-title-gap:2.5rem;padding-top:0}.cs-title{padding:calc(var(--cs-title-top) + var(--cs-title-gap)) 0 1.25rem;margin:0}.cs-title,.cs-summary,.cs-visit{text-align:center}.cs-head{--cs-logo-ink:3.75rem}.cs-name.is-waiting{visibility:hidden}.cs-name.has-logo{line-height:0}.cs-logo{max-width:100%;fill:var(--logo-fill,currentColor);margin-inline:auto;display:block}:root[data-theme=dark] .cs-logo.is-dark-mark{fill:currentColor}.cs-name{font-family:var(--display-font);font-size:var(--type-d4);font-weight:var(--display-weight);letter-spacing:var(--type-d4-track);text-transform:uppercase;color:var(--ink);margin:0;line-height:.9}.cs-summary{text-wrap:balance;max-width:none;font-family:var(--display-font);font-size:var(--type-d3);font-weight:var(--display-weight);letter-spacing:var(--type-d3-track);color:var(--ink);margin:0;line-height:1.05}.cs-visit{margin:1.75rem 0 0}.cs-head>.cs-hero{margin-top:5rem}.cs-stats{font-family:var(--font-mono);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 3rem;margin-top:4.5rem;display:grid}.cs-stats__cell[data-stat=services]{grid-area:1/1/span 2}.cs-stats__cell[data-stat=year]{grid-area:1/2}.cs-stats__cell[data-stat=duration]{grid-area:2/2}.cs-stats__cell[data-stat=industry]{grid-area:1/3}.cs-stats__cell{align-content:start;gap:.55rem;display:grid}@media (width<=900px){.cs-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 2rem}.cs-stats__cell[data-stat]{grid-area:auto}}.cs-stats dt,.cs-stats dd{letter-spacing:0;text-transform:uppercase}.cs-stats dt{font-size:var(--type-micro);opacity:.4}.cs-stats dd{font-size:var(--type-ui);justify-items:start;gap:.3rem;margin:0;display:grid}.cs-stats__item{display:block}.cs-text{gap:3rem 4rem;display:grid}.cs-text.is-pair{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.cs-text__label{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;opacity:.4;margin:0 0 1rem}.cs-text__body{font-family:var(--font);font-weight:400;font-size:var(--type-text-lg);letter-spacing:var(--type-text-track);max-width:34em;color:var(--body-text);margin:0;line-height:1.35}.cs-text__body+.cs-text__body{margin-top:1em}.cs-heading{--cs-heading-gap:1.1rem;gap:var(--cs-heading-gap);display:grid;position:relative}.cs-heading__kicker{font-family:var(--font-hand);font-weight:400;font-size:var(--type-d6);letter-spacing:var(--hand-track);text-transform:none;opacity:.45;margin:0;line-height:1}.cs-heading>.cs-heading__kicker{margin-bottom:var(--cs-heading-gap);position:absolute;bottom:100%}.cs-heading__kicker.is-unwritten{opacity:0}.cs-heading__title,.cs-heading__lone{max-width:22ch;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d5);letter-spacing:var(--type-d5-track);color:var(--ink);margin:0;line-height:1.05}.cs-heading.is-centred{text-align:center;justify-items:center}.cs-heading.is-centred .cs-heading__title,.cs-heading.is-centred .cs-heading__lone{text-wrap:balance}.cs-text.is-centred .cs-text__body{text-align:center;text-wrap:balance;max-width:30em;margin-inline:auto}.cs-statement{text-align:center;text-wrap:balance;max-width:20ch;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d3);letter-spacing:var(--type-d3-track);color:var(--ink);margin:0 auto;line-height:.99}.cs-statement.is-quiet{max-width:40ch;font-size:var(--type-d7);letter-spacing:var(--type-d7-track);font-variation-settings:"slnt" var(--sans-slant);color:rgb(var(--ink-rgb) / .55);line-height:1.25}.cs-band{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:3rem 2.5rem;margin:0;display:grid}@media (width<=600px){.cs-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 1.5rem}}.cs-band__cell{align-content:start;gap:.6rem;display:grid}.cs-band__value{font-family:var(--font-hand);font-weight:400;font-size:var(--type-d2);letter-spacing:var(--hand-track);white-space:nowrap;color:var(--ink);line-height:.9}.cs-band__num{white-space:nowrap}.cs-band__unit{font-size:.55em}.cs-band.is-logos{text-align:center;justify-items:center}.cs-band.is-logos .cs-band__cell{justify-items:center;gap:1.2rem}.cs-band__logo{width:7.5rem;height:2.75rem;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background-color:currentColor;display:block}.cs-band.is-logos .cs-band__label{margin-inline:auto}.cs-band__label{max-width:22ch;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;opacity:.4;margin:0;line-height:1.5}.cs-credits{grid-template-columns:minmax(0,1fr);gap:1.6rem;margin:0;display:grid}.cs-credits__cell{align-content:start;gap:.35rem;display:grid}.cs-credits__name{font-family:var(--font);font-weight:400;font-size:var(--type-text-sm);letter-spacing:var(--type-text-track);text-transform:none;color:var(--ink);line-height:1.2}.cs-credits__role{max-width:none;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;opacity:.4;margin:0;line-height:1.5}.cs-note{gap:.9rem;display:grid}.cs-note__index{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;opacity:.4;margin:0}.cs-note__index.is-hand{width:fit-content;font-family:var(--font-hand);font-weight:400;font-size:var(--type-d6);letter-spacing:var(--hand-track);text-transform:none;opacity:.45;line-height:1}.cs-note__index.is-hand.is-unwritten{opacity:0}.cs-note__title{max-width:26ch;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d6);letter-spacing:var(--type-d6-track);color:var(--ink);margin:0;line-height:1.1}.cs-note__body{max-width:46ch;font-family:var(--font);font-weight:400;font-size:var(--type-text-md);letter-spacing:var(--type-text-track);color:var(--body-text);margin:0;line-height:1.35}.cs-note__body+.cs-note__body{margin-top:1em}.cs-placeholder{background:rgb(var(--ink-rgb) / .07);aspect-ratio:16/10;border-radius:var(--cs-radius);place-content:center;padding:2rem;display:grid}.cs-placeholder.is-tall{aspect-ratio:3/2}.cs-placeholder__note{max-width:42ch;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-align:center;text-wrap:balance;color:rgb(var(--ink-rgb) / .5);margin:0;line-height:1.6}.cs-page{--cs-col:calc((100vw - 2 * var(--grid-margin) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns))}.cs-grid{column-gap:var(--grid-gutter);--cs-row-gap:20rem;row-gap:var(--cs-row-gap);--cs-headed-gap:2.5rem;--cs-radius:var(--radius-lg);grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;align-items:start;display:grid}.cs-row.is-pair{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.cs-figure{width:100%;margin:0;position:relative}.cs-crop{border-radius:var(--cs-radius);display:block;overflow:clip}.cs-window__frame{aspect-ratio:16/9;border-radius:var(--cs-radius);position:relative;overflow:clip}.cs-figure.cs-window .cs-window__frame .cs-window__void{border-radius:0;width:auto;max-height:none;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cs-window .cs-window__reel{position:absolute;inset:0}.cs-window .cs-window__reel img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.cs-window .cs-window__reel img.is-on{opacity:1}.cs-crop__mark{fill:currentColor;pointer-events:none;height:auto;position:absolute;translate:-50% -50%}.cs-figure img,.cs-figure video{width:100%;height:auto;display:block}.cs-figure.is-phone{width:fit-content;max-width:100%;margin-inline:auto}.cs-figure.is-phone .cs-crop{border-radius:0;overflow:visible}.cs-figure.is-phone img,.cs-figure.is-phone video{width:auto;max-height:var(--boxed-height);object-fit:contain;border-radius:var(--cs-radius);max-width:100%;margin:0 auto;scale:1}.cs-caption{max-width:100%;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--ink);opacity:0;margin-top:.9rem;line-height:1.5;transition:opacity .3s,translate .3s cubic-bezier(.65,0,.35,1);display:block;translate:0 -.3rem}.cs-figure:hover .cs-caption{opacity:.5;translate:0}@media (hover:none){.cs-caption{opacity:.5;translate:none}}@media (prefers-reduced-motion:reduce){.cs-caption{transition-duration:.01ms;translate:none}}.cs-figure.is-phone .cs-caption{text-align:center}@media screen and (width<=767px){.cs-name{font-size:var(--type-d6);letter-spacing:var(--type-d6-track);min-width:0}.cs-head{--cs-title-top:5.5rem;--cs-title-gap:1.75rem;padding-bottom:5rem}.cs-summary{max-width:none;font-size:var(--type-d2);letter-spacing:var(--type-d2-track);margin-top:0}#project-content{--boxed-height:56vh}.cs-stats{grid-template-rows:none;grid-auto-flow:row;margin-top:2.5rem}.cs-head>.cs-hero{margin-top:2.5rem}.cs-head{--cs-logo-ink:2.75rem}.cs-stats dd{margin-bottom:1.1rem}.cs-grid{gap:9rem 1rem}.cs-grid>*{grid-column:1/-1!important;margin-top:0!important}.cs-row.is-pair{grid-template-columns:1fr;gap:1.25rem}}.cs-grid .is-bleed{--cs-radius:0}.cs-figure.is-bleed{width:calc(100% + 2 * var(--grid-margin));margin-inline:calc(-1 * var(--grid-margin))}.cs-figure.is-bleed .cs-crop{width:100%;max-height:100svh}.cs-figure.is-bleed video,.cs-figure.is-bleed img{object-fit:cover;height:100%}.cs-label{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--ink);flex-wrap:wrap;gap:.35rem 1rem;margin-top:1rem;line-height:1.5;display:flex}.cs-label__name{opacity:.85}.cs-label__note{opacity:.45}.cs-figure.is-bleed .cs-label{padding-inline:var(--grid-margin)}.cs-label.is-inside{z-index:2;opacity:0;pointer-events:none;max-width:calc(100% - 2rem);margin:0;transition:opacity .3s;position:absolute;bottom:1rem;left:1rem}.cs-label.is-inside,[data-labels=hover] :is(.cs-patterns__name,.cs-compare__tag){border-radius:var(--radius-xs);background:var(--media-glass);backdrop-filter:blur(12px);color:var(--media-label);padding:.3rem .4rem;line-height:1}.cs-label.is-inside .cs-label__name{opacity:1;color:var(--media-label)}[data-labels=hover] :is(.cs-patterns__name,.cs-compare__tag){opacity:0;transition:opacity .3s}@media (hover:hover){[data-labels=hover] .cs-patterns__cell:is(:hover,:focus-visible) .cs-patterns__name,[data-labels=hover] .cs-compare:hover .cs-compare__tag{opacity:1}}.cs-figure.is-bleed .cs-label.is-inside{left:var(--grid-margin);padding-inline:.4rem}@media (hover:hover){.cs-figure:hover .cs-label.is-inside{opacity:1}}.cs-crop{position:relative}.cs-aside{grid-column:1/-1;grid-template-columns:subgrid;align-items:end;row-gap:var(--cs-headed-gap);display:grid}.cs-aside.is-top{align-items:baseline}.cs-note.is-aside{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.6rem 1rem}.cs-note.is-aside>*{grid-column:2}.cs-note.is-aside>.cs-note__index{grid-area:1/1}.cs-note.is-aside .cs-note__body{max-width:30ch;font-size:var(--type-text-sm)}.cs-note__label{margin-top:0}.cs-note.is-aside.is-centred{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.cs-note.is-aside.is-centred>*{grid-column:1}@media screen and (width>=768px){.cs-aside>[data-lean=end].is-capped,.cs-aside>[data-lean=end] .is-capped{margin-left:calc(100% - var(--cap-snap))}.cs-aside>[data-lean=start].is-capped,.cs-aside>[data-lean=start] .is-capped{margin-left:0}}.cs-steps{margin:0;padding:0;list-style:none;display:grid}.cs-steps__step{opacity:0;grid-area:1/1;align-content:center;gap:1rem;transition:opacity .45s,translate .6s cubic-bezier(.16,1,.3,1);display:grid;translate:0 .75rem}.cs-steps__step.is-on{opacity:1;translate:0}.cs-steps__index{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--ink);opacity:.4}.cs-steps__text{max-width:20ch;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d6);letter-spacing:var(--type-d6-track);color:var(--ink);text-wrap:pretty;margin:0;line-height:1.12}.cs-build{height:340svh}.cs-build__stage{column-gap:var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;height:100svh;display:grid;position:sticky;top:0}.cs-build__steps{grid-column:2/span 4}.cs-build__canvas{border-radius:var(--cs-radius);width:100%;height:74svh;color:var(--brand-fg,var(--white));grid-column:6/span 6}.cs-construct{width:calc(100% + 2 * var(--grid-margin));height:240svh;margin-inline:calc(-1 * var(--grid-margin))}.cs-construct__stage{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.cs-construct__drawing{aspect-ratio:1440/560;width:100%;height:auto;color:var(--brand-fg,var(--white));display:block}@media screen and (width<=767px){.cs-construct__drawing{flex:none;width:155%;margin-left:-27.5%}}@media (prefers-reduced-motion:reduce){.cs-construct{height:auto}.cs-construct__stage{height:auto;position:static}}.cs-braid__frame{--cut:100%;border-radius:var(--cs-radius);position:relative;overflow:hidden}.cs-braid__frame img{width:100%;height:auto;display:block}.cs-braid__window,.cs-braid__plate{position:absolute;inset:0}.cs-braid__window{transform:translateX(var(--cut));overflow:hidden}.cs-braid__plate{background:var(--brand-bg);transform:translateX(calc(-1 * var(--cut)))}.cs-braid__mark{background:var(--brand-fg);-webkit-mask:var(--mark) center / 100% 100% no-repeat;mask:var(--mark) center / 100% 100% no-repeat;position:absolute}.cs-braid__line{border-left:1px solid var(--brand-fg);opacity:.85;transform:translateX(var(--cut));pointer-events:none;position:absolute;inset:0}.cs-patterns{gap:2rem;display:grid}.cs-patterns__cells{grid-template-columns:repeat(var(--plates,3), minmax(0, 1fr));gap:var(--grid-gutter);display:grid}.cs-patterns__cell{aspect-ratio:1;border-radius:var(--radius-md);background:var(--brand-fg);color:var(--brand-bg);cursor:pointer;border:0;place-items:center;padding:0 0 2.4rem;display:grid;position:relative}.cs-patterns__cell:disabled{cursor:default}.cs-patterns__art{-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat;background-color:currentColor;transition:background-color .5s;display:block;position:relative}.cs-patterns__lit{opacity:0;background:currentColor;transition:opacity .5s;position:absolute;inset:0}.cs-patterns__cell.is-ready[aria-pressed=true] .cs-patterns__art,.cs-patterns__cell.is-ready:focus-visible .cs-patterns__art{background-color:color-mix(in srgb, currentColor 18%, transparent)}.cs-patterns__cell.is-ready[aria-pressed=true] .cs-patterns__lit,.cs-patterns__cell.is-ready:focus-visible .cs-patterns__lit{opacity:1}@media (hover:hover){.cs-patterns__cell.is-ready:hover .cs-patterns__art{background-color:color-mix(in srgb, currentColor 18%, transparent)}.cs-patterns__cell.is-ready:hover .cs-patterns__lit{opacity:1}}.cs-patterns__name{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;opacity:.6;position:absolute;bottom:1rem;left:1.1rem}.cs-patterns__note{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--ink);opacity:.45;margin:0;line-height:1.5}.cs-rule{gap:3rem calc(var(--grid-gutter) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cs-rule__col{align-content:start;padding-top:2.5rem;display:grid}.cs-rule__glyph{background:var(--brand-fg,var(--white));width:6.5rem;height:2.6rem;-webkit-mask:var(--mark) left center / auto 100% no-repeat;mask:var(--mark) left center / auto 100% no-repeat;margin-bottom:1.6rem;display:block}.cs-rule__title{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d6);letter-spacing:var(--type-d6-track);color:var(--ink);margin:0;line-height:1.05}.cs-rule__carries{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--ink);opacity:.45;margin:.7rem 0 1.6rem}.cs-rule__list{margin:0;padding:0;list-style:none}.cs-rule__list li+li{border-top:1px solid rgb(var(--ink-rgb) / .1)}.cs-rule__item{width:100%;font-family:var(--font);font-weight:400;font-size:var(--type-text-md);letter-spacing:var(--type-text-track);text-align:left;color:var(--body-text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.75rem 0;line-height:1.3;display:flex}.cs-rule__item:after{content:"↓";font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;opacity:0;transition:opacity .25s,translate .35s cubic-bezier(.16,1,.3,1);translate:0 -.25rem}.cs-rule__item:hover:after,.cs-rule__item:focus-visible:after{opacity:.7;translate:0}@property --cut{syntax:"<percentage>";inherits:true;initial-value:50%}.cs-compare__stage{--cut:50%;--knob-y:50%;aspect-ratio:16/10;border-radius:var(--cs-radius);background:var(--brand-fg);transition:--cut .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cs-compare__stage:not(.is-following){--knob-y:50%}.cs-compare__layer{place-items:center;padding-bottom:2.6rem;display:grid;position:absolute;inset:0}.cs-compare__layer.is-after{clip-path:inset(0 0 0 var(--cut))}.cs-compare__card{aspect-ratio:85.6/54;background:var(--brand-bg);width:54%;box-shadow:0 1.5rem 3rem color-mix(in srgb, var(--brand-bg) 20%, transparent);border-radius:4%/6.3%;position:relative;overflow:hidden}.cs-compare__band{background:var(--brand-fg);height:26%;-webkit-mask:var(--mark) center / auto 100% repeat-x;mask:var(--mark) center / auto 100% repeat-x;position:absolute;left:0;right:0}.cs-compare__layer.is-before .cs-compare__band{top:37%}.cs-compare__layer.is-after .cs-compare__band{bottom:6%}.cs-compare__tag{max-width:40%;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--brand-bg);opacity:.7;line-height:1.4;position:absolute;bottom:1.25rem}.cs-compare__layer.is-before .cs-compare__tag{left:1.4rem}.cs-compare__layer.is-after .cs-compare__tag{text-align:right;right:1.4rem}.cs-compare__handle{top:0;bottom:0;left:var(--cut);background:var(--white);mix-blend-mode:difference;pointer-events:none;width:1px;position:absolute}.cs-compare__stage:after{content:"‹ ›";top:var(--knob-y);left:var(--cut);background:var(--brand-fg);width:2.4rem;height:2.4rem;box-shadow:0 .4rem 1.2rem color-mix(in srgb, var(--brand-bg) 30%, transparent);font-family:var(--font-mono);font-size:var(--type-ui-sm);letter-spacing:0;color:var(--brand-bg);pointer-events:none;border-radius:50%;place-items:center;line-height:1;transition:top .45s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;translate:-50% -50%}.cs-compare__range{opacity:0;cursor:grab;-webkit-appearance:none;appearance:none;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.cs-compare__range{cursor:none}.cs-compare__stage.is-following:after{transition:none}}.cs-compare__stage:has(.cs-compare__range:focus-visible):after{box-shadow:0 0 0 3px var(--brand-fg), 0 0 0 4px var(--brand-bg)}.cs-palette{gap:var(--grid-gutter);display:flex}.cs-palette__swatch{border-radius:var(--radius-md);background:var(--swatch) center / cover no-repeat;min-width:0;min-height:24rem;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .08);font:inherit;text-align:left;cursor:copy;border:0;flex:1 1 0;grid-template-rows:1fr auto auto;gap:.6rem;padding:1.5rem;transition:flex-grow .6s cubic-bezier(.16,1,.3,1);display:grid}@media (hover:hover){.cs-palette:hover .cs-palette__swatch:hover{flex-grow:1.7}}.cs-palette__swatch:focus-visible{outline:1px solid rgb(var(--ink-rgb) / .6);outline-offset:3px;flex-grow:1.7}.cs-palette[data-finish=velvet] .cs-palette__swatch{background-image:var(--velvet,none)}.cs-palette-wrap{gap:1.25rem;display:grid}.cs-palette__finish{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;align-items:center;gap:.4rem;line-height:1;display:flex}.cs-palette__finish>span{opacity:.55;margin-right:.6rem}.cs-palette__swatch.is-dark{color:var(--swatch-ink,var(--brand-fg,var(--white)))}.cs-palette__swatch.is-light{color:var(--swatch-ink,var(--brand-bg,var(--black)))}.cs-palette__name{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d5);letter-spacing:var(--type-d5-track);align-self:start;line-height:1}.cs-palette.is-many .cs-palette__name{font-size:var(--type-d6);letter-spacing:var(--type-d6-track)}.cs-palette__values>span{white-space:nowrap}.cs-palette__values,.cs-palette__note{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;white-space:pre-wrap;line-height:1.5}.cs-palette__values{opacity:.8}.cs-palette__note{opacity:.5}.cs-typeface{grid-template-columns:subgrid;color:var(--ink);align-items:end;row-gap:3.5rem;display:grid}.cs-typeface__head{border-top:1px solid rgb(var(--ink-rgb) / .15);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1.25rem;display:flex}.cs-typeface__name{font-family:var(--face), var(--font);font-weight:400;font-size:var(--type-d5);letter-spacing:-.01em;margin:0;line-height:1}.cs-typeface__meta,.cs-typeface__weight,.cs-typeface__ladder small,.cs-typescale__label,.cs-icons__names,.cs-shapes__label{font-family:var(--font-mono);font-weight:400;font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;margin:0;line-height:1.4}.cs-typeface__meta{opacity:.55}.cs-typeface__pair{font-family:var(--face), var(--font);font-weight:var(--wght);letter-spacing:-.04em;grid-column:1/span 5;margin:0;font-size:clamp(9rem,21vw,22rem);line-height:.78}.cs-typeface__live{grid-column:7/-1;gap:2.25rem;display:grid}.cs-typeface__sample{font-family:var(--face), var(--font);font-weight:var(--wght);font-size:var(--type-d3);letter-spacing:-.02em;text-wrap:balance;caret-color:currentColor;outline:none;margin:0;line-height:1.02}.cs-typeface__sample:focus-visible{box-shadow:0 1px 0 rgb(var(--ink-rgb) / .4)}.cs-typeface__weight{grid-template-columns:auto 1fr 3ch;align-items:center;gap:1rem;display:grid}.cs-typeface__weight output{text-align:right}.cs-typeface__weight input{-webkit-appearance:none;appearance:none;opacity:.85;cursor:ew-resize;background:linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat;height:1.5rem;margin:0}.cs-typeface__weight input::-webkit-slider-thumb{-webkit-appearance:none;background:currentColor;border-radius:50%;width:.95rem;height:.95rem}.cs-typeface__weight input::-moz-range-thumb{background:currentColor;border:0;border-radius:50%;width:.95rem;height:.95rem}.cs-typeface__glyphs{font-family:var(--face), var(--font);font-weight:var(--wght);font-size:var(--type-d6);overflow-wrap:anywhere;opacity:.85;grid-column:1/-1;margin:0;line-height:1.35}.cs-typeface__ladder{gap:var(--grid-gutter);border-top:1px solid rgb(var(--ink-rgb) / .15);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));margin:0;padding:1.5rem 0 0;list-style:none;display:grid}.cs-typeface__ladder li{gap:.5rem;display:grid}.cs-typeface__ladder span{font-family:var(--face), var(--font);font-size:var(--type-d4);line-height:1}.cs-typeface__ladder small{opacity:.55}.cs-typescale{color:var(--ink);display:grid}.cs-typescale__row{grid-template-columns:subgrid;border-top:1px solid rgb(var(--ink-rgb) / .15);grid-column:1/-1;align-items:baseline;padding:1.75rem 0;display:grid}.cs-typescale{grid-template-columns:subgrid}.cs-typescale__label{opacity:.55;grid-column:1/span 3}.cs-typescale__sample{font-size:min(calc(var(--size) * 1px), calc(var(--size) / 1440 * 100vw));letter-spacing:-.01em;text-wrap:balance;grid-column:4/-1;margin:0;line-height:1.08}@media screen and (width<=767px){.cs-typeface__pair,.cs-typeface__live,.cs-typescale__label,.cs-typescale__sample{grid-column:1/-1}.cs-typeface{row-gap:2.5rem}.cs-typescale__row{row-gap:.75rem}.cs-typescale__sample{font-size:max(1rem, calc(var(--size) / 1440 * 100vw * 2.2))}}.cs-screen{height:360svh}.cs-screen__stage{column-gap:var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;height:100svh;display:grid;position:sticky;top:0}.cs-screen__steps{grid-column:2/span 3}.cs-screen__device{grid-column:5/-1;justify-self:end;width:min(100%,129svh);position:relative;overflow:hidden}.cs-screen__base{width:100%;height:auto;display:block}.cs-screen__glass{transform-origin:0 0;visibility:hidden;background:var(--brand-bg);-webkit-mask:var(--mark) 0 0 / 100% 100% no-repeat;mask:var(--mark) 0 0 / 100% 100% no-repeat;border-radius:12px 12px 0 0;position:absolute;top:0;left:0;overflow:hidden}.cs-screen__glass.is-set{visibility:visible}.cs-screen__page img{width:100%;height:auto;display:block}.cs-screen__films :is(video,img){object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.cs-screen__films :is(video,img).is-on{opacity:1}.cs-screen.is-near .cs-screen__page,.cs-screen.is-near .cs-screen__menu,.cs-braid.is-near .cs-braid__window,.cs-braid.is-near .cs-braid__plate,.cs-braid.is-near .cs-braid__line{will-change:transform}.cs-screen__nav{position:absolute;top:0;left:0;right:0}.cs-screen__nav img{width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.cs-screen__nav .is-light,.cs-screen__nav.is-light .is-dark{opacity:0}.cs-screen__nav.is-light .is-light{opacity:1}.cs-screen__dim{background:var(--black);opacity:0;position:absolute;inset:0}.cs-screen__menu{height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.cs-screen.is-full .cs-screen__stage{margin-inline:calc(-1 * var(--grid-margin));--dw:max(100cqw, 100cqh * var(--aspect));--dx:clamp(100cqw - var(--dw), 64cqw - var(--focus) * var(--dw), 0px);--tx:calc(var(--grid-margin) + (100cqw - 2 * var(--grid-margin) - 11 * var(--grid-gutter)) / 12 + var(--grid-gutter));display:block;overflow:hidden;container-type:size}.cs-screen.is-full .cs-screen__device{top:50%;left:var(--dx);width:var(--dw);position:absolute;translate:0 -50%}.cs-screen.is-full .cs-screen__steps{top:50%;left:var(--tx);z-index:1;width:clamp(14rem, var(--dx) + var(--wall) * var(--dw) - var(--tx) - 2rem, 30rem);position:absolute;translate:0 -50%}.cs-screen.is-full .cs-screen__steps :is(.cs-steps__text,.cs-steps__index){color:var(--white)}.cs-screen.is-full.is-light-wall .cs-screen__steps :is(.cs-steps__text,.cs-steps__index){color:var(--black)}.cs-devices{width:100%;position:relative}.cs-devices-col{gap:var(--space-8);display:grid}.cs-device{filter:drop-shadow(0 .6rem 1.2rem rgb(var(--black-rgb) / .22)) drop-shadow(0 .15rem .3rem rgb(var(--black-rgb) / .18));position:absolute;bottom:0}.cs-device__screen{background:var(--black);--cs-radius:0;position:absolute;overflow:hidden}.cs-device__screen :is(video,img){object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cs-device__screen>.cs-shapes.is-screen{height:100%}.cs-device__bar{fill:currentColor;width:100%;height:auto;position:absolute;top:0;left:0}.cs-device__bar.is-light{color:var(--white)}.cs-device__bar.is-dark{color:var(--black)}.cs-device__frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cs-page__body.is-written{margin-inline:calc(-1 * var(--grid-margin));padding-inline:var(--grid-margin);background:var(--brand-bg)}.cs-head.is-written{column-gap:var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;display:grid}.cs-head.is-written>*{grid-column:2/span 10}.cs-grid.is-written{--cs-row-gap:14rem;grid-auto-flow:row}.cs-figure.is-wide .cs-crop{width:100%;max-height:92svh}.is-capped{--cap-snap:clamp(var(--cs-col), round(down, var(--cap-w) + var(--grid-gutter), var(--cap-step,1) * (var(--cs-col) + var(--grid-gutter))) - var(--grid-gutter), 100%);width:var(--cap-snap);margin-left:round(down, (100% - var(--cap-snap)) / 2, var(--cs-col) + var(--grid-gutter))}.cs-figure.is-wide video,.cs-figure.is-wide img{object-fit:cover;height:100%}.cs-row.is-set{grid-template-columns:var(--cols,repeat(var(--cells), minmax(0, 1fr)));gap:var(--grid-gutter);align-items:start;display:grid}.cs-crop.is-cut img,.cs-crop.is-cut video{object-fit:cover;width:100%;height:100%}@keyframes cs-plx-wide{0%{transform:translateY(-9%)scale(1.2)}to{transform:translateY(9%)scale(1.2)}}@keyframes cs-plx-cell{0%{transform:translateY(-5.5%)scale(1.12)}to{transform:translateY(5.5%)scale(1.12)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html.desktop .cs-page__body.is-written .cs-crop[data-plx]{view-timeline:--plx block}html.desktop .cs-page__body.is-written .cs-crop[data-plx]>:is(img,video,.cs-window__reel){animation-name:cs-plx-cell;animation-duration:1ms;animation-timing-function:linear;animation-timeline:--plx}html.desktop .cs-page__body.is-written .cs-crop[data-plx=wide]>:is(img,video,.cs-window__reel){animation-name:cs-plx-wide}}}.cs-tone{z-index:0;grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--cs-row-gap);align-items:start;padding-block:12rem;display:grid;position:relative}.cs-tone:is(.is-light,.is-brand):before{content:"";inset:0 calc(-1 * var(--grid-margin));z-index:-1;background:var(--brand-fg);position:absolute}.cs-tone.is-brand:before{background:var(--brand-bg)}.cs-tone.is-brand{color:var(--ink)}.cs-tone.is-light{--body-text:color-mix(in srgb, var(--brand-bg) 86%, transparent);color:var(--brand-bg)}.cs-tone.is-light :is(.cs-heading__title,.cs-heading__lone,.cs-heading__kicker,.cs-statement,.cs-steps__text,.cs-steps__index,.cs-label,.cs-note__index,.cs-note__title,.cs-patterns__note,.cs-stop__name,.cs-stop__index,.cs-stop__rule),.cs-tone.is-light .cs-build__canvas{color:var(--brand-bg)}.cs-tone.is-light .cs-patterns__cell{background:var(--white)}.cs-tone.is-light .cs-compare__stage{background:color-mix(in srgb, var(--brand-bg) 5%, var(--brand-fg))}.cs-tone.is-light .cs-palette__swatch.is-light{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-bg) 14%, transparent)}.cs-stop{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;row-gap:7rem;display:grid}.cs-stop__head{column-gap:var(--grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:baseline;padding-top:3rem;display:grid}.cs-stop__title{font-weight:inherit;align-items:baseline;gap:1.25rem;margin:0;display:flex}.cs-stop__index,.cs-stop__rule{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;color:var(--ink);line-height:1.5}.cs-stop__index{opacity:.45}.cs-stop__rule{opacity:.6;margin:0}.cs-stop__name{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d5);letter-spacing:var(--type-d5-track);text-transform:none;color:var(--ink);line-height:1.05}.cs-site__frame{border-radius:var(--cs-radius);background:var(--brand-fg);position:relative;overflow:hidden}.cs-site__face{position:absolute;inset:0}.cs-site__face svg{width:100%;height:100%;display:block}.cs-site__face.is-light{--paper:var(--brand-fg);color:var(--brand-bg)}.cs-site__face.is-dark{--paper:var(--brand-bg);color:var(--brand-fg);background:var(--brand-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-fg) 12%, transparent);opacity:0;transition:opacity .8s}.cs-site__frame[data-mode=dark] .cs-site__face.is-dark{opacity:1}.cs-site__frame.is-playing .cs-site__face.is-dark{will-change:opacity}.cs-site .cs-label{align-items:center}.cs-site__bar{color:var(--ink);justify-content:flex-start;margin-top:1rem;display:flex}.cs-site__bar .cs-site__toggle{margin-left:0}.cs-site__toggle{color:inherit;font-family:var(--font-mono);font-weight:400;font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;margin-left:auto;padding:.25rem 0;line-height:1;display:inline-flex}.cs-site__mode{opacity:.4;transition:opacity .3s}.cs-site__toggle[aria-pressed=false] .cs-site__mode:first-child,.cs-site__toggle[aria-pressed=true] .cs-site__mode:last-child{opacity:.9}.cs-site__switch{border-radius:var(--radius-pill);background:rgb(var(--ink-rgb) / .14);width:2.1rem;height:1.15rem;transition:background-color .3s;position:relative}.cs-site__toggle:hover .cs-site__switch{background:rgb(var(--ink-rgb) / .22)}.cs-site__knob{background:var(--brand-fg,var(--white));border-radius:50%;width:.85rem;height:.85rem;transition:translate .35s cubic-bezier(.16,1,.3,1);position:absolute;top:.15rem;left:.15rem}.cs-site__toggle[aria-pressed=true] .cs-site__knob{translate:.95rem}.cs-site__toggle:focus-visible{outline:1px solid rgb(var(--ink-rgb) / .6);outline-offset:4px}@media (prefers-reduced-motion:reduce){.cs-site__face.is-dark,.cs-site__knob{transition-duration:.01ms}}.cs-index{--tick:.225rem;--row:.12rem;mix-blend-mode:difference;z-index:20;pointer-events:none;height:0;position:sticky;top:50vh}.cs-index:is(:hover,:focus-within){--row:.5rem;mix-blend-mode:normal}.cs-index-dim{z-index:19;background:rgb(var(--black-rgb) / .88);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility 0s linear .45s;position:fixed;inset:0}.cs-page.is-index-open .cs-index-dim{opacity:1;visibility:visible;transition:opacity .45s}#project .cs-index-dim{background:color-mix(in srgb, var(--paper) 50%, transparent)}.cs-index__list{contain:layout style;left:calc(-1 * var(--grid-margin) + 1rem);pointer-events:auto;width:3rem;margin:0;padding:.6rem 0;list-style:none;transition:width .45s cubic-bezier(.16,1,.3,1);position:absolute;translate:0 -50%}.cs-index:is(:hover,:focus-within) .cs-index__list{width:20rem}.cs-index__chapter{display:block}.cs-index__tick{width:100%;height:var(--row);color:var(--white);cursor:pointer;--len:1;--base:0;background:0 0;border:0;align-items:center;padding:0;transition:height .45s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.cs-index__tick.is-major{--len:2.5;--base:.5}.cs-index:is(:hover,:focus-within) .cs-index__tick.is-major{--base:.75}.cs-index:is(:hover,:focus-within) .cs-index__tick{color:var(--ink)}.cs-index__line{width:calc(var(--tick) * var(--len));height:1px;opacity:max(var(--base), var(--lift,0));transform-origin:0;scale:calc((var(--len) + var(--swell,0)) / var(--len)) 1;background:currentColor;flex:none;display:block}.cs-index:is(:hover,:focus-within) .cs-index__line{transition:scale .3s cubic-bezier(.16,1,.3,1),opacity .3s}.cs-index:is(:hover,:focus-within) .cs-index__tick:not(.is-major) .cs-index__line{opacity:.25}.cs-index:is(:hover,:focus-within) .cs-index__tick:hover .cs-index__line{opacity:1}.cs-index:not(:hover,:focus-within) .cs-index__tick:not(.is-major) .cs-index__line{opacity:0}.cs-index__name{left:calc(var(--tick) * 7.5 + 1rem);white-space:nowrap;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-ui);letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;line-height:1;transition:opacity .3s,font-size .5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;translate:0 -50%}.cs-index:is(:hover,:focus-within) .cs-index__name{opacity:.7}.cs-index__chapter.is-far .cs-index__name{font-size:var(--type-d8)}.cs-index__chapter.is-close .cs-index__name{font-size:var(--type-d7)}.cs-index__chapter.is-hover .cs-index__name,.cs-index__tick.is-major:focus-visible .cs-index__name{font-size:var(--type-d6);opacity:1}html.is-index-open .site-nav__box,html.is-index-open .nav-sound--corner{transition:opacity .45s;opacity:.08!important}@media (width<=1024px),(hover:none){.cs-index,.cs-index-dim{display:none}}@media screen and (width<=767px){.cs-stop,.cs-tone{row-gap:5rem}.cs-tone{padding-block:6rem}.cs-stop>*,.cs-tone>*,.cs-aside>*{grid-area:auto/1/auto/-1!important;margin-top:0!important}.cs-aside{row-gap:1.5rem}.cs-row.is-set{grid-template-columns:minmax(0,1fr);row-gap:3rem}.cs-row.is-set .cs-crop{max-width:var(--cell-w,none);margin-inline:auto}.cs-stop__head{grid-template-columns:minmax(0,1fr);row-gap:.75rem}.cs-head.is-written>*{grid-column:1/-1}.cs-build__stage,.cs-screen__stage{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:center;row-gap:2rem;padding:6.5rem 0 6rem}.cs-build__steps,.cs-build__canvas,.cs-screen__steps,.cs-screen__device{grid-column:1}.cs-build__steps,.cs-screen__steps{align-self:end;min-height:9rem}.cs-build__canvas{height:46svh}.cs-screen__device{width:100%}.cs-screen.is-full .cs-screen__stage{margin-inline:0;display:grid;container-type:normal}.cs-screen.is-full .cs-screen__steps{width:auto;position:static;translate:none}.cs-screen.is-full .cs-screen__steps :is(.cs-steps__text,.cs-steps__index),.cs-screen.is-full.is-light-wall .cs-screen__steps :is(.cs-steps__text,.cs-steps__index){color:var(--ink)}.cs-screen.is-full .cs-screen__device{width:210%;margin-left:calc(50% - var(--focus) * 210%);justify-self:start;position:relative;top:auto;left:auto;translate:none}.cs-patterns__cells{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-patterns__cell{padding-bottom:1.9rem}.cs-patterns__name{bottom:.7rem;left:.8rem}.cs-rule{grid-template-columns:minmax(0,1fr)}.cs-palette{flex-direction:column}.cs-palette__swatch{min-height:15rem}.cs-compare__stage{aspect-ratio:4/3}.cs-compare__card{width:64%}.cs-compare__tag{bottom:.9rem}}@media (prefers-reduced-motion:reduce){.cs-build,.cs-screen{height:auto}.cs-build__stage,.cs-screen__stage{row-gap:2rem;height:auto;position:static}.cs-build__canvas{height:60svh}.cs-steps{gap:1.5rem}.cs-steps__step{opacity:1;grid-area:auto;transition:none;translate:none}.cs-screen__glass{display:none}.cs-patterns__art,.cs-patterns__lit,.cs-index__list,.cs-index__tick,.cs-index__line,.cs-index-dim,.cs-index__name,.cs-compare__stage,.cs-compare__stage:after{transition-duration:.01ms}}@media (prefers-reduced-motion:reduce) and (width>=768px){.cs-screen.is-full .cs-screen__stage{height:100svh;position:relative}}.cs-heroicon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.cs-icons{grid-template-columns:subgrid;row-gap:var(--grid-gutter);color:var(--ink);display:grid}.cs-icons__band{grid-column:1/-1;grid-template-columns:repeat(var(--count), minmax(0, 1fr));background:var(--bg);color:var(--ink);border-radius:clamp(1rem,2.4vw,2.5rem);justify-items:center;padding:clamp(1.5rem,3.5vw,3.25rem) 0;display:grid}.cs-icons__chip{aspect-ratio:1;background:var(--chip);border-radius:50%;place-items:center;width:clamp(3.5rem,7.5vw,7.5rem);display:grid}.cs-icons__chip .cs-heroicon{width:42%;height:42%}.cs-icons__names{grid-column:1/-1;grid-template-columns:repeat(var(--count), minmax(0, 1fr));text-align:center;margin:0;padding:0;list-style:none;display:grid}.cs-cards{grid-template-columns:repeat(var(--count), minmax(0, 1fr));gap:var(--grid-gutter);display:grid}.cs-cards__card{aspect-ratio:884/942;background:var(--bg);color:var(--ink);border-radius:9.84%/9.24%;position:relative;overflow:hidden;container-type:inline-size}.cs-cards__chip{aspect-ratio:1;background:var(--chip);border-radius:50%;place-items:center;width:16.3cqi;display:grid;position:absolute;top:7.24cqi;left:7.24cqi}.cs-cards__chip .cs-heroicon{width:7.4cqi;height:7.4cqi}.cs-cards__title{font-family:var(--heading), var(--font);letter-spacing:-.01em;white-space:pre-line;margin:0;font-size:11.9cqi;font-weight:400;line-height:.92;position:absolute;top:34.9%;left:7.24cqi;right:7.24cqi}.cs-cards__body{font-family:var(--text), var(--font);color:var(--mute);white-space:pre-line;margin:0;font-size:5.32cqi;font-weight:300;line-height:1.24;position:absolute;top:68%;left:7.24cqi;right:4cqi}@media screen and (width<=767px){.cs-cards{grid-template-columns:minmax(0,1fr)}}.cs-icons__names li{overflow-wrap:anywhere}.cs-shapes{border-radius:var(--cs-radius);width:100%;position:relative;overflow:hidden;container-type:inline-size}.cs-shapes>img,.cs-shapes>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs-shapes__panel{position:absolute;overflow:hidden}.cs-shapes__panel>img{object-fit:cover;width:100%;height:100%;display:block}.cs-shapes__mark{fill:currentColor;position:absolute;overflow:visible}.cs-shapes__front{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.has-sprinkle{position:relative}.cs-sprinkle{z-index:2;pointer-events:none;position:absolute;inset:0}.cs-sprinkle__piece{--s:1;left:var(--x);top:var(--y);width:calc(var(--w) * var(--s));height:calc(var(--h) * var(--s));margin:calc(var(--h) * var(--s) / -2) 0 0 calc(var(--w) * var(--s) / -2);pointer-events:auto;position:absolute}@media (width<1024px){.cs-sprinkle__piece{left:clamp(calc(var(--w) * var(--s) / 2), var(--x), calc(100% - var(--w) * var(--s) / 2))}.cs-sprinkle__piece.is-margin{display:none}}@media (width<=600px){.cs-sprinkle__piece{--s:.55}}.cs-shapes[data-play]:not([data-cut]){overflow:visible}[data-play].is-armed [data-motion]{animation:var(--idle) var(--dur) var(--ease) var(--delay) infinite var(--dir);animation-play-state:paused}[data-play].is-armed [data-motion][data-pop]{animation:cs-pop .7s cubic-bezier(.3, 1.5, .6, 1) var(--pop) backwards, var(--idle) var(--dur) var(--ease) var(--delay) infinite var(--dir);animation-play-state:paused}[data-play].is-armed.is-playing [data-motion]{animation-play-state:running}[data-play].is-armed>[data-motion]{transition:scale .5s cubic-bezier(.34,1.8,.64,1)}@media (hover:hover){[data-play].is-armed>[data-motion]:hover{scale:1.16}}@keyframes cs-pop{0%{scale:0}60%{scale:1.12}80%{scale:.96}to{scale:1}}@keyframes cs-float{0%{translate:0;rotate:calc(var(--tilt) * -1)}to{translate:0 var(--rise);rotate:var(--tilt)}}@keyframes cs-spin{to{rotate:calc(360deg * var(--way))}}@keyframes cs-wiggle{0%,42%,to{rotate:0deg}8%{rotate:-7deg}16%{rotate:6deg}24%{rotate:-4deg}32%{rotate:2deg}}@keyframes cs-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(.55)rotate(36deg)}}@keyframes cs-beat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(1)}45%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){[data-play] [data-motion]{animation:none}}.cs-shapes__dot{transform-box:fill-box;transform-origin:50%}.cs-shapes__mark.is-outline{fill:none;stroke:currentColor}.cs-shapes__text{white-space:pre-line;margin:0;position:absolute}.cs-shapes__label{white-space:nowrap;opacity:.55;position:absolute;transform:translate(-50%)}.cs-shapes-row{align-items:flex-start;gap:var(--grid-gutter);display:flex}.cs-shapes-row>.cs-figure{flex:var(--ratio) 1 0;min-width:0}.cs-diagram{--d-rule:color-mix(in srgb, currentColor 35%, transparent);--d-hair:color-mix(in srgb, currentColor 16%, transparent);--d-wash:color-mix(in srgb, currentColor 7%, transparent);gap:1.5rem;display:grid}.cs-diagram__note,.cs-spine__name,.cs-spine__len,.cs-spine__act,.cs-anchors__item,.cs-dtable :is(th,td),.cs-bars__head,.cs-bars__item{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;margin:0;font-weight:400;line-height:1.5}.cs-diagram__note{opacity:.55}.cs-spine{grid-template-columns:var(--cols);padding-bottom:3.25rem;display:grid}.cs-spine__part{grid-template-rows:auto auto .5rem;align-content:end;row-gap:.35rem;min-width:0;display:grid;position:relative}.cs-spine__name,.cs-spine__len{white-space:nowrap;padding-inline:.5rem}.cs-spine__len{opacity:.55}.cs-spine__bar{background:currentColor;margin-right:2px}.cs-spine__part.is-gate .cs-spine__bar{background:repeating-linear-gradient(-45deg, var(--d-rule) 0 2px, transparent 2px 5px)}.cs-spine__act{border-top:1px solid var(--d-rule);white-space:nowrap;padding-top:.6rem;position:absolute;top:calc(100% + .75rem);left:50%;translate:-50%}.cs-spine__act:empty{display:none}.cs-spine__part.is-act .cs-spine__act{left:0;translate:none}.cs-spine__part:last-child .cs-spine__act{left:auto;right:0;translate:none}@media (width<=600px){.cs-spine{grid-template-columns:1fr;row-gap:.75rem;padding-bottom:0}.cs-spine__part{grid-template:"name bar len"/8.5rem 1fr 2.5rem;align-items:center;column-gap:.5rem}.cs-spine__name{grid-area:name;padding:0}.cs-spine__len{text-align:right;grid-area:len}.cs-spine__bar{width:calc(var(--share) * 100%);grid-area:bar;height:.5rem}.cs-spine__act,.cs-spine__part.is-act .cs-spine__act,.cs-spine__part:last-child .cs-spine__act{opacity:.55;border:0;grid-area:name;padding:0;position:static;translate:none}.cs-spine__part:not(.is-gate) .cs-spine__act{grid-area:2/1/auto/-1}}.cs-spine-wrap{display:grid}.cs-spine__shots{column-gap:var(--grid-gutter);grid-template-columns:repeat(10,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-spine__shot{gap:.4rem;min-width:0;display:grid}.cs-spine__shot img,.cs-spine__thumb{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);background:var(--d-wash);width:100%;display:block}.cs-spine__shot-name{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;opacity:.55;line-height:1.5;overflow:hidden}.cs-spine__leads{width:100%;height:3.5rem;display:block;overflow:visible}.cs-spine__leads path{fill:none;stroke:var(--d-rule);stroke-width:1px;vector-effect:non-scaling-stroke}.cs-spine .cs-spine__thumb{display:none}@media (width<=600px){.cs-spine__shots,.cs-spine__leads{display:none}.cs-spine.has-shots .cs-spine__part{grid-template:"thumb name len""thumb bar bar"/4.5rem 1fr 2.5rem;row-gap:.4rem}.cs-spine.has-shots .cs-spine__thumb{grid-area:thumb;display:block}.cs-spine.has-shots .cs-spine__part:not(.is-gate) .cs-spine__act{grid-area:3/2/auto/-1}}.cs-anchors{align-items:flex-end;gap:3rem;display:flex}.cs-anchors__view{flex:var(--w) 1 0;gap:1rem;min-width:0;display:grid}.cs-anchors__screen{border:1px solid var(--d-rule);border-radius:var(--cs-radius);position:relative;overflow:hidden}.cs-anchors__frame,.cs-anchors__dock{border:1px dashed var(--d-rule);position:absolute}.cs-anchors__dock{border-width:1px 0 0;height:0}.cs-anchors__dot{background:currentColor;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute}.cs-anchors__item{text-align:center;background:var(--d-wash);border:1px solid var(--d-rule);border-radius:var(--radius-xs);place-content:center;padding:.25rem;display:grid;position:absolute;overflow:hidden}.cs-anchors-live{position:relative}.cs-anchors-live .cs-anchors__screen{background:color-mix(in srgb, var(--brand-fg,currentColor) 16%, transparent);position:absolute}.cs-anchors__item.is-image{object-fit:contain;background:0 0;border:0;padding:0}@media (width<=600px){.cs-anchors{flex-direction:column;align-items:stretch}.cs-anchors__view{flex:none}.cs-anchors__view.is-narrow{width:60%;margin-inline:auto}}.cs-dtable{overflow-x:auto}.cs-dtable table{border-collapse:collapse;width:100%}.cs-dtable :is(th,td){text-align:left;vertical-align:baseline;border-bottom:1px solid var(--d-hair);padding:1rem 1.5rem 1rem 0}.cs-dtable thead th{opacity:.55}.cs-dtable td{font-family:var(--font);font-size:var(--type-text-md);text-transform:none}@media (width<=600px){.cs-dtable :is(th,td){padding-right:.75rem}.cs-dtable td{font-size:var(--type-ui-sm)}}.cs-bars{gap:2rem;display:grid}.cs-bars__row,.cs-bars__zoom{gap:.75rem;display:grid}.cs-bars__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cs-bars__row .cs-bars__value{font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d6);letter-spacing:var(--type-d6-track);text-transform:none}.cs-bars__track{background:var(--d-wash);height:.75rem;display:block}.cs-bars__fill{width:var(--to);background:currentColor;min-width:2px;height:100%;display:block}.cs-bars__stack{height:2.5rem;display:flex}.cs-bars__seg,.cs-bars__key{background:color-mix(in srgb, currentColor calc(100% - var(--i) * 10%), transparent)}.cs-bars__seg{width:calc(var(--share) * 100%);background-clip:padding-box;border-right:2px solid #0000;flex:none}.cs-bars__legend{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.5rem 2rem;margin:0;padding:0;list-style:none;display:grid}.cs-bars__item{grid-template-columns:.75rem 1fr auto;align-items:center;gap:.6rem;display:grid}.cs-bars__key{width:.75rem;height:.75rem}.cs-bars__item .cs-bars__value{opacity:.55}.cs-bars.is-animated .cs-bars__fill{width:0}.cs-bars.is-animated .cs-bars__row.is-short .cs-bars__fill{width:100%}.cs-bars.is-animated :is(.cs-bars__seg,.cs-bars__item){opacity:0}.cs-bars.is-animated .cs-bars__seg{transform-origin:0;transform:scaleX(0)}.cs-bars.is-playing .cs-bars__fill{width:var(--to);transition:width var(--draw) cubic-bezier(.2, .7, .2, 1)}.cs-bars.is-playing .cs-bars__row.is-short .cs-bars__fill{width:var(--to);transition:width var(--shrink) cubic-bezier(.33, 1, .68, 1) var(--shrink-at)}.cs-bars.is-playing :is(.cs-bars__seg,.cs-bars__item){opacity:1;transition:opacity var(--part) ease-out, transform var(--part) cubic-bezier(.2, .7, .2, 1);transition-delay:calc(var(--parts-at) + var(--i) * var(--part-step))}.cs-bars.is-playing .cs-bars__seg{transform:none}.cs-drawing svg{width:100%;height:100%;display:block;overflow:visible}.cs-drawing .d-line{fill:none;stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke}.cs-drawing .d-soft{opacity:.4}.cs-drawing .d-wash{fill:currentColor;opacity:.12}.cs-drawing .d-fill{fill:currentColor}.cs-drawing__panels{grid-template-columns:repeat(var(--n), 1fr);gap:1.5rem;display:grid}.cs-frames{gap:var(--grid-gutter);align-items:flex-start;display:flex}.cs-frame{width:100%;min-width:0;position:relative}.cs-frame.is-card{filter:drop-shadow(0 .6rem 1.2rem rgb(var(--black-rgb) / .22)) drop-shadow(0 .15rem .3rem rgb(var(--black-rgb) / .18));border-radius:4px}.cs-frame.is-card iframe{pointer-events:none;border-radius:4px}@media screen and (width<=767px){.cs-frames{flex-direction:column;align-items:center;row-gap:3rem}.cs-frames .cs-frame{width:min(100%, var(--frame-w));flex:none!important}}.cs-frame iframe{background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.cs-model{cursor:grab;touch-action:pan-y}.cs-model:active{cursor:grabbing}.cs-model__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.cs-model.is-live .cs-model__canvas{opacity:1}.cs-shapes[data-drag]{touch-action:pan-y;container-type:inline-size}.cs-shapes[data-drag]>:is(.cs-shapes__mark,.cs-shapes__panel){cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:scale .35s cubic-bezier(.34,1.6,.64,1),filter .3s}.cs-shapes[data-drag]>.is-held{cursor:grabbing;filter:drop-shadow(0 1.2cqi 1.4cqi rgb(var(--black-rgb) / .32));transition:scale .25s cubic-bezier(.34,1.6,.64,1),filter .2s;scale:1.08;animation-play-state:paused!important}.cs-shapes[data-drag]>.is-settling{transition:left .7s cubic-bezier(.2,.9,.2,1),top .7s cubic-bezier(.2,.9,.2,1),scale .35s,filter .3s}.cs-shapes__drag{z-index:1000;cursor:default;pointer-events:none;position:absolute;bottom:2.6%;left:1.6%}.cs-shapes[data-moved]>.cs-shapes__drag{cursor:pointer;pointer-events:auto}.cs-drift__stage{gap:calc(var(--h) * var(--gap));padding-block:calc(var(--h) * var(--pad));display:grid;position:relative;overflow:clip}.cs-drift__row{gap:calc(var(--h) * var(--gap));width:max-content;translate:calc(var(--h) * var(--x)) 0;display:flex}.cs-drift.is-near .cs-drift__row{will-change:translate}.cs-drift__pill,.cs-drift__mark{width:calc(var(--h) * var(--w));height:var(--h);flex:none}.cs-drift__pill{border-radius:calc(var(--h) / 2);font-family:var(--drift-font), var(--font);font-size:calc(var(--h) * .58);white-space:nowrap;place-items:center;font-weight:500;line-height:1;display:grid}.cs-drift__mark svg{fill:currentColor;width:100%;height:100%;display:block}.cs-drift__front{height:100%;position:absolute;inset:0}.cs-shapes__mark.is-filled{-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat;mask:var(--mask) 0 0 / 100% 100% no-repeat;background-position:50%;background-size:cover}[data-grain] :is(.cs-crop,.cs-shapes,.cs-drift__stage):after{content:"";z-index:2;border-radius:inherit;opacity:.28;pointer-events:none;background:url(/assets/textures/grain.png) 0 0/160px 160px;position:absolute;inset:0}.cs-fold{width:calc(100% + 2 * var(--grid-margin));margin-inline:calc(-1 * var(--grid-margin))}.cs-fold__stage{cursor:grab;touch-action:pan-y;user-select:none;background:radial-gradient(ellipse 70% 60% at 50% 46%, color-mix(in srgb, var(--ground), var(--white) 30%), var(--ground));height:100svh;position:relative;overflow:hidden}.cs-fold__book{transform-style:preserve-3d;position:absolute;top:0;left:0}.cs-fold__panel{width:var(--w);height:var(--h,var(--w));transform-origin:0 0;transform-style:preserve-3d;position:absolute;top:0;left:0}.cs-fold__stage.is-held{cursor:grabbing}.cs-fold :is(.cs-fold__panel,.cs-fold__label){will-change:transform}.cs-fold__face{background:var(--white);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.cs-fold__face.is-back{transform:rotateY(180deg)}.cs-fold__face img{object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.cs-fold__face:before,.cs-fold__face:after{content:"";pointer-events:none;position:absolute;inset:0}.cs-fold__face:before{background:linear-gradient(90deg, rgb(var(--black-rgb) / .14), transparent 7%, transparent 93%, rgb(var(--black-rgb) / .1))}.cs-fold__face:after{background:var(--near-black);opacity:var(--shade,0)}.cs-fold__label{color:var(--near-black);justify-content:center;margin:0;position:absolute;top:0;left:0;right:0}.cs-fold__controls{justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:0;right:0}.cs-fold__hint{font-family:var(--font-mono);font-weight:400;font-size:var(--type-micro);letter-spacing:0;text-transform:uppercase;white-space:nowrap;line-height:1}.cs-fold__button:focus-visible{outline-color:var(--near-black)}.cs-fold__hint{color:var(--near-black);opacity:.55;margin-left:.5rem;transition:opacity .4s}.cs-fold.is-handled .cs-fold__hint{opacity:0}.cs-horizon{width:calc(100% + 2 * var(--grid-margin));height:240svh;margin-inline:calc(-1 * var(--grid-margin))}.cs-horizon__stage{grid-template-rows:58fr 42fr;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.cs-horizon__half{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.cs-horizon__band{min-height:0;padding:0 var(--grid-margin);font:inherit;text-align:left;cursor:copy;border:0;border-radius:0;flex:1 1 0;align-items:center;gap:1.25rem;display:flex}.cs-horizon__band.is-light,.cs-horizon__tag.is-light{color:var(--near-black)}.cs-horizon__band.is-dark,.cs-horizon__tag.is-dark{color:var(--white)}.cs-horizon__band .cs-palette__name{font-size:var(--type-d6);letter-spacing:var(--type-d6-track);align-self:center}.cs-horizon__band .cs-palette__note{margin-left:auto}.cs-horizon__sun{--rise:0;width:min(44vw, 58svh * var(--aspect));aspect-ratio:var(--aspect);font:inherit;cursor:copy;translate:-50% calc((1 - var(--rise)) * 100%);background:0 0;border:0;padding:0;position:absolute;bottom:0;left:50%}.cs-horizon.is-near .cs-horizon__sun{will-change:translate}.cs-horizon__sun svg{fill:currentColor;width:100%;height:100%;display:block}.cs-horizon__tag{white-space:nowrap;opacity:0;align-items:baseline;gap:1rem;display:flex;position:absolute;bottom:calc(100% + 1rem);left:50%;translate:-50%}.cs-horizon__tag .cs-palette__name{font-size:var(--type-d6);letter-spacing:var(--type-d6-track)}@media screen and (width<=767px){.cs-horizon__band{flex-wrap:wrap;align-content:center;gap:.25rem .75rem}.cs-horizon__band .cs-palette__note{display:none}}@media (prefers-reduced-motion:reduce){.cs-horizon{height:100svh}.cs-horizon__stage{position:static}}.wp-grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--grid-gutter);row-gap:var(--space-48);padding:var(--space-40) var(--grid-margin) var(--space-24);display:grid}.wp-section{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--space-16);align-items:start;display:grid}.wp-left{grid-column:2/span 5}.wp-right{grid-column:7/span 5}.wp-lead{grid-column:2/span 8}.wp-measure{grid-column:2/span 10}.wp-wide{grid-column:1/-1}#panel-content :is(.cs-heading__title,.cs-text__body,.cs-statement){text-transform:none}.note-grid{column-gap:var(--grid-gutter);row-gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.note-grid__item{align-content:start;display:grid}.note-grid__title{max-width:22ch;font-family:var(--display-font);font-weight:var(--display-weight);font-size:var(--type-d7);letter-spacing:var(--type-d7-track);text-transform:none;color:var(--ink);margin:0;line-height:1.15}.note-grid__body{max-width:36em;font-family:var(--font);font-weight:400;font-size:var(--type-text-sm);letter-spacing:var(--type-text-track);text-transform:none;color:rgb(var(--ink-rgb) / .7);margin:.8rem 0 0;line-height:1.4}.reading-links{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}@media screen and (width<=991px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=767px){.wp-grid{row-gap:var(--space-32);padding-top:calc(var(--space-40) + var(--space-16))}.wp-section{row-gap:var(--space-10)}.wp-section>*{grid-column:1/-1}.note-grid{row-gap:var(--space-8);grid-template-columns:minmax(0,1fr)}}