/* Kleivo uses the production Decods shell, fonts, palette and spacing tokens. */
[data-page=kleivo] .page-main{background:var(--bg)}
[data-page=kleivo] em{font-style:normal;color:var(--accent-ink)}
[data-page=kleivo] .k-eyebrow{font:400 11px/1.6 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
[data-page=kleivo] :is(h1,h2,h3){font-weight:var(--display);letter-spacing:-.06em;line-height:.98}
[data-page=kleivo] .k-section{padding:var(--space-section) var(--pad);border-top:1px solid var(--line);position:relative}
[data-page=kleivo] .k-section h2{font-size:clamp(42px,5.4vw,100px);max-width:1300px;margin-bottom:48px}
[data-page=kleivo] .k-section-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:54px}
[data-page=kleivo] .k-section h3{font-size:clamp(27px,2.45vw,42px);line-height:1.1;letter-spacing:-.05em}
[data-page=kleivo] .k-section p:not(.eyebrow,.body-l){font-size:clamp(16px,1.22vw,20px);line-height:1.55;color:var(--ink-2)}
[data-page=kleivo] .k-hero{padding:calc(var(--header) + 28px) var(--pad) 42px;min-height:calc(var(--vh-small)*100);display:flex;flex-direction:column;gap:34px}
[data-page=kleivo] .k-topline{display:flex;justify-content:space-between;gap:20px;align-items:start}
[data-page=kleivo] .k-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:center;flex:1}
[data-page=kleivo] .k-hero-copy{padding-block:28px}
[data-page=kleivo] .k-hero-copy>.eyebrow{margin-bottom:24px}
[data-page=kleivo] .k-hero h1{font-size:clamp(72px,min(9.2vw,calc(var(--vh-small)*14.8)),178px);line-height:.95;letter-spacing:-.065em}
[data-page=kleivo] .k-phone-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;padding:12px 30px}
[data-page=kleivo] .k-phone{width:clamp(195px,min(18vw,calc(var(--vh-small)*24)),328px);border:6px solid var(--ink);border-radius:38px;overflow:hidden;box-shadow:0 18px 35px #17171a0c;background:var(--bg)}
[data-page=kleivo] .k-phone img{width:100%;display:block;height:auto}
[data-page=kleivo] .k-frame-index{width:100%;border-bottom:1px solid var(--line);padding-bottom:12px;display:flex;justify-content:space-between;gap:20px}
[data-page=kleivo] .k-phone-figure figcaption{font:10px/1.6 var(--mono);color:var(--muted)}
[data-page=kleivo] .k-hero-foot{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;align-items:end;padding-top:22px}
[data-page=kleivo] .k-hero-foot .body-l{font-size:15px;max-width:38ch}
[data-page=kleivo] .k-hero-foot>.reel-link{justify-self:center}
[data-page=kleivo] .k-availability{text-align:right;display:grid;gap:8px}
[data-page=kleivo] .k-availability i{display:inline-block;width:5px;height:5px;border:1px solid var(--accent-ink);border-radius:50%;margin-right:7px;vertical-align:2px}
[data-page=kleivo] .k-study-head{display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:end;margin-bottom:44px}
[data-page=kleivo] .k-study-head h2{margin-bottom:0}
[data-page=kleivo] .k-study-head>.body-l{max-width:33ch}
[data-page=kleivo] .k-study-display{display:grid;grid-template-columns:1.3fr 1fr;border-top:1px solid var(--line);min-height:380px}
[data-page=kleivo] .k-composition{position:relative;display:flex;align-items:center;justify-content:center;margin:34px 0;min-height:300px;overflow:hidden}
[data-page=kleivo] .k-frame-word{font-size:clamp(58px,7vw,128px);font-weight:var(--display);line-height:.92;letter-spacing:-.075em;transition:transform .7s var(--ease),opacity .7s var(--ease);position:relative}
[data-page=kleivo] .k-frame-word:after{content:'';position:absolute;top:-10%;bottom:-8%;left:54%;border-left:1px solid var(--accent-ink);transition:opacity .5s}
[data-page=kleivo] .k-frame-corner{position:absolute;width:24px;height:24px;border-color:var(--ink);border-style:solid;border-width:0;transition:transform .7s var(--ease);inset:10px auto auto 10px}
[data-page=kleivo] .k-frame-corner.a{border-top-width:1px;border-left-width:1px}
[data-page=kleivo] .k-frame-corner.b{left:auto;right:10px;border-top-width:1px;border-right-width:1px}
[data-page=kleivo] .k-frame-corner.c{top:auto;bottom:10px;border-bottom-width:1px;border-left-width:1px}
[data-page=kleivo] .k-frame-corner.d{top:auto;bottom:10px;left:auto;right:10px;border-bottom-width:1px;border-right-width:1px}
[data-page=kleivo] .k-timecode{position:absolute;bottom:22px;left:34px}
[data-page=kleivo] .k-study-copy{border-left:1px solid var(--line);padding:55px clamp(24px,4vw,68px);display:flex;flex-direction:column;justify-content:center;gap:22px}
[data-page=kleivo] .k-study-copy>p:last-child{max-width:34ch}
[data-page=kleivo] .k-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:24px;position:relative;border-top:1px solid var(--line)}
[data-page=kleivo] .k-timeline-line{position:absolute;left:0;top:0;width:calc((100% - 16px)/3);border-top:2px solid var(--accent-ink);transition:transform .65s var(--ease)}
[data-page=kleivo] .k-timeline button{cursor:pointer;appearance:none;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;text-align:left;padding:20px 24px;display:grid;gap:18px;transition:background .3s,color .3s,border-color .3s}
[data-page=kleivo] .k-timeline button>span:last-child{font-size:clamp(22px,2.7vw,46px);letter-spacing:-.045em;line-height:1.1}
[data-page=kleivo] .k-timeline button[aria-pressed=true]{border-color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 5%,var(--bg));color:var(--accent-ink)}
[data-page=kleivo] .k-timeline button:hover{border-color:var(--accent-ink)}
[data-page=kleivo] .k-illustration-note{margin-top:18px}
[data-page=kleivo] .k-audio-wave{position:absolute;display:flex;align-items:center;gap:8px;height:140px;opacity:0;transform:translateY(12px);transition:transform .7s var(--ease),opacity .7s var(--ease)}
[data-page=kleivo] .k-audio-wave i{width:5px;height:20%;background:var(--accent-ink);border-radius:3px}
[data-page=kleivo] .k-audio-wave i:nth-child(3n){height:80%}[data-page=kleivo] .k-audio-wave i:nth-child(4n){height:50%}[data-page=kleivo] .k-audio-wave i:nth-child(5n){height:100%}
[data-page=kleivo] .k-cue{position:absolute;bottom:40px;background:var(--accent-ink);color:white;padding:7px 18px;font-size:20px;letter-spacing:-.03em;transform:translateY(10px);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease)}
[data-page=kleivo] [data-k-study=sound] .k-frame-word{opacity:.06;transform:scale(.96)}
[data-page=kleivo] [data-k-study=sound] .k-audio-wave{opacity:1;transform:translateY(0)}
[data-page=kleivo] [data-k-study=sound] .k-timeline-line{transform:translateX(calc(100% + 8px))}
[data-page=kleivo] [data-k-study=captions] .k-timeline-line{transform:translateX(calc(200% + 16px))}
[data-page=kleivo] [data-k-study=captions] .k-frame-word{transform:translateY(-28px) scale(.9)}
[data-page=kleivo] [data-k-study=captions] .k-frame-word:after{opacity:0}
[data-page=kleivo] [data-k-study=captions] .k-cue{transform:translateY(0);opacity:1}
[data-page=kleivo] .k-detail-grid,[data-page=kleivo] .k-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,64px);margin-top:56px}
[data-page=kleivo] :is(.k-detail-grid,.k-workflow-grid) article{padding-top:22px;border-top:1px solid var(--line)}
[data-page=kleivo] :is(.k-detail-grid,.k-workflow-grid) h3{margin:28px 0 22px}
[data-page=kleivo] .k-detail-number,[data-page=kleivo] .k-workflow-grid article>span{font-size:clamp(56px,6vw,100px);letter-spacing:-.07em;line-height:1;color:var(--accent-ink);font-weight:350}
[data-page=kleivo] .k-local-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:start}
[data-page=kleivo] .k-local-grid h2{margin:0}
[data-page=kleivo] .k-note{font-size:14px!important;color:var(--muted)!important;margin:22px 0 32px;max-width:44ch}
[data-page=kleivo] .k-beliefs{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;border-block:1px solid var(--line);padding:24px 0;margin-top:60px;font-size:14px}
[data-page=kleivo] .k-workflow>.reel-link{margin-top:42px}
[data-page=kleivo] .k-help-list{margin-top:48px}
[data-page=kleivo] .k-help-list a{display:grid;grid-template-columns:.65fr 1.5fr auto;gap:30px;align-items:center;padding:26px 0;border-top:1px solid var(--line);min-height:108px;transition:color .25s}
[data-page=kleivo] .k-help-list a:last-child{border-bottom:1px solid var(--line)}
[data-page=kleivo] .k-help-list a:hover{color:var(--accent-ink)}
[data-page=kleivo] .k-help-list h3{font-size:clamp(28px,3.6vw,58px)}
[data-page=kleivo] .k-help-list .ui-arrow{width:32px;height:32px}
/* Legal and help pages are documents within Decods, with its normal site shell. */
[data-page=kleivo] .k-doc-head{padding:calc(var(--header) + 28px) var(--pad) 64px}
[data-page=kleivo] .k-doc-top{display:flex;justify-content:space-between;gap:22px;align-items:start;margin-bottom:72px}
[data-page=kleivo] .k-doc-family{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;align-items:center}
[data-page=kleivo] .k-doc-family a{min-height:30px;display:flex;align-items:center}
[data-page=kleivo] .k-doc-family a:hover,[data-page=kleivo] .k-doc-family a[aria-current]{color:var(--accent-ink)}
[data-page=kleivo] .k-doc-head h1{font-size:clamp(54px,8vw,144px);max-width:1400px;margin:28px 0 48px;overflow-wrap:anywhere}
[data-page=kleivo] .k-doc-head h1>span{color:var(--accent-ink)}
[data-page=kleivo] .k-doc-summary{display:flex;align-items:end;justify-content:space-between;gap:50px}
[data-page=kleivo] .k-lead{font-size:clamp(18px,1.6vw,25px);line-height:1.5;color:var(--ink-2);max-width:650px}
[data-page=kleivo] .k-meta{font:11px/1.9 var(--mono);color:var(--muted);flex-shrink:0}
[data-page=kleivo] .k-doc-grid{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:8vw;padding:0 var(--pad) var(--space-section);align-items:start}
[data-page=kleivo] .k-doc-grid aside{position:sticky;top:calc(var(--header) + 28px);border-top:1px solid var(--line);padding-top:25px}
[data-page=kleivo] .k-toc{display:grid;gap:0;margin:18px 0 25px;font-size:13px;max-width:280px}
[data-page=kleivo] .k-toc a{padding:8px 0;color:var(--ink-2);line-height:1.5}
[data-page=kleivo] .k-toc a:hover{color:var(--accent-ink)}
[data-page=kleivo] .k-doc-grid .language{font-size:13px;text-decoration:underline;text-underline-offset:5px}
[data-page=kleivo] .k-prose{border-top:1px solid var(--line);font-size:17px;line-height:1.8;color:var(--ink-2);max-width:900px;overflow-wrap:anywhere}
[data-page=kleivo] .k-prose h2{font-size:clamp(28px,2.75vw,44px);line-height:1.12;letter-spacing:-.045em;margin:56px 0 20px;color:var(--ink);scroll-margin-top:calc(var(--header) + 32px)}
[data-page=kleivo] .k-prose>h2:first-child{margin-top:24px}
[data-page=kleivo] .k-prose p{margin-bottom:18px}
[data-page=kleivo] .k-prose a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
[data-page=kleivo] .k-prose ul{padding-left:22px;list-style:disc;margin-block:18px}
[data-page=kleivo] .k-prose li{padding:5px 0}
[data-page=kleivo] .k-callout{padding:28px 0;margin:26px 0;border-block:1px solid var(--line)}
[data-page=kleivo] .k-callout h2{margin:0 0 16px}
[data-page=kleivo] .k-callout p:last-child{margin-bottom:0}
[data-page=kleivo] .k-prose details{padding:20px 0;border-top:1px solid var(--line)}
[data-page=kleivo] .k-prose summary{cursor:pointer;min-height:32px;font-weight:500;color:var(--ink);padding-right:15px;line-height:1.5}
[data-page=kleivo] .k-prose details p{margin-top:18px;font-size:16px}
[data-page=kleivo] .k-prose .contact{font-size:clamp(24px,3.2vw,48px);letter-spacing:-.04em;line-height:1.3}
[data-page=kleivo] .k-prose code{font-size:14px;font-family:var(--mono);padding:2px 4px;background:#3933f20a}
[data-page=kleivo] .k-hero :is(a,button),[data-page=kleivo] .k-section :is(a,button),[data-page=kleivo] .k-document a{scroll-margin-top:calc(var(--header) + 25px)}
@media(min-width:1900px){[data-page=kleivo] .k-hero-grid{grid-template-columns:1.3fr 1fr}[data-page=kleivo] .k-hero h1{font-size:clamp(150px,9.2vw,225px)}[data-page=kleivo] .k-phone{width:340px}}
@media(max-width:1000px){[data-page=kleivo] .k-hero h1{font-size:clamp(60px,8.5vw,90px)}[data-page=kleivo] .k-hero-grid{gap:3vw}[data-page=kleivo] .k-phone-figure{padding-inline:0}[data-page=kleivo] .k-hero-foot{grid-template-columns:1fr 1fr;gap:25px}[data-page=kleivo] .k-hero-foot>.reel-link{justify-self:end}[data-page=kleivo] .k-availability{grid-column:1/-1;display:flex;justify-content:space-between;text-align:left}[data-page=kleivo] .k-doc-top{flex-direction:column;gap:24px;margin-bottom:50px}[data-page=kleivo] .k-doc-grid{gap:5vw;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){[data-page=kleivo] .k-topline>.eyebrow{display:none}[data-page=kleivo] .k-hero{gap:20px;padding-bottom:40px;padding-top:calc(var(--header) + 20px)}[data-page=kleivo] .k-hero-grid{grid-template-columns:1fr;gap:18px}[data-page=kleivo] .k-hero-copy{padding-top:15px;padding-bottom:15px}[data-page=kleivo] .k-hero-copy>.eyebrow{margin-bottom:20px}[data-page=kleivo] .k-hero h1{font-size:clamp(56px,13.5vw,94px)}[data-page=kleivo] .k-phone-figure{padding:18px 0;border-block:1px solid var(--line);gap:18px}[data-page=kleivo] .k-frame-index{border:0;padding:0}[data-page=kleivo] .k-phone{width:215px;border-radius:32px;border-width:5px}[data-page=kleivo] .k-hero-foot{grid-template-columns:1fr;gap:24px;padding-top:10px}[data-page=kleivo] .k-hero-foot>.reel-link{justify-self:start}[data-page=kleivo] .k-availability{display:grid;gap:8px}[data-page=kleivo] .k-section-label{margin-bottom:32px}[data-page=kleivo] .k-section-label>:last-child:not(:first-child){display:none}[data-page=kleivo] .k-section h2{font-size:clamp(40px,8.8vw,60px);margin-bottom:30px}[data-page=kleivo] .k-study-head,[data-page=kleivo] .k-study-display,[data-page=kleivo] .k-local-grid{grid-template-columns:1fr;gap:26px}[data-page=kleivo] .k-study-head{margin-bottom:30px}[data-page=kleivo] .k-study-head h2{margin-bottom:0}[data-page=kleivo] .k-composition{min-height:235px;margin:22px 0 0}[data-page=kleivo] .k-frame-word{font-size:76px}[data-page=kleivo] .k-study-copy{border-left:0;border-top:1px solid var(--line);padding:24px 0;min-height:222px;gap:16px}[data-page=kleivo] .k-timeline{padding-top:16px;gap:5px}[data-page=kleivo] .k-timeline button{padding:16px 9px;gap:13px;min-height:105px}[data-page=kleivo] .k-timeline button .eyebrow{font-size:9px}[data-page=kleivo] .k-timeline button>span:last-child{font-size:20px}[data-page=kleivo] .k-timeline-line{width:calc((100% - 10px)/3)}[data-page=kleivo] [data-k-study=sound] .k-timeline-line{transform:translateX(calc(100% + 5px))}[data-page=kleivo] [data-k-study=captions] .k-timeline-line{transform:translateX(calc(200% + 10px))}[data-page=kleivo] .k-detail-grid,[data-page=kleivo] .k-workflow-grid{grid-template-columns:1fr;gap:32px;margin-top:36px}[data-page=kleivo] :is(.k-detail-grid,.k-workflow-grid) article{display:grid;grid-template-columns:52px 1fr;gap:0 20px;padding-top:24px}[data-page=kleivo] :is(.k-detail-number,.k-workflow-grid article>span){font-size:44px;grid-row:1/3}[data-page=kleivo] :is(.k-detail-grid,.k-workflow-grid) h3{margin:0 0 15px;font-size:28px}[data-page=kleivo] .k-beliefs{grid-template-columns:1fr 1fr;gap:20px;font-size:12px;margin-top:36px}[data-page=kleivo] .k-help-list a{grid-template-columns:1fr auto;gap:16px;padding:22px 0;min-height:120px}[data-page=kleivo] .k-help-list .eyebrow{grid-column:1/-1}[data-page=kleivo] .k-help-list h3{font-size:30px}[data-page=kleivo] .k-help-list .ui-arrow{width:25px;height:25px}[data-page=kleivo] .k-doc-head{padding-top:calc(var(--header) + 20px);padding-bottom:38px}[data-page=kleivo] .k-doc-head h1{font-size:clamp(42px,10.5vw,72px);margin:24px 0 32px}[data-page=kleivo] .k-doc-family{gap:16px;font-size:12px}[data-page=kleivo] .k-doc-summary{display:block}[data-page=kleivo] .k-meta{margin-top:24px}[data-page=kleivo] .k-doc-grid{grid-template-columns:1fr;gap:32px}[data-page=kleivo] .k-doc-grid aside{position:static;padding-top:20px}[data-page=kleivo] .k-toc{grid-template-columns:1fr 1fr;gap:0 16px;max-width:none}[data-page=kleivo] .k-prose{font-size:16px}[data-page=kleivo] .k-prose h2{font-size:28px;margin-top:40px}[data-page=kleivo] .k-prose>h2:first-child{margin-top:24px}}
.reduced-motion [data-page=kleivo] .page-main *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){[data-page=kleivo] .page-main *{transition:none!important;animation:none!important}}
@media print{[data-page=kleivo] :is(.site-head,#menu,.site-foot,.k-doc-grid aside,.world,.world-art-track,.k-doc-top,.cursor,.intro){display:none!important}[data-page=kleivo] .k-doc-grid{display:block;padding:0}[data-page=kleivo] .k-doc-head{padding:0 0 25px}[data-page=kleivo] .k-prose{border:0;max-width:none;color:#000}[data-page=kleivo] .k-prose h2{break-after:avoid}[data-page=kleivo] .k-document a{color:#000!important}}