/* GENERATED by tools/package-shop.mjs from list-base.css + landing.css: every rule scoped under .pgf-land */
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
.pgf-land h1, .pgf-land h2, .pgf-land h3, .pgf-land p { font-family: inherit; text-transform: none; }
.pgf-land h1, .pgf-land h2, .pgf-land h3 { font-weight: 700; }
.pgf-land { display: block; text-align: left; }
.pgf-land {
  --ink: #212529; --ink2: #45484C; --muted: #8F8F8F; --line: #DEE1E5; --line2: #CED3D7;
  --soft: #F8F9FA; --soft2: #EFF0F2; --navy: #212529;
  --blue: #0489F5; --blue2: #0372CC; --blue-soft: #E5F3FE;
  --font: 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.pgf-land [hidden] { display: none !important; }
.pgf-land .pg-row { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 8px; cursor: grab; }
.pgf-land .pg-row::-webkit-scrollbar { display: none; }
.pgf-land .pg-row > * { scroll-snap-align: start; flex: none; }
.pgf-land .pg-row.is-dragging { cursor: grabbing; }
.pgf-land .pg-row.is-dragging * { pointer-events: none; }
.pgf-land .pg-dots { display: flex; justify-content: center; gap: 6px; margin-top: 6px; }
.pgf-land .pg-dots i { width: 6px; height: 6px; border-radius: 3px; background: var(--line2); transition: all .2s; }
.pgf-land .pg-dots i.on { width: 18px; background: var(--blue); }
.pgf-land .pg-shot { width: 100%; height: 100%; overflow: visible; }
.pgf-land .pg-shot--acrylic, .pgf-land .pg-shot--aluminium { filter: drop-shadow(0 10px 14px rgba(20,24,30,.22)) drop-shadow(0 2px 3px rgba(20,24,30,.12)); }
.pgf-land .pg-shot--framed { filter: drop-shadow(0 8px 12px rgba(20,24,30,.25)) drop-shadow(0 2px 2px rgba(20,24,30,.18)); }
.pgf-land .pg-shot--canvas { filter: drop-shadow(0 12px 16px rgba(20,24,30,.22)) drop-shadow(0 3px 4px rgba(20,24,30,.14)); }
.pgf-land.cat-drop { position: relative; }
.pgf-land.cat-drop.is-over::after { content: 'Drop your photos'; position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; background: rgba(4,137,245,.12); border: 3px dashed var(--blue); color: var(--blue2); font-size: 28px; font-weight: 700; }
.pgf-land .pg-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 30px); opacity: 0; background: var(--ink); color: #fff; padding: 12px 18px; border-radius: 12px; font-size: 14.5px; z-index: 120; transition: all .3s; pointer-events: none; }
.pgf-land .pg-toast.on { opacity: 1; transform: translate(-50%, 0); }
.pgf-land.lp { background: #FBFCFE; font-family: var(--font); }
.pgf-land.lp h1, .pgf-land.lp h2, .pgf-land.lp h3 { font-family: var(--font); text-transform: none; }
.pgf-land .lp-grad { color: #0489F5; }
.pgf-land .lp-grad--light { color: #9BD0FB; }
.pgf-land .lp-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #0372CC; }
.pgf-land .lp-eyebrow::before { content: ''; width: 18px; height: 2px; border-radius: 2px; background: currentColor; }
.pgf-land .lp-h2 { font-size: clamp(28px, 3.6vw, 46px); line-height: 1.04; letter-spacing: -.04em; font-weight: 700; color: var(--ink); }
.pgf-land .lp-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.pgf-land .lp-label--sm { font-size: 10.5px; letter-spacing: .06em; padding-left: 2px; }
.pgf-land .lp-opt { --bs-btn-bg: #fff; --bs-btn-color: var(--ink2); --bs-btn-border-color: var(--line2);
  --bs-btn-hover-bg: #fff; --bs-btn-hover-color: #0372CC; --bs-btn-hover-border-color: #0489F5;
  --bs-btn-active-bg: #E5F3FE; --bs-btn-active-color: #0372CC; --bs-btn-active-border-color: #0489F5;
  white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; }
.pgf-land .btn-group > .lp-opt { flex: 1 1 0; min-height: 34px; }
.pgf-land .lp-opt .lp-ic { display: block; border: 2px solid currentColor; border-radius: 2px; }
.pgf-land .lp-opt .sw { display: block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,.2); }
.pgf-land .lp-opt .g { display: flex; border: 0; }
.pgf-land .lp-opt .g b { width: 8px; height: 14px; background: currentColor; border-radius: 1px; }
.pgf-land .lp-opt .g--1 { gap: 2px; }
.pgf-land .lp-opt .g--2 { gap: 5px; }
.pgf-land .lp-sw { width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); flex: none; }
.pgf-land [data-ic] svg { display: block; }
.pgf-land .lp-mesh { position: absolute; inset: -20% -10% auto -10%; height: 140%; pointer-events: none; filter: blur(60px); opacity: .75; }
.pgf-land .lp-mesh i { position: absolute; border-radius: 50%; }
.pgf-land .lp-mesh i:nth-child(1) { width: 46vw; height: 46vw; left: 48%; top: 0; background: radial-gradient(circle, #CDE7FD 0%, transparent 65%); animation: pgf-drift1 18s ease-in-out infinite alternate; }
.pgf-land .lp-mesh i:nth-child(2) { width: 38vw; height: 38vw; left: 66%; top: 26%; background: radial-gradient(circle, #E5F3FE 0%, transparent 65%); animation: pgf-drift2 22s ease-in-out infinite alternate; }
.pgf-land .lp-mesh i:nth-child(3) { width: 34vw; height: 34vw; left: 4%; top: 30%; background: radial-gradient(circle, #EFF0F2 0%, transparent 65%); animation: pgf-drift1 26s ease-in-out infinite alternate-reverse; }
@keyframes pgf-drift1 { to { transform: translate(-6vw, 4vw) scale(1.12); } }
@keyframes pgf-drift2 { to { transform: translate(5vw, -5vw) scale(.92); } }
.pgf-land .lp-pill i { width: 8px; height: 8px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 4px rgba(34,197,94,.18); animation: pgf-pulse 1.8s infinite; }
@keyframes pgf-pulse { 50% { box-shadow: 0 0 0 7px rgba(34,197,94,.06); } }
.pgf-land .lp-h1 { font-size: clamp(42px, 5.4vw, 78px); line-height: .98; letter-spacing: -.045em; font-weight: 700; margin: 18px 0 16px; color: var(--ink); }
.pgf-land .lp-h1 .lp-grad { padding-bottom: .12em; margin-bottom: -.12em; }
.pgf-land .lp-h1 .w { display: inline-block; opacity: 0; transform: translateY(.45em) rotate(2deg); filter: blur(6px); animation: pgf-word .45s cubic-bezier(.2,.8,.2,1) forwards; }
.pgf-land .lp-h1 .w:nth-child(2) { animation-delay: .03s; }
.pgf-land .lp-h1 .w:nth-child(3) { animation-delay: .06s; }
.pgf-land .lp-h1 .w:nth-child(5) { animation-delay: .12s; }
.pgf-land .lp-h1 .w:nth-child(6) { animation-delay: .15s; }
.pgf-land .lp-h1 .w:nth-child(7) { animation-delay: .18s; }
@keyframes pgf-word { to { opacity: 1; transform: none; filter: none; } }
.pgf-land .lp-lede, .pgf-land .lp-cta, .pgf-land .lp-facts { opacity: 0; animation: pgf-rise .45s cubic-bezier(.2,.8,.2,1) forwards; }
.pgf-land .lp-lede { max-width: 31em; animation-delay: .22s; }
.pgf-land .lp-cta { animation-delay: .28s; }
.pgf-land .lp-facts { animation-delay: .34s; }
@keyframes pgf-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.pgf-land .lp-go { box-shadow: 0 8px 22px -12px rgba(4,137,245,.7); transition: transform .2s, box-shadow .2s; }
.pgf-land .lp-go:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -12px rgba(4,137,245,.6); }
.pgf-land .lp-link__arr { display: inline-block; animation: pgf-nudge 1.8s ease-in-out infinite; }
@keyframes pgf-nudge { 50% { transform: translateY(4px); } }
.pgf-land .lp-hero__stage { position: relative; width: min(100%, 580px); aspect-ratio: 1; margin-inline: auto; background: #EDE6DC; box-shadow: 0 30px 60px -34px rgba(60,45,25,.45); animation: pgf-lift .5s cubic-bezier(.2,.8,.2,1) both; }
@keyframes pgf-lift { from { transform: translateY(16px); } to { transform: none; } }
@media (min-width: 992px) {
.pgf-land .lp-hero__stage { margin-right: 0; }
 }
.pgf-land .lp-wallglow { position: absolute; inset: 6% 8%; border-radius: 40px; background: linear-gradient(160deg, #F4EFE7, #EAE2D5); box-shadow: inset 0 -60px 80px -40px rgba(120,96,64,.18); }
.pgf-land .lp-frame { position: relative; z-index: 1; height: 74%; display: flex; transition: transform .5s cubic-bezier(.2,.8,.2,1); transform-style: preserve-3d; will-change: transform; }
.pgf-land .lp-frame .mx-art { position: relative; height: 100%; background: #fff; border-radius: 0; overflow: hidden;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 40px 60px -26px rgba(40,30,20,.45), 0 18px 24px -14px rgba(40,30,20,.3), 0 0 0 1px rgba(0,0,0,.04); transition: aspect-ratio .7s cubic-bezier(.2,.8,.2,1), background-color .6s; }
.pgf-land .lp-frame { --m: clamp(11px, 1.3vw, 16px); }
.pgf-land .mould { position: absolute; z-index: 2; inset: calc(var(--m) * -1); pointer-events: none; opacity: 0; transition: opacity .6s ease; }
.pgf-land .lp-frame[data-mat="frame-black"] .mould--black, .pgf-land .lp-frame[data-mat="frame-white"] .mould--white { opacity: 1; }
.pgf-land .mould i { position: absolute; display: block; }
.pgf-land .mould .t { left: 0; right: 0; top: 0; height: var(--m); clip-path: polygon(0 0, 100% 0, calc(100% - var(--m)) 100%, var(--m) 100%); }
.pgf-land .mould .b { left: 0; right: 0; bottom: 0; height: var(--m); clip-path: polygon(var(--m) 0, calc(100% - var(--m)) 0, 100% 100%, 0 100%); }
.pgf-land .mould .l { top: 0; bottom: 0; left: 0; width: var(--m); clip-path: polygon(0 0, 100% var(--m), 100% calc(100% - var(--m)), 0 100%); }
.pgf-land .mould .r { top: 0; bottom: 0; right: 0; width: var(--m); clip-path: polygon(0 var(--m), 100% 0, 100% 100%, 0 calc(100% - var(--m))); }
.pgf-land .mould--black .t, .pgf-land .mould--black .b { background: url('/image/catalog/photo-collage-frames/frames/black-h.webp') 0 0 / auto 100% repeat-x; }
.pgf-land .mould--black .l, .pgf-land .mould--black .r { background: url('/image/catalog/photo-collage-frames/frames/black-v.webp') 0 0 / 100% auto repeat-y; }
.pgf-land .mould--white .t, .pgf-land .mould--white .b { background: url('/image/catalog/photo-collage-frames/frames/white-h.webp') 0 0 / auto 100% repeat-x; }
.pgf-land .mould--white .l, .pgf-land .mould--white .r { background: url('/image/catalog/photo-collage-frames/frames/white-v.webp') 0 0 / 100% auto repeat-y; }
.pgf-land .mould--black { box-shadow: 0 0 0 1px #050505, 0 34px 54px -24px rgba(30,20,10,.55), 0 14px 20px -12px rgba(30,20,10,.35); }
.pgf-land .mould--white { box-shadow: 0 0 0 1px rgba(96,82,60,.45), 0 34px 54px -22px rgba(60,45,25,.5), 0 14px 22px -12px rgba(60,45,25,.32); }
.pgf-land .mould::after { content: ''; position: absolute; inset: var(--m); box-shadow: 0 0 0 1px rgba(0,0,0,.5), inset 0 4px 10px -3px rgba(0,0,0,.32), inset 4px 0 10px -6px rgba(0,0,0,.18); }
.pgf-land .mould--white::after { box-shadow: 0 0 0 1px rgba(70,58,40,.5), inset 0 4px 10px -3px rgba(0,0,0,.26), inset 4px 0 10px -6px rgba(0,0,0,.14); }
.pgf-land .lp-frame.is-fit { height: auto; }
.pgf-land .lp-frame.is-fit .mx-art { transition: width .75s cubic-bezier(.2,.8,.2,1), height .75s cubic-bezier(.2,.8,.2,1), background-color .6s; }
.pgf-land .mx-art.no-anim, .pgf-land .mx-art.no-anim .mx-tile { transition: none !important; }
.pgf-land .lp-sheen { position: absolute; inset: 0; z-index: 3; pointer-events: none; overflow: hidden; }
.pgf-land .lp-sheen::before { content: ''; position: absolute; inset: -50% -80%; background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.45) 49%, rgba(255,255,255,.12) 53%, transparent 58%); animation: pgf-sheen 6.5s ease-in-out infinite; }
.pgf-land .lp-sheen::after { content: ''; position: absolute; inset: 0; background: linear-gradient(150deg, rgba(255,255,255,.22), transparent 38%); }
@keyframes pgf-sheen { 0%, 55% { transform: translateX(-45%); } 85%, 100% { transform: translateX(45%); } }
.pgf-land .mx-tile { position: absolute; background: #EDE7DE center / cover no-repeat;
  transition: left .75s cubic-bezier(.2,.8,.2,1), top .75s cubic-bezier(.2,.8,.2,1), width .75s cubic-bezier(.2,.8,.2,1), height .75s cubic-bezier(.2,.8,.2,1), opacity .45s ease, transform .55s cubic-bezier(.2,1.4,.4,1); }
.pgf-land .mx-tile.is-new { opacity: 0; transform: scale(.55); }
.pgf-land .mx-tile.is-out { opacity: 0; transform: scale(.6); transition-delay: 0s !important; }
.pgf-land .mx-art:empty { background: linear-gradient(100deg, #EFE9E1 30%, #F8F4EE 50%, #EFE9E1 70%) 0 0 / 300% 100% !important; animation: pgf-mxshimmer 1.3s linear infinite; }
@keyframes pgf-mxshimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }
.pgf-land .lp-frame.is-fit .mx-art:empty { width: min(56vw, 360px); aspect-ratio: 12 / 17; height: auto; }
.pgf-land .lp-count { position: relative; z-index: 4; padding: 9px 18px; background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 12px 28px -16px rgba(16,24,40,.35), inset 0 0 0 1px rgba(16,24,40,.06); white-space: nowrap; }
.pgf-land .lp-count b { font-size: 22px; line-height: 1; letter-spacing: -.03em; color: var(--blue); font-variant-numeric: tabular-nums; min-width: 1.2em; text-align: right; }
.pgf-land .lp-count span { font-weight: 700; color: var(--ink2); font-size: 15px; }
.pgf-land .lp-count i { width: 4px; height: 4px; border-radius: 50%; background: var(--line2); }
.pgf-land .lp-count small { font-size: 14.5px; color: var(--muted); transition: opacity .3s; }
.pgf-land .lp-count small em { font-style: normal; color: var(--blue); font-weight: 700; }
.pgf-land .lp-count { max-width: calc(100% - 16px); }
.pgf-land .lp-count small { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pgf-land [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
.pgf-land [data-reveal].in { opacity: 1; transform: none; }
.pgf-land .lp-how li[data-reveal]:nth-child(2) { transition-delay: .12s; }
.pgf-land .lp-how li[data-reveal]:nth-child(3) { transition-delay: .24s; }
.pgf-land .lp-play { box-shadow: 0 30px 60px -30px rgba(16,24,40,.18); }
.pgf-land .lp-play__ctrl, .pgf-land .lp-hero__copy { min-width: 0; }
.pgf-land .lp-play__stage { position: relative; height: 560px; background: #EDE6DC; }
.pgf-land .lp-frame--play { height: 84%; }
.pgf-land .lp-shuffle { position: absolute; right: 14px; top: 14px; z-index: 4; }
.pgf-land .lp-shuffle svg { width: 16px; height: 16px; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.pgf-land .lp-shuffle:hover svg { transform: rotate(180deg); }
.pgf-land .lp-step__b { width: 44px; height: 44px; font-size: 24px; line-height: 1; }
.pgf-land .lp-step__b:hover { background: var(--blue); border-color: var(--blue); color: #fff; }
.pgf-land .lp-step__b:disabled { opacity: .35; }
.pgf-land .lp-step__n { font-size: 48px; line-height: 1; letter-spacing: -.05em; min-width: 1.5em; font-variant-numeric: tabular-nums; }
.pgf-land #play-range::-webkit-slider-thumb { background: #0489F5; }
.pgf-land #play-range::-moz-range-thumb { background: #0489F5; }
.pgf-land #play-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(4,137,245,.25); }
.pgf-land .lp-same b { color: #15803D; }
.pgf-land .lp-same__short { display: none; }
.pgf-land .lp-same.is-flash { animation: pgf-sameflash .7s ease; }
@keyframes pgf-sameflash { 30% { background: #DDF2D6 !important; } }
.pgf-land .lp-pick input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
.pgf-land .lp-pick:focus-within { outline: 2px solid var(--blue); outline-offset: 1px; }
.pgf-land .lp-pick.active { --bs-btn-active-bg: #E5F3FE; }
.pgf-land .lp-chips { scrollbar-width: none; }
.pgf-land .lp-chips::-webkit-scrollbar { display: none; }
.pgf-land .lp-chips .is-pop, .pgf-land .lp-look.is-pop { animation: pgf-pop .35s cubic-bezier(.2,1.4,.4,1); }
@keyframes pgf-pop { from { transform: scale(.8); opacity: 0; } }
.pgf-land .lp-looks { gap: 10px; padding: 3px 2px 4px; }
.pgf-land .lp-look { --tile: #C4CEDB; flex: 0 0 calc((100% - 40px) / 4.5); min-width: 0; border: 0; padding: 0; background: none; text-align: left; scroll-snap-align: start; color: var(--ink2); font: inherit; }
.pgf-land .lp-look__box { display: flex; align-items: center; justify-content: center; height: var(--box); border-radius: 12px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .2s, background .2s; }
.pgf-land .lp-look__art { position: relative; display: block; height: 72%; max-width: 80%; overflow: hidden; box-shadow: 0 3px 8px -4px rgba(16,24,40,.3), 0 0 0 1px rgba(16,24,40,.06); }
.pgf-land .lp-look__art i { position: absolute; box-sizing: border-box; border: 1.5px solid var(--paper, #fff); border-radius: 2px; background: var(--tile); background-clip: padding-box; transition: background .2s; }
.pgf-land .lp-look:hover { --tile: #A9B6C7; }
.pgf-land .lp-look b { display: block; margin-top: 6px; font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pgf-land .lp-look:hover .lp-look__box { box-shadow: inset 0 0 0 1.5px #0489F5; }
.pgf-land .lp-look[aria-pressed="true"] { --tile: #82C4FA; }
.pgf-land .lp-look[aria-pressed="true"] .lp-look__box { background: #E5F3FE; box-shadow: inset 0 0 0 1.5px #0489F5; }
.pgf-land .lp-look[aria-pressed="true"] b { color: #0372CC; }
.pgf-land #play-looks { --fl: 0px; --fr: 0px; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%); }
.pgf-land #play-looks.can-left { --fl: 34px; }
.pgf-land #play-looks.can-right { --fr: 28px; }
.pgf-land .lp-looks-wrap { --box: 92px; position: relative; }
.pgf-land .lp-arr { position: absolute; top: calc(var(--box) / 2 + 3px); z-index: 2; width: 34px; height: 34px; margin-top: -17px; border: 0; border-radius: 50%; background: #fff; color: var(--ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px -4px rgba(16,24,40,.35), inset 0 0 0 1px var(--line); opacity: 0; visibility: hidden; transform: scale(.8); transition: opacity .2s, transform .2s, visibility .2s, color .2s, background .2s; }
.pgf-land .lp-arr svg { width: 17px; height: 17px; }
.pgf-land .lp-arr--prev { left: -6px; }
.pgf-land .lp-arr--next { right: -6px; }
.pgf-land .lp-arr.is-on { opacity: 1; visibility: visible; transform: none; }
.pgf-land .lp-arr:hover { background: #0489F5; color: #fff; }
.pgf-land .is-hint > * { animation: pgf-swipehint 1.2s cubic-bezier(.35,.7,.3,1); }
@keyframes pgf-swipehint { 0%, 100% { transform: none; } 38% { transform: translateX(-46px); } 62% { transform: translateX(-46px); } }
.pgf-land .lp-fin { max-width: 1060px; }
.pgf-land .lp-fin__tabs { scrollbar-width: none; }
.pgf-land .lp-fin__tabs::-webkit-scrollbar { display: none; }
.pgf-land .lp-fin__body { box-shadow: 0 30px 60px -30px rgba(16,24,40,.2); }
.pgf-land .lp-fin__stage { position: relative; height: 480px; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse 75% 65% at 50% 28%, #FBF7F1 0%, #EFE6DA 58%, #E3D7C7 100%); overflow: hidden; }
.pgf-land .lp-fin__piece { position: relative; transition: width .6s cubic-bezier(.2,.8,.2,1), height .6s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 22px 26px rgba(70,50,30,.28)); }
.pgf-land .lp-fin__piece .pg-shot { display: block; width: 100%; height: 100%; }
.pgf-land .lp-fin__piece.is-swap { animation: pgf-finswap .55s cubic-bezier(.2,.8,.2,1); }
@keyframes pgf-finswap { from { opacity: .35; filter: blur(3px); } }
.pgf-land .lp-fin__price span::after { content: ' in'; }
.pgf-land .lp-fin__price b { letter-spacing: -.03em; }
.pgf-land .lp-fin__info > * { animation: pgf-rise .5s cubic-bezier(.2,.8,.2,1) both; }
.pgf-land .lp-fin__info > *:nth-child(2) { animation-delay: .05s; }
.pgf-land .lp-fin__info > *:nth-child(3) { animation-delay: .1s; }
.pgf-land .lp-fin__info > *:nth-child(4) { animation-delay: .15s; }
.pgf-land .lp-fin__info > *:nth-child(5) { animation-delay: .2s; }
.pgf-land .lp-fin__piece.is-side { perspective: 1300px; }
.pgf-land .lp-fin__piece.is-side .lp-edge { --d: 34px; position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateY(34deg); }
.pgf-land .lp-edge__face { position: absolute; inset: 0; }
.pgf-land .lp-edge__face .pg-shot { display: block; width: 100%; height: 100%; }
.pgf-land .lp-edge__side { position: absolute; left: 0; top: 0; width: var(--d); height: 100%; transform-origin: left center; transform: rotateY(90deg); overflow: hidden; }
.pgf-land .lp-edge__side span { position: absolute; left: 0; top: 0; height: 100%; width: var(--w); }
.pgf-land .lp-edge__side span .pg-shot { display: block; width: 100%; height: 100%; }
.pgf-land .lp-edge__side::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.34), rgba(0,0,0,.12)); }
.pgf-land .lp-how__card { transition: box-shadow .4s, transform .4s, border-color .4s; }
.pgf-land .lp-how.is-playing li.is-active .lp-how__card { transform: translateY(-6px); border-color: rgba(4,137,245,.45) !important; box-shadow: 0 26px 50px -28px rgba(4,137,245,.45); }
.pgf-land .lp-how.is-playing li:not(.is-active) .lp-ani { opacity: .6; filter: saturate(.5); }
.pgf-land .lp-how.is-playing li:not(.is-active) h3 { color: var(--ink2) !important; }
.pgf-land .lp-how__bar { position: absolute; left: 0; top: 0; height: 3px; width: 0; background: #0489F5; }
.pgf-land .lp-how li.is-done .lp-how__bar { width: 100%; }
.pgf-land .lp-how li.is-active .lp-how__bar { animation: pgf-howbar var(--step, 4.2s) linear both; }
@keyframes pgf-howbar { from { width: 0; } to { width: 100%; } }
.pgf-land .lp-how__n { display: block; font-size: 13px; font-weight: 700; color: var(--blue); letter-spacing: .1em; }
.pgf-land .lp-ani { position: relative; height: 150px; border-radius: 18px; background: linear-gradient(160deg, #F4F7FC, #EAF0FA); margin-bottom: 16px; overflow: hidden; transition: opacity .4s, filter .4s; }
.pgf-land .lp-ani i, .pgf-land .lp-ani b, .pgf-land .lp-ani em { position: absolute; display: block; background: #D5DEEB center / cover; border-radius: 0; }
.pgf-land .lp-ani--upload b { left: 50%; top: 20px; width: 124px; height: 190px; margin-left: -62px; background: #14213A; border-radius: 20px; padding: 22px 8px 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; align-content: start; box-shadow: 0 18px 30px -16px rgba(16,24,40,.5); }
.pgf-land .lp-ani--upload b::before { content: ''; position: absolute; left: 50%; top: 8px; width: 30px; height: 5px; margin-left: -15px; border-radius: 3px; background: rgba(255,255,255,.18); }
.pgf-land .lp-ani--upload i { position: relative; width: auto; aspect-ratio: 1; border-radius: 4px; background-size: cover; background-position: center; }
.pgf-land .lp-ani--upload i::after { content: ''; position: absolute; right: 2px; top: 2px; width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid #fff;
  background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 8px no-repeat; }
.pgf-land .lp-ani--upload i:nth-child(2)::after, .pgf-land .lp-ani--upload i:nth-child(5)::after { display: none; }
.pgf-land .lp-ani--upload i:nth-child(2), .pgf-land .lp-ani--upload i:nth-child(5) { opacity: .55; }
.pgf-land .lp-ani--upload em { left: 12px; right: 12px; top: 100px; height: 24px; border-radius: 12px; background: var(--blue); color: #fff; font: 700 11px/24px var(--font); font-style: normal; text-align: center; }
.pgf-land .is-active .lp-ani--upload i::after { animation: pgf-tickin .4s cubic-bezier(.2,1.4,.4,1) backwards; animation-delay: .3s; }
.pgf-land .is-active .lp-ani--upload i:nth-child(3)::after { animation-delay: .75s; }
.pgf-land .is-active .lp-ani--upload i:nth-child(4)::after { animation-delay: 1.2s; }
.pgf-land .is-active .lp-ani--upload i:nth-child(6)::after { animation-delay: 1.65s; }
.pgf-land .is-active .lp-ani--upload em { animation: pgf-addpulse .7s ease-in-out 2.3s; }
@keyframes pgf-tickin { from { transform: scale(0); } }
@keyframes pgf-addpulse { 50% { transform: scale(1.07); box-shadow: 0 0 0 6px rgba(4,137,245,.2); } }
.pgf-land .lp-ani--layout i { left: var(--e); top: var(--f); width: var(--g); height: var(--h); box-shadow: 0 0 0 2px #fff; }
.pgf-land .lp-ani--layout i:nth-child(1) { --a: 29%; --b: 12%; --c: 20.5%; --d: 37%; --e: 28%; --f: 12%; --g: 26%; --h: 76%; }
.pgf-land .lp-ani--layout i:nth-child(2) { --a: 50.5%; --b: 12%; --c: 20.5%; --d: 37%; --e: 55%; --f: 12%; --g: 17%; --h: 24%; }
.pgf-land .lp-ani--layout i:nth-child(3) { --a: 29%; --b: 51%; --c: 20.5%; --d: 37%; --e: 55%; --f: 38%; --g: 17%; --h: 24%; }
.pgf-land .lp-ani--layout i:nth-child(4) { --a: 50.5%; --b: 51%; --c: 20.5%; --d: 37%; --e: 55%; --f: 64%; --g: 17%; --h: 24%; }
.pgf-land .is-active .lp-ani--layout i { animation: pgf-lay 3.4s cubic-bezier(.6,0,.2,1) .2s backwards; }
@keyframes pgf-lay {
  0% { left: var(--e); top: var(--f); width: var(--g); height: var(--h); }
  30%, 55% { left: var(--a); top: var(--b); width: var(--c); height: var(--d); }
  85%, 100% { left: var(--e); top: var(--f); width: var(--g); height: var(--h); } }
.pgf-land .lp-ani--wall { background: radial-gradient(ellipse 80% 75% at 50% 25%, #FBF7F1, #EADFD0); perspective: 600px; }
.pgf-land .lp-ani--wall b { left: 50%; top: 22px; width: 92px; height: 124px; margin-left: -46px; background: #1d1c1b url('/image/catalog/photo-collage-frames/frames/black-h.webp') 0 0 / auto 7px; box-shadow: 0 18px 26px -12px rgba(60,40,20,.5), inset 0 0 0 1px rgba(0,0,0,.6); }
.pgf-land .lp-ani--wall b i { box-shadow: 0 0 0 1.5px #fff; }
.pgf-land .lp-ani--wall b i:nth-child(1) { left: 7px; top: 7px; width: 44px; height: 110px; }
.pgf-land .lp-ani--wall b i:nth-child(2) { left: 53px; top: 7px; width: 32px; height: 35px; }
.pgf-land .lp-ani--wall b i:nth-child(3) { left: 53px; top: 44.5px; width: 32px; height: 35px; }
.pgf-land .lp-ani--wall b i:nth-child(4) { left: 53px; top: 82px; width: 32px; height: 35px; }
.pgf-land .lp-ani--wall em { left: 50%; top: 152px; width: 80px; height: 8px; margin-left: -40px; border-radius: 50%; background: rgba(60,40,20,.2); filter: blur(4px); }
.pgf-land .is-active .lp-ani--wall b { animation: pgf-hang3d 3.6s cubic-bezier(.3,1.1,.5,1) .2s backwards; }
@keyframes pgf-hang3d {
  0% { transform: translateY(-150px) rotate(-5deg); }
  28% { transform: none; }
  52% { transform: rotateY(-26deg); }
  76% { transform: rotateY(20deg); }
  100% { transform: none; } }
.pgf-land .lp-faq details { transition: box-shadow .25s; }
.pgf-land .lp-faq details[open] { box-shadow: 0 18px 40px -26px rgba(16,24,40,.3); }
.pgf-land .lp-faq summary { list-style: none; cursor: pointer; }
.pgf-land .lp-faq summary::-webkit-details-marker { display: none; }
.pgf-land .lp-faq summary::after { content: ''; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230489F5' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .3s cubic-bezier(.2,.8,.2,1), background-color .2s; }
.pgf-land .lp-faq details[open] summary::after { transform: rotate(135deg); background-color: var(--blue-soft); }
.pgf-land .lp-faq details p { animation: pgf-rise .4s cubic-bezier(.2,.8,.2,1); }
.pgf-land .lp-end { background: #0489F5; }
.pgf-land .lp-end__h { font-size: clamp(36px, 5vw, 64px); line-height: 1.02; letter-spacing: -.045em; font-weight: 700; color: #fff; }
.pgf-land .lp-end__in { z-index: 2; }
.pgf-land .lp-end__tiles { position: absolute; inset: 0; }
.pgf-land .lp-end__tiles::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 45% 70% at 50% 50%, rgba(14,28,54,.92), rgba(14,28,54,0)); }
.pgf-land .lp-end__tiles i { position: absolute; width: var(--s); height: calc(var(--s) * 1.2); border-radius: 2px; background: center / cover; opacity: .42; box-shadow: 0 20px 40px -10px rgba(0,0,0,.6); animation: pgf-float var(--d) ease-in-out var(--dl) infinite alternate; }
@keyframes pgf-float { from { transform: translateY(0) rotate(var(--r)); } to { transform: translateY(-36px) rotate(calc(var(--r) * -1)); } }
.pgf-land.lp .cat-fab { display: none; }
@media (max-width: 991.98px) {
.pgf-land.lp .cat-fab { display: flex; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 50; box-shadow: 0 10px 30px rgba(4,137,245,.35); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.pgf-land.lp .cat-fab.is-hidden { transform: translateY(150%); }

}
.pgf-land .lp-adding { position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(244,247,252,.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .25s; }
.pgf-land .lp-adding.is-on { opacity: 1; }
.pgf-land .lp-adding__card { width: min(420px, 100%); background: #fff; border-radius: 22px; padding: 26px 24px 20px; box-shadow: 0 30px 70px -30px rgba(19,41,75,.45); text-align: center; }
.pgf-land .lp-adding__t { display: block; font-size: 20px; font-weight: 700; color: var(--ink); }
.pgf-land .lp-adding__n { display: block; margin-top: 4px; font-size: 14px; color: var(--ink2); }
.pgf-land .lp-adding__n em { font-style: normal; font-weight: 700; color: var(--blue); }
.pgf-land .lp-adding__bar { display: block; height: 6px; margin: 14px 0 16px; border-radius: 3px; background: #E8EEF6; overflow: hidden; }
.pgf-land .lp-adding__bar i { display: block; width: 0; height: 100%; border-radius: 3px; background: #0489F5; transition: width .3s ease; }
.pgf-land .lp-adding__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.pgf-land .lp-adding__grid span { aspect-ratio: 1; border-radius: 8px; background: #EEF2F8 center / cover no-repeat; opacity: .6; transform: scale(.92); transition: opacity .3s, transform .3s; }
.pgf-land .lp-adding__grid span.is-in { opacity: 1; transform: none; }
.pgf-land .lp-adding__note { display: block; margin-top: 14px; font-size: 12px; color: var(--muted); }
@media (max-width: 991.98px) {
.pgf-land .lp-play__stage { height: 440px; }
.pgf-land .lp-fin__stage { height: 380px; }

}
@media (max-width: 767.98px) {
.pgf-land .lp-grp { min-width: 0; }
.pgf-land .lp-play__go > * { flex: 1 1 0 !important; min-width: 0; padding-left: 8px !important; padding-right: 8px !important; font-size: 15px; }
.pgf-land .lp-count small { font-size: 12.5px; }
.pgf-land .lp-h1 { margin: 10px 0; }
.pgf-land .lp-lede { font-size: 16px !important; }
.pgf-land .lp-facts { font-size: 13.5px; }
.pgf-land .lp-count { padding: 7px 14px; }
.pgf-land .lp-count b { font-size: 19px; }
.pgf-land .lp-count span, .pgf-land .lp-count small { font-size: 13.5px; }
.pgf-land .lp-cta .lp-go { width: 100%; }
.pgf-land .lp-play__stage { height: 300px; }
.pgf-land .lp-shuffle { right: 10px; top: 10px; }
.pgf-land .lp-step__b { width: 36px; height: 36px; font-size: 21px; }
.pgf-land .lp-step__n { font-size: 30px; min-width: 1.4em; }
.pgf-land .lp-same__long { display: none; }
.pgf-land .lp-same__short { display: inline; }
.pgf-land .lp-look { flex-basis: calc((100% - 30px) / 3.5); }
.pgf-land .lp-looks-wrap { --box: 74px; }
.pgf-land .lp-look__box { border-radius: 10px; }
.pgf-land .lp-arr { width: 30px; height: 30px; margin-top: -15px; }
.pgf-land .lp-look b { font-size: 11.5px; margin-top: 4px; }
.pgf-land .lp-fin__stage { height: 300px; }
.pgf-land .lp-how__card { display: grid; grid-template-columns: 132px minmax(0, 1fr); grid-template-rows: 1fr auto auto auto 1fr; column-gap: 14px; align-items: center; padding: 10px 14px 10px 10px !important; }
.pgf-land .lp-how__card > :not(.lp-ani):not(.lp-how__bar) { grid-column: 2; }
.pgf-land .lp-how__n { grid-row: 2; }
.pgf-land .lp-how__card h3 { grid-row: 3; }
.pgf-land .lp-how__card p { grid-row: 4; }
.pgf-land .lp-ani { grid-column: 1; grid-row: 1 / -1; width: 212px; height: 170px; zoom: .62; margin: 0; border-radius: 22px; }
.pgf-land .lp-how__n { font-size: 12px; }
.pgf-land .lp-how__card h3 { font-size: 17px !important; }
.pgf-land .lp-how.is-playing li.is-active .lp-how__card { transform: none; }
.pgf-land .lp-faq summary { font-size: 15px; }
.pgf-land .lp-faq details p { font-size: 14px; }
.pgf-land .lp-end__tiles i { opacity: .28; }
.pgf-land .lp-end__tiles i:nth-child(odd) { display: none; }
.pgf-land .lp-end__tiles::after { background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(14,28,54,.92), rgba(14,28,54,.2)); }

}
@media (prefers-reduced-motion: reduce) {
.pgf-land.lp *, .pgf-land.lp *::before, .pgf-land.lp *::after { animation: none !important; }
.pgf-land .lp-h1 .w, .pgf-land .lp-lede, .pgf-land .lp-cta, .pgf-land .lp-facts, .pgf-land .lp-hero__stage { opacity: 1; transform: none; filter: none; }
.pgf-land [data-reveal] { opacity: 1; transform: none; transition: none; }
.pgf-land .mx-tile, .pgf-land .lp-adding, .pgf-land .lp-adding__grid span, .pgf-land .lp-adding__bar i { transition: none; }

}
@media (max-width: 991.98px) {
.pgf-land .lp-style { row-gap: 12px !important; column-gap: 12px !important; }
.pgf-land .lp-style > .lp-grp { flex: 1 1 calc(50% - 6px) !important; min-width: 0; }
.pgf-land .lp-style > .lp-grp:last-child { flex-basis: 100% !important; }
.pgf-land .lp-style .lp-opt { min-height: 40px; padding-left: 6px; padding-right: 6px; }
.pgf-land .lp-style .lp-opt .sw { width: 18px; height: 18px; }

}
.pgf-land .lp-room { position: absolute; inset: 0; top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center bottom; background: #EDE6DC; }
.pgf-land .lp-hang { position: absolute; left: 50%; bottom: 20%; z-index: 1; transform: translateX(-50%); display: flex; transition: top .4s ease; }
.pgf-land .lp-hero__stage .lp-count { position: absolute; left: 50%; bottom: 3.5%; transform: translateX(-50%); }
.pgf-land .lp-room ~ .lp-hang .mx-art { box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 18px 34px 40px -22px rgba(50,35,20,.5), 6px 12px 16px -8px rgba(50,35,20,.35), 0 0 0 1px rgba(0,0,0,.05); }
.pgf-land .lp-fin__sizes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.pgf-land .lp-size { --bs-btn-padding-y: 9px; display: flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid #212529; border-radius: 8px; background: #fff; color: #212529; font-size: 16px; font-weight: 400; line-height: 1.2; box-shadow: none; }
.pgf-land .lp-size:hover { border-color: #0489F5; color: #0489F5; background: #fff; }
.pgf-land .lp-size.active, .pgf-land .lp-size[aria-pressed="true"] { border-color: #0489F5; color: #0489F5; background: #fff; box-shadow: 0 2px 8px -2px rgba(4,137,245,.35); }
.pgf-land .lp-label .lp-size__in { color: #0489F5; text-transform: none; letter-spacing: 0; font-weight: 600; }
.pgf-land .lp-fin__info .lp-label { font-size: 14px; letter-spacing: .02em; color: #212529; }
.pgf-land.lp .btn, .pgf-land.lp .btn:hover, .pgf-land .lp-go, .pgf-land .lp-go:hover, .pgf-land.lp .cat-fab, .pgf-land .lp-arr, .pgf-land .lp-arr:hover, .pgf-land .lp-size.active, .pgf-land .lp-size[aria-pressed="true"] { box-shadow: none !important; }
.pgf-land .lp-arr { border: 1px solid #DEE1E5 !important; }
.pgf-land .lp-end__em { color: #fff; opacity: .92; }
.pgf-land .lp-end__note { opacity: .85; }
@media (max-width: 575.98px) {
.pgf-land #finishes { padding-top: 20px !important; padding-bottom: 20px !important; }
.pgf-land #finishes header { margin-bottom: 12px !important; }
.pgf-land .lp-fin__tabs { margin-bottom: 10px !important; gap: 6px !important; }
.pgf-land .lp-fin__tab { padding: 7px 14px !important; font-size: 14px; min-height: 0; }
.pgf-land .lp-fin__stage { height: 230px; }
.pgf-land .lp-fin__info { display: grid !important; grid-template-columns: 1fr auto; column-gap: 10px; align-items: baseline; padding: 14px 16px 16px !important; }
.pgf-land .lp-fin__info > * { grid-column: 1 / -1; }
.pgf-land .lp-fin__info > h3 { grid-column: 1; font-size: 24px !important; margin: 0 0 2px !important; }
.pgf-land .lp-fin__info > .lp-fin__price { grid-column: 2; grid-row: 1; justify-self: end; gap: 6px !important; }
.pgf-land .lp-fin__price b { font-size: 26px !important; }
.pgf-land .lp-fin__info > p { font-size: 13.5px; margin-bottom: 0 !important; }
.pgf-land .lp-fin__info .lp-label { margin-top: 12px !important; margin-bottom: 6px !important; font-size: 13px; }
.pgf-land .lp-fin__sizes { gap: 6px; }
.pgf-land .lp-size { min-height: 36px; padding-top: 6px !important; padding-bottom: 6px !important; font-size: 14.5px; }
.pgf-land .lp-fin__note { margin-top: 10px !important; font-size: 12px !important; }

}
.pgf-land .lp-fin { max-width: 1180px; }
.pgf-land .lp-fx-row { gap: 14px; padding: 6px 2px 10px; }
.pgf-land .lp-fx { flex: 0 0 66% !important; display: flex; flex-direction: column; border-radius: 20px; background: #fff; border: 1px solid #E6E8EB; overflow: hidden; text-decoration: none; color: inherit;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s; }
.pgf-land .lp-fin.in .lp-fx { animation: pgf-rise .6s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i) * 80ms); }
@media (min-width: 576px) {
.pgf-land .lp-fx { flex-basis: 40% !important; }
 }
@media (min-width: 992px) {
.pgf-land .lp-fx-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; cursor: default; }
.pgf-land .lp-fx { flex: none !important; }
.pgf-land .lp-fin .pg-dots { display: none; }
 }
.pgf-land .lp-fx__stage { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; overflow: hidden; }
.pgf-land .lp-fx--acrylic .lp-fx__stage { background: radial-gradient(ellipse 80% 70% at 50% 25%, #FFFFFF 0%, #EAF3F6 55%, #D6E6EC 100%); }
.pgf-land .lp-fx--frame-black .lp-fx__stage { background: radial-gradient(ellipse 80% 70% at 50% 25%, #F6F3EF 0%, #E6E0D8 60%, #D6CEC3 100%); }
.pgf-land .lp-fx--frame-white .lp-fx__stage { background: radial-gradient(ellipse 80% 70% at 50% 25%, #FBF6EF 0%, #F0E5D6 60%, #E4D4BE 100%); }
.pgf-land .lp-fx--canvas .lp-fx__stage { background:
    repeating-linear-gradient(0deg, rgba(120,95,60,.05) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(120,95,60,.05) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse 80% 70% at 50% 25%, #F7F1E6 0%, #EADFCB 60%, #DCCDB3 100%); }
.pgf-land .lp-fx--aluminium .lp-fx__stage { background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 1px, transparent 1px 4px),
    linear-gradient(135deg, #F5F6F8 0%, #DEE1E5 55%, #C8CDD3 100%); }
.pgf-land .lp-fx__piece { position: relative; height: 72%; aspect-ratio: var(--ar); filter: drop-shadow(0 16px 16px rgba(60,45,30,.28)) drop-shadow(0 2px 3px rgba(60,45,30,.18)); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.pgf-land .lp-fx__piece > .pg-shot { display: block; width: 100%; height: 100%; }
.pgf-land .lp-fx--aluminium .lp-fx__piece, .pgf-land .lp-fx--acrylic .lp-fx__piece { filter: drop-shadow(0 18px 18px rgba(40,50,60,.26)) drop-shadow(0 2px 3px rgba(40,50,60,.16)); }
.pgf-land .lp-fx__piece.is-side { perspective: 900px; }
.pgf-land .lp-fx__piece.is-side .lp-edge { --d: 18px; position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateY(30deg); display: block; }
.pgf-land .lp-fx__piece .lp-edge__face { position: absolute; inset: 0; display: block; }
.pgf-land .lp-fx__piece .lp-edge__face .pg-shot { display: block; width: 100%; height: 100%; }
.pgf-land .lp-fx__sweep { position: absolute; inset: 0; overflow: hidden; pointer-events: none; --a: .45; }
.pgf-land .lp-fx__sweep::after { content: ''; position: absolute; top: -30%; bottom: -30%; left: -70%; width: 50%; transform: skewX(-18deg); opacity: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,var(--a)) 50%, rgba(255,255,255,0)); }
.pgf-land .lp-fx--acrylic .lp-fx__sweep { --a: .7; }
.pgf-land .lp-fx--aluminium .lp-fx__sweep { --a: .42; }
.pgf-land .lp-fx--canvas .lp-fx__sweep { --a: .14; }
.pgf-land .lp-fx.is-lit .lp-fx__sweep::after { animation: pgf-fxsweep 1.2s cubic-bezier(.3,.6,.3,1) .15s both; }
@keyframes pgf-fxsweep { 0% { left: -70%; opacity: 0; } 15% { opacity: 1; } 100% { left: 130%; opacity: 0; } }
@media (hover: hover) {
.pgf-land .lp-fx:hover { transform: translateY(-4px); border-color: rgba(4,137,245,.45); }
.pgf-land .lp-fx:hover .lp-fx__piece { transform: scale(1.04); }
.pgf-land .lp-fx:hover .lp-fx__sweep::after { animation: pgf-fxsweep 1.1s cubic-bezier(.3,.6,.3,1) both; }
.pgf-land .lp-fx:hover .lp-fx__t em span { transform: translateX(4px); }

}
.pgf-land .lp-fx:focus-visible { outline: 0; border-color: #0489F5; box-shadow: 0 0 0 3px rgba(4,137,245,.35) !important; }
.pgf-land .lp-fx__t { display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: 8px; row-gap: 1px; padding: 11px 13px 13px; }
.pgf-land .lp-fx__t > small, .pgf-land .lp-fx__t > em { grid-column: 1 / -1; }
.pgf-land .lp-fx__price { font-size: 12px; color: #6C757D; white-space: nowrap; }
.pgf-land .lp-fx__t .lp-fx__price b { font-size: 14px; color: #0489F5; letter-spacing: 0; }
.pgf-land .lp-fx__t b { font-size: 16.5px; color: #212529; letter-spacing: -.01em; }
.pgf-land .lp-fx__t small { font-size: 12.5px; color: #6C757D; line-height: 1.35; }
.pgf-land .lp-fx__t em { margin-top: 6px; font-style: normal; font-size: 13px; font-weight: 700; color: #0489F5; }
.pgf-land .lp-fx__t em span { display: inline-block; transition: transform .25s; }
@media (prefers-reduced-motion: reduce) {
.pgf-land .lp-fin.in .lp-fx { animation: none; }
.pgf-land .lp-fx__sweep::after { animation: none !important; }
 }
.pgf-land .lp-q { font-size: 16px; font-weight: 600; color: var(--ink); letter-spacing: -.01em; }
.pgf-land .lp-play__ctrl .lp-step { gap: 2px !important; }
.pgf-land .lp-play__ctrl .lp-step__b { width: 32px; height: 32px; border-radius: 50%; font-size: 22px; line-height: 1; color: var(--ink); background: transparent; }
.pgf-land .lp-play__ctrl .lp-step__b:hover { background: #EEF6FE; color: #0489F5; }
.pgf-land .lp-play__ctrl .lp-step__n { font-size: 32px; min-width: 1.5em; }
.pgf-land .lp-cust { overflow: hidden; }
.pgf-land .lp-cust__t { border: 0 !important; border-radius: 0 !important; background: none !important; }
.pgf-land .lp-cust__t b { font-size: 15px; color: var(--ink); }
.pgf-land .lp-cust__t small { font-size: 12.5px; color: var(--muted); }
.pgf-land .lp-cust__chev { flex: none; color: #495057; transition: transform .25s; }
.pgf-land .lp-cust.is-open .lp-cust__chev { transform: rotate(180deg); }
.pgf-land .lp-cust__b { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.pgf-land .lp-cust.is-open .lp-cust__b { grid-template-rows: 1fr; }
.pgf-land .lp-cust__in { min-height: 0; overflow: hidden; }
.pgf-land .lp-cust .lp-style { display: grid !important; grid-template-columns: 1fr; gap: 12px !important; }
@media (min-width: 576px) {
.pgf-land .lp-cust .lp-style { grid-template-columns: 1fr 1fr; }
.pgf-land .lp-cust .lp-grp--bg { grid-column: 1 / -1; }
 }
.pgf-land .lp-cust .lp-style > .lp-grp { flex: none !important; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.pgf-land .lp-sub { font-size: 13px; font-weight: 600; color: #495057; }
.pgf-land .lp-cust .lp-tile { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 58px; padding: 8px 4px !important; border-radius: 10px !important; font-size: 12px; font-weight: 600; }
.pgf-land .lp-cust .lp-tile span { white-space: nowrap; }
.pgf-land .lp-cust .lp-sw-b { flex: 1 1 0; min-height: 38px; border-radius: 10px !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; }
.pgf-land .lp-cust .lp-sw-b .sw { width: 20px; height: 20px; }
.pgf-land .lp-cust .lp-grp--bg { flex-direction: row !important; align-items: center; gap: 12px !important; }
.pgf-land .lp-cust .lp-grp--bg .lp-sub { flex: none; }
.pgf-land .lp-cust #play-paper { flex: 1; min-width: 0; gap: 8px !important; }
.pgf-land .lp-cust .lp-sw-b { flex: 1 1 0; height: 34px; min-height: 0; padding: 0 !important; overflow: hidden; border: 1px solid #DEE2E6 !important; border-radius: 9px !important; background: none !important; }
.pgf-land .lp-cust .lp-sw-b .sw { width: 100%; height: 100%; border: 0; border-radius: 0; }
.pgf-land .lp-cust .lp-sw-b .sw--wheel { background: linear-gradient(90deg, #FF6B6B, #FFB347, #FFE066, #5DD39E, #4DA8FF, #9B6BFF, #FF6BD6) !important; background-size: 100% 100% !important; }
.pgf-land .lp-cust .lp-sw-b.active, .pgf-land .lp-cust .lp-sw-b[aria-pressed="true"] { outline: 2px solid #0489F5; outline-offset: 2px; border-color: transparent !important; }
.pgf-land #play { background: linear-gradient(180deg, #F3F8FF 0%, #fff 70%) !important; }
.pgf-land #play .lp-play { padding: 0 !important; border: 0 !important; border-radius: 24px !important; overflow: hidden; box-shadow: 0 30px 60px -32px rgba(4,60,120,.35) !important; }
.pgf-land #play .lp-play .row { --bs-gutter-x: 0; --bs-gutter-y: 0; }
.pgf-land #play .lp-play__stage { border-radius: 0 !important; }
.pgf-land #play .lp-play__ctrl { position: relative; background: #fff; z-index: 3; }
@media (max-width: 991.98px) {
.pgf-land #play .lp-play__stage { height: 330px; }
.pgf-land #play .lp-play__ctrl { margin-top: -28px; padding: 18px 16px 16px; border-radius: 24px 24px 0 0; }

}
@media (min-width: 992px) {
.pgf-land #play .lp-play__ctrl { padding: 36px 40px; }
 }
.pgf-land #play .lp-q { font-size: 15px; font-weight: 700; }
.pgf-land #play .lp-step { background: #F1F5F9; border-radius: 999px; padding: 3px; }
.pgf-land #play .lp-step__b { width: 34px !important; height: 34px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(16,24,40,.12); }
.pgf-land #play .lp-step__b:hover { background: #EEF6FE !important; }
.pgf-land #play .lp-step__n { font-size: 22px !important; min-width: 1.6em; }
.pgf-land #play #play-range { height: 22px; }
.pgf-land #play #play-range::-webkit-slider-runnable-track { height: 8px; border-radius: 999px; background: linear-gradient(90deg, #4FB0FA, #0489F5); }
.pgf-land #play #play-range::-webkit-slider-thumb { width: 22px; height: 22px; margin-top: -7px; background: #fff; border: 3px solid #0489F5; }
.pgf-land #play #play-range::-moz-range-track { height: 8px; border-radius: 999px; background: linear-gradient(90deg, #4FB0FA, #0489F5); }
.pgf-land #play #play-range::-moz-range-thumb { width: 16px; height: 16px; background: #fff; border: 3px solid #0489F5; }
.pgf-land #play .lp-look__box { background: #fff; box-shadow: inset 0 0 0 1px #E2E8F0; border-radius: 14px; }
.pgf-land #play .lp-look[aria-pressed="true"] .lp-look__box { background: linear-gradient(160deg, #EAF4FE, #D4EAFD); box-shadow: inset 0 0 0 2px #0489F5, 0 8px 18px -10px rgba(4,137,245,.7); }
.pgf-land #play .lp-cust { background: #fff !important; border-color: #E2E8F0 !important; }
.pgf-land #play .lp-play__go { flex-direction: column; gap: 6px !important; }
.pgf-land #play #play-go { background: linear-gradient(90deg, #2FA0FA, #0478DC) !important; border: 0 !important; border-radius: 14px !important; padding: 14px !important; font-size: 16px; color: #fff !important; }
.pgf-land #play #play-go:hover { filter: brightness(1.05); }
.pgf-land #play .lp-play__go .btn-outline-dark { border: 0 !important; background: none !important; color: #0372CC !important; padding: 6px !important; font-size: 14px; }
.pgf-land #play .lp-same { background: none !important; text-align: center; padding: 4px 0 0 !important; color: #6C757D !important; }
.pgf-land #play .lp-same b { display: inline-block; padding: 1px 8px; border-radius: 999px; background: #E6F6EE; color: #15803D; }
@media (min-width: 576px) and (max-width: 991.98px) {
.pgf-land #play .lp-play__stage { height: 440px; }
 }
@media (min-width: 992px) {
.pgf-land #play .lp-play .row { align-items: stretch !important; }
.pgf-land #play .lp-play .row > :first-child { display: flex; }
.pgf-land #play .lp-play .row > :first-child > .lp-play__stage { flex: 1; height: auto; min-height: 480px; }

}
.pgf-land .lp-hero__stage .lp-hang, .pgf-land .lp-hero__stage .lp-count { transition: opacity .45s ease; }
.pgf-land .lp-hero__stage.is-wait .lp-hang, .pgf-land .lp-hero__stage.is-wait .lp-count { opacity: 0; }
.pgf-land .mx-tile { overflow: hidden; background: #ECE7E0 !important; }
.pgf-land .mx-tile::before { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 70%) 0 0 / 300% 100%; animation: pgf-mxshimmer 1.3s linear infinite; }
.pgf-land .mx-tile::after { content: ''; position: absolute; left: 50%; top: 50%; width: 30%; max-width: 34px; aspect-ratio: 1; transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C0B4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 15-4.5-4.5L8 19'/%3E%3C/svg%3E") center / contain no-repeat; }
.pgf-land .mx-pic { position: absolute; inset: 0; z-index: 1; background: center / cover no-repeat; opacity: 0; transition: opacity .45s ease; }
.pgf-land .mx-tile.is-loaded .mx-pic { opacity: 1; }
.pgf-land .mx-tile.is-loaded::before, .pgf-land .mx-tile.is-loaded::after { display: none; }
@media (prefers-reduced-motion: reduce) {
.pgf-land .mx-tile::before { animation: none; }
 }