.cs-label{font-size:var(--fs-meta);font-weight:var(--weight-medium);color:var(--muted);margin:0}.cs-title{font-family:var(--font-display);font-size:var(--fs-section);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);text-wrap:balance;text-transform:var(--case-heading);margin:0;line-height:1.05}.cs-subtitle{font-family:var(--font-display);font-size:var(--fs-subsection);font-weight:var(--weight-subheading);letter-spacing:var(--tracking-subheading);text-transform:var(--case-heading);margin:0;line-height:1.15}.cs-text{max-width:60ch;font-size:var(--fs-body);color:var(--muted);text-wrap:pretty;margin:0;line-height:1.65}.cs-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.cs-progress{z-index:var(--z-nav);background:var(--ink);transform-origin:0;height:2px;animation:linear both cs-progress scroll(root);display:block;position:fixed;inset:0 0 auto}}}@keyframes cs-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cs-hero{padding-top:clamp(5rem,2rem + 8vw,9.5rem)}.cs-hero__eyebrow{gap:var(--space-2);margin:0 0 clamp(var(--space-5), 2vw, var(--space-6));font-size:var(--fs-meta);color:var(--muted);flex-wrap:wrap;display:flex}.cs-hero__back{color:var(--ink);text-underline-offset:.25em;text-decoration:underline 1px;text-decoration-color:var(--line);transition:text-decoration-color var(--dur-fast) var(--ease-out)}.cs-hero__back:hover,.cs-hero__back:focus-visible{color:var(--ink);text-decoration-color:var(--ink)}.cs-hero__title{font-family:var(--font-display);font-size:clamp(3.25rem,1.4rem + 7.4vw,8rem);font-weight:var(--weight-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);text-transform:var(--case-heading);margin:0}.cs-hero__lead{margin:clamp(var(--space-5), 1rem + 1vw, var(--space-6)) 0 0;max-width:30ch;font-size:var(--fs-statement);letter-spacing:-.02em;color:var(--muted);text-wrap:pretty;line-height:1.3}.cs-hero__meta{gap:var(--space-5);margin:clamp(var(--space-7), 1.5rem + 3.5vw, 5rem) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cs-hero__meta-row{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.cs-hero__meta dt{font-size:var(--fs-meta);color:var(--muted)}.cs-hero__meta dd{font-size:var(--fs-body);font-weight:var(--weight-medium);color:var(--ink);margin:0}@media (width>=768px){.cs-hero__meta{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}}.cs-hero__media{--tint:var(--surface);margin:clamp(var(--space-7), 1rem + 6vw, var(--space-10)) 0 0;padding:clamp(var(--space-5), 5%, var(--space-9));border-radius:var(--radius-card);background:var(--tint)}.cs-hero__media img{width:100%;max-width:1000px;height:auto;margin-inline:auto;display:block}.cs-hero__media--fill{padding:0;overflow:hidden}.cs-hero__media--fill img{max-width:none}.cs-hero__media--device img{object-fit:contain;width:auto;max-width:100%;height:clamp(380px,120px + 55vw,600px)}.cs-body{counter-reset:cs-section}.cs-body>.cs-section{width:100%;max-width:var(--max-width);padding-inline:max(var(--gutter), env(safe-area-inset-left,0px)) max(var(--gutter), env(safe-area-inset-right,0px));scroll-margin-top:var(--space-6);counter-increment:cs-section;margin-inline:auto;padding-top:clamp(7rem,2rem + 10vw,12.5rem)}.cs-head,.cs-ps,.cs-process,.cs-flow,.cs-row,.cs-profile,.cs-stat{max-width:var(--content-narrow);margin-inline:auto}.cs-head{row-gap:clamp(var(--space-5), 1rem + 1vw, var(--space-6));grid-template-columns:minmax(0,1fr);display:grid}.cs-head__main{gap:clamp(var(--space-5), 1rem + 1vw, var(--space-6));flex-direction:column;display:flex}.cs-head--sub{margin-top:clamp(5rem, 2rem + 5vw, var(--space-10))}.cs-section>.cs-head:first-child>.cs-label,.cs-final__inner>.cs-head:first-child>.cs-label{align-items:center;gap:var(--space-3);color:var(--ink);display:flex}.cs-section>.cs-head:first-child>.cs-label:before,.cs-final__inner>.cs-head:first-child>.cs-label:before{content:counter(cs-section, decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--muted)}.cs-figure{padding:clamp(var(--space-4), 4%, var(--space-8));border-radius:var(--radius-image);background:#fff;margin:clamp(2.5rem,1.5rem + 3.5vw,5.5rem) 0 0}.cs-figure img{width:100%;height:auto;display:block}.cs-figure--bare,.cs-figure--shot{background:0 0;padding:0}.cs-figure--shot img{border-radius:12px}.cs-gallery{gap:clamp(var(--space-6), 1rem + 2vw, var(--space-7)) var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.cs-gallery__item{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.cs-gallery__media{aspect-ratio:4/3;position:relative}.cs-gallery__media img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cs-gallery__caption{align-items:baseline;gap:var(--space-1) var(--space-3);font-size:var(--fs-body);font-weight:var(--weight-medium);flex-wrap:wrap;display:flex}.cs-gallery__caption .cs-label{font-variant-numeric:tabular-nums}@media (width>=768px){.cs-gallery{grid-template-columns:repeat(var(--cs-cols,3), minmax(0, 1fr))}}.cs-process{row-gap:var(--space-5);grid-template-columns:minmax(0,1fr);margin-top:clamp(3.5rem,1.5rem + 4.5vw,7rem);display:grid}.cs-steps{gap:var(--space-5) var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-steps li{gap:var(--space-2);flex-direction:column;display:flex}.cs-steps__num{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;color:var(--muted)}.cs-steps__name{font-family:var(--font-body);font-size:var(--fs-lead);font-weight:var(--weight-medium);letter-spacing:-.01em}.cs-steps__meta{font-size:var(--fs-meta);color:var(--muted)}.cs-process__aside{gap:var(--space-1);flex-direction:column;display:flex}@media (width>=640px){.cs-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}.cs-ps{gap:var(--space-7) var(--gap);grid-template-columns:minmax(0,1fr);margin-top:clamp(2.5rem,1.5rem + 3.5vw,5.5rem);display:grid}.cs-ps__item{gap:var(--space-4);flex-direction:column;display:flex}.cs-ps__text{font-size:var(--fs-lead);letter-spacing:-.01em;color:var(--muted);text-wrap:pretty;margin:0;line-height:1.5}.cs-ps__item--solution .cs-ps__text{color:var(--ink)}@media (width>=768px){.cs-ps{column-gap:clamp(var(--space-6), 5vw, var(--space-9));grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-flow{align-items:baseline;gap:var(--space-3) var(--space-4);flex-wrap:wrap;margin:clamp(2.5rem,1.5rem + 3.5vw,5.5rem) 0 0;padding:0;list-style:none;display:flex}.cs-flow li{align-items:baseline;gap:var(--space-4);display:inline-flex}.cs-flow__step{font-family:var(--font-body);font-size:var(--fs-lead);font-weight:var(--weight-medium);letter-spacing:-.01em;white-space:nowrap}.cs-flow__arrow{color:#6b6b6b}.cs-row{row-gap:var(--space-5);margin-top:clamp(5rem, 2rem + 5vw, var(--space-10));grid-template-columns:minmax(0,1fr);display:grid}.cs-personas{gap:clamp(var(--space-8), 3rem + 2vw, var(--space-9)) var(--gap);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=768px){.cs-personas{column-gap:clamp(var(--space-6), 5vw, var(--space-9));grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-persona{gap:var(--space-6);flex-direction:column;display:flex}.cs-persona__head{align-items:center;gap:var(--space-4);display:flex}.cs-persona__photo{object-fit:cover;object-position:top;background:var(--cs-tint,var(--surface));border-radius:50%;flex:none;width:72px;height:72px}.cs-persona__id{gap:var(--space-1);flex-direction:column;display:flex}.cs-persona__name{font-family:var(--font-display);font-size:var(--fs-lead);font-weight:var(--weight-subheading);letter-spacing:var(--tracking-subheading);text-transform:var(--case-heading)}.cs-persona__facts{gap:var(--space-5);flex-direction:column;display:flex}.cs-persona__fact{gap:var(--space-2);flex-direction:column;display:flex}@media (width>=640px){.cs-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.cs-figure--natural img{width:min(100%, var(--w,100%));margin-inline:auto}.cs-profile{gap:var(--space-7) var(--gap);grid-template-columns:minmax(0,1fr);margin-top:clamp(2.5rem,1.5rem + 3.5vw,5.5rem);display:grid}.cs-profile__photo{margin:0}.cs-profile__photo img{border-radius:12px;width:min(100%,360px);height:auto;display:block}@media (width>=768px){.cs-profile{column-gap:clamp(var(--space-6), 5vw, var(--space-9));grid-template-columns:minmax(0,4fr) minmax(0,5fr);align-items:start}}.cs-body>.cs-final{padding-inline:0;background:color-mix(in srgb, var(--cs-tint,#ebe7f7) 55%, var(--bg));max-width:none;margin-top:clamp(7rem,2rem + 10vw,12.5rem);padding-top:clamp(7rem,2rem + 10vw,12.5rem);padding-bottom:clamp(7rem,2rem + 10vw,12.5rem)}.cs-final__inner{width:100%;max-width:var(--max-width);padding-inline:max(var(--gutter), env(safe-area-inset-left,0px)) max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.cs-title--climax{font-size:clamp(2.75rem,1.4rem + 5vw,5.5rem);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);font-weight:var(--weight-display)}.cs-screens{row-gap:clamp(5rem,2rem + 7vw,12rem);margin-top:clamp(5rem,2rem + 6vw,10rem);display:grid}.cs-screen{row-gap:clamp(var(--space-5), 1rem + 1vw, var(--space-6));grid-template-columns:minmax(0,1fr);display:grid}.cs-screen__text{gap:var(--space-3);flex-direction:column;display:flex}.cs-screen__num{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;color:var(--muted)}.cs-screen__text .cs-text{margin-top:var(--space-2);max-width:36ch}.cs-screen__media{margin:0}.cs-screen__media img{border-radius:var(--radius-image);width:100%;height:auto;box-shadow:var(--depth-edge), var(--shadow-rest);display:block}.cs-screen__media--device img{width:min(100%, var(--w,100%));box-shadow:none;border-radius:0;margin-inline:auto}.cs-stat{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-6);margin-top:clamp(var(--space-8), 2rem + 6vw, 10rem);flex-wrap:wrap;display:flex}.cs-stat__figure{font-family:var(--font-display);font-size:clamp(2.5rem,1.5rem + 4vw,4.5rem);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);text-transform:var(--case-heading);margin:0;line-height:1}.cs-stat__unit{font-size:var(--fs-lead);letter-spacing:-.01em;color:var(--muted)}.cs-stat .cs-text{max-width:42ch}.cs-stat--note .cs-stat__figure{font-size:var(--fs-lead);letter-spacing:-.01em;line-height:1.3}.cs-screen__media--bare img{box-shadow:none;border-radius:0}.cs-scroll{box-shadow:var(--depth-edge), var(--shadow-rest);background:#fff;border-radius:12px;overflow:hidden}.cs-screen__media .cs-scroll img{box-shadow:none;border-radius:0}@media (width>=768px){.cs-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(80vh,960px);overflow-y:auto}}.cs-scroll:focus-visible{outline-offset:4px}@media (width>=1024px){.cs-screen{column-gap:var(--gap);grid-template-columns:3fr 9fr;align-items:start}.cs-screen__text{top:var(--space-9);position:sticky}}.cs-end{padding-top:clamp(7rem,2rem + 10vw,12.5rem);padding-bottom:clamp(var(--space-9), 3rem + 7vw, 10rem)}.cs-end__outro{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.cs-end__title{font-family:var(--font-display);font-size:var(--fs-page);font-weight:var(--weight-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);text-transform:var(--case-heading);margin:0}.cs-end__text{font-size:var(--fs-body);color:var(--muted);margin:0}.cs-end__next{row-gap:var(--space-4);margin-top:clamp(var(--space-8), 2rem + 5vw, var(--space-10));display:grid}.cs-end__email{background:var(--ink-surface);color:#fff;height:44px;font-size:.9375rem;font-weight:var(--weight-medium);box-shadow:var(--shadow-btn);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;padding-inline:22px;text-decoration:none;display:inline-flex}.cs-end__email:hover,.cs-end__email:focus-visible{background:var(--ink-surface-hover);color:#fff;box-shadow:var(--shadow-btn-hover)}.cs-end__email:active{box-shadow:var(--shadow-btn-press)}@media (prefers-reduced-motion:no-preference){.cs-end__email:hover{transform:translateY(-1px)}.cs-end__email:active{transform:translateY(1px)}}@media (width<=900px){.g2,.g3{grid-template-columns:1fr!important}.g4,.g5,.meta{grid-template-columns:1fr 1fr!important}.ui-row{grid-template-columns:1fr!important}.ui-text{order:1}.ui-img{order:2}.h1{font-size:56px!important}.h2{font-size:32px!important}.nav-links{display:none!important}}.scp0:hover{background:#f4f4f4!important}.scp1:hover{color:#fff!important;background:#333!important}.scp2:hover{color:#111!important;border-color:#111!important}
