.lwpe{--ink:#111111;--muted:#707070;--line:#DDDDD9;--tile:#F6F6F3;--bg:#FFFFFF;--halo:rgba(120,116,110,.08);--shadow:rgba(60,58,54,.12);background:var(--bg);color:var(--ink);font-family:Kanit,Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}.lwpe *{box-sizing:border-box}.lwpe img{display:block;max-width:100%}.lwpe.cs{position:relative;padding:var(--pt,56px) 0 var(--pb,56px)}.lwpe .cs-inner{position:relative;max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,56px);min-height:clamp(700px,62vw,940px)}.lwpe .cs-head{position:absolute;z-index:3;left:clamp(20px,4vw,56px);top:50%;transform:translateY(-50%);max-width:36%}.lwpe .cs-h{margin:0;font-size:clamp(34px,4.4vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--ink)}.lwpe .cs-sub{margin:16px 0 0;font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:var(--muted);max-width:30ch}.lwpe .cs-stage{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);z-index:2;aspect-ratio:580/1860;height:clamp(540px,58vw,820px);width:auto;max-width:min(82vw,var(--pw,340px))}.lwpe .cs-frame{position:relative;width:100%;height:100%}.lwpe .cs-frame:before{content:"";position:absolute;left:50%;top:46%;width:150%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--halo),transparent 72%);z-index:0;pointer-events:none}.lwpe .cs-frame:after{content:"";position:absolute;left:50%;bottom:-2.2%;width:35%;height:2.6%;transform:translate(-50%);background:radial-gradient(closest-side,var(--shadow),transparent 78%);z-index:0;pointer-events:none;border-radius:50%}.lwpe .cs-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;opacity:0;transition:opacity .21s ease}.lwpe .cs-shot--white{opacity:1}.lwpe .cs-frame.is-black .cs-shot--white{opacity:0}.lwpe .cs-frame.is-black .cs-shot--black,.lwpe .cs-frame.is-black.no-black .cs-shot--white{opacity:1}.lwpe .cs-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);z-index:4}.lwpe .cs-line{position:absolute;height:1px;background:var(--line);z-index:3;transform-origin:left}.lwpe .cs-label{position:absolute;z-index:4;white-space:nowrap;font-size:clamp(14px,1.05vw,16px);line-height:1.35;transform:translateY(-50%)}.lwpe .cs-label .n{color:var(--ink);font-weight:600;margin-right:10px}.lwpe .cs-label .t{color:var(--muted);font-weight:400}html.js .lwpe .cs-frame[data-reveal] .cs-dot,html.js .lwpe .cs-frame[data-reveal] .cs-line,html.js .lwpe .cs-frame[data-reveal] .cs-label{opacity:0;transition:opacity .5s ease}html.js .lwpe .cs-frame.is-revealed .cs-dot,html.js .lwpe .cs-frame.is-revealed .cs-line,html.js .lwpe .cs-frame.is-revealed .cs-label{opacity:1;transition-delay:calc(.35s + var(--co,0) * .16s)}@media(prefers-reduced-motion:reduce){html.js .lwpe .cs-frame[data-reveal] .cs-dot,html.js .lwpe .cs-frame[data-reveal] .cs-line,html.js .lwpe .cs-frame[data-reveal] .cs-label{opacity:1;transition:none}}.lwpe .cs-mobile-labels{display:none}@media(max-width:749px){.lwpe.cs{padding:36px 0}.lwpe .cs-inner{min-height:0;padding:0 20px}.lwpe .cs-head{position:static;transform:none;left:auto;top:auto;max-width:none}.lwpe .cs-stage{position:relative;left:auto;top:auto;transform:none;margin:22px auto 0;height:auto;width:var(--pw-m,220px);max-width:none}.lwpe .cs-desktop-callouts{display:none}.lwpe .cs-mobile-labels{display:grid;gap:10px;max-width:420px;margin:20px auto 0}.lwpe .cs-mrow{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.4}.lwpe .cs-mrow .n{flex:none;color:var(--ink);font-weight:600}.lwpe .cs-mrow .t{color:var(--muted)}}.lwpe.dg{padding:var(--pt,56px) 0 var(--pb,72px);border-top:1px solid var(--line)}.lwpe .dg-inner{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.lwpe .dg-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}.lwpe .dg-intro{min-width:0;max-width:640px}.lwpe .dg-eyebrow{margin:0 0 8px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.lwpe .dg-h{margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1.14;letter-spacing:-.02em;color:var(--ink)}.lwpe .dg-desc{margin:12px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:var(--muted)}.lwpe .dg-selector{display:flex;gap:12px;flex:none}.lwpe .dg-swatchbtn{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);cursor:pointer;font-size:15px;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease}.lwpe .dg-swatchbtn:hover{border-color:#bdbdb8}.lwpe .dg-swatchbtn[aria-pressed=true]{border-color:var(--sel,#111111);box-shadow:0 0 0 1px var(--sel,#111111) inset}.lwpe .dg-sw{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);flex:none}.lwpe .dg-check{width:18px;height:18px;flex:none;opacity:0;transition:opacity .18s ease}.lwpe .dg-check svg{width:18px;height:18px;display:block;fill:none;stroke:var(--ink);stroke-width:2.2}.lwpe .dg-swatchbtn[aria-pressed=true] .dg-check{opacity:1}.lwpe .dg-swatchbtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.lwpe .dg-grid{display:grid;grid-template-columns:.85fr 1.3fr .85fr;grid-auto-rows:clamp(190px,15.5vw,250px);gap:18px}.lwpe .dg-tile{position:relative;overflow:hidden;border-radius:20px;background:var(--tile);min-height:0}.lwpe .dg-tile--tall,.lwpe .dg-tile--hero{grid-row:span 2}.lwpe .dg-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .21s ease}.lwpe .dg-shot--white{opacity:1}.lwpe .dg-tile.is-black .dg-shot--white{opacity:0}.lwpe .dg-tile.is-black .dg-shot--black,.lwpe .dg-tile.is-black.no-black .dg-shot--white{opacity:1}.lwpe .dg-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#9a9a95;font-size:14px}.lwpe .dg-cap{position:absolute;left:0;top:0;z-index:2;padding:24px;max-width:80%}.lwpe .dg-cap-t{margin:0;font-size:clamp(16px,1.3vw,19px);font-weight:700;color:var(--ink)}.lwpe .dg-cap-d{margin:5px 0 0;font-size:clamp(13px,1.05vw,15px);line-height:1.45;color:var(--muted)}.lwpe .dg-cap-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#ffffffb8,#fff0 42%)}@media(max-width:900px){.lwpe .dg-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.lwpe .dg-tile{grid-row:auto;aspect-ratio:4/5}.lwpe .dg-tile--land{aspect-ratio:4/3}}@media(max-width:749px){.lwpe.dg{padding:40px 0 48px}.lwpe .dg-top{flex-direction:column;align-items:stretch;gap:18px}.lwpe .dg-selector{width:100%}.lwpe .dg-swatchbtn{flex:1 1 0;justify-content:center;padding:11px 14px;font-size:14.2px;border-radius:16px;gap:10px}.lwpe .dg-swatchbtn .dg-sw{width:21px;height:21px}.lwpe .dg-grid{grid-template-columns:1fr;gap:14px;max-width:95%;margin-inline:auto}.lwpe .dg-tile{aspect-ratio:4/5}.lwpe .dg-tile--land{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.lwpe .cs-shot,.lwpe .dg-shot{transition-duration:80ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/liberlive-white-product-editorial.css.map */