.cl-about-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--red);min-height:690px}
.cl-about-hello{padding:70px var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.cl-about h1,.cl-about h2,.cl-about-statement{text-transform:uppercase;text-wrap:balance}
.cl-about h1{font-size:clamp(70px,8.2vw,118px);line-height:1.02;max-width:8ch}
.cl-about h1 span{color:var(--paper)}
.cl-about-hello>p,.cl-about-hello>.cl-text-link{color:#101d16}
.cl-about-hello>p{max-width:31ch;font-size:20px;line-height:1.5;margin:32px 0}
.cl-about-cover{margin:0;position:relative;min-width:0;overflow:hidden}
.cl-about-cover>img{width:100%;height:100%;max-height:810px;object-fit:cover;object-position:50% 37%}
.cl-about-cover figcaption{position:absolute;bottom:24px;left:24px;right:24px;background:var(--yellow);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}
.cl-about-cover figcaption>span{font-weight:600}.cl-about-cover figcaption a{display:flex;align-items:center;gap:12px;text-decoration:underline}.cl-about-cover .cl-icon{width:20px;flex-shrink:0}
.cl-about-origin{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;scroll-margin-top:100px}
.cl-about h2{font-size:clamp(44px,5.5vw,80px);line-height:1.08}
.cl-about-origin h2 span{color:var(--green)}
.cl-about-letter{max-width:58ch}.cl-about-letter p+p{margin-top:24px}.cl-about-lead{font-size:24px;line-height:1.5}.cl-about-signature{width:160px;height:auto;margin-top:36px;transform:rotate(-4deg)}
.cl-about-language{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:var(--green);color:var(--paper);align-items:start}
.cl-about-language :is(summary,a):focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.cl-about-language-intro{position:sticky;top:120px}.cl-about-language-intro h2{color:var(--yellow);max-width:12ch}.cl-about-language-intro p{margin-top:28px;max-width:33ch}
.cl-about-expressions details{border-top:1px solid #faf9f34d;padding:26px 0}.cl-about-expressions details:last-child{border-bottom:1px solid #faf9f34d}
.cl-about-expressions summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:clamp(24px,2.5vw,36px);font-weight:600}
.cl-about-expressions summary::-webkit-details-marker{display:none}.cl-about-expressions summary .cl-icon{transition:transform .25s var(--ease);flex-shrink:0}.cl-about-expressions details[open] summary .cl-icon{transform:rotate(45deg)}
.cl-about-expression-body>p{margin:24px 0;max-width:48ch}.cl-about-expression-body>a{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:28px;background:var(--paper);color:var(--ink);padding:12px}
.cl-about-expression-body img{width:150px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.cl-about-expression-body>a>span{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;padding-right:12px}.cl-about-expression-body>a .cl-icon{flex-shrink:0}
.cl-about-belong{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--lilac);align-items:center}.cl-about-belong h2{max-width:11ch}.cl-about-belong-copy p{max-width:42ch;margin:26px 0}
.cl-about-statement{font-family:var(--display);font-size:clamp(68px,8vw,116px);line-height:1.02;letter-spacing:-.025em;transform:rotate(-4deg)}.cl-about-statement span{color:var(--green)}
.cl-about-finale{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:var(--yellow);align-items:center}.cl-about-finale h2{max-width:12ch}.cl-about-finale p{max-width:34ch;margin-bottom:28px}
@media(max-width:800px){.cl-about-hero{grid-template-columns:1fr;min-height:0}.cl-about-hello{padding:46px var(--gutter)}.cl-about h1{font-size:clamp(66px,15vw,112px);max-width:12ch}.cl-about-hello>p{font-size:17px;margin:24px 0}.cl-about-cover{height:520px}.cl-about-cover>img{object-position:50% 40%}.cl-about-cover figcaption{bottom:20px;left:20px;right:20px;font-size:12px;gap:12px}.cl-about-origin,.cl-about-language,.cl-about-belong,.cl-about-finale{grid-template-columns:1fr;gap:32px}.cl-about h2{font-size:clamp(42px,10vw,66px)}.cl-about-lead{font-size:20px}.cl-about-language-intro{position:static}.cl-about-language-intro h2{max-width:16ch}.cl-about-expressions summary{font-size:25px}.cl-about-expression-body>a{grid-template-columns:110px 1fr;gap:16px}.cl-about-expression-body img{width:110px}.cl-about-expression-body>a>span{font-size:14px}.cl-about-statement{font-size:clamp(64px,15vw,104px);margin:16px 0}.cl-about-finale .cl-button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.cl-about-expressions summary .cl-icon{transition:none}}