.arch-residences{background:var(--c-cedar-deep);color:var(--ink);padding-block:clamp(7rem,23vh,18rem) 0}.arch-residences .ribbon{--ribbon-card:28vw;--ribbon-gap:1.95vw;--ribbon-w:4;--ribbon-h:5;--ribbon-ink:var(--ink)}.arch-residences .ribbon__arrow{color:var(--c-clay-light);transition:color .45s var(--ease-smooth);border:0}.arch-residences .ribbon__arrow:is(:hover,:focus-visible){color:var(--c-clay)}.arch-residences .ribbon__ring rect:first-child{stroke:color-mix(in srgb, var(--c-clay-light) 16%, transparent)}.arch-residences .ribbon__ring rect:last-child{stroke:color-mix(in srgb, var(--c-clay) 40%, transparent);stroke-dashoffset:321%;transition:stroke-dashoffset 1.3s var(--ease-curtain), transform 1.3s var(--ease-curtain);transform:rotate(-90deg)}.arch-residences .ribbon__arrow:is(:hover,:focus-visible) .ribbon__ring rect:last-child{stroke-dashoffset:0%;transform:rotate(0)}@media (prefers-reduced-motion:reduce){.arch-residences .ribbon__ring rect:last-child{transition:none}}.arch-residences__body{padding-block:clamp(3rem,6vw,6rem) clamp(8rem,15vw,18rem)}.arch-residences__rule{background:color-mix(in srgb, currentColor 25%, transparent);block-size:clamp(2.4rem,8.5vh,6rem);inline-size:1px;margin:0 auto clamp(1.5rem,4vh,3rem);display:block}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.arch-residences__rule{transform-origin:top;animation:linear both arch-residences-rule;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes arch-residences-rule{0%{scale:1 0}}.arch-residences__head{text-align:center}.arch-residences__title{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:var(--tracking-h2);text-wrap:balance;text-transform:uppercase;margin:0;font-weight:400;line-height:.96}.arch-residences__line{display:block}.arch-residences__lead{max-inline-size:46ch;color:var(--ink-muted);font-family:var(--font-text);font-size:var(--fs-small);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-wrap:pretty;margin:clamp(3rem,8vh,6.5rem) auto 0;line-height:1.5}.arch-residences__note-box{margin-block-start:clamp(3rem,6vw,6rem)}.arch-residences__note{inline-size:33.3333%;color:var(--ink-muted);font-family:var(--font-display);font-size:clamp(1.125rem,1.45vw,2.5rem);line-height:var(--lh-snug);letter-spacing:var(--tracking-h5);text-transform:uppercase;text-wrap:pretty;margin:0 0 0 50%}@media (max-width:767.98px){.arch-residences{padding-block-start:clamp(4rem,11vh,6rem)}.arch-residences .ribbon{--ribbon-card:72vw;--ribbon-gap:3vw;--ribbon-w:4;--ribbon-h:5}.arch-residences .ribbon__img{object-position:50% 50%}.arch-residences__title{font-size:var(--fs-h2);text-transform:uppercase}.arch-residences__lead{font-size:.8125rem}.arch-residences__note{inline-size:auto;font-family:var(--font-text);font-size:.8125rem;line-height:var(--lh-body);letter-spacing:var(--tracking-caps-small);-webkit-hyphens:auto;hyphens:auto;margin-inline-start:33.3333%}}