/* Shared homepage / Why Glossi closing composition. */
:is(.studio-page,.approach-page) .home-closing-cta {
  --closer-frame:var(--closing-panel-inset);
  --closer-content-pad:max(32px,calc((100vw - var(--layout-page-width)) / 2 - var(--closer-frame)));
  padding:var(--closer-frame);
  border-top:1px solid var(--color-structure);
  background:var(--color-bg-page);
  scroll-margin-top:84px;
}
.home-closing-cta .closer-inner {width:100%;max-width:none;margin:0 auto;overflow:hidden;border:1px solid var(--color-structure);border-radius:var(--closing-panel-radius)}
.home-closing-cta .closer-main {box-sizing:border-box;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-7);min-height:480px;padding:104px var(--closer-content-pad);overflow:hidden;text-align:center;background:var(--color-bg-inverse);color:var(--color-text-inverse)}
.home-closing-cta .closer-main::before {content:"";position:absolute;z-index:0;inset:0 var(--closer-content-pad);border-inline:1px solid var(--color-structure-inverse);pointer-events:none}
.home-closing-cta .closer-main>* {position:relative;z-index:1}
.home-closing-cta .closer-copy {max-width:1040px}
:is(.studio-page,.approach-page) .home-closing-cta h2 {margin:0;font-family:var(--font-display);font-size:var(--type-size-section);font-weight:400;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;color:var(--color-text-inverse)}
.home-closing-cta h2 span {display:inline-block;white-space:nowrap}
:is(.studio-page,.approach-page) .home-closing-cta p {max-width:52ch;margin:var(--space-6) auto 0;font-size:var(--type-size-body);line-height:var(--type-leading-body);color:var(--color-text-inverse-muted);text-wrap:pretty}
.home-closing-cta .closer-ctas {display:flex;align-items:center;justify-content:center;gap:var(--space-3)}
:is(.studio-page,.approach-page) .home-changelog {padding-inline:var(--layout-page-gutter);background:var(--color-bg-page)}
.home-changelog-inner {max-width:var(--layout-page-width);margin-inline:auto}
.home-changelog-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
:is(.studio-page,.approach-page) .home-changelog h2 {margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-size-body-large);font-weight:400;line-height:1.4;letter-spacing:-.015em}
:is(.studio-page,.approach-page) .home-changelog .home-changelog-archive {display:inline-flex;align-items:center;min-height:var(--size-control);margin:0;padding:0;border:0;background:transparent;color:var(--color-text-supporting);font-size:var(--type-size-label);font-weight:500;text-decoration:none}
.home-changelog-archive:hover {color:var(--color-text-primary);text-decoration:underline;text-underline-offset:4px}
.home-changelog-archive:focus-visible {outline:2px solid var(--color-border-focus);outline-offset:5px}
.home-changelog-list {display:grid;margin:0;padding:0;list-style:none}
.home-changelog-list>li {min-width:0}
.home-changelog-entry time {display:block;color:var(--text-secondary);font-family:var(--font-body);font-weight:400}
.home-changelog-entry h3 {margin:0;font-family:var(--font-body);letter-spacing:0;text-wrap:pretty}
@media(max-width:760px) {
  :is(.studio-page,.approach-page) .home-closing-cta {--closer-content-pad:28px}
  .home-closing-cta .closer-main {min-height:0;padding-block:72px;gap:var(--space-6)}
}
@media(max-width:560px) {
  :is(.studio-page,.approach-page) .home-closing-cta {--closer-content-pad:24px}
  .home-closing-cta .closer-main::before {display:none}
}

/* A generous closing invitation followed by quieter supporting sections. */
.approach-page .home-closing-cta .closer-main {min-height:528px;padding-block:136px;gap:var(--space-8)}
.approach-page .home-closing-cta h2 {font-size:48px}
.approach-page .home-closing-cta p {margin-top:var(--space-6);font-size:var(--type-size-body-large)}
.approach-page .home-closing-cta .closer-ctas .btn {min-height:52px;padding-inline:var(--space-6);font-size:16px}
@media(max-width:760px) {
 .approach-page .home-closing-cta .closer-main {min-height:0;padding-block:var(--space-20)}
 .approach-page .home-closing-cta h2 {font-size:36px}
 .approach-page .home-closing-cta p {font-size:var(--type-size-body)}
 .approach-page .home-closing-cta .closer-ctas .btn {min-height:48px}
}