.cl-experience{--cl-surface:var(--paper,#fafaf8);--cl-mineral:var(--paper-deep,#eeefea);--cl-ink:var(--ink,#151716);--cl-muted:#5e645f;--cl-line:var(--line-strong,#1517162e);--cl-accent:var(--blue,#1968ae);--cl-radius:2px;--cl-gutter:var(--page-gutter,3.5rem);--cl-max:var(--grid-max,107.5rem);--cl-display:clamp(3rem, 6.5vw, 6.25rem);--cl-heading:clamp(2.4rem, 4.3vw, 4.5rem);--cl-label:.75rem;--cl-fast:.16s;--cl-standard:.26s;--cl-cinematic:.9s;--cl-ease-ui:cubic-bezier(.23, 1, .32, 1);--cl-ease-camera:cubic-bezier(.77, 0, .175, 1);color:var(--cl-ink);background:var(--cl-surface);font-variant-numeric:lining-nums}.cl-experience :where(h1,h2,h3){text-wrap:balance}.cl-experience :where(p){text-wrap:pretty}.cl-experience :where(button,a,input,select,summary){touch-action:manipulation;scroll-margin-block:calc(var(--nav-height) + 1.5rem) 6rem}.cl-experience :where(section[id]){scroll-margin-top:var(--nav-height)}.cl-label{font:400 var(--cl-label,.75rem)/1.5 var(--font-mono);letter-spacing:.065em;text-transform:uppercase;font-variant-numeric:tabular-nums}.cl-link,.cl-button{border-radius:var(--cl-radius,2px);width:fit-content;max-width:100%;min-height:48px;font:500 .875rem/1.4 var(--font-sans);text-align:start;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:2rem;transition:color .16s,background-color .16s,transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.cl-link{background:0 0;border-bottom:1px solid;border-radius:0;padding:.5rem 0}.cl-button{color:var(--paper-pure);background:var(--ink);padding:.875rem 1.25rem}.cl-link svg,.cl-button svg{flex:none;width:20px;height:20px}.cl-link:active,.cl-button:active{transform:scale(.98)}.cl-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.cl-link:hover{color:var(--blue)}.cl-button:hover{background:var(--ink-strong)}}::view-transition{pointer-events:none}:root:active-view-transition-type(page)::view-transition-old(root){animation:.52s cubic-bezier(.7,0,.84,0) both cl-page-leave}:root:active-view-transition-type(page)::view-transition-new(root){animation:.68s cubic-bezier(.16,1,.3,1) both cl-page-enter}:root:active-view-transition-type(product-open)::view-transition-old(root){animation:.42s cubic-bezier(.7,0,.84,0) both cl-product-page-leave}:root:active-view-transition-type(product-open)::view-transition-new(root){animation:.62s cubic-bezier(.16,1,.3,1) both cl-product-page-enter}@keyframes cl-page-leave{to{opacity:0;transform:translateY(-2.5rem)}}@keyframes cl-page-enter{0%{clip-path:inset(100% 0 0);transform:translateY(2rem)}to{clip-path:inset(0);transform:translate(0,0)}}@keyframes cl-product-page-leave{to{opacity:0}}@keyframes cl-product-page-enter{0%{opacity:0}to{opacity:1}}::view-transition-group(.clarten-product){z-index:2;animation-duration:.55s;animation-timing-function:cubic-bezier(.77,0,.175,1)}::view-transition-old(.clarten-product){opacity:0;animation:none}::view-transition-new(.clarten-product){mix-blend-mode:normal;width:100%;height:100%;animation:none}:root:active-view-transition-type(instant-product)::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}:root:active-view-transition-type(instant-product)::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}:root:active-view-transition-type(instant-product)::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}