.cl-page{--cl-ink:#132019;--cl-paper:#f0eee6;--cl-brand:#24533b;--cl-signal:#d9f654;--cl-soft:#6250e8;color:#171815;min-height:100vh;font-family:var(--font-geist-sans),Arial,sans-serif;background:#eeede7}.cl-page *{box-sizing:border-box}.cl-page a{color:inherit;text-decoration:none}.cl-page button{color:inherit;font:inherit}.cl-page :focus-visible{outline-offset:4px;outline:2px solid #6250e8}.cl-page h1,.cl-page h2,.cl-page h3,.cl-page p{margin-top:0}.cl-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:70px;font:.47rem var(--font-geist-mono);text-transform:uppercase;background:#eeede7e6;border-bottom:1px solid #171815;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2rem;display:grid;position:sticky;top:0}.cl-header a,.cl-header button{align-items:center;gap:.45rem;display:flex}.cl-header button{cursor:pointer;background:0 0;border:1px solid #171815;justify-self:end;padding:.6rem .8rem}.cl-intro{border-bottom:1px solid #171815;grid-template-columns:.25fr 1fr .45fr;align-items:end;gap:3rem;padding:8rem 4vw;display:grid}.cl-intro>span,.cl-palette>header>span,.cl-contrast header span,.cl-takeaway>span{font:.48rem var(--font-geist-mono);text-transform:uppercase;align-self:start}.cl-intro h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,7vw,8.2rem);font-weight:560;line-height:.84}.cl-intro p{color:#666860;margin:0;font-size:.92rem;line-height:1.65}.cl-options{border-bottom:1px solid #171815;grid-template-columns:repeat(4,1fr);display:grid}.cl-options button{text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #171815;flex-direction:column;align-items:flex-start;min-height:220px;padding:1.5rem;transition:background .25s,color .25s;display:flex}.cl-options button:last-child{border:0}.cl-options button:hover,.cl-options button.is-active{color:var(--cl-paper);background:var(--cl-ink)}.cl-options span,.cl-options small{font:.45rem var(--font-geist-mono);text-transform:uppercase}.cl-options strong{letter-spacing:-.04em;margin:auto 0 1rem;font-size:clamp(1.5rem,2.4vw,2.8rem);font-weight:550;line-height:.95}.cl-options small{color:#777a72;max-width:17rem;line-height:1.5}.cl-options button.is-active small,.cl-options button:hover small{color:color-mix(in srgb,var(--cl-paper) 66%,transparent)}.cl-study{border-bottom:1px solid #171815;grid-template-columns:.36fr 1fr;min-height:780px;display:grid}.cl-rationale{border-right:1px solid #171815;flex-direction:column;padding:3rem;display:flex}.cl-rationale>div{font:.46rem var(--font-geist-mono);text-transform:uppercase;justify-content:space-between;display:flex}.cl-rationale>div>b{color:#24533b;align-items:center;gap:.35rem;font-weight:500;display:flex}.cl-rationale h2{letter-spacing:-.065em;margin:auto 0 1.5rem;font-size:clamp(3.4rem,5vw,6rem);font-weight:560;line-height:.86}.cl-rationale p{color:#666860;font-size:.92rem;line-height:1.7}.cl-rationale ul{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.cl-rationale li{font:.43rem var(--font-geist-mono);text-transform:uppercase;border:1px solid #aaa;border-radius:999px;padding:.55rem .7rem}.cl-preview{width:88%;max-width:1000px;min-height:600px;color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-ink);box-shadow:20px 24px 0 var(--cl-soft);align-self:center;margin:4rem auto;transition:color .35s,background .35s,box-shadow .35s}.cl-preview.is-dark{color:var(--cl-paper);background:var(--cl-ink);box-shadow:20px 24px 0 var(--cl-brand)}.cl-preview>header{border-bottom:1px solid;justify-content:space-between;align-items:center;height:62px;padding:0 1.4rem;display:flex}.cl-preview>header>div{font:.47rem var(--font-geist-mono);text-transform:uppercase;align-items:center;gap:.65rem;display:flex}.cl-preview>header strong{font:650 .75rem var(--font-geist-sans);text-transform:none}.cl-preview>header nav{font:.43rem var(--font-geist-mono);text-transform:uppercase}.cl-mark{width:26px;height:26px;display:block;position:relative}.cl-mark i,.cl-mark b{background:currentColor;position:absolute}.cl-mark i:first-child{width:16px;height:4px;top:4px;left:3px}.cl-mark i:nth-child(2){width:4px;height:15px;top:4px;left:3px}.cl-mark i:nth-child(3){width:13px;height:4px;top:15px;left:3px}.cl-mark i:nth-child(4){width:4px;height:12px;top:12px;left:16px}.cl-mark i:nth-child(5){width:10px;height:4px;top:20px;left:10px}.cl-mark b{background:var(--cl-brand);width:3px;height:3px;top:9px;left:16px}.cl-preview-hero{border-bottom:1px solid;min-height:330px;padding:3rem;position:relative;overflow:hidden}.cl-preview-hero>span,.cl-preview-work>span{font:.43rem var(--font-geist-mono);text-transform:uppercase}.cl-preview-hero h3{z-index:2;letter-spacing:-.07em;margin:3rem 0 1.5rem;font-size:clamp(3rem,5vw,6rem);font-weight:560;line-height:.82;position:relative}.cl-preview-hero h3 em{color:var(--cl-brand);font-style:normal}.cl-preview-hero p{z-index:2;margin:0;font-size:.76rem;position:relative}.cl-preview-hero>i{aspect-ratio:1;background:var(--cl-signal);width:45%;box-shadow:0 0 0 45px color-mix(in srgb,var(--cl-signal) 22%,transparent);border-radius:50%;position:absolute;top:-25%;right:-5%}.cl-preview-work{grid-template-columns:.3fr 1fr .7fr auto;align-items:center;gap:1.2rem;min-height:150px;padding:1.5rem;display:grid}.cl-preview-work>strong{letter-spacing:-.05em;font-size:clamp(1.5rem,2.7vw,3.2rem);font-weight:550}.cl-preview-work>div{gap:.35rem;display:flex}.cl-preview-work>div i{background:var(--cl-brand);width:8px;height:40px}.cl-preview-work>div i:nth-child(2){height:56px}.cl-preview-work>div i:nth-child(3){height:31px}.cl-preview-work>div i:nth-child(4){height:68px}.cl-preview-work>div i:nth-child(5){height:49px}.cl-preview-work>b{font:.43rem var(--font-geist-mono);text-transform:uppercase;align-items:center;gap:.35rem;font-weight:400;display:flex}.cl-palette{border-bottom:1px solid #171815;padding:8rem 4vw}.cl-palette>header{grid-template-columns:.25fr 1fr .45fr;align-items:end;gap:3rem;margin-bottom:5rem;display:grid}.cl-palette h2,.cl-contrast h2,.cl-takeaway h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.7rem,6vw,7rem);font-weight:560;line-height:.85}.cl-palette>header p{color:#666860;margin:0;font-size:.9rem;line-height:1.65}.cl-swatches{border:1px solid #171815;grid-template-columns:repeat(5,1fr);display:grid}.cl-swatches article{border-right:1px solid #171815;min-width:0;padding:1.25rem}.cl-swatches article:last-child{border:0}.cl-swatches article>div{border-bottom:1px solid #171815;height:220px;margin:-1.25rem -1.25rem 1.5rem}.cl-swatches span,.cl-swatches strong{font:.43rem var(--font-geist-mono);text-transform:uppercase}.cl-swatches h3{margin:2.8rem 0 .7rem;font-size:clamp(1.25rem,2vw,2.2rem);font-weight:550;line-height:.95}.cl-swatches strong{color:#666860;font-weight:400}.cl-swatches p{color:#666860;margin:2rem 0 0;font-size:.78rem;line-height:1.5}.cl-ratio{height:58px;color:var(--cl-paper);background:var(--cl-ink);font:.42rem var(--font-geist-mono);text-transform:uppercase;margin-top:2rem;display:flex}.cl-ratio span{border-right:1px solid color-mix(in srgb,var(--cl-paper) 35%,transparent);white-space:nowrap;align-items:center;padding:0 1rem;display:flex}.cl-ratio span:nth-child(3){color:var(--cl-paper);background:var(--cl-brand)}.cl-ratio span:nth-child(4){color:var(--cl-ink);background:var(--cl-signal);text-indent:-999px;overflow:hidden}.cl-contrast{background:#d9d8d2;grid-template-columns:.6fr 1fr;gap:7vw;padding:8rem 4vw;display:grid}.cl-contrast header span{margin-bottom:3rem;display:block}.cl-contrast>div{border-top:1px solid #171815}.cl-contrast article{border-bottom:1px solid #171815;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;min-height:100px;display:grid}.cl-contrast article span{font:.48rem var(--font-geist-mono);text-transform:uppercase}.cl-contrast article strong{font-size:2rem;font-weight:550}.cl-contrast article b{text-align:center;min-width:80px;font:.43rem var(--font-geist-mono);text-transform:uppercase;border:1px solid #171815;padding:.55rem;font-weight:400}.cl-contrast>p{color:#666860;grid-column:2;font-size:.75rem}.cl-takeaway{color:var(--cl-paper);background:var(--cl-ink);text-align:center;padding:9rem 20vw}.cl-takeaway>span{display:block}.cl-takeaway h2{margin:3rem 0}.cl-takeaway p{max-width:700px;color:color-mix(in srgb,var(--cl-paper) 68%,transparent);margin:0 auto;font-size:1rem;line-height:1.7}.cl-takeaway a{width:max-content;font:.47rem var(--font-geist-mono);text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:.55rem;margin:3rem auto 0;padding-bottom:.65rem;display:flex}@media (width<=950px){.cl-header{grid-template-columns:1fr auto}.cl-header>span{display:none}.cl-intro{grid-template-columns:.25fr 1fr}.cl-intro>p{grid-column:2}.cl-options{grid-template-columns:1fr 1fr}.cl-options button:nth-child(2){border-right:0}.cl-options button:nth-child(-n+2){border-bottom:1px solid #171815}.cl-study{grid-template-columns:1fr}.cl-rationale{border-bottom:1px solid #171815;border-right:0;min-height:480px}.cl-palette>header{grid-template-columns:.25fr 1fr}.cl-palette>header p{grid-column:2}.cl-swatches{grid-template-columns:repeat(2,1fr)}.cl-swatches article{border-bottom:1px solid #171815}.cl-swatches article:nth-child(2n){border-right:0}.cl-swatches article:last-child{grid-column:1/-1}.cl-contrast{grid-template-columns:1fr}.cl-contrast>p{grid-column:1}.cl-takeaway{padding-left:8vw;padding-right:8vw}}@media (width<=600px){.cl-header{height:66px;padding:0 1rem}.cl-intro{grid-template-columns:1fr;gap:2rem;padding:5rem 1.2rem}.cl-intro h1{font-size:15vw}.cl-intro>p{grid-column:1}.cl-options{grid-template-columns:1fr}.cl-options button{border-right:0;min-height:170px;border-bottom:1px solid #171815!important}.cl-options button:last-child{border-bottom:0!important}.cl-rationale{min-height:500px;padding:2rem 1.2rem}.cl-preview{width:94%;min-height:520px;box-shadow:10px 12px 0 var(--cl-soft);margin:2rem auto}.cl-preview>header nav{display:none}.cl-preview-hero{min-height:300px;padding:2rem 1.2rem}.cl-preview-hero h3{font-size:13vw}.cl-preview-work{grid-template-columns:1fr auto}.cl-preview-work>span,.cl-preview-work>div{display:none}.cl-palette{padding:5rem 1.2rem}.cl-palette>header{grid-template-columns:1fr;gap:2rem}.cl-palette>header p{grid-column:1}.cl-palette h2,.cl-contrast h2,.cl-takeaway h2{font-size:14vw}.cl-swatches{grid-template-columns:1fr}.cl-swatches article,.cl-swatches article:nth-child(2n){border-right:0}.cl-swatches article:last-child{grid-column:auto}.cl-ratio span{padding:0 .35rem;font-size:.35rem}.cl-contrast{padding:5rem 1.2rem}.cl-contrast article{grid-template-columns:1fr auto;gap:1rem}.cl-contrast article b{grid-column:1/-1;width:max-content;margin-bottom:1rem}.cl-takeaway{padding:6rem 1.2rem}}.cl-page :focus-visible{outline-color:var(--cl-brand)}.cl-rationale>div>b{color:var(--cl-brand)}.cl-rationale h2{margin-top:5rem}.cl-psych{gap:1rem;margin:1rem 0 0;display:grid}.cl-psych>div{border-top:1px solid #aaa;grid-template-columns:75px 1fr;gap:1rem;padding-top:1rem;display:grid}.cl-psych dt{font:.42rem var(--font-geist-mono);text-transform:uppercase}.cl-psych dd{color:#666860;margin:0;font-size:.72rem;line-height:1.55}.cl-rationale ul{margin-top:1.3rem}@media (width<=600px){.cl-rationale{min-height:720px}.cl-rationale h2{margin-top:3rem}.cl-psych>div{grid-template-columns:1fr}.cl-psych dd{font-size:.76rem}}.cl-page{--cl-ink:#1b1513;--cl-paper:#f3ece3;--cl-brand:#804333;--cl-signal:#b86749;--cl-soft:#dbc5b8}.cl-header,.cl-intro>span,.cl-palette>header>span,.cl-contrast header span,.cl-takeaway>span,.cl-options span,.cl-options small,.cl-rationale>div,.cl-rationale li,.cl-swatches span,.cl-swatches strong,.cl-contrast article span,.cl-contrast article b,.cl-takeaway a,.cl-psych dt{font-size:.76rem;line-height:1.45}.cl-preview>header>div,.cl-preview>header nav,.cl-preview-hero>span,.cl-preview-work>span,.cl-preview-work>b,.cl-ratio{font-size:.64rem;line-height:1.35}.cl-intro p,.cl-rationale p,.cl-palette>header p,.cl-takeaway p{font-size:1.03rem}.cl-psych dd,.cl-swatches p,.cl-contrast>p{font-size:.95rem;line-height:1.65}@media (width<=600px){.cl-header{font-size:.68rem}.cl-options small,.cl-rationale>div,.cl-rationale li,.cl-swatches span,.cl-swatches strong{font-size:.7rem}.cl-intro p,.cl-rationale p,.cl-takeaway p{font-size:1.03rem}}