.cs{--cs-gutter:20px;--cs-radius:4px;max-width:1920px;padding-inline:var(--cs-gutter);color:var(--fg);font-family:var(--sans);margin-inline:auto;overflow-x:clip}@media (min-width:768px){.cs{--cs-gutter:36px}}.cs-label{font-family:var(--label);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-dim);font-size:12px;line-height:1.3}html:has(.cs){scroll-padding-top:110px}@media (prefers-reduced-motion:no-preference){.cs-title,.cs-intro--eyebrow,.cs-intro--rest{visibility:hidden;animation:0s 3s forwards cs-failsafe}}@keyframes cs-failsafe{to{visibility:visible}}.cs-header{padding-top:clamp(140px,16vw,220px);padding-bottom:clamp(48px,6vw,88px)}.cs-title{letter-spacing:-.045em;max-width:16ch;color:var(--blue);margin-top:20px;font-size:clamp(3rem,7vw,6.25rem);font-weight:500;line-height:.9}.cs-title__dim{color:var(--fg)}.cs-visit{z-index:1;letter-spacing:-.01em;transition:color .24s var(--ease-nav);align-items:center;gap:8px;margin-top:clamp(28px,3vw,44px);font-size:16px;font-weight:400;line-height:1.2;display:inline-flex;position:relative}.cs-visit__text{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1px}.cs-visit__arrow{width:1em;height:1em;transform:rotate(-45deg)}.cs-visit:hover,.cs-visit:focus-visible{color:var(--blue)}@media (hover:hover) and (pointer:fine){.cs-visit{cursor:none}.cs-visit:hover .project-view__circle{transform:scale(1)}}.cs-meta{border-top:1px solid var(--fg);margin-top:clamp(56px,6vw,96px);margin-inline:calc(var(--cs-gutter) * -1);padding-top:20px;padding-inline:var(--cs-gutter);grid-template-columns:repeat(2,1fr);gap:28px 16px;display:grid}@media (min-width:768px){.cs-meta{grid-template-columns:repeat(4,1fr)}}.cs-meta__item dd{letter-spacing:-.01em;margin-top:8px;font-size:18px;line-height:1.25}.cs-hero{aspect-ratio:10/7;border-radius:var(--cs-radius);background:var(--surface);margin-top:clamp(32px,4vw,56px);overflow:hidden}.cs-hero img,.cs-figure__media img{object-fit:cover;width:100%;height:100%;display:block}.cs-section{border-bottom:1px solid var(--line);gap:24px;padding-block:clamp(64px,8vw,120px);display:grid}@media (min-width:992px){.cs-section{grid-template-columns:5fr 7fr;gap:16px}}.cs-section__head{flex-direction:column;gap:14px;display:flex}@media (min-width:992px){.cs-section__head{align-self:start;position:relative}.cs-section__head>.cs-label{margin-bottom:14px;position:absolute;bottom:100%;left:0}.cs-section__title,.cs-section__body>p:first-child,.cs-outcomes__col:first-child>h3{text-box:trim-start cap alphabetic}}.cs-section__title{letter-spacing:-.03em;font-size:clamp(32px,3.4vw,56px);font-weight:500;line-height:1}.cs-section__body{letter-spacing:-.01em;flex-direction:column;gap:20px;max-width:640px;font-size:clamp(17px,1.3vw,20px);line-height:1.4;display:flex}.cs-section__body code{font-family:var(--label);color:var(--blue);white-space:nowrap;font-size:.85em}.cs-steps{border-top:1px solid var(--line);flex-direction:column;margin-top:8px;display:flex}.cs-steps li{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;align-items:baseline;padding-block:16px;display:grid}.cs-plates{gap:16px;padding-block:clamp(64px,8vw,120px) 0;display:grid}@media (min-width:768px){.cs-plates{grid-template-columns:1fr 1fr}}.cs-plate{background:var(--surface);border-radius:var(--cs-radius);flex-direction:column;gap:24px;padding:clamp(20px,2.5vw,40px);display:flex}@media (min-width:768px){.cs-plate--wide{grid-column:1/-1}}.cs-plate__sub{margin-top:8px}.cs-ramp-row{gap:10px;display:grid}@media (min-width:768px){.cs-ramp-row{grid-template-columns:64px 1fr;align-items:start}}.cs-ramp-row__name{letter-spacing:-.01em;font-size:14px}.cs-ramp{grid-template-columns:repeat(11,1fr);gap:4px;display:grid}.cs-ramp__swatch{flex-direction:column;gap:8px;min-width:0;display:flex}.cs-ramp__swatch span{aspect-ratio:1/1.4;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}.cs-ramp__swatch small,.cs-radii small{font-family:var(--label);color:var(--fg-dim);font-size:10px}.cs-type{flex-direction:column;display:flex}.cs-type li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-block:10px;display:flex}.cs-type__sample{letter-spacing:-.03em;font-weight:500;line-height:1}.cs-type__sample--display-xl{font-size:60px}.cs-type__sample--display-md{font-size:36px}.cs-type__sample--body-lg{font-size:18px}.cs-type__sample--ui-md{font-size:14px}.cs-spacing{flex-direction:column;gap:10px;display:flex}.cs-spacing li{align-items:center;gap:14px;display:flex}.cs-spacing__bar{background:var(--blue);border-radius:1px;max-width:60%;height:12px}.cs-radii{gap:14px;display:flex}.cs-radii div{flex-direction:column;gap:8px;display:flex}.cs-radii span{border-top:1.5px solid var(--fg);border-left:1.5px solid var(--fg);width:44px;height:44px}.cs-gallery{border-bottom:1px solid var(--line);gap:clamp(32px,4vw,56px) 16px;padding-block:clamp(64px,8vw,120px);display:grid}@media (min-width:768px){.cs-gallery{grid-template-columns:1fr 1fr}.cs-figure--wide{grid-column:1/-1}}.cs-figure{flex-direction:column;gap:12px;display:flex}.cs-figure__media{aspect-ratio:10/7;border-radius:var(--cs-radius);background:var(--surface);overflow:hidden}.cs-figure--wide .cs-figure__media{aspect-ratio:16/8}.cs-figure--showcase .cs-figure__media{aspect-ratio:16/9}.cs-figure--page .cs-figure__media{aspect-ratio:16/10}.cs-figure--page .cs-enlarge img{object-position:50% 0;transition:object-position 9s cubic-bezier(.45,0,.55,1),transform .6s cubic-bezier(.35,0,0,1)}.cs-figure--page .cs-enlarge:hover img{object-position:50% 100%;transform:none}@media (prefers-reduced-motion:reduce){.cs-figure--page .cs-enlarge img{transition:none}.cs-figure--page .cs-enlarge:hover img{object-position:50% 0}}.cs-outcomes{gap:32px;display:grid}.cs-outcomes h3{letter-spacing:-.01em;color:var(--blue);margin-bottom:12px;font-size:18px;font-weight:500}.cs-outcomes ul{border-top:1px solid var(--line)}.cs-outcomes li{border-bottom:1px solid var(--line);padding-block:12px;font-size:16px;line-height:1.35}.cs-quote{padding-block:clamp(96px,12vw,200px)}.cs-quote p{text-wrap:balance;letter-spacing:-.045em;max-width:20ch;font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:500;line-height:.95}.cs-next{border-top:1px solid var(--fg);margin-inline:calc(var(--cs-gutter) * -1);padding-block:28px clamp(64px,8vw,120px);padding-inline:var(--cs-gutter);flex-direction:column;gap:16px;display:flex}.cs-next__link{letter-spacing:-.03em;align-self:flex-start;align-items:center;gap:16px;font-size:clamp(32px,4.4vw,72px);font-weight:500;line-height:1;transition:color .2s;display:inline-flex}.cs-next__link:hover{color:var(--blue)}.cs-next__link svg{width:.7em;height:.7em;transition:transform .4s cubic-bezier(.35,0,0,1)}.cs-next__link:hover svg{transform:translate(8px)}.cs-anchors{border-bottom:1px solid var(--line);scrollbar-width:none;margin-inline:calc(var(--cs-gutter) * -1);padding-block:8px;padding-inline:var(--cs-gutter);align-items:center;gap:0 22px;display:flex;overflow-x:auto}.cs-anchors::-webkit-scrollbar{display:none}.cs-anchors .cs-label{flex-shrink:0;margin-right:10px}.cs-anchors a{white-space:nowrap;letter-spacing:-.01em;min-height:44px;color:var(--fg-dim);flex-shrink:0;align-items:center;font-size:14px;transition:color .2s;display:inline-flex}.cs-anchors a:hover,.cs-anchors a[aria-current]{color:var(--blue)}.cs-enlarge{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.cs-enlarge img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.35,0,0,1);display:block}.cs-enlarge:hover img{transform:scale(1.03)}.cs-enlarge__hint{border-radius:var(--cs-radius);width:36px;height:36px;color:var(--fg);opacity:0;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);place-items:center;transition:opacity .25s,transform .35s cubic-bezier(.35,0,0,1);display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.cs-enlarge__hint svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.cs-enlarge:hover .cs-enlarge__hint,.cs-enlarge:focus-visible .cs-enlarge__hint{opacity:1;transform:none}.cs-enlarge:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (hover:none){.cs-enlarge__hint{opacity:1;transform:none}}.cs-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fg);background:0 0;border:0;margin:0;padding:clamp(16px,4vw,56px)}.cs-lightbox[open]{place-items:center;animation:.35s cubic-bezier(.35,0,0,1) both cs-lightbox-in;display:grid}.cs-lightbox::backdrop{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cs-lightbox img{object-fit:contain;border-radius:var(--cs-radius);max-width:100%;max-height:100%}.cs-lightbox__close{border:1px solid var(--line);border-radius:var(--cs-radius);background:var(--surface);height:44px;font-family:var(--sans);letter-spacing:-.01em;color:var(--fg);cursor:pointer;padding-inline:18px;font-size:18px;transition:color .2s;position:fixed;top:20px;right:20px}.cs-lightbox__close:hover{color:var(--blue)}.cs-lightbox--tall[open]{overscroll-behavior:contain;display:block;overflow-y:auto}.cs-lightbox--tall img{width:min(1280px,100%);max-height:none;margin-inline:auto;display:block}@keyframes cs-lightbox-in{0%{opacity:0;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.cs-lightbox[open]{animation:none}.cs-enlarge img,.cs-enlarge__hint{transition:none}}