.hb-hero{position:relative;padding:72px 0 44px;text-align:center}.hb-hero__in{display:flex;flex-direction:column;align-items:center;gap:20px}.hb-hero h1{font-size:clamp(48px,6vw,88px);line-height:1;margin:0}.hb-hero h1 .ln{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .08em .16em;margin-bottom:-.16em}.hb-hero h1 .ln>span{display:inline-block}.hb-hero .pl-lede{max-width:620px;margin:0 auto}.hb-hero sup{font-size:.55em}.pl-motion .hb-hero .pl-h-in,.pl-motion .hb-hero h1 .ln>span{opacity:0}.pl-motion .hb-hero.is-in .pl-h-in,.pl-motion .hb-hero.is-in h1 .ln>span{animation:pl-soft 2s var(--glide) calc(var(--d,0s) * 1.8 + .15s) both}.hb-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:0 0 40px}.hb-filter button{height:40px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:500 12px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .4s var(--glide),color .4s var(--glide),border-color .4s var(--glide)}.hb-filter button:hover{border-color:var(--ink)}.hb-filter button.is-on{background:var(--ink);border-color:var(--ink);color:var(--ground)}.hb-filter button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.hb-filter__n{flex-basis:100%;text-align:center;margin-top:10px;color:var(--soft)}.hb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 22px}.hb-grid .pl-cell[hidden]{display:none}.hb-grid .pl-card .img{aspect-ratio:1/1;background:var(--panel)}.hb-grid .pl-card .img img{object-fit:contain;object-position:50% 50%;padding:5%;box-sizing:border-box;mix-blend-mode:multiply;transform:none;transform-origin:50% 60%;transition:transform 1.2s var(--glide)}.hb-grid .pl-card:hover .img img{transform:scale(1.04)}.hb-grid .pl-card .img img.is-photo{padding:9% 12%}.hb-grid .pl-cell[data-grp=sample]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding-right:32px;background:var(--panel);border-radius:var(--r)}.hb-grid .pl-cell[data-grp=sample] .pl-card{background:transparent}.hb-grid .pl-cell[data-grp=sample] .pl-card{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:32px;padding:0 32px 0 0}.hb-grid .pl-cell[data-grp=sample] .pl-card .img{aspect-ratio:1/1}.hb-grid .pl-cell[data-grp=sample] .pl-card .meta{padding:28px 0}.hb-grid .pl-cell[data-grp=sample] .pl-qa{width:auto;min-width:220px;align-self:center;margin-right:0}.hb-grid .pl-card h3 i{font-style:italic}.hb-grid .pl-card h3 sup{font-size:.5em}.hb-was{margin-left:8px;font-size:13px;color:#9aa3a6}.hb-sold{display:flex;align-items:center;justify-content:center;height:46px;border:1px solid var(--line);border-radius:8px;font:500 11.5px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.hb-empty{text-align:center;padding:40px 0 80px;color:var(--soft)}.hb-reg{padding:104px 0 24px}.hb-reg__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding:28px 64px 28px 28px;background:#fff;border-radius:var(--r-lg)}.hb-reg__media img{width:100%;border-radius:var(--r)}.hb-reg__copy .pl-h2{margin-top:14px}.hb-reg .pl-steps li{position:relative;isolation:isolate;--tint:#F6E6CB;--acc:#9C7436}.hb-reg .pl-steps li:nth-child(2){--tint:#E4DEEC;--acc:#675884}.hb-reg .pl-steps li:nth-child(3){--tint:#CDE5E6;--acc:#1F7F8A}.hb-reg .pl-steps li:after{content:"";position:absolute;z-index:-1;left:-7%;right:-7%;top:-28%;bottom:-28%;border-radius:50%;background:var(--tint);filter:blur(22px);opacity:0;transition:opacity 1.1s var(--glide)}.hb-reg .pl-steps li .pl-mono{transition:color .9s var(--glide)}.hb-reg .pl-steps li.is-on:after{opacity:.95}.hb-reg .pl-steps li.is-on .pl-mono{color:var(--acc)}.hb-assure{padding:72px 0 112px}.hb-assure__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-top:36px;border-top:1px solid var(--line)}.hb-assure p{margin-top:10px;color:var(--soft);font-size:15px}@media(max-width:1100px){.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.hb-hero{padding:40px 0 28px}.hb-hero__in{gap:14px}.hb-hero h1{font-size:46px}.hb-filter{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 28px;scrollbar-width:none}.hb-filter::-webkit-scrollbar{display:none}.hb-filter button{flex:none}.hb-filter__n{display:none}.hb-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hb-grid .pl-card .img{aspect-ratio:5/4}.hb-grid .pl-cell[data-grp=sample]{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0 16px 16px 0}.hb-grid .pl-cell[data-grp=sample] .pl-card{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:0 16px 0 0}.hb-grid .pl-cell[data-grp=sample] .pl-card .meta{padding:18px 0}.hb-grid .pl-cell[data-grp=sample] .pl-qa{width:auto;min-width:0;margin-left:16px}.hb-reg .pl-steps li{grid-template-columns:78px minmax(0,1fr) auto}.hb-reg .pl-steps li .nm{font-size:19px}.hb-reg{padding:64px 0 8px}.hb-reg__in{grid-template-columns:minmax(0,1fr);gap:28px;padding:14px 14px 28px}.hb-reg__copy{padding:0 8px}.hb-reg .pl-btn{width:100%}.hb-assure{padding:56px 0 80px}.hb-assure__in{grid-template-columns:minmax(0,1fr);gap:28px}}.hb-hero h1 i{font-style:italic}.hb-cmp-wrap{padding:8px 0 72px}.hb-cmp{margin:0 auto;max-width:880px}.hb-cmp__stage{position:relative;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:0 40px 80px -50px #1e282d73}.hb-cmp{--pos:50%}.hb-cmp__stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hb-cmp__a{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--pos))}.hb-cmp__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fbfaf7;box-shadow:0 0 0 1px #1e282d14;pointer-events:none}.hb-cmp__knob{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;display:grid;place-items:center;border-radius:50%;background:#fbfaf7eb;color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px -10px #1e282d73}.hb-cmp__tag{position:absolute;top:18px;padding:7px 12px 6px;border-radius:999px;background:#fbfaf7db;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 10.5px/1 IBM Plex Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);pointer-events:none}.hb-cmp__tag--b{left:18px}.hb-cmp__tag--a{right:18px}.hb-cmp__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.hb-cmp__range:focus-visible+*{outline:none}.hb-cmp__stage:has(.hb-cmp__range:focus-visible) .hb-cmp__knob{outline:1px solid var(--ink);outline-offset:3px}.hb-cmp figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 4px 0}.hb-cmp figcaption a{font-family:Bodoni Moda,serif;font-size:24px;color:var(--ink);text-decoration:none}.hb-cmp figcaption a sup{font-size:.5em}.hb-cmp figcaption .pl-mono{color:var(--soft)}.hb-res{padding:8px 0 40px}.hb-res__row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start;padding:72px 0;border-top:1px solid var(--line)}.hb-res__row[hidden]{display:none}.hb-res__copy{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px}.hb-res__copy .pl-h2 sup{font-size:.45em}.hb-res__copy p{color:var(--soft);font-size:16.5px;line-height:1.7}.hb-res__cta{margin-top:10px}.hb-res__pics{display:flex;flex-direction:column;gap:14px}.hb-res__pics figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--panel)}.hb-res__pics img{display:block;width:100%;height:auto}.hb-res__cr{color:var(--soft);text-align:right;margin-top:4px}.hb-res__note{margin-top:8px;padding-top:28px;border-top:1px solid var(--line)}.hb-close{padding-top:72px}.hb-close__row{justify-content:center;margin-top:36px}@media(max-width:860px){.hb-cmp-wrap{padding:0 0 48px}.hb-cmp__stage{border-radius:20px}.hb-cmp__knob{width:46px;height:46px;margin:-23px 0 0 -23px}.hb-cmp__tag{top:12px;padding:5px 9px 4px;font-size:9.5px}.hb-cmp__tag--b{left:12px}.hb-cmp__tag--a{right:12px}.hb-cmp figcaption{flex-direction:column;gap:6px}.hb-cmp figcaption a{font-size:20px}.hb-res__row{grid-template-columns:minmax(0,1fr);gap:24px;padding:48px 0}.hb-res__copy{position:static;gap:12px}.hb-res__copy .pl-btn{width:100%}.hb-res__pics{gap:10px}.hb-res__pics figure{border-radius:14px}.hb-res__cr{text-align:left}.hb-close__row .pl-btn{flex:1 1 100%}}.hb-grid .pl-card .img{isolation:isolate}.hb-grid .pl-cell{container-type:normal}.hb-grid .pl-card .img:has(img.is-ph){aspect-ratio:1/1;background:#efeae5}.hb-grid .pl-card .img img.is-ph{padding:0;object-fit:cover;object-position:50% 50%;mix-blend-mode:normal;transform:none}@media(hover:hover){.hb-grid .pl-card:hover .img img.is-ph{transform:scale(1.035)}}.hb-grid .pl-card .img:has(img.is-ph)+.meta{margin-top:18px}.hb-grid .pl-cell[data-grp=sample] .pl-card .img:has(img.is-ph)+.meta{margin-top:0}.pl a.pl-card,.pl a.pl-card:hover,.pl a.pl-card:focus{text-decoration:none}@media(hover:none){.pl .pl-cell:hover .pl-card{transform:none}.pl .pl-card:hover .pl-link{color:inherit;animation:none}.hb-grid .pl-card:hover .img img{transform:none}}.pl-motion .pl-cell[data-r].is-in{opacity:1;animation-fill-mode:backwards}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ih-pearl-hub.css.map */
