.cat-showcase{background:#f5efe8;padding:clamp(5rem,10vw,9rem) 0}.cat-showcase__inner{max-width:1240px;margin:auto;padding:0 clamp(1.25rem,4vw,3rem)}.cat-showcase__header{grid-template-columns:1.25fr .75fr;align-items:end;gap:3rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.cat-showcase__eyebrow{color:#ef6537;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:850}.cat-showcase__header h2{letter-spacing:-.07em;margin:.85rem 0 0;font-size:clamp(2.6rem,5.5vw,5.3rem);line-height:.91}.cat-showcase__header h2 span{color:#8f1232}.cat-showcase__lede{color:#15110f9e;max-width:34rem;margin:0;font-size:1.02rem;line-height:1.75}.cat-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.cat-card{--pointer-x:0;--pointer-y:0;color:#15110f;background:#fffbf6;border:1px solid #462b1e24;flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .3s;display:flex;overflow:hidden;box-shadow:inset 0 1px #fffc}.cat-card__stage{perspective:1200px;background:#e9e0d7;height:clamp(20rem,33vw,28rem);padding:clamp(1.5rem,3vw,2.5rem);display:block;position:relative;overflow:hidden}.cat-card__ambient{aspect-ratio:1;filter:blur(55px);background:#fffc;border-radius:50%;width:70%;position:absolute;top:-25%;right:-10%}.cat-card__mockup-label{z-index:4;color:#15110f8c;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:800;position:absolute;top:1.15rem;left:1.3rem}.cat-card__floating-index{z-index:5;color:#15110f24;letter-spacing:-.08em;font-size:clamp(4rem,8vw,7rem);font-weight:800;line-height:1;position:absolute;bottom:.6rem;right:1rem}.cat-card__mockup{z-index:2;width:92%;height:82%;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) translate3d(calc(var(--pointer-x) * 5px), calc(var(--pointer-y) * 5px), 0);background:#fff;border:1px solid #1a120e24;margin:2.2rem auto 0;transition:transform .18s ease-out,box-shadow .35s;display:block;position:relative;overflow:hidden;box-shadow:0 35px 45px -28px #22140f80,0 10px 18px -14px #22140f59}.cat-card__browser-bar{color:#fff;background:#171717;align-items:center;gap:5px;height:1.8rem;padding:0 .7rem;display:flex}.cat-card__browser-bar i{opacity:.45;background:#fff;border-radius:50%;width:5px;height:5px}.cat-card__browser-bar b{letter-spacing:.04em;opacity:.5;margin:auto;font-size:.48rem;font-weight:500}.cat-card__collage{grid-template-rows:repeat(2,1fr);grid-template-columns:1.5fr 1fr;gap:4px;width:100%;height:100%;padding:4px;display:grid}.cat-card__shot{background:#eee5dc;min-width:0;min-height:0;display:block;overflow:hidden}.cat-card__shot--main{grid-row:span 2}.cat-card__shot--cover{width:100%;height:calc(100% - 1.8rem);display:block}.cat-card__shot img{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .4s;display:block}.cat-card:hover .cat-card__shot img{transform:scale(1.045)}.cat-card__body{border-top:1px solid #462b1e1f;gap:.7rem;padding:clamp(1.4rem,3vw,2rem);display:grid}.cat-card__meta{color:#8f1232;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.62rem;font-weight:850;display:flex}.cat-card__meta span:last-child{border:1px solid #8f123233;border-radius:999px;padding:.35rem .65rem}.cat-card__title{letter-spacing:-.05em;margin-top:.35rem;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;line-height:1}.cat-card__blurb{color:#15110f99;max-width:34rem;font-size:.9rem;line-height:1.6}.cat-card__cta{border-top:1px solid #462b1e21;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;font-size:.8rem;font-weight:850;display:flex}.cat-card__cta>span{color:#fff;background:#15110f;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;transition:transform .35s,background .3s;display:grid}.cat-card:hover .cat-card__cta>span{background:#8f1232;transform:rotate(45deg)}.cat-card--identity .cat-card__stage{background:linear-gradient(145deg,#ddd2c5,#f4ece3)}.cat-card--identity .cat-card__mockup{transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) rotate(-1.5deg)}.cat-card--browser .cat-card__stage{background:linear-gradient(135deg,#dfe7ff,#f4f6ff)}.cat-card--desktop .cat-card__stage{background:linear-gradient(145deg,#ece8ef,#f7f4f0)}.cat-card--desktop .cat-card__mockup{width:94%;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) rotate(1deg)}.cat-card--mobile .cat-card__mockup{width:78%;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) rotate(-2deg);background:#151515;border-radius:1.4rem;padding:.4rem}.cat-card--mobile .cat-card__collage{border-radius:1rem;overflow:hidden}.cat-card--campaign .cat-card__stage{background:linear-gradient(135deg,#efe4d9,#ffd0bc)}.cat-card--campaign .cat-card__mockup{width:86%;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) rotate(2deg)}.cat-card--packaging .cat-card__stage{background:linear-gradient(145deg,#dbe8dd,#f1eee2)}.cat-card--packaging .cat-card__mockup{width:82%;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) rotate(-2deg);border:10px solid #fff}@media (max-width:760px){.cat-showcase__header{grid-template-columns:1fr;gap:1.25rem}.cat-showcase__grid{grid-template-columns:1fr}.cat-card__stage{height:clamp(19rem,78vw,25rem)}.cat-card__mockup{width:94%}}@media (hover:none){.cat-card__mockup{transform:none!important}.cat-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.cat-card,.cat-card__mockup,.cat-card__shot img,.cat-card__cta>span{transition:none}}.cat-showcase{padding:clamp(4rem,7vw,6.5rem) 0}.cat-showcase__header{grid-template-columns:minmax(0,1fr) minmax(17rem,.62fr);gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(2.25rem,4vw,3.5rem)}.cat-showcase__header h2{letter-spacing:-.055em;max-width:12ch;font-size:clamp(2.35rem,4.2vw,4.15rem);line-height:.97}.cat-showcase__lede{justify-self:end;max-width:28rem;font-size:.94rem;line-height:1.7}.cat-showcase__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1rem,2vw,1.5rem)}.cat-card{box-shadow:none;grid-column:span 6}.cat-card--identity,.cat-card--mobile{grid-column:span 7}.cat-card--browser,.cat-card--desktop{grid-column:span 5}.cat-card--campaign,.cat-card--packaging{grid-column:span 6}.cat-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px -28px #441f1652}.cat-card__stage{height:clamp(17rem,27vw,22rem);padding:clamp(1.25rem,2.4vw,2rem)}.cat-card--identity .cat-card__stage,.cat-card--mobile .cat-card__stage{height:clamp(19rem,30vw,25rem)}.cat-card--browser .cat-card__stage,.cat-card--desktop .cat-card__stage{height:clamp(16rem,25vw,20rem)}.cat-card__mockup{width:90%;height:80%;box-shadow:0 18px 28px -22px #22140f59,0 5px 12px -10px #22140f33}.cat-card:hover .cat-card__mockup{box-shadow:0 22px 34px -24px #22140f61,0 7px 14px -11px #22140f38}.cat-card__floating-index{color:#15110f14;font-size:clamp(3.25rem,6vw,5.25rem);bottom:.75rem;right:1rem}.cat-card__body{gap:.58rem;padding:clamp(1.25rem,2.25vw,1.65rem)}.cat-card__title{letter-spacing:-.04em;font-size:clamp(1.45rem,2.25vw,1.95rem)}.cat-card__blurb{font-size:.85rem;line-height:1.55}.cat-card__meta{letter-spacing:.11em;font-size:.58rem}.cat-card__meta span:last-child{padding:.28rem .55rem}.cat-card__cta{margin-top:.35rem;padding-top:.85rem;font-size:.76rem}.cat-card__cta>span{width:1.85rem;height:1.85rem}@media (max-width:760px){.cat-showcase__header{grid-template-columns:1fr;gap:1.25rem}.cat-showcase__lede{justify-self:start}}@media (max-width:900px){.cat-card,.cat-card--identity,.cat-card--browser,.cat-card--desktop,.cat-card--mobile,.cat-card--campaign,.cat-card--packaging{grid-column:span 6}.cat-card__stage,.cat-card--identity .cat-card__stage,.cat-card--mobile .cat-card__stage,.cat-card--browser .cat-card__stage,.cat-card--desktop .cat-card__stage{height:clamp(17rem,35vw,21rem)}}@media (max-width:760px){.cat-card,.cat-card--identity,.cat-card--browser,.cat-card--desktop,.cat-card--mobile,.cat-card--campaign,.cat-card--packaging{grid-column:1/-1}.cat-card__stage,.cat-card--identity .cat-card__stage,.cat-card--mobile .cat-card__stage,.cat-card--browser .cat-card__stage,.cat-card--desktop .cat-card__stage{height:clamp(18rem,70vw,23rem)}}.cat-card{border-radius:14px}.cat-card__stage{isolation:isolate}.cat-card__backplate{z-index:1;background:#ffffff8a;border:1px solid #2318121a;width:48%;height:45%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block;position:absolute}.cat-card__backplate--one{top:23%;left:10%;transform:rotate(-5deg)}.cat-card__backplate--two{background:#ffffffb3;bottom:12%;right:9%;transform:rotate(5deg)}.cat-card:hover .cat-card__backplate--one{transform:translate(-5px,-3px)rotate(-7deg)}.cat-card:hover .cat-card__backplate--two{transform:translate(5px,3px)rotate(7deg)}.cat-card__proof{z-index:5;color:#15110f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffbf6e6;border:1px solid #2318121f;border-radius:8px;gap:.2rem;min-width:7.5rem;padding:.6rem .75rem;display:grid;position:absolute;top:1.15rem;right:1.15rem;box-shadow:0 8px 20px -18px #2318124d}.cat-card__proof span{color:#15110f85;letter-spacing:.12em;text-transform:uppercase;font-size:.5rem;font-weight:800}.cat-card__proof strong{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.62rem;font-weight:800;line-height:1.25;overflow:hidden}.cat-card__body{z-index:3;position:relative}.cat-card--identity .cat-card__backplate--one{width:35%;height:58%;top:19%;left:12%}.cat-card--identity .cat-card__backplate--two{width:48%;height:38%;bottom:15%;right:8%}.cat-card--browser .cat-card__backplate--one{width:70%;height:58%;top:20%;left:7%;transform:rotate(-3deg)}.cat-card--browser .cat-card__backplate--two{width:35%;height:55%;bottom:13%;right:8%;transform:rotate(4deg)}.cat-card--desktop .cat-card__backplate{background:#ffffff9e;border-color:#46305a1f}.cat-card--desktop .cat-card__backplate--one{width:60%;height:58%;left:8%}.cat-card--desktop .cat-card__proof{color:#251b38;background:#fffbf6eb;border-color:#46305a29}.cat-card--desktop .cat-card__proof span{color:#251b388c}.cat-card--mobile .cat-card__backplate--one{border-radius:18px;width:32%;height:68%;top:15%;left:17%}.cat-card--mobile .cat-card__backplate--two{border-radius:18px;width:32%;height:68%;bottom:9%;right:16%}.cat-card--campaign .cat-card__backplate--one{width:42%;height:58%;top:19%;left:12%}.cat-card--campaign .cat-card__backplate--two{width:42%;height:58%;bottom:11%;right:11%}.cat-card--packaging .cat-card__backplate--one{width:34%;height:62%;top:18%;left:15%}.cat-card--packaging .cat-card__backplate--two{width:34%;height:62%;bottom:10%;right:14%}@media (max-width:760px){.cat-card__proof{min-width:6.8rem;top:.9rem;right:.9rem}.cat-card__backplate{opacity:.78}}.cat-card--mobile .cat-card__stage{background:radial-gradient(circle at 78% 16%,#ffffffdb,#0000 30%),linear-gradient(145deg,#e7f2fb,#cfe4f4)}.cat-card--mobile .cat-card__mockup{width:82%;height:78%;transform:rotateX(calc(var(--pointer-y) * -1.4deg)) rotateY(calc(var(--pointer-x) * 2deg)) rotate(-1deg);background:linear-gradient(145deg,#fff,#e8eef4);border:1px solid #4d647e3d;border-radius:1.05rem;margin-top:2.55rem;padding:.45rem;overflow:hidden;box-shadow:0 22px 42px -30px #2c4d6b57,inset 0 1px #fffffff5}.cat-card--mobile .cat-card__mockup:after{z-index:4;content:"";background:#c2ccd7;border-radius:99px;width:2.35rem;height:.16rem;position:absolute;top:.22rem;left:50%;transform:translate(-50%)}.cat-card--mobile .cat-card__collage{background:#d9e3ed;border-radius:.72rem;gap:3px;padding:3px}.cat-card--mobile .cat-card__backplate{background:#ffffff6b;border-color:#375f821c}.cat-card--mobile .cat-card__mockup{width:90%;height:84%;box-shadow:none;transform:rotateX(calc(var(--pointer-y) * -1.2deg)) rotateY(calc(var(--pointer-x) * 1.8deg));background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;bottom:0;left:5%;right:5%;overflow:visible}.cat-card--mobile .cat-card__mockup:after{content:none}.cat-card--mobile:hover .cat-card__mockup{box-shadow:none}.cat-card__app-devices{border-radius:1.2rem;width:100%;height:100%;display:block;position:relative;overflow:hidden}.cat-card__app-phone{z-index:2;box-sizing:border-box;background:linear-gradient(145deg,#fff,#e4ebf1);border:1px solid #48607a40;border-radius:clamp(.75rem,1.7vw,1.1rem);padding:clamp(.16rem,.5vw,.28rem);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;box-shadow:0 1.35rem 2.2rem -1.35rem #2a49665c,inset 0 1px #fffffff5}.cat-card__app-phone:before{z-index:2;content:"";background:#bec9d4;border-radius:99px;width:clamp(1rem,3vw,1.55rem);height:.1rem;position:absolute;top:clamp(.14rem,.45vw,.22rem);left:50%;transform:translate(-50%)}.cat-card__app-phone img{border-radius:inherit;object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cat-card__app-phone--main{z-index:3;aspect-ratio:9/19.5;width:32%;top:15%;left:50%;transform:translate(-50%)}.cat-card__app-phone--left{aspect-ratio:9/19.5;width:24%;bottom:-22%;left:11%;transform:rotate(-10deg)}.cat-card__app-phone--right{aspect-ratio:9/19.5;width:24%;bottom:-20%;right:11%;transform:rotate(10deg)}.cat-card--mobile:hover .cat-card__app-phone--main{transform:translate(-50%,-.45rem);box-shadow:0 1.8rem 2.65rem -1.45rem #2a49666b,inset 0 1px #fffffffa}.cat-card--mobile:hover .cat-card__app-phone--left{transform:translate(-.18rem,-.22rem)rotate(-10deg)}.cat-card--mobile:hover .cat-card__app-phone--right{transform:translate(.18rem,-.28rem)rotate(10deg)}.cat-card{border-color:#462b1e1f;border-radius:16px;position:relative;box-shadow:0 16px 38px -34px #301d1461,inset 0 1px #ffffffe6}.cat-card:after{z-index:6;border-radius:inherit;content:"";pointer-events:none;border:1px solid #0000;transition:border-color .28s;position:absolute;top:0;bottom:0;left:0;right:0}.cat-card:hover{border-color:#8f123238;transform:translateY(-5px);box-shadow:0 28px 52px -38px #301d146b,inset 0 1px #ffffffeb}.cat-card:hover:after{border-color:#fff9}.cat-card__stage{border-bottom:1px solid #462b1e14}.cat-card__proof{background:#fffcf7d1;border-color:#462b1e1a;border-radius:7px;padding:.55rem .7rem;box-shadow:0 10px 22px -20px #23181257}.cat-card__body{background:linear-gradient(#fffdf959,#fffbf6 34%)}.cat-card__cta>span{width:1.95rem;height:1.95rem;box-shadow:0 5px 12px -9px #0000008c}