.ar-case{--plum:#63245b;--magenta:#a54a92;--pale:#f8f5f9;color:#39233d;overflow:clip}.ar-case *,.ar-case *:before,.ar-case *:after{box-sizing:border-box}.ar-wrap{width:min(100% - 36px,1240px);margin-inline:auto}.ar-case .project-breadcrumb{width:min(100% - 36px,1240px);margin:20px auto 17px}.ar-case a:focus-visible{outline:3px solid #a54a92;outline-offset:5px}.ar-case h1,.ar-case h2{margin:18px 0 0;font-weight:900;letter-spacing:-.07em;line-height:1.04;text-wrap:balance}.ar-case em{font-style:normal;color:#a54a92}.ar-case figure{margin:0}.ar-case figure a{display:block;overflow:hidden}.ar-case figure img{display:block;width:100%;height:auto;transition:transform .25s ease}.ar-case figure a:hover img{transform:scale(1.012)}.ar-case figcaption{color:#8d7b90;font-size:.78rem;font-weight:750}.ar-index{display:inline-block;color:#a54a92;font:800 .72rem var(--font-primary);letter-spacing:.17em;direction:ltr}.ar-hero{background:#faf7fb;overflow:hidden}.ar-hero__grid{display:grid;min-height:675px;align-items:center;gap:15px}.ar-hero__copy{padding-block:clamp(80px,10vw,145px)}.ar-eyebrow{margin:40px 0 0;color:#875477;font-weight:850}.ar-hero h1{font-size:clamp(4.3rem,7.5vw,8rem)}.ar-hero__statement{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:850;margin:28px 0 0}.ar-hero__summary{max-width:53ch;margin:10px 0 0;color:#6d6071;line-height:1.8;text-wrap:pretty}.ar-hero a{display:inline-flex;gap:15px;margin-top:27px;color:#6c2c64;border-bottom:2px solid #a54a92;padding-bottom:8px;text-decoration:none;font-weight:850}.ar-hero__art{align-self:stretch;display:grid;place-items:center;overflow:hidden}.ar-hero__art img{width:100%;max-width:620px;height:100%;max-height:650px;object-fit:contain;mix-blend-mode:multiply}.ar-story,.ar-light,.ar-dark,.ar-compare{padding-block:clamp(82px,9vw,140px)}.ar-story{background:#fff}.ar-story__grid{display:grid;gap:40px}.ar-story h2,.ar-section-head h2,.ar-compare h2{font-size:clamp(3.1rem,5.7vw,6rem)}.ar-story__grid>div:last-child>p{margin:0;max-width:62ch;color:#716b75;line-height:1.85;font-size:clamp(1.07rem,1.5vw,1.25rem);text-wrap:pretty}.ar-story__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.ar-story__tags span{border:1px solid #e0cee0;border-radius:99px;padding:9px 17px;font-size:.82rem;font-weight:800}.ar-light{background:#f9f4fa}.ar-section-head{display:grid;gap:25px;align-items:end;margin-bottom:43px}.ar-section-head p{max-width:52ch;margin:0;color:#746978;line-height:1.8;font-size:1.06rem;text-wrap:pretty}.ar-light figure{background:#fff;padding:clamp(14px,3vw,45px);box-shadow:0 20px 55px #62335f0d}.ar-light figure img{max-width:1090px;margin:auto}.ar-light figcaption{padding-top:15px}.ar-dark{background:#2d2631;color:#fff}.ar-dark .ar-index{color:#e3aed7}.ar-dark h2 em{color:#d9a2cd}.ar-dark .ar-section-head p{color:#d3cbd4}.ar-dark__grid{display:grid;gap:18px}.ar-dark figure{background:#f2f0f3;padding:12px}.ar-dark figure img{aspect-ratio:1.45;object-fit:contain}.ar-dark figcaption{padding:12px 7px 2px;color:#6f6472}.ar-compare{background:#fff}.ar-compare__grid{display:grid;gap:17px;margin-top:52px}.ar-compare__grid>div{border-top:4px solid #a54a92;background:#f9f5f9;padding:30px;min-height:190px}.ar-compare__grid>div:nth-child(2){border-color:#5a3858}.ar-compare__grid span{color:#a54a92;font:800 .72rem var(--font-primary);letter-spacing:.15em;direction:ltr}.ar-compare__grid h3{margin:26px 0 7px;font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.06em}.ar-compare__grid p{margin:0;color:#756a77;line-height:1.7}.ar-compare__note{color:#877889;margin:23px 0 0;font-size:.9rem;font-weight:750}@media(min-width:850px){.ar-hero__grid{grid-template-columns:1fr .85fr}.ar-story__grid{grid-template-columns:1fr .9fr;gap:8%}.ar-section-head{grid-template-columns:1fr .7fr;gap:7%}.ar-dark__grid,.ar-compare__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:849px){.ar-case .project-breadcrumb{margin-block:14px}.ar-hero__grid{min-height:auto}.ar-hero__copy{padding-block:75px 20px}.ar-hero h1{font-size:clamp(4rem,12vw,6rem)}.ar-hero__art,.ar-hero__art img{height:330px}.ar-dark figure img{aspect-ratio:1.3}.ar-compare__grid{margin-top:35px}}@media(max-width:450px){.ar-story h2,.ar-section-head h2,.ar-compare h2{font-size:clamp(2.9rem,12vw,4rem)}.ar-hero h1{font-size:clamp(3.8rem,14vw,5rem)}}@media(prefers-reduced-motion:reduce){.ar-case figure img{transition:none}.ar-case figure a:hover img{transform:none}}
