/*
 * Final homepage action: architectural route rather than a generic button.
 * Motion is restrained and disabled when the OS requests reduced motion.
 */
.closing-action{position:relative;overflow:hidden;color:var(--inverse-text);border-top:1px solid rgba(var(--inverse-text-rgb),.08);}
.closing-action:before{content:"";position:absolute;inset:0;pointer-events:none;}
.closing-action-grid{position:relative;z-index:1;padding-block:clamp(92px,10vw,150px);display:grid;gap:clamp(28px,5vw,80px);align-items:stretch;}
.closing-action-index{display:grid;grid-template-rows:auto 1fr auto;gap:16px;min-height:260px;color:var(--sky);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}.closing-action-index i{width:1px;background:linear-gradient(var(--sky),rgba(var(--inverse-action-rgb),.08));}.closing-action-index small{color:var(--route-index);writing-mode:vertical-rl;transform:rotate(180deg);}
.closing-action-copy{align-self:center;}.closing-action-copy .eyebrow{color:var(--sky);}.closing-action-copy h2{max-width:940px;margin:22px 0 28px;line-height:calc(1.06 * var(--title-line-height-scale));letter-spacing:calc(-.06em + var(--title-letter-spacing-adjust));font-weight:610;text-wrap:balance;}.closing-action-copy>p:last-child{max-width:670px;margin:0;font-size:calc(13px * var(--text-scale));line-height:1.75;}
.closing-action-route{align-self:center;min-width:0;display:grid;border-top:1px solid rgba(var(--inverse-text-rgb),.16);border-bottom:1px solid rgba(var(--inverse-text-rgb),.16);}
.closing-route-label{display:flex;justify-content:space-between;gap:18px;align-items:center;}.closing-route-label span{color:var(--inverse-text);font-size:calc(10px * var(--text-scale));font-weight:650;}.closing-route-label small{color:var(--route-meta);font-size:8px;letter-spacing:.09em;}
.closing-route-line{position:relative;height:28px;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;}.closing-route-line:before{content:"";position:absolute;left:0;right:22px;top:50%;height:1px;background:rgba(var(--inverse-action-rgb),.32);}.closing-route-line>i{position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--sky);box-shadow:0 0 0 5px rgba(var(--inverse-action-rgb),.09);}.closing-route-line>b{position:absolute;left:0;top:50%;height:1px;width:38%;background:var(--sky);}.closing-route-line>span{grid-column:2;color:var(--sky);font-size:18px;}
.closing-project-link{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid rgba(var(--inverse-action-rgb),.42);color:var(--inverse-text);text-decoration:none;font-size:calc(15px * var(--text-scale));font-weight:680;transition:background .2s,border-color .2s,transform .14s,box-shadow .14s;}.closing-project-link b{width:42px;height:42px;display:grid;place-items:center;border-left:1px solid rgba(var(--inverse-text-rgb),.22);font-size:20px;transition:transform .18s;}.closing-project-link:hover b,.closing-project-link:focus-visible b{transform:translate(2px,-2px);}.closing-project-link:active{transform:translateY(2px);box-shadow:inset 0 5px 13px rgba(var(--shadow-ink-rgb),.24);}
@media(prefers-reduced-motion:no-preference){.closing-route-line>i{animation:wl-route-signal 3.8s cubic-bezier(.45,0,.2,1) infinite;}.closing-route-line>b{animation:wl-route-progress 3.8s cubic-bezier(.45,0,.2,1) infinite;}}@keyframes wl-route-signal{0%,12%{left:0;opacity:.55}50%,82%{left:calc(100% - 34px);opacity:1}100%{left:calc(100% - 34px);opacity:0}}@keyframes wl-route-progress{0%,12%{width:0;opacity:.4}50%,82%{width:calc(100% - 34px);opacity:1}100%{width:calc(100% - 34px);opacity:0}}
@media(max-width:1050px){.closing-action-grid{grid-template-columns:64px minmax(0,1fr);}.closing-action-route{grid-column:2;max-width:720px;width:100%;}}
@media(max-width:680px){.closing-action-grid{min-height:0;padding-block:86px;grid-template-columns:1fr;gap:34px;}.closing-action-index{min-height:0;grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:center;}.closing-action-index i{width:100%;height:1px;}.closing-action-index small{writing-mode:horizontal-tb;transform:none;}.closing-action-copy h2{font-size:calc(40px * var(--heading-scale));}.closing-action-route{grid-column:auto;}.closing-project-link{min-height:74px;}}

/* v1.8.2 — make the project route unmistakable without turning it into an ad banner. */

.closing-action-grid{min-height:560px;grid-template-columns:minmax(64px,.18fr) minmax(0,1.16fr) minmax(360px,.66fr);}
.closing-action-copy h2{font-size:clamp(calc(42px * var(--heading-scale)),calc(4.9vw * var(--heading-scale)),calc(78px * var(--heading-scale)));}
.closing-action-route{padding:30px 0;gap:16px;}
.closing-route-stages{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:8px;align-items:center;color:var(--route-steps);font-size:7px;font-weight:650;letter-spacing:.09em;}
.closing-route-stages i{height:1px;background:rgba(var(--inverse-action-rgb),.28);}
.closing-project-link{min-height:92px;padding-left:24px;box-shadow:0 18px 42px rgba(var(--shadow-black-rgb),.12);}
.closing-project-link:hover,.closing-project-link:focus-visible{box-shadow:0 22px 48px rgba(var(--shadow-black-rgb),.18),inset 0 0 0 1px rgba(var(--inverse-action-rgb),.2);}
@media(max-width:1050px){.closing-action-grid{grid-template-columns:58px minmax(0,1fr);}.closing-action-route{grid-column:2;}}
@media(max-width:680px){.closing-action-grid{grid-template-columns:1fr;}.closing-action-route{grid-column:auto;}.closing-route-stages{grid-template-columns:auto 1fr auto;}.closing-route-stages i:nth-of-type(n/**/+2),.closing-route-stages span:nth-of-type(n/**/+3){display:none;}}


/* v1.8.3 — separate the conversion zone from the graphite footer. */
.closing-action{background:var(--closing-surface);}
.closing-action:before{background:linear-gradient(115deg,rgba(var(--inverse-action-rgb),.10),transparent 38%,transparent 72%,rgba(var(--closing-link-surface-rgb),.20));}
.closing-action-index small,.closing-route-label small,.closing-route-stages{color:var(--route-steps-active);}
.closing-action-copy>p:last-child{color:var(--route-body-active);}
.closing-project-link{background:var(--closing-link-surface);border-color:rgba(var(--inverse-text-rgb),.28);}
.closing-project-link:hover,.closing-project-link:focus-visible{background:var(--closing-link-hover);border-color:var(--inverse-action);}