.acne-figma{--green:#798d73;--pale-green:#f1f5ee;--pink:#a94c5b;--peach:#faf2ed;--ink:#252121;--copy:#665b59;background:#fdfbf7;color:var(--ink)}
.acne-figma main{overflow:hidden}.acne-figma .eyebrow{color:var(--green);font-size:18px;line-height:1.75;letter-spacing:.08em}.acne-container{width:min(1460px,calc(100% - 64px));margin-inline:auto}.acne-figma h2{margin:18px 0 22px;font-size:52px;line-height:1.17;letter-spacing:-.045em}.acne-hero{height:762px;margin:0 2.3vw;border:1px solid rgba(64,47,52,.3);border-radius:37px;overflow:hidden;display:grid;grid-template-columns:46% 54%;background:var(--pale-green)}.acne-hero-copy{padding:112px 4vw 60px max(7vw,calc((100vw - 1460px)/2));display:flex;flex-direction:column;justify-content:center}.acne-hero-copy .eyebrow{color:var(--pink)}.acne-hero h1{margin:18px 0 12px;font-size:60px;line-height:1.296;letter-spacing:-.066em}.acne-hero h1 span,.acne-hero h1 strong{display:block}.acne-hero h1 span{font-weight:500}.acne-hero h1 strong{font-weight:800}.acne-hero .lead{margin:0;padding:12px 0;color:#665b59;font-size:22px;font-weight:700;line-height:1.75}.acne-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.acne-hero .pills{margin-top:16px}.acne-intro{min-height:790px;padding-block:125px;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.acne-copy>p:not(.eyebrow){margin:0;color:var(--copy);font-size:21px;line-height:1.75}.acne-copy>strong{display:block;margin-top:42px;color:var(--green);font-size:29px;line-height:1.5}.acne-intro figure,.acne-types figure{margin:0;border-radius:28px;overflow:hidden}.acne-intro figure img{height:540px;object-fit:cover}.acne-types{padding:125px 0;background:var(--pale-green)}.acne-types h2{margin-bottom:48px}.acne-types figure img{width:100%;height:auto}.type-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e1ddd7}.type-labels article{padding:24px 28px;background:#fff}.type-labels b,.cause-grid b,.complex-grid b{color:var(--green);font-size:16px}.type-labels h3{margin:10px 0 6px;font-size:23px}.type-labels p{margin:0;color:#756c68;font-size:18px}.acne-causes{padding:125px 0;background:#2f4035;color:#fff}.acne-causes h2{color:#fff}.cause-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.cause-grid article{min-height:240px;padding:36px;border-radius:16px;background:rgba(255,255,255,.08)}.cause-grid b{color:#bdcab8}.cause-grid h3{margin:34px 0 14px;font-size:24px}.cause-grid p{margin:0;color:#d4ddd1;font-size:18px;line-height:1.7}.acne-primary{min-height:705px;display:grid;grid-template-columns:40% 60%;background:#f3f3e9}.acne-primary-photo img{height:100%;object-fit:cover}.acne-primary-copy{padding:86px max(5vw,80px)}.acne-primary-copy .eyebrow{color:var(--pink)}.acne-primary-copy ol,.acne-recommend ol{padding:0;margin:28px 0 0;list-style:none;counter-reset:item}.acne-primary-copy li,.acne-recommend li{counter-increment:item;display:flex;align-items:center;min-height:54px;margin:8px 0;padding:12px 18px;border-radius:6px;background:#fff;font-size:18px}.acne-primary-copy li:before,.acne-recommend li:before{content:counter(item,decimal-leading-zero);margin-right:18px;color:#c94a6d;font-size:14px;font-weight:800}.acne-complex{padding:120px max(6vw,calc((100vw - 1460px)/2));display:grid;grid-template-columns:42% 58%;gap:70px;background:var(--peach)}.acne-complex-copy>p:last-child{max-width:610px;color:#6a5b55;font-size:21px;line-height:1.72}.complex-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.complex-grid article{min-height:190px;padding:26px;border:1px solid #e8c7bb;border-radius:24px;background:#fff}.complex-grid b{color:#c56f53}.complex-grid h3{margin:12px 0 8px;font-size:26px}.complex-grid p{margin:0;color:#6a5b55;font-size:17px;line-height:1.65}.complex-grid aside{grid-column:1/-1;padding:30px 36px;border-radius:24px;background:#3a302b;color:#faf2ed;font-size:19px;line-height:1.58}.acne-recommend{height:760px;display:grid;grid-template-columns:1fr 1fr;background:#f3f3e9}.acne-recommend-copy{padding:64px 92px}.acne-recommend-copy .eyebrow{color:var(--pink);font-size:15px;font-weight:700}.acne-recommend-copy h2{font-size:42px;line-height:1.28;margin:10px 0 18px}.acne-recommend li:nth-child(odd){background:#fbeaf0}.acne-recommend-photo img{height:760px;object-fit:cover}.acne-faq{padding-block:110px 150px}.faq-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.faq-heading h2{font-size:48px;margin:10px 0 0}.faq-heading>p{margin:0 0 10px;color:#6b6157;font-size:22px}.acne-faq-list{display:grid;gap:16px}.acne-faq details{padding:0 36px;border:0;border-radius:18px;background:#f7f2e9}.acne-faq summary{min-height:96px;display:grid;grid-template-columns:56px 1fr 42px;align-items:center;gap:30px;cursor:pointer;list-style:none}.acne-faq summary::-webkit-details-marker{display:none}.acne-faq summary b{color:#a37d4f;font-size:17px}.acne-faq summary span{font-size:24px;font-weight:700}.acne-faq summary i{color:#a37d4f;font-size:26px;font-style:normal;text-align:center}.acne-faq details[open] summary i{transform:rotate(45deg)}.acne-faq details p{margin:0 72px 34px 86px;color:#665c52;font-size:18px;line-height:1.65}.acne-faq details[open]{padding-bottom:18px}
@media(max-width:1180px){.acne-hero{grid-template-columns:48% 52%}.acne-hero-copy{padding-left:6vw}.acne-hero h1{font-size:48px}.acne-container{width:calc(100% - 72px)}.acne-intro{gap:50px}.cause-grid{grid-template-columns:repeat(2,1fr)}.acne-primary-copy{padding-inline:55px}.acne-complex{grid-template-columns:1fr;gap:44px}.acne-recommend-copy{padding-inline:48px}}
@media(max-width:760px){.acne-container{width:calc(100% - 40px)}.acne-figma h2{font-size:36px}.acne-figma .eyebrow{font-size:15px}.acne-hero{height:auto;margin:68px 0 0;border:0;border-radius:0;grid-template-columns:1fr}.acne-hero-copy{padding:60px 22px 42px}.acne-hero h1{font-size:clamp(38px,10.5vw,48px);line-height:1.18}.acne-hero .lead{font-size:18px}.acne-hero-image img{height:440px;object-position:62% center}.acne-intro{min-height:0;padding-block:78px;grid-template-columns:1fr;gap:42px}.acne-copy>p:not(.eyebrow){font-size:18px}.acne-copy>strong{font-size:23px}.acne-intro figure img{height:390px}.acne-types,.acne-causes{padding:78px 0}.type-labels,.cause-grid{grid-template-columns:1fr}.type-labels article{padding:20px}.cause-grid article{min-height:190px}.acne-primary{grid-template-columns:1fr}.acne-primary-photo img{height:420px}.acne-primary-copy{padding:62px 22px}.acne-complex{padding:72px 20px}.acne-complex-copy>p:last-child{font-size:18px}.complex-grid{grid-template-columns:1fr}.complex-grid aside{font-size:17px}.acne-recommend{height:auto;grid-template-columns:1fr}.acne-recommend-copy{padding:58px 20px}.acne-recommend-photo{order:-1}.acne-recommend-photo img{height:430px}.acne-faq{padding-block:75px 100px}.faq-heading{display:block}.faq-heading>p{margin-top:24px;font-size:18px}.acne-faq details{padding-inline:20px}.acne-faq summary{grid-template-columns:42px 1fr 30px;gap:10px}.acne-faq summary span{font-size:19px}.acne-faq details p{margin:0 0 24px 52px;font-size:17px}}