.skn-mockup{--skn-cream:#f2e9e2;--skn-cream2:#f7f1ec;--skn-ink:#181714;--skn-green:#2C322E;background:var(--skn-cream2);color:var(--skn-ink);font-family:var(--font-body-family);}
.skn-mockup *{box-sizing:border-box}.skn-mockup img{display:block;width:100%;height:100%;object-fit:cover}
.skn-mockup__hero{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:490px;background:linear-gradient(90deg,#f0e2da 0%,#f4e8e1 54%,#efe1d8 100%);border-bottom:6px solid #fff}
.skn-mockup__hero-copy{padding:6.5rem 5.8vw 3.5rem 6vw;display:flex;flex-direction:column;justify-content:center}
.skn-mockup__hero h1{font-family:var(--font-heading-family);font-weight:400;letter-spacing:-.025em;line-height:.97;font-size:clamp(5.2rem,5.25vw,8.2rem);margin:0 0 2rem;max-width:7ch}
.skn-mockup__lead{font-size:1.75rem;line-height:1.45;margin:0 0 2.5rem;max-width:34rem;letter-spacing:.01em}
.skn-mockup__button{align-self:flex-start;background:var(--skn-green);color:#fff;text-decoration:none;padding:1.5rem 4rem;letter-spacing:.12em;font-size:1.4rem;border:0;min-width:195px;text-align:center}
.skn-mockup__hero-media{min-width:0;overflow:hidden}.skn-mockup__hero-media img{object-position:center 45%}
.skn-mockup__benefits-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:3.5rem;max-width:64rem}
.skn-mockup__mini{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding:0 1.4rem 0 0;margin-right:1.4rem;border-right:1px solid rgba(24,23,20,.18);align-items:start}.skn-mockup__mini:last-child{border-right:0;margin-right:0}
.skn-mockup__icon{width:3rem;height:3rem;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;line-height:1}
.skn-mockup__mini strong,.skn-mockup__benefit strong{display:block;font-size:1rem;letter-spacing:.06em;margin-bottom:.4rem}.skn-mockup__mini span,.skn-mockup__benefit span{font-size:1.05rem;line-height:1.35}
.skn-mockup__categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--skn-cream);border-bottom:1px solid rgba(24,23,20,.08)}
.skn-mockup__category{display:grid;grid-template-columns:42% 58%;min-height:295px;border-right:5px solid #fff;overflow:hidden}.skn-mockup__category:last-child{border-right:0}
.skn-mockup__cat-copy{padding:4.5rem 2.2rem 3rem 4vw;display:flex;flex-direction:column;justify-content:center;background:#f1e3da}.skn-mockup__cat-copy h2{font-family:var(--font-heading-family);font-weight:400;font-size:2.9rem;line-height:1;margin:0 0 2rem}.skn-mockup__cat-copy p{font-size:1.35rem;line-height:1.45;margin:0 0 2.8rem}.skn-mockup__cat-copy a{color:var(--skn-ink);text-decoration:none;font-size:1.25rem;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:.35rem;align-self:flex-start}.skn-mockup__cat-copy a::after{content:'  →';color:var(--skn-green);margin-left:.8rem}
.skn-mockup__cat-media{overflow:hidden;background:#eadbd1}.skn-mockup__cat-media img{object-position:center top}
.skn-mockup__benefits-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:2.6rem 7vw 2.8rem;background:#f4eee8;border-top:1px solid rgba(24,23,20,.08)}
.skn-mockup__benefit{display:grid;grid-template-columns:4.4rem 1fr;gap:1.6rem;align-items:center;padding:0 3rem;border-right:1px solid rgba(24,23,20,.16)}.skn-mockup__benefit:last-child{border-right:0}.skn-mockup__benefit .skn-mockup__icon{width:4.4rem;height:4.4rem;font-size:2rem}
@media(max-width:989px){.skn-mockup__hero{grid-template-columns:1fr;min-height:0}.skn-mockup__hero-copy{padding:4.6rem 2.4rem 3rem}.skn-mockup__hero h1{font-size:5.4rem}.skn-mockup__hero-media{height:460px}.skn-mockup__benefits-top{grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:2.8rem}.skn-mockup__mini{border:0;margin:0}.skn-mockup__categories{grid-template-columns:1fr}.skn-mockup__category{border-right:0;border-bottom:5px solid #fff;min-height:360px}.skn-mockup__category:last-child{border-bottom:0}.skn-mockup__cat-copy{padding:3.2rem 2.4rem}.skn-mockup__benefits-bottom{grid-template-columns:repeat(2,1fr);gap:2rem;padding:2.8rem 2rem}.skn-mockup__benefit{border:0;padding:0}}
@media(max-width:599px){.skn-mockup__hero-copy{padding:4rem 2rem 2.5rem}.skn-mockup__hero h1{font-size:4.7rem}.skn-mockup__lead{font-size:1.55rem}.skn-mockup__hero-media{height:390px}.skn-mockup__button{padding:1.4rem 3rem}.skn-mockup__benefits-top{display:none}.skn-mockup__category{grid-template-columns:44% 56%;min-height:330px}.skn-mockup__cat-copy{padding:2.5rem 1.2rem 2.2rem 1.8rem}.skn-mockup__cat-copy h2{font-size:2.15rem}.skn-mockup__cat-copy p{font-size:1.15rem}.skn-mockup__benefits-bottom{grid-template-columns:1fr 1fr;padding:2.5rem 1.2rem;gap:2.4rem 1rem}.skn-mockup__benefit{grid-template-columns:3.6rem 1fr;gap:.9rem}.skn-mockup__benefit .skn-mockup__icon{width:3.6rem;height:3.6rem}.skn-mockup__benefit strong{font-size:.9rem}.skn-mockup__benefit span{font-size:.95rem}}