.lf-detail{--lf-ink:#182b36;--lf-paper:#f6f6f1;--lf-accent:#bfd9dd;--lf-rule:rgba(24,43,54,.2);color:var(--lf-ink);background:var(--lf-paper);font-family:inherit;font-size:17px;line-height:1.65;margin:0 auto;max-width:1440px;overflow-wrap:anywhere}.lf-detail *{box-sizing:border-box}.lf-detail .lf-story{display:block}.lf-detail .lf-band{margin:0;padding:76px 56px;border:0}.lf-detail .lf-band-inner{width:100%;max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}.lf-detail .lf-band-inner:has(>.lf-graphic){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.lf-detail .lf-copy{min-width:0;max-width:760px}.lf-detail .lf-unit{margin:0 0 20px}.lf-detail .lf-unit:last-child{margin-bottom:0}.lf-detail h2,.lf-detail h3{font-family:inherit;font-weight:650;letter-spacing:-.045em;line-height:1.08;color:inherit;margin:0 0 28px;text-wrap:balance}.lf-detail h2{font-size:clamp(28px,3.8vw,54px)}.lf-detail h3{font-size:clamp(26px,3vw,42px)}.lf-detail p{margin:0 0 20px}.lf-detail strong{font-weight:650}.lf-detail [data-topic=intro]{background:#e6eceb;padding-top:72px;padding-bottom:72px}.lf-detail [data-topic=intro] .lf-band-inner{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:64px}.lf-detail .lf-native-product{display:block;width:100%;height:auto;max-width:580px;aspect-ratio:1;object-fit:contain;background:#fff}.lf-detail .lf-native-product img{display:block;width:100%;height:auto;object-fit:contain}.lf-detail .lf-vendor{font-size:14px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.lf-detail .lf-product-title{font-size:clamp(28px,3.3vw,48px);line-height:1.1;letter-spacing:-.04em}.lf-detail [data-topic=intro] .lf-unit:first-of-type{font-size:clamp(22px,2.3vw,32px);line-height:1.25;letter-spacing:-.02em}.lf-detail [data-topic=features]{background:#203c46;color:#fff}.lf-detail [data-topic=features]+.lf-band[data-topic=features]{background:#2b4853}.lf-detail [data-topic=ingredients]{background:#eff2ec}.lf-detail [data-topic=formula]{background:#e2ebe9}.lf-detail [data-topic=audience]{background:#f2ebdf}.lf-detail [data-topic=usage]{background:#f9f8f2}.lf-detail [data-topic=specs]{background:#dce7e6}.lf-detail [data-topic=shades]{background:#eee6df}.lf-detail [data-topic=inci]{background:#243d47;color:#fff}.lf-detail [data-topic=other]{background:#e6eceb;padding-top:36px;padding-bottom:36px}.lf-detail .lf-graphic{display:block;min-width:0;margin:0;width:100%}.lf-detail .lf-art-window{position:relative;width:100%;aspect-ratio:var(--lf-art-ratio,2);overflow:hidden;background:#d7e3e4}.lf-detail .lf-art-image{display:block;position:absolute;width:100%;max-width:none;height:auto;top:calc(-1 * var(--lf-art-offset,0%));left:0}.lf-detail .lf-art-caption{font-size:12px;line-height:1.5;letter-spacing:.01em;margin-top:9px;opacity:.82}.lf-detail .lf-ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:10px 0 0;counter-reset:ingredient}.lf-detail .lf-ingredient{display:block;border-top:1px solid var(--lf-rule);padding:25px 0 28px;margin:0;counter-increment:ingredient}.lf-detail .lf-ingredient:before{content:counter(ingredient,decimal-leading-zero);display:block;font-size:14px;letter-spacing:.06em;font-weight:650;margin:0 0 10px}.lf-detail .lf-ingredient h3,.lf-detail .lf-ingredient dt{font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.025em;margin:0 0 13px}.lf-detail .lf-ingredient dd{margin:0;line-height:1.65}.lf-detail .lf-ingredient p{margin-bottom:0}.lf-detail .lf-steps{list-style:none;counter-reset:step;padding:0;margin:28px 0 0;display:grid;gap:0}.lf-detail .lf-steps>li{position:relative;counter-increment:step;display:block;padding:22px 0 22px 64px;border-top:1px solid var(--lf-rule);margin:0;min-height:82px}.lf-detail .lf-steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:18px;font-size:30px;line-height:1.35;letter-spacing:-.03em;font-weight:650;color:inherit}.lf-detail table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:inherit;line-height:1.6}.lf-detail th,.lf-detail td{padding:20px 16px;border:0;border-top:1px solid var(--lf-rule);vertical-align:top;text-align:left;overflow-wrap:anywhere}.lf-detail th{font-weight:650}.lf-detail td:first-child,.lf-detail th:first-child{width:34%;padding-left:0;font-weight:650}.lf-detail td:last-child,.lf-detail th:last-child{padding-right:0}.lf-detail dl{margin:0}.lf-detail .lf-spec-row,.lf-detail .lf-shade-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;padding:20px 0;border-top:1px solid var(--lf-rule)}.lf-detail .lf-spec-row dt,.lf-detail .lf-shade-row dt{font-weight:650}.lf-detail .lf-spec-row dd,.lf-detail .lf-shade-row dd{margin:0}.lf-detail [data-topic=inci] .lf-copy{max-width:100%}.lf-detail [data-topic=inci] p{font-size:16px;line-height:1.9}.lf-detail a{color:inherit;text-decoration:underline;text-underline-offset:3px}.lf-detail a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.lf-detail .lf-native-fallback details{border-top:1px solid var(--lf-rule);padding:22px 0}.lf-detail .lf-native-fallback summary{font-size:26px;font-weight:650;line-height:1.2;margin-bottom:20px}@media(min-width:1000px){.lf-detail [data-topic=features] .lf-graphic,.lf-detail [data-topic=formula] .lf-graphic,.lf-detail [data-topic=usage] .lf-graphic{width:100%}.lf-detail [data-topic=features]:nth-of-type(2n) .lf-graphic{grid-column:1;grid-row:1}.lf-detail [data-topic=features]:nth-of-type(2n) .lf-copy{grid-column:2;grid-row:1}.lf-detail .lf-band-inner:has(.lf-ingredient-grid){display:block}.lf-detail .lf-band-inner:has(.lf-ingredient-grid)>.lf-copy{max-width:100%}}@media(max-width:749px){.lf-detail{font-size:16px;line-height:1.65}.lf-detail .lf-band{padding:46px 22px}.lf-detail .lf-band-inner,.lf-detail .lf-band-inner:has(>.lf-graphic),.lf-detail [data-topic=intro] .lf-band-inner{grid-template-columns:minmax(0,1fr);gap:28px}.lf-detail [data-topic=intro]{padding:32px 22px 46px}.lf-detail .lf-native-product{max-width:100%;aspect-ratio:1}.lf-detail h2{font-size:30px;margin-bottom:22px}.lf-detail h3{font-size:27px;margin-bottom:22px}.lf-detail .lf-product-title{font-size:30px}.lf-detail .lf-graphic{margin-top:4px}.lf-detail .lf-art-window{width:calc(100% + 44px);margin-left:-22px}.lf-detail .lf-ingredient-grid{grid-template-columns:minmax(0,1fr);gap:0}.lf-detail .lf-ingredient h3{font-size:22px}.lf-detail .lf-steps>li{padding-left:50px}.lf-detail .lf-steps>li:before{font-size:28px}.lf-detail th,.lf-detail td{padding:18px 10px}.lf-detail td:first-child,.lf-detail th:first-child{width:38%}.lf-detail [data-topic=inci] p{font-size:16px}.lf-detail .lf-spec-row,.lf-detail .lf-shade-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px}.lf-detail [data-topic=other]{padding:28px 22px}}@media(prefers-reduced-motion:reduce){.lf-detail *{scroll-behavior:auto}}.lf-detail .lf-title{font-size:clamp(28px,3.3vw,48px);line-height:1.1;letter-spacing:-.04em}.lf-detail .lf-facts{display:grid;grid-template-columns:minmax(0,1fr);margin-top:22px}.lf-detail .lf-fact{margin:0;padding:22px 0;border-top:1px solid var(--lf-rule)}.lf-detail .lf-fact dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:22px}.lf-detail .lf-fact dt{font-weight:650}.lf-detail .lf-fact dd{margin:0}.lf-detail .lf-column-heading{font-size:14px;letter-spacing:.025em}@media(max-width:749px){.lf-detail .lf-title{font-size:30px}.lf-detail .lf-fact dl{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px}}.lf-detail .lf-use-scenes{display:none}.lf-detail [data-topic=ingredients] .lf-graphic{max-width:760px;margin:0 0 32px}.lf-detail .lf-band-inner:has(.lf-ingredient-grid){display:block}.lf-detail .lf-band-inner:has(.lf-ingredient-grid)>.lf-copy{max-width:100%}@media(max-width:749px){.lf-detail [data-topic=usage]>.lf-band-inner>.lf-graphic>.lf-art-window{display:none}.lf-detail .lf-use-scenes{display:grid;grid-template-columns:1fr;gap:8px;width:calc(100% + 44px);margin-left:-22px}.lf-detail .lf-use-scene{position:relative;overflow:hidden;aspect-ratio:calc(var(--lf-art-ratio,2) / 3);background:#d7e3e4}.lf-detail .lf-use-scene img{position:absolute;width:300%;height:auto;max-width:none;top:calc(-1 * var(--lf-art-offset,200%));left:calc(-1 * var(--lf-scene-left,0%))}.lf-detail [data-topic=ingredients] .lf-graphic{margin-bottom:34px}}@media(max-width:749px){.lf-detail .lf-use-scene{aspect-ratio:var(--lf-scene-ratio,.58)}.lf-detail .lf-use-scene img{width:var(--lf-scene-scale,350%);left:calc(-1 * var(--lf-scene-left,0%))}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/product-long-detail.css.map */