@font-face{font-family:'Gloock';src:url(../../fonts/concepts/gloock.woff2) format('woff2');font-weight:400;font-display:swap}
.st-clay{--gl:'Gloock',var(--serif);background:var(--cs-wall);color:var(--cs-ink)}
.st-clay h1,.st-clay h2{font-family:var(--gl);font-weight:400}
.cl-hero{position:relative;min-height:calc(100vh - 2.8rem);min-height:calc(100svh - 2.8rem);display:flex;flex-direction:column;overflow:hidden;touch-action:pan-y;cursor:ew-resize;background:radial-gradient(70% 80% at 62% 40%,var(--cs-wall),var(--cs-wall-b))}
.cl-stage{position:absolute;inset:0}
.cl-stage .live{position:absolute;inset:0;width:100%;height:100%;display:block}
.cl-hero .st-nav{position:relative;z-index:2;cursor:auto}
.st-clay .st-nav b{font:400 1.5rem/1 var(--gl);letter-spacing:0;text-transform:none}
.cl-plain{position:absolute;left:65%;top:50%;width:min(46vw,70vh);transform:translate(-50%,-50%)}
.cl-plain path{fill:var(--cs-clay)}
.cl-stage.live-on ~ .cl-plain{display:none}
.cl-copy{position:relative;z-index:2;margin:auto 0;padding:1rem var(--st-pad) 2rem;width:min(30rem,36%);box-sizing:content-box;cursor:auto}
.st-clay h1{font-size:clamp(4.2rem,10vw,27vh);line-height:.9;letter-spacing:-.02em;margin:0 0 .26em}
.cl-copy > p{margin:0 0 1.1rem;max-width:30ch;color:var(--cs-ink-2)}
.st-clay .cl-copy .st-chips{margin:0 0 .5rem}
.st-clay .st-chip{background:var(--cs-wall);box-shadow:inset 0 0 0 1px var(--cs-ink)}
.st-clay .st-chip[aria-pressed=true]{background:var(--cs-ink);color:var(--cs-wall)}
.cl-book{background:var(--cs-ink);color:var(--cs-wall)}
.cl-book .st-chip{background:none;color:var(--cs-wall);box-shadow:inset 0 0 0 1px var(--cs-wall)}
.cl-book .st-chip[aria-pressed=true]{background:var(--cs-wall);color:var(--cs-ink)}
.st-clay h2{font-size:clamp(2.6rem,5.6vw,15vh);line-height:1;margin:0 0 .5em}
.cl-book p{margin:0 0 1.2rem}
@media (max-width:900px){.cl-hero{min-height:0;padding-bottom:104vw}.cl-copy{width:auto;margin:0;padding:.6rem var(--st-pad) .6rem}.st-clay h1{font-size:24vw}.cl-stage{inset:auto 0 0 0;height:104vw}.cl-plain{left:50%;top:auto;bottom:6vw;width:80vw;transform:translateX(-50%)}}