@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/prompt-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Clash Display';src:url('assets/fonts/clash-display-variable.woff2') format('woff2');font-style:normal;font-weight:200 700;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/fonts/satoshi-variable.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
/* Editorial hierarchy; copy and the authored illustration geometry stay intact. */
:root{--editorial-sans:"Kaisei HarunoUmi",serif;--text-primary:#f4f2ef;--text-secondary:#d4d0ce;--text-meta:#c2bcba;}
body{font-family:var(--editorial-sans);font-weight:400;-webkit-font-smoothing:antialiased;}
/* Explicit text nodes override the legacy artwork export's per-layer families. */
:is(.hero,#landing,.site-nav,.site-footer,dialog) :is(p,h1,h2,h3,a,button,input,label,textarea,select){font-family:var(--editorial-sans)!important;}
:is(.hero,#landing) :is(h1,h2,h3){text-wrap:balance;}
:is(.hero,#landing) p{text-wrap:pretty;}
::selection{background:#e7e4df;color:#302c2c;}
.hero{min-height:min(960px,100svh);padding:132px 32px 88px;color:var(--text-primary);}
.hero-content{width:min(100%,960px);}
.hero-mark{width:240px;margin-bottom:44px;transform:translateX(42px);}
.hero h1{font-size:clamp(52px,6.1vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.04em;margin:0 0 36px;}
.hero p{font-size:18px;line-height:1.65;letter-spacing:0;max-width:33.33em;color:var(--text-secondary);font-weight:400;}
/* Match the desktop composition's fluid scale, with full size at 1680px. */
@media(min-width:1201px){
  .hero h1{font-size:calc(88px * var(--design-scale,1));}
  .hero-mark{width:calc(240px * var(--design-scale,1));margin-bottom:calc(44px * var(--design-scale,1));transform:translateX(calc(42px * var(--design-scale,1)));}
}
.site-nav .layer-20-110,.site-footer .layer-260-30{font-weight:600;font-size:16px;letter-spacing:.075em;}
.site-nav :is(.layer-1-978,.layer-1-979,.layer-1-982){font-size:13px;font-weight:500;letter-spacing:0;}
.site-nav .layer-1-981{border-radius:5px;}
#landing .section-copy{white-space:normal;height:auto;}
#landing .section-label,.ending-label,.ending-access .ending-label{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.09em;color:var(--text-meta);}
#landing .section-heading{font-size:40px;font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;color:var(--text-primary);}
#landing .section-description{font-size:17px;font-weight:400;line-height:1.6;letter-spacing:0;color:var(--text-secondary);max-width:56ch;}
#landing .feature-list{white-space:normal;}
#landing .feature-title{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px;}
#landing .feature-body{font-size:16px;font-weight:400;line-height:1.55;letter-spacing:0;}
#landing .feature-spacer{height:28px;font-size:0;line-height:0;}
#landing .desktop-break{display:none;}
#landing .layer-82-49{font-family:var(--editorial-sans);font-size:56px;font-weight:500;line-height:1.1;letter-spacing:-.035em;white-space:normal;color:var(--text-primary);}
#landing .layer-82-49 p{line-height:inherit;}
#landing .provenance-content .feature-title,#landing .choice-content .feature-title{color:var(--text-primary);}
#landing .provenance-content .feature-body,#landing .choice-content .feature-body{color:var(--text-secondary);}
.ending-intro h2{font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-.035em;margin:16px 0 28px;color:var(--text-primary);}
.ending-intro>p:last-child{font-size:17px;line-height:1.6;letter-spacing:0;max-width:43ch;color:var(--text-secondary);}
.ending-cases h3{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px;color:var(--text-primary);}
.ending-cases p{font-size:16px;line-height:1.55;letter-spacing:0;color:var(--text-secondary);}
.ending-access h2{font-size:48px;line-height:1.1;letter-spacing:-.035em;font-weight:500;color:var(--text-primary);}
.ending-access-description{font-size:17px;line-height:1.6;letter-spacing:0;color:var(--text-secondary);}
.ending-request{font-size:14px;font-weight:500;letter-spacing:0;border-radius:5px;box-shadow:none;}
.site-footer>*{letter-spacing:0;font-weight:400;}
.site-footer .layer-260-36{font-size:13px;line-height:1.6;}
.live-flow :is(p,.layer-208-130,.layer-208-131){letter-spacing:0;font-weight:400;}
.live-flow .layer-208-137{font-weight:500;}
dialog{font-family:var(--editorial-sans);}
dialog h2{font-weight:500;letter-spacing:-.025em;}
@media(min-width:1201px){
  #landing .section-label{position:static;margin:0 0 22px;}
  #landing .layer-33-2 .layer-82-49{width:740px;}
  #landing .governance-content .feature-title{font-size:20px;}
  #landing .governance-content .feature-body{font-size:16px;line-height:1.5;}
  .ending-access{height:430px;}
  .ending-access h2{top:50px;}
  .ending-access-description{top:228px;white-space:normal;width:620px;}
  .ending-request{top:332px;}
}
@media(max-width:1200px){
  #landing{gap:112px;padding-bottom:100px;}
  #landing .section-label{margin-bottom:20px;}
  #landing .section-heading{font-size:clamp(32px,3.8vw,44px);max-width:19ch;}
  #landing .section-description{max-width:54ch;}
  #landing .layer-82-49{font-size:clamp(38px,5.2vw,60px);line-height:1.1;letter-spacing:-.035em;max-width:25ch;}
  #landing .feature-list .feature-title{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:28px 0 10px;}
  #landing .feature-list .feature-title:first-child{margin-top:0;}
  #landing .feature-list .feature-body{font-size:16px;line-height:1.55;letter-spacing:0;}
  #landing .governance-interactive .feature-title{font-size:21px;min-height:0;margin:0 0 12px;}
  #landing .governance-interactive .feature-body{font-size:16px;line-height:1.5;}
  #landing .governance-interactive .layer-105-10{left:calc(29% + 8px);top:62px;width:57%;}
  .ending-intro h2,.ending-access h2{font-size:clamp(36px,4.5vw,52px);line-height:1.12;letter-spacing:-.035em;}
  .ending-intro{max-width:720px;}
  .ending-intro h2{max-width:22ch;margin:18px 0 24px;}
  .ending-cases{gap:32px;}
  .ending-cases h3{font-size:21px;}
  .ending-cases p{font-size:16px;line-height:1.55;}
  #landing>.ending-access{padding-top:64px;gap:28px;}
  .ending-access h2{max-width:23ch;}
  .ending-access-description{max-width:54ch;}
  .hero{padding-top:140px;padding-bottom:96px;}
  .hero h1{font-size:clamp(48px,7vw,80px);}
  .hero p{font-size:18px;}
  .hero-mark{width:220px;}
  .site-footer,.site-footer.is-at-bottom{padding-top:40px;padding-bottom:40px;}
}
@media(min-width:700px) and (max-width:1200px){
  #landing>.governance-content,#landing>.choice-content{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;}
  #landing>.provenance-content{max-width:960px;}
  .ending-cases article,.ending-cases article:first-child{border-top:1px solid #746e6b;padding-top:22px;}
}
@media(max-width:699px){
  #landing{gap:80px;}
  .hero{padding:128px 24px 80px;min-height:min(780px,100svh);}
  .hero-mark{width:188px;margin-bottom:36px;transform:translateX(22px);}
  .hero h1{font-size:clamp(39px,9.5vw,62px);line-height:1.06;margin-bottom:28px;letter-spacing:-.04em;}
  .hero p{font-size:16px;line-height:1.65;max-width:21.8em;}
  #landing .section-heading{font-size:36px;line-height:1.12;max-width:20ch;}
  #landing .section-description{font-size:16px;line-height:1.65;}
  #landing .layer-82-49{font-size:clamp(34px,8.6vw,48px);max-width:none;}
  .ending-intro h2,.ending-access h2{font-size:36px;}
  .ending-intro>p:last-child,.ending-access-description{font-size:16px;line-height:1.65;}
  .ending-cases article{padding-top:24px;}
  .ending-cases h3{font-size:23px;}
  .site-nav .layer-20-110{font-size:12px;letter-spacing:.06em;}
  .site-nav .layer-1-982{font-size:12px;}
}
@media(max-width:359px){
  .hero{padding-inline:20px;}
  .hero h1{font-size:36px;}
  #landing .section-heading,.ending-intro h2,.ending-access h2{font-size:32px;}
}
@media(max-width:599px){
  #landing .provenance-content .section-heading{font-size:32px;line-height:1.15;max-width:20ch;margin-bottom:20px;}
  #landing .provenance-content .section-description{font-size:15px;line-height:1.6;}
  #landing .provenance-content .feature-title{font-size:19px;line-height:1.3;margin:24px 0 8px;}
  #landing .provenance-content .feature-title:first-child{margin-top:0;}
  #landing .provenance-content .feature-body{font-size:15px;line-height:1.5;}
}
@container(max-width:360px){
  #landing .governance-interactive .feature-title{font-size:18px;}
  #landing .governance-interactive .feature-body{font-size:15px;line-height:1.5;}
}
@media(max-height:600px){.hero{min-height:0;padding-top:104px;padding-bottom:64px;}}

/* Markers belong to the first title line, rather than the old text-export grid. */
#landing .feature-title{position:relative;}
.feature-marker{position:absolute;left:-25px;top:calc(.65em - 6.5px);display:block;overflow:visible;}
.governance-art .layer-148-50,.provenance-art .layer-154-64,#landing>.layer-235-42{display:none!important;}
@media(min-width:1201px){
  #landing .governance-visual .layer-105-10{top:-42px;}
  #landing>.provenance-content{align-items:start;}
  .ending-cases{left:1001px;width:300px;}
  .ending-access{display:flex;flex-direction:column;align-items:center;gap:0;height:auto;}
  .ending-access h2,.ending-access-description,.ending-request{position:static;inset:auto;transform:none;}
  .ending-access h2{width:100%;margin:24px 0 20px;}
  .ending-access-description{width:min(100%,620px);margin:0;}
  .ending-request{margin-top:28px;height:auto;min-height:48px;}
}
@media(max-width:1200px){
  #landing .choice-content .feature-list{padding-left:25px;}
  #landing>.ending-access{gap:20px;}
  .ending-access h2{margin:0;}
  .ending-request{margin-top:8px;}
}

/* Deeper warm ground, with clear reading contrast and continuous section edges. */
:root{--page-bg:#3e3839;--section-bg:#342e2f;--copy-color:#f0eeeb;--text-primary:#faf8f4;--text-secondary:#dcd7d2;--text-meta:#c7c0bb;--button-bg:#625b57;}
.footer-shell{width:100%;max-width:none;}
@media(min-width:1201px){
  .design-viewport{background:linear-gradient(to right,#292425 0 calc(50% - 570px * var(--design-scale,1)),var(--section-bg) calc(50% - 570px * var(--design-scale,1))) 0 calc(1800px * var(--design-scale,1)) / 100% calc(900px * var(--design-scale,1)) no-repeat,var(--page-bg);}
  #landing>.layer-210-139{left:150px;top:2700px;width:1290px;background:var(--section-bg);}
  #landing>.layer-232-34{left:0;width:150px;background:#292425;}
  .layer-210-139>.detail-95,.layer-232-34>.detail-97{display:none;}
}

/* Give primary actions a softer silhouette and room after the invitation. */
.site-nav .layer-1-981,.ending-request,.button{border-radius:7px;}
.ending-request{margin-top:36px;}
@media(max-width:1200px){.ending-request{margin-top:24px;}}

/* Preserve dark bead silhouettes while lifting their fine marks and ring edges. */
.choice-bead :is(.detail-295,.detail-297,.detail-305,.detail-300){filter:brightness(1.8);}
.choice-bead :is(.detail-254,.detail-259,.detail-309),.choice-finish-item .detail-264{filter:brightness(1.5);}
.choice-bead .detail-278{filter:brightness(1.45);}
.choice-bead .detail-302{filter:brightness(.8);}
.choice-bead :is(.detail-268,.detail-272,.detail-276){filter:brightness(.76);}
.choice-bead .detail-287 path,.choice-finish-item[data-choice-finish="ornament"] path{fill:#211f20;}
.choice-bead-thread path{stroke:#827b7d;}

/* Keep the grounding ring distinct from the cooler brown page surface. */
.governance-art .detail-31{filter:brightness(.48);}

/* A compact, copyright-only footer on phones. */
@media(max-width:760px){
  .site-footer,.site-footer.is-at-bottom{
    justify-content:center;align-items:center;gap:0;
    padding:32px 20px max(32px,env(safe-area-inset-bottom));
    background:#fff;border:0;text-align:center;
  }
  .site-footer .layer-1-975,.site-footer .layer-260-30,
  .site-footer .layer-260-32,.site-footer .layer-260-36{display:none;}
  .site-footer .layer-260-34{width:100%;color:#686363;font-size:12px;line-height:1.6;}
  .site-footer .layer-260-34 p{margin:0;}
}

/* Wide desktops gain a restrained 25% at most, preserving artwork geometry. */
@media(min-width:1920px){
  :root{
    --chrome-max-width:calc(1440px * var(--wide-scale,1));
    --chrome-logo-left:calc(134px * var(--wide-scale,1));
    --chrome-wordmark-left:calc(134px * var(--wide-scale,1) + 26px);
    --chrome-right:calc(89px * var(--wide-scale,1));
  }
  #landing{zoom:var(--design-scale,1);}
  .hero-content{width:min(100%,calc(960px * var(--wide-scale,1)));}
  .hero-mark{width:calc(240px * var(--wide-scale,1));}
  .hero h1{font-size:calc(88px + 48px * (var(--wide-scale,1) - 1));}
  .hero p{font-size:calc(18px + 12px * (var(--wide-scale,1) - 1));}
}

/* Use the navigation's unscaled container and edges for the desktop footer. */
@media(min-width:1201px){
  .site-footer{width:100%;max-width:var(--chrome-max-width);zoom:1;}
  .site-footer .layer-1-975{width:calc(100% - 160px);}
  .site-footer .detail-4{width:100%;}
  .site-footer::before{width:100vw;}
  .site-footer .layer-260-32{left:var(--chrome-logo-left);top:50%;width:19px;height:22px;transform:translateY(-50%);}
  .site-footer .layer-260-30{left:var(--chrome-wordmark-left);top:50%;}
  .site-footer .layer-260-34{left:auto;right:var(--chrome-right);top:50%;}
}

@media(max-width:1200px){
  .site-nav .layer-1-981{min-height:40px;height:40px;padding:8px 14px;}
  .ending-request{min-height:44px;padding:8px 24px;line-height:24px;}
}

/* Align the evidence illustration's left edge with the opening statement. */
@media(min-width:1201px){
  #landing>.provenance-content{left:503.04px;}
}
@media(max-width:1200px){
  #landing>.provenance-content{max-width:none;align-self:stretch;}
  .provenance-art{justify-self:start;}
  .provenance-art-canvas{transform:translate(-88.46px,-1790px);}
}
/* Final optical adjustment of the evidence composition. */
#landing>.provenance-content{translate:6px 0;}

/* Keep the governance composition aligned with the navigation action. */
@media(min-width:1201px){
  .governance-art,#landing .governance-visual .layer-105-10{translate:79px -24px;}
  /* Fit the entire organic backdrop inside the desktop artboard. */
  .live-flow>.layer-238-2{scale:.9;left:-90.5px;}
}
/* Give the final invitation a clear, high-contrast action. */
.ending-request{margin-top:60px;background:#fff;color:#342e2f;}
.ending-request:hover{background:#eeebe8;color:#342e2f;}
@media(max-width:1200px){.ending-request{margin-top:48px;}}

/* Separate submission from entry, while keeping the label close to its field. */
.cta-form>button[type=submit]{margin-top:12px;}
.dialog-close{border-radius:50%;transition:background-color 160ms ease,color 160ms ease;}
@media(hover:hover){.dialog-close:hover{background:#e0dcda;color:#211e1f;}}
.dialog-close:focus-visible{background:#e0dcda;color:#211e1f;outline:2px solid #625a5a;outline-offset:2px;}
@media(prefers-reduced-motion:reduce){.dialog-close{transition:none;}}

/* Use the original navigation color for both primary actions. */
.site-nav .layer-1-981,.cta-form>button[type=submit]{background:#595251;color:#fff;}
.site-nav .layer-1-981:hover,.cta-form>button[type=submit]:hover{background:#494243;}
.ending-request{font-size:16px;}

@media(min-width:1201px){
  /* Tuck the small orb behind the left edge of the question card. */
  .integration-content>.layer-260-42{left:52px;}
}


/* Spread the Choice copy across the two outer edges. */
@media(min-width:700px){
  #landing .choice-content>.section-copy{text-align:left;}
  #landing .choice-content>.feature-list{text-align:left;}
}
@media(min-width:1201px){
  #landing .choice-content>.section-copy{left:166px;}
  #landing .choice-content>.feature-list{left:761px;width:590px;}
}

/* Give the desktop Integration scene 120px more breathing room. */
@media(min-width:1201px){
  #landing>.layer-210-139,#landing>.layer-232-34{height:1020px;}
  .design-viewport{
    height:calc(6180px * var(--design-scale,1));
    background-size:100% calc(1020px * var(--design-scale,1));
  }
  .integration-content>.section-copy{margin-top:24px;}
  .integration-content>.live-flow,.integration-content>.layer-260-42{margin-top:60px;}
  .choice-content>.section-copy,.choice-content>.feature-list,
  .choice-art-canvas>*,#landing>.ending-use-cases,#landing>.ending-access,
  #landing>.layer-235-42,#landing>#model-choice{margin-top:120px;}
}

/* Trim only the closing whitespace on intermediate desktop widths. */
@media(min-width:1201px) and (max-width:1679px){
  .design-viewport{height:calc(6180px * var(--design-scale,1) - 120px);}
}

/* Native bounce uses the page ground above and white near the footer. */
html{background-color:var(--page-bg);}
html.near-page-bottom{background-color:#fff;}
.footer-shell{background:#fff;}
/* Lift the closing copy and CTA together, keeping their internal rhythm. */
@media(min-width:1201px){
  #landing{--access-lift:128px;}
  #landing>.ending-access{top:calc(6454px - var(--access-lift));}
}
@media(max-width:1200px){
  #landing>.ending-access{padding-top:112px;padding-bottom:64px;}
}

/* Continuous corners for the two primary access buttons; round fallback. */
.site-nav .layer-1-981{border-radius:8px;}
.ending-request{border-radius:12px;}
@supports(corner-shape:superellipse(1.5)){
  .site-nav .layer-1-981{border-radius:14px;corner-shape:superellipse(1.5);}
  .ending-request{border-radius:20px;corner-shape:superellipse(1.5);}
}

/* Let enlarged artwork cross the desktop artboard edge; the viewport still
   clips the page horizontally and the artboard keeps its vertical bounds. */
@media(min-width:1201px){
  #landing{overflow:visible;clip-path:inset(0 -180px);}
}

/* Keep the mobile closing CTA label quieter without reducing its hit area. */
@media(max-width:699px){
  .site-nav .layer-1-981{min-height:36px;height:36px;padding:6px 11px;border-radius:11px;}
  .site-nav .layer-1-982{font-size:11px;}
  .ending-request{font-size:14px;min-height:48px;height:auto;padding:12px 24px;border-radius:15px;}
  @supports(corner-shape:superellipse(1.5)){
    .site-nav .layer-1-981{border-radius:16px;corner-shape:superellipse(1.5);}
    .ending-request{border-radius:22px;corner-shape:superellipse(1.5);}
  }
}

/* Keep navigation above page artwork while native page bounce remains enabled. */
.site-nav{position:fixed;inset:0 0 auto;z-index:1000;transform:translateZ(0);isolation:isolate;}
.site-nav{-webkit-user-drag:none;user-select:none;}
.site-nav a,.site-nav img{-webkit-user-drag:none;}

/* Titles at 700 with 10% letter spacing, bullet labels at 500, all other text at 400. */
:is(.hero,#landing,.site-nav,.site-footer,dialog) *{font-weight:400!important;}
:is(.hero,#landing,dialog) :is(h1,h2,h3),:is(.hero,#landing,dialog) :is(h1,h2,h3) *,#landing .section-heading,#landing .section-heading *,#landing .layer-82-49 p{font-family:var(--editorial-sans)!important;font-weight:700!important;letter-spacing:.1em!important;}
#landing .feature-title,#landing .feature-title *{font-weight:500!important;}

/* Balance the copy within the mobile governance shape. */
@media(max-width:699px){
  #landing .governance-interactive .layer-105-10{left:calc(29% + 18px);top:52px;}
}

/* Supporting copy font. */
:root{--body-sans:"Kaisei HarunoUmi",serif;}
#hero.hero p,
#landing .section-description,
#landing .feature-body,
#landing .ending-intro>p:last-child,
#landing .ending-cases article p,
#landing .ending-access-description,
:is(#landing,dialog) .access-description{font-family:var(--body-sans)!important;}

/* Separate the invitation from the action; keep field labels close to inputs. */
#access-dialog :is(p,label,input,button){font-family:var(--body-sans)!important;}
#access-dialog{padding:40px;}
#access-dialog h2{max-width:20ch;line-height:1.3;margin-bottom:24px;}
#access-dialog .cta-copy p{line-height:1.6;}
#access-dialog .cta-copy p+p{margin-top:12px;}
#access-dialog .cta-form{margin-top:32px;gap:8px;}
#access-dialog .cta-form label{font-size:15px;line-height:1.5;font-weight:500;}
#access-dialog .cta-form input[type=email]{min-height:50px;}
#access-dialog .cta-form button{margin-top:16px;min-height:52px;font-weight:500;}
@media(max-width:600px){
  #access-dialog{padding:32px 24px 24px;}
  #access-dialog h2{margin-bottom:20px;}
  #access-dialog .cta-form{margin-top:28px;}
}

/* Retain the integration section's color and artwork on compact layouts. */
@media(max-width:1200px){
  #landing>.integration-content{isolation:isolate;padding-block:80px;}
  #landing>.integration-content::before{content:"";position:absolute;inset:0 auto;left:50%;width:100vw;transform:translateX(-50%);background:var(--section-bg);z-index:-2;pointer-events:none;}
  .live-flow>.layer-238-2{display:flex;z-index:0;}
  .live-flow>.flow-source-group,.live-flow>.live-flow-input,.live-flow>.live-flow-answer{z-index:1;}
}

/* Enlarge the compact bead composition without scaling its outgoing rays. */
@media(min-width:700px) and (max-width:1200px){
  .choice-art .choice-bead,.choice-art .choice-finish-item{scale:1.3;transform-origin:1066px 4274.115px;}
}

/* Keep enlarged beads visible and remove compact case dividers. */
@media(min-width:700px) and (max-width:1200px){
  #landing>.choice-art{overflow:visible;}
  .ending-cases article,.ending-cases article:first-child{border-top:0;}
}
/* Motion already positions this endpoint; retain the CSS offset only as a static fallback. */
@media(max-width:1200px){
  .choice-motion-active [data-ray-dot="beam-bottom"]>g{translate:none;}
}

/* Give compact provenance items more separation, keeping each title/body pair close. */
@media(min-width:700px) and (max-width:1200px){
  #landing .provenance-content .feature-list .feature-title:not(:first-child){margin-top:44px;}
}

/* Center the spaced compact copy against the adjacent illustration. */
@media(min-width:700px) and (max-width:1200px){
  #landing .provenance-content .feature-list{align-self:center;}
}

/* Give the responsive workflow connections room between the three stages. */
@media(min-width:1000px) and (max-width:1200px){
  #landing .live-flow{column-gap:clamp(56px,6vw,82px);}
  #landing .live-flow .flow-source-group{padding-inline:0;}
}

/* Compact phone spacing around the closing action. */
@media(max-width:599px){
 #landing .ending-request{margin-top:28px;}
 #landing>.ending-access{padding-bottom:44px;}
}

/* Extend desktop closing space without moving the ornament. */
@media(min-width:1201px){
 .design-viewport{height:calc(6180px * var(--design-scale,1) + 80px);}
}
@media(min-width:1201px) and (max-width:1679px){
 .design-viewport{height:calc(6180px * var(--design-scale,1) - 40px);}
}

/* Hero title: 150% line height. */
.hero h1{line-height:1.5;}