.cc-about{--cc-ink: #211d24;--cc-ink-soft: #514b52;--cc-paper: #fff8fa;--cc-blush: #f6e4e9;--cc-pink: #a62d55;--cc-pink-soft: #efcbd5;--cc-plum: #563552;--cc-line: rgba(81, 75, 82, .28);background:var(--cc-paper);color:var(--cc-ink);overflow:clip}.cc-about *,.cc-about *:before,.cc-about *:after{box-sizing:border-box}.cc-about h1,.cc-about h2,.cc-about h3,.cc-about p,.cc-about figure,.cc-about dl,.cc-about ol,.cc-about ul{margin:0}.cc-about h1,.cc-about h2,.cc-about h3{color:inherit;letter-spacing:-.035em}.cc-about h1{max-width:10ch;font-size:clamp(5.2rem,8.4vw,12.6rem);line-height:.86;font-weight:700}.cc-about h1 span{color:var(--cc-plum)}.cc-about h2{max-width:17ch;font-size:clamp(3.6rem,5.6vw,7.8rem);line-height:.98;font-weight:700}.cc-about h3{font-size:clamp(2.1rem,2.5vw,3.2rem);line-height:1.05}.cc-about p,.cc-about dd,.cc-about summary{font-size:clamp(1.6rem,1.3vw,2rem);line-height:1.62}.cc-about a{color:inherit}.cc-about a:focus-visible,.cc-about summary:focus-visible{outline:3px solid var(--cc-pink);outline-offset:4px}.cc-about__eyebrow,.cc-about__section-label,.cc-about__contrast-label{font-size:1.3rem!important;line-height:1.2!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.cc-about__hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(36rem,.96fr);min-height:min(88rem,calc(100svh - var(--header-height, 8rem)));background:var(--cc-blush)}.cc-about__hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(6rem,8vw,13rem) clamp(2rem,6vw,10rem)}.cc-about__eyebrow{margin-bottom:clamp(2.4rem,4vw,5rem)!important}.cc-about__lede{max-width:58ch;margin-top:clamp(3rem,4vw,5rem)!important;color:var(--cc-ink-soft);font-size:clamp(1.8rem,1.6vw,2.3rem)!important}.cc-about__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.6rem}.cc-about__button{display:inline-flex;min-height:5.2rem;align-items:center;justify-content:center;padding:1.3rem 2.5rem;border:1px solid var(--cc-ink);border-radius:999px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s ease,color .18s ease}.cc-about__button:hover{transform:translateY(-2px)}.cc-about__button--primary{background:var(--cc-ink);color:var(--cc-paper)!important}.cc-about__button--secondary{background:transparent}.cc-about__quick-facts{display:flex;flex-wrap:wrap;gap:.7rem 2.4rem;padding:3.4rem 0 0;list-style:none;color:var(--cc-ink-soft);font-size:1.35rem}.cc-about__quick-facts li:before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-right:.8rem;border-radius:50%;background:var(--cc-pink)}.cc-about__hero-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:70rem;padding:clamp(2rem,4vw,5rem);background:var(--cc-pink-soft)}.cc-about__image-frame{min-height:0;overflow:hidden;background:var(--cc-paper)}.cc-about__hero-image,.cc-about__detail-image{display:block;width:100%;height:100%;object-fit:cover}.cc-about__hero-visual figcaption{max-width:40ch;padding-top:2rem;color:var(--cc-ink);font-size:1.35rem;font-weight:700}.cc-about__problem{padding:clamp(8rem,12vw,17rem) clamp(2rem,7vw,11rem)}.cc-about__narrow{max-width:92rem}.cc-about__narrow h2{margin-top:2rem}.cc-about__narrow>p:last-child{max-width:67ch;margin-top:3rem;color:var(--cc-ink-soft)}.cc-about__contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(6rem,9vw,12rem);border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line)}.cc-about__contrast>div{padding:clamp(4rem,6vw,8rem) clamp(0rem,5vw,7rem)}.cc-about__contrast>div+div{border-left:1px solid var(--cc-line)}.cc-about__contrast h3{margin-top:2rem}.cc-about__contrast p:last-child{max-width:48ch;margin-top:2rem;color:var(--cc-ink-soft)}.cc-about__company{display:grid;grid-template-columns:minmax(0,.9fr) minmax(44rem,1.1fr);gap:clamp(5rem,10vw,16rem);padding:clamp(8rem,11vw,15rem) clamp(2rem,7vw,11rem);background:var(--cc-ink);color:var(--cc-paper)}.cc-about__company-copy h2{margin-top:2rem}.cc-about__company-copy>p{max-width:60ch;margin-top:3rem;color:#eee4e9}.cc-about__text-link{display:inline-block;margin-top:3rem;padding-bottom:.35rem;border-bottom:1px solid currentColor;font-size:1.55rem;font-weight:700;text-decoration:none}.cc-about__company-facts{border-top:1px solid rgba(255,248,250,.24)}.cc-about__company-facts>div{display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(0,1fr);gap:2rem;padding:2.4rem 0;border-bottom:1px solid rgba(255,248,250,.24)}.cc-about__company-facts dt{color:#d8c8d0;font-size:1.35rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cc-about__company-facts dd{margin:0;font-weight:600}.cc-about__principles{display:grid;grid-template-columns:minmax(28rem,.72fr) minmax(0,1.28fr);gap:clamp(5rem,9vw,14rem);padding:clamp(8rem,11vw,15rem) clamp(2rem,7vw,11rem);background:var(--cc-blush)}.cc-about__principles-intro h2{position:sticky;top:calc(var(--header-height, 8rem) + 3rem);margin-top:2rem}.cc-about__principle-list{padding:0;border-top:1px solid var(--cc-line);list-style:none}.cc-about__principle-list li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:2rem;padding:clamp(3rem,4vw,5rem) 0;border-bottom:1px solid var(--cc-line)}.cc-about__principle-list>li>span{padding-top:.35rem;color:var(--cc-plum);font-size:1.35rem;font-weight:800}.cc-about__principle-list p{max-width:54ch;margin-top:1.2rem;color:var(--cc-ink-soft)}.cc-about__product-story{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:72rem}.cc-about__product-story figure{min-height:62rem;background:var(--cc-blush)}.cc-about__product-story>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(7rem,9vw,13rem) clamp(2rem,7vw,10rem)}.cc-about__product-story h2{margin-top:2rem}.cc-about__product-story p{max-width:62ch;margin-top:2.8rem;color:var(--cc-ink-soft)}.cc-about__faq{display:grid;grid-template-columns:minmax(24rem,.65fr) minmax(0,1.35fr);gap:clamp(5rem,9vw,14rem);padding:clamp(8rem,11vw,15rem) clamp(2rem,7vw,11rem);background:var(--cc-paper)}.cc-about__faq-heading h2{margin-top:2rem}.cc-about__faq-list{border-top:1px solid var(--cc-line)}.cc-about__faq details{border-bottom:1px solid var(--cc-line)}.cc-about__faq summary{position:relative;padding:2.8rem 5rem 2.8rem 0;font-weight:700;cursor:pointer;list-style:none}.cc-about__faq summary::-webkit-details-marker{display:none}.cc-about__faq summary:after{content:"+";position:absolute;right:0;top:50%;color:var(--cc-plum);font-size:2.8rem;transform:translateY(-50%)}.cc-about__faq details[open] summary:after{content:"-"}.cc-about__faq details p{max-width:62ch;padding:0 5rem 3rem 0;color:var(--cc-ink-soft)}.cc-about__closing{padding:clamp(8rem,13vw,18rem) 2rem;background:var(--cc-plum);color:var(--cc-paper);text-align:center}.cc-about__closing>p{font-size:1.35rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.cc-about__closing h2{max-width:14ch;margin:2.4rem auto 0}.cc-about__actions--center{justify-content:center}.cc-about__button--light{border-color:var(--cc-paper);background:var(--cc-paper);color:var(--cc-plum)!important}.cc-about__button--outline-light{border-color:var(--cc-paper);color:var(--cc-paper)!important}@media screen and (max-width:989px){.cc-about__hero,.cc-about__company,.cc-about__principles,.cc-about__product-story,.cc-about__faq{grid-template-columns:1fr}.cc-about__hero{min-height:0}.cc-about__hero-visual{grid-template-rows:auto auto;min-height:0}.cc-about__hero-image{height:auto;object-fit:contain;object-position:center top;transform:none}.cc-about__company,.cc-about__principles,.cc-about__faq{gap:6rem}.cc-about__principles-intro h2{position:static}.cc-about__product-story figure{min-height:55rem}}@media screen and (max-width:749px){.cc-about h1{font-size:clamp(5rem,16vw,7.8rem)}.cc-about h2{font-size:clamp(3.4rem,11vw,5.4rem)}.cc-about__hero-copy{padding-top:7rem;padding-bottom:6rem}.cc-about__actions{align-items:stretch;flex-direction:column}.cc-about__button{width:100%}.cc-about__hero-visual{min-height:0;padding:1.4rem}.cc-about__contrast{grid-template-columns:1fr}.cc-about__contrast>div+div{border-top:1px solid var(--cc-line);border-left:0}.cc-about__company-facts>div{grid-template-columns:1fr;gap:.7rem}.cc-about__product-story figure{min-height:44rem}}@media(prefers-reduced-motion:reduce){.cc-about__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cc-about.css.map */