/* One viewport, with the real navigation mark becoming the closing signature. */
body.r14-home{--s18-header:76px}
body.r14-home main{padding-top:var(--s18-header)}
body.r14-home .site-header.shell-header,body.r14-home .site-header.shell-header.is-scrolled{background:#15191b;border-bottom-color:transparent;backdrop-filter:none;box-shadow:none;overflow:visible}
body.r14-home .shell-header .shell-wordmark{transform-origin:0 0;will-change:auto}
body.r14-home .shell-header.s18-signing .shell-wordmark{will-change:transform;z-index:2}
body.r14-home .shell-header.s18-signing>:not(.shell-wordmark){pointer-events:none}
.s16-hero{background:#15191b}
.s18-progress{position:absolute;top:0;left:0;right:0;height:5px;z-index:35;overflow:hidden;pointer-events:none;background:#eab71512}
.s18-progress-fill{display:block;width:100%;height:100%;background:#f2b900;transform:scaleX(0);transform-origin:left center;will-change:transform}
.s16-stage{height:calc(100svh - var(--s18-header));height:calc(100dvh - var(--s18-header));min-height:0;overflow:visible}
.s16-act{height:100%;inset:0;overflow:hidden}
.s16-copy h2{font-size:clamp(40px,min(4.7vw,8.5vh),74px)}
.s16-reverse h2{font-size:clamp(42px,min(4.9vw,9vh),77px)}
.s16-act[data-s16-act="2"] h2{font-size:clamp(39px,min(4.45vw,8.5vh),70px)}
.s16-artbox{max-width:min(770px,calc((100dvh - var(--s18-header) - 34px)*1.0909));justify-self:center}
.s16-product-sign{grid-template-columns:auto 1fr}
.s16-product-sign>i{display:none}
.s18-final{position:absolute;inset:0;z-index:6;pointer-events:none;visibility:hidden;background:transparent}
.s18-signing .s18-final{visibility:visible}
.s18-final p{position:absolute;left:50%;transform:translateX(-50%);font:500 clamp(12px,2.1vw,28px)/1.3 Figtree,sans-serif;letter-spacing:.08em;white-space:nowrap;margin:0;color:#f5c746;opacity:0;text-align:center}
.s18-a11y-control{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;bottom:20px;left:20px;border:0;z-index:30}
.s18-a11y-control:focus-visible{clip-path:none;width:auto;height:auto;padding:12px 20px;background:#15191b;color:#f4f0e6;outline:2px solid #eab715}
.s18-a11y-control[data-s16-next]:focus-visible{left:auto;right:20px}
@media(min-width:651px) and (max-width:1190px){.s16-copy h2{font-size:clamp(33px,4.5vw,55px)}.s16-reverse h2{font-size:clamp(34px,4.7vw,55px)}.s16-act[data-s16-act="2"] h2{font-size:clamp(32px,4.2vw,52px)}}
@media(max-width:720px){body.r14-home{--s18-header:64px}}
@media(max-width:650px){
 .s16-stage{height:calc(100svh - var(--s18-header));height:calc(100dvh - var(--s18-header));overflow:hidden}
 .s16-act,.s16-reverse{height:100%;inset:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding-top:24px;padding-bottom:16px;gap:8px}
 .s16-copy,.s16-reverse .s16-copy{padding:0}
 .s16-copy h2{font-size:clamp(30px,min(8.9vw,5.1vh),54px)}
 .s16-reverse h2{font-size:clamp(33px,min(10.4vw,5.8vh),63px)}
 .s16-act[data-s16-act="2"] h2{font-size:clamp(29px,min(8.7vw,5.15vh),55px)}
 .s16-copy p{font-size:clamp(14px,1.95vh,17px);line-height:1.45;margin-top:17px}
 .s16-act .s16-artbox,.s16-reverse .s16-artbox{width:var(--s18-art-width,100%);max-width:100%;align-self:center;justify-self:center}
 .s18-final p{font-size:clamp(10px,3.2vw,20px);letter-spacing:.04em}
}
@media(max-height:650px) and (min-width:651px){.s16-copy{padding-block:12px}.s16-copy h2{font-size:clamp(29px,min(4.5vw,8vh),50px)}.s16-reverse h2{font-size:clamp(30px,min(4.7vw,8.5vh),53px)}.s16-act[data-s16-act="2"] h2{font-size:clamp(29px,min(4.2vw,8vh),49px)}.s16-copy p{font-size:16px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.s18-final{display:none}.s18-a11y-control[data-s16-pause]{display:none}}
/* Keep the user's closing line unbroken even on a narrow phone. */
.s18-final p{font-size:clamp(12px,1.9vw,26px);letter-spacing:.055em}
@media(max-width:650px){.s18-final p{font-size:clamp(11px,3.55vw,20px);letter-spacing:0}}

/* Vector outlines render at their actual size on every frame. */
body .shell-header .shell-wordmark.s19-wordmark{display:block;width:5.01em;height:1em}
.s19-wordmark>svg{display:block;width:100%;height:100%;overflow:visible}
body.r14-home .shell-header.s18-signing .shell-wordmark{transform:none;will-change:auto}
.shell-header.s18-signing .s19-wordmark>svg{position:fixed;z-index:102;pointer-events:none;transform:none;will-change:auto}