.about-page{background:var(--color-off-white);color:var(--color-ink);overflow:clip}.about-shell{width:min(100%, var(--content-max));padding-inline:var(--space-page);margin-inline:auto}.about-index{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:650}.about-hero{width:100%;max-width:100vw;min-height:max(42rem,92svh);padding:calc(var(--header-height) + clamp(3rem, 8vw, 8rem)) var(--space-page) clamp(2.5rem, 5vw, 5rem);background:var(--color-blue);color:#fff;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.about-hero__eyebrow{letter-spacing:.15em;font-size:.72rem;font-weight:650}.about-hero__logo{aspect-ratio:595/98;background:#fff;width:min(92vw,96rem);min-width:0;max-width:100%;margin:auto;-webkit-mask:url(/claymood-logo.svg) 50%/contain no-repeat;mask:url(/claymood-logo.svg) 50%/contain no-repeat}.about-hero>p{color:#fff;text-align:right;max-width:34rem;margin:0 0 0 auto;font-size:clamp(1.2rem,2vw,2rem);line-height:1.15}.about-intro{grid-template-columns:minmax(9rem,.55fr) minmax(0,1.45fr);gap:clamp(2rem,7vw,9rem);padding-block:clamp(7rem,13vw,14rem);display:grid}.about-intro h2,.about-idea h2,.about-lab h2,.about-collection h2,.about-physical h2,.about-cta h2{color:var(--color-blue);letter-spacing:.015em;margin:0;font-size:clamp(3.8rem,8.4vw,10rem);line-height:.9}.about-lead{max-width:58rem;margin:clamp(3rem,6vw,6rem) 0 0 auto;font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1.2}.about-idea{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);align-items:end;gap:clamp(3rem,8vw,10rem);padding-bottom:clamp(8rem,14vw,15rem);display:grid}.about-idea__copy h2{margin-top:clamp(4rem,7vw,7rem);font-size:clamp(3.2rem,5.7vw,7rem)}.about-idea__copy>p:last-child,.about-lab__header>p:last-child,.about-physical__copy>p:last-child{max-width:44rem;margin:clamp(2rem,4vw,4rem) 0 0;font-size:clamp(1.15rem,1.6vw,1.5rem);line-height:1.5}.about-idea__visual{margin:0}.about-idea__visual img{border-radius:clamp(1.25rem,2vw,2.25rem);width:100%;height:auto}.about-idea figcaption{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.8rem;font-size:.7rem}.about-lab{background:var(--color-blue);color:#fff;padding-block:clamp(7rem,12vw,13rem);overflow:hidden}.about-lab__header{grid-template-columns:minmax(9rem,.45fr) minmax(0,1.15fr) minmax(18rem,.65fr);align-items:end;gap:clamp(2rem,5vw,6rem);display:grid}.about-lab h2{color:#fff;font-size:clamp(3.6rem,7vw,8rem)}.about-lab__header>p:last-child{color:#fffc;margin:0}.about-lab__modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);margin-top:clamp(5rem,8vw,9rem);display:grid}.lab-mode{min-width:0;color:var(--color-ink);transition:transform .45s var(--ease-out);background:#fff;border-radius:clamp(1.5rem,2.5vw,2.8rem);padding:clamp(1.2rem,2.5vw,2.5rem)}.lab-mode:hover{transform:translateY(-.75rem)}.lab-mode__meta,.collection-family__meta{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.68rem;font-weight:650;display:flex}.lab-mode figure{border:1px solid #2c2f331f;border-radius:clamp(1rem,1.7vw,1.75rem);margin:clamp(2rem,4vw,4rem) 0 2rem;overflow:hidden}.lab-mode figure img{width:100%;height:auto}.lab-mode h3,.collection-family h3{color:var(--color-blue);letter-spacing:.02em;margin:0;font-size:clamp(2.2rem,4.2vw,5.2rem);line-height:.95}.lab-mode>p{max-width:34rem;margin:1.4rem 0 0;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.45}.lab-mode__link{color:var(--color-blue);letter-spacing:.12em;text-transform:uppercase;margin-top:2rem;font-size:.72rem;font-weight:650;display:inline-block}.about-collection{padding-block:clamp(8rem,14vw,15rem)}.about-collection>header{grid-template-columns:minmax(9rem,.45fr) minmax(0,1.55fr);gap:clamp(2rem,6vw,7rem);display:grid}.about-collection h2{font-size:clamp(3.4rem,7vw,8rem)}.about-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(5rem,9vw,10rem);display:grid}.collection-family{border-top:1px solid var(--color-ink);min-width:0;padding-top:1rem}.collection-family figure{aspect-ratio:1;background:#d9dce1;border-radius:1.5rem;margin:2rem 0;position:relative;overflow:hidden}.collection-family figure img{object-fit:contain;transition:transform .45s var(--ease-out);padding:8%}.collection-family:hover figure img{transform:scale(1.04)rotate(-2deg)}.collection-family h3{font-size:clamp(2rem,3.2vw,4rem)}.collection-family>p{color:var(--color-muted);margin:1rem 0 0;line-height:1.45}.about-physical{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end;gap:clamp(3rem,8vw,9rem);padding-bottom:clamp(8rem,14vw,15rem);display:grid}.about-physical__visuals{grid-template-columns:1fr .68fr;align-items:end;gap:1rem;display:grid}.about-physical__visuals img{border-radius:clamp(1.25rem,2vw,2.25rem);width:100%;height:auto}.about-physical__visuals img:last-child{margin-bottom:-3rem}.about-physical__copy h2{margin-top:clamp(3rem,6vw,6rem);font-size:clamp(3rem,5.8vw,7rem)}.about-cta{min-height:min(84svh,62rem);padding:clamp(4rem, 7vw, 7rem) var(--space-page);background:var(--color-blue);color:#fff;flex-direction:column;display:flex}.about-cta h2{color:#fff;max-width:13ch;margin-top:auto;font-size:clamp(4rem,9vw,11rem)}.about-cta__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(3rem,6vw,6rem);display:grid}.about-cta__links a{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff8c;border-radius:999px;justify-content:space-between;align-items:center;min-height:7rem;padding:1.5rem;font-size:clamp(1rem,1.6vw,1.4rem);transition:background .22s,color .22s;display:flex}.about-cta__links a:hover{color:var(--color-blue);background:#fff}.about-cta__links span{font-size:2rem}@media (max-width:980px){.about-lab__header{grid-template-columns:1fr 2fr}.about-lab__header>p:last-child{grid-column:2}.about-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem 1rem}.about-physical{grid-template-columns:1fr}.about-physical__copy{max-width:46rem;margin-left:auto}}@media (max-width:720px){.about-hero{min-height:72svh;padding-top:calc(var(--header-height) + 3rem)}.about-hero__logo{flex:none;width:82vw;max-width:22rem;margin-inline:auto}.about-hero>p{text-align:center;width:min(18rem,82vw);max-width:100%;margin-inline:auto;font-size:1rem}.about-intro,.about-idea,.about-lab__header,.about-lab__modes,.about-collection>header,.about-physical,.about-cta__links{grid-template-columns:1fr}.about-intro,.about-idea{gap:4rem}.about-intro h2,.about-idea h2,.about-lab h2,.about-collection h2,.about-physical h2{font-size:clamp(3rem,14vw,5.25rem)}.about-lead{margin-top:2.5rem;font-size:1.35rem}.about-idea__copy h2,.about-physical__copy h2{margin-top:2.5rem}.about-lab__header>p:last-child{grid-column:1}.about-lab__modes{gap:1rem}.lab-mode{padding:1rem}.lab-mode:hover{transform:none}.about-collection__grid{grid-template-columns:1fr;gap:5rem}.collection-family h3{font-size:3rem}.about-physical__visuals{grid-template-columns:1fr .8fr}.about-physical__visuals img:last-child{margin-bottom:-1.5rem}.about-physical__copy{margin-top:3rem}.about-cta{min-height:70svh}.about-cta h2{font-size:clamp(3.7rem,16vw,6rem)}.about-cta__links a{min-height:5rem}}@media (prefers-reduced-motion:reduce){.lab-mode,.collection-family figure img,.about-cta__links a{transition:none}}
