.lp-features{position:relative;z-index:2;background:#000;color:#fff}.lp-features__hero{position:relative;isolation:isolate;height:100vh;height:100svh;min-height:100vh;min-height:100svh;color:#fff;overflow:visible;background:#000}.lp-features__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000;overflow:hidden}.lp-features__hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.lp-features__hero-bg-pc{display:block}.lp-features__hero-bg-sp{display:none}.lp-features__hero-content{position:absolute;top:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(28px,4vw,40px);width:50%;max-width:none;margin:0;padding:clamp(48px,7vw,88px) clamp(40px,5vw,80px);box-sizing:border-box;text-align:left}.lp-features__hero-copy{width:100%;max-width:34em}.lp-features__hero-lead{margin:0;font-family:var(--font-sans);font-size:clamp(17px,1.7vw,22px);font-weight:700;line-height:1.75;letter-spacing:.04em;color:#fff}.lp-features__hero-sub{margin:14px 0 0;font-family:var(--font-sans);font-size:clamp(13px,1.35vw,16px);font-weight:400;line-height:1.85;letter-spacing:.04em;color:#ffffffeb}.lp-features__venn{position:relative;display:block;width:clamp(300px,34vw,360px);height:clamp(150px,18vw,190px)}.lp-features__venn-circle{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:clamp(140px,16vw,176px);height:clamp(140px,16vw,176px);margin:0;padding:12px;box-sizing:border-box;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:transparent;text-align:center;transform:translateY(-50%)}.lp-features__venn-circle--left{left:0;z-index:1}.lp-features__venn-circle--right{left:clamp(118px,14vw,160px);z-index:2}.lp-features__venn-text{margin:0;font-family:var(--font-sans);font-size:clamp(12px,1.3vw,15px);font-weight:700;line-height:1.55;letter-spacing:.06em;color:#fff}.lp-features__header{position:absolute;left:0;right:0;bottom:0;z-index:3;text-align:center;padding:0 clamp(20px,4vw,48px);background:transparent;transform:translateY(calc(50% + 3px));pointer-events:none}.lp-features__heading{margin:0;font-family:var(--font-sans);font-size:clamp(28px,3.8vw,42px);font-weight:700;color:#fff;line-height:1.2;letter-spacing:.02em}.lp-features__subheading{margin:10px 0 0;font-family:var(--font-sans);font-size:14px;font-weight:400;color:#ffffffbf;letter-spacing:.08em}.lp-features__body{background:var(--su-dark);width:100%;padding:clamp(56px,8vw,96px) 0 clamp(72px,10vw,120px)}.lp-features__list{list-style:none;display:flex;flex-direction:column;gap:clamp(48px,7vw,80px);width:100%;max-width:1980px;margin:0 auto;padding:0}.lp-features__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:center}.lp-features__item--reverse{direction:rtl}.lp-features__item--reverse>*{direction:ltr}.lp-features__copy{min-width:0;width:100%;max-width:640px;box-sizing:border-box}.lp-features__item:not(.lp-features__item--reverse) .lp-features__copy{justify-self:end;padding:0 clamp(32px,4vw,56px) 0 clamp(48px,7vw,120px)}.lp-features__item--reverse .lp-features__copy{justify-self:start;padding:0 clamp(48px,7vw,120px) 0 clamp(32px,4vw,56px)}.lp-features__title{margin:0 0 16px;font-family:var(--font-sans);font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.4;letter-spacing:.04em;color:#fff}.lp-features__text{margin:0;font-family:var(--font-sans);font-size:clamp(13px,1.35vw,15px);font-weight:400;line-height:1.9;letter-spacing:.02em;color:#ffffffeb;overflow-wrap:anywhere;word-break:break-word}.lp-features__text+.lp-features__text{margin-top:1.2em}.lp-features__note{margin:14px 0 0;font-size:clamp(12px,1.2vw,13px);line-height:1.7;color:#ffffffb3}.lp-features__note a{color:#ffffffb3;text-decoration:underline;text-underline-offset:2px}.lp-features__proof{margin:18px 0 0;font-family:var(--font-sans);font-size:clamp(12px,1.25vw,14px);font-weight:400;line-height:1.85;letter-spacing:.02em;color:#ffffffeb}.lp-features__media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(180deg,#7a7a7a,silver)}.lp-features__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:767px){.lp-features__hero{height:100vh;height:100svh;min-height:100vh;min-height:100svh}.lp-features__hero-bg-pc{display:none}.lp-features__hero-bg-sp{display:block}.lp-features__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.lp-features__hero-bg img{object-position:center bottom}.lp-features__hero-content{top:0;right:0;left:0;bottom:auto;width:100%;height:auto;margin:0;padding:48px 24px 28px;align-items:center;text-align:center;background:transparent}.lp-features__hero-lead{font-size:18px;line-height:1.85}.lp-features__hero-sub{font-size:13px}.lp-features__venn{width:248px;height:150px;margin-left:auto;margin-right:auto}.lp-features__venn-circle{width:136px;height:136px}.lp-features__venn-circle--left{left:0}.lp-features__venn-circle--right{left:112px}.lp-features__venn-text{font-size:13px}.lp-features__header{padding:0 24px;transform:translateY(calc(50% + 3px));background:transparent}.lp-features__heading{font-size:28px}.lp-features__body{padding:96px 0 72px}.lp-features__list{gap:48px}.lp-features__copy,.lp-features__item:not(.lp-features__item--reverse) .lp-features__copy,.lp-features__item--reverse .lp-features__copy{order:1;width:100%;max-width:100%;min-width:0;justify-self:stretch;padding:0 24px;box-sizing:border-box}.lp-features__item,.lp-features__item--reverse{grid-template-columns:minmax(0,1fr);gap:20px;direction:ltr}.lp-features__media{order:2;width:86%;aspect-ratio:1 / 1}.lp-features__item:nth-child(odd) .lp-features__media{margin-left:auto;margin-right:0}.lp-features__item:nth-child(2n) .lp-features__media{margin-left:0;margin-right:auto}.lp-features__title{margin-bottom:12px;font-size:20px}.lp-features__text{font-size:14px;line-height:1.85}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/surutto-pro-lp-section-02-features.css.map */