.ph--shelf{--glow-x:74%;--glow-y:34%;--glow-r:52vw;--glow-a:.11;--lead:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));padding:clamp(108px,6rem + 2vw,136px) 0 clamp(72px,3rem + 4vw,128px);overflow:clip}.shelf-h{letter-spacing:-.05em;margin-top:clamp(24px,3vw,40px);font-size:clamp(2.5rem,1.1rem + 4vw,4.75rem);line-height:.95}.shelf-h .line{padding-bottom:.1em;margin-bottom:-.1em;padding-inline-end:.1em;display:block;overflow:clip}.shelf-h .line-in{display:block}.shelf-h .serif-i{color:var(--mint);letter-spacing:-.035em;line-height:1.02}.shelf-lead{max-width:50ch;margin-top:clamp(18px,2vw,26px)}.shelf-bar{margin-top:clamp(24px,3vw,36px)}.shelf-pills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}@media (width<=759.98px){.shelf-jump{margin-inline:calc(-1 * var(--gutter));overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.shelf-pills{width:max-content;padding-inline:var(--gutter);flex-wrap:nowrap}.shelf-pill{white-space:nowrap}}.shelf-pill{min-height:var(--tap);border-radius:var(--pill);color:var(--on-dark);letter-spacing:-.01em;transition:background-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);background:#eef4ef12;align-items:center;gap:10px;padding-block:0;padding-inline:18px 8px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #eef4ef33}.shelf-pill:active{transform:scale(.97)}.shelf-pill-n{border-radius:var(--pill);background:var(--mint);min-width:28px;height:28px;color:var(--forest-950);font-variant-numeric:tabular-nums;place-items:center;padding-inline:8px;font-size:.8125rem;font-weight:600;display:inline-grid}.ph--shelf :is(.shelf-pill,.shelf-card,.shelf-toggle):focus-visible{outline:2px solid var(--mint);outline-offset:3px}.shelf-foot{align-items:center;gap:12px 20px;margin-top:clamp(20px,2.4vw,32px);display:flex}.ph--shelf :is(.shelf-pill,.shelf-card,.shelf-hsn-link),.ph--shelf :is(.shelf-pill,.shelf-card,.shelf-hsn-link):hover{color:var(--on-dark)}.shelf-toggle{width:var(--tap);height:var(--tap);color:var(--on-dark);cursor:pointer;transition:background-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);background:#eef4ef12;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;box-shadow:inset 0 0 0 1px #eef4ef33}.shelf-toggle[hidden]{display:none}.shelf-toggle:active{transform:scale(.97)}.shelf-toggle-icon{border-inline:3px solid;width:10px;height:12px}.shelf-toggle[aria-pressed=true] .shelf-toggle-icon{border:6px solid #0000;border-inline-start:10px solid;border-inline-end:0;width:0;height:0;margin-inline-start:3px}[dir=rtl] .shelf-toggle[aria-pressed=true] .shelf-toggle-icon{border-inline-start:0;border-inline-end:10px solid;margin-inline:0 3px}@media (hover:hover) and (pointer:fine){.shelf-pill:hover,.shelf-toggle:hover{background:#eef4ef26}}.shelf{--card-w:300px;--card-gap:20px;--fade:clamp(32px, 9vw, 168px);gap:calc(var(--card-gap) - 4px);margin-top:clamp(40px,4vw,60px);display:grid}@media (width<=759.98px){.shelf{--card-w:210px;--card-gap:12px}}.shelf-row{-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);margin-block:-12px;padding-block:12px;overflow-x:clip}.shelf-track{width:max-content;display:flex}.shelf-set{gap:var(--card-gap);margin:0;padding:0;padding-inline-end:var(--card-gap);list-style:none;display:flex}.shelf-card{width:var(--card-w);aspect-ratio:4/3;background:var(--forest-800);color:var(--on-dark);transition:transform var(--dur) var(--ease-out);-webkit-user-drag:none;border-radius:24px;text-decoration:none;display:block;position:relative;overflow:hidden}.shelf-card img{object-fit:cover;width:100%;height:100%;display:block}.shelf-label{background:linear-gradient(#0b211a00 0%,#0b211a9e 45%,#0b211ae6 100%);justify-content:space-between;align-items:flex-end;gap:10px;padding:48px 14px 12px;display:flex;position:absolute;inset:auto 0 0}.shelf-name{-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.01em;text-wrap:balance;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.shelf-hsn{border-radius:var(--pill);font-variant-numeric:tabular-nums;white-space:nowrap;background:#eef4ef24;flex:none;padding:3px 9px;font-size:.75rem;font-weight:500;box-shadow:inset 0 0 0 1px #eef4ef3d}.shelf-hsn abbr{text-decoration:none}[dir=rtl] .shelf-hsn{direction:ltr;unicode-bidi:isolate}@media (width<=759.98px){.shelf-card{border-radius:20px}.shelf-label{gap:6px;padding:36px 10px 9px}.shelf-name{font-size:.8125rem}.shelf-hsn{padding:2px 7px;font-size:.6875rem}}@media (prefers-reduced-motion:no-preference){.shelf-track{will-change:transform;margin-inline-start:var(--lead);animation:72s linear infinite shelf-to-start}.shelf-row[data-row="1"] .shelf-track{margin-inline-start:0;animation-name:shelf-to-end;animation-duration:86s}[dir=rtl] .shelf-track{animation-name:shelf-to-start-rtl}[dir=rtl] .shelf-row[data-row="1"] .shelf-track{animation-name:shelf-to-end-rtl}.shelf[data-paused] .shelf-track,.shelf-row:focus-within .shelf-track{animation-play-state:paused}.shelf-row:has(.shelf-card:focus-visible){scrollbar-width:none;scroll-padding-inline:var(--lead);overflow-x:auto;-webkit-mask-image:none;mask-image:none}.shelf-row:has(.shelf-card:focus-visible) .shelf-track{padding-inline:var(--lead);margin-inline-start:0;animation:none}.shelf-row:has(.shelf-card:focus-visible) .shelf-set[aria-hidden]{display:none}@media (hover:hover) and (pointer:fine){.shelf-row:hover .shelf-track{animation-play-state:paused}.shelf-card:hover{transform:translateY(-6px)scale(1.02)}}.shelf-h .line-in{animation:shelf-line-up .9s var(--ease-out) both}.shelf-h .line:nth-child(2) .line-in{animation-delay:80ms}.shelf-copy .crumbs,.shelf-lead,.shelf-bar,.shelf-foot{animation:shelf-rise var(--dur-enter) var(--ease-out) both}.shelf-lead{animation-delay:.16s}.shelf-bar{animation-delay:.24s}.shelf-foot{animation-delay:.52s}.shelf-row{animation:shelf-slide .9s var(--ease-floria) .28s both}.shelf-row[data-row="1"]{animation-name:shelf-rise;animation-delay:.4s}}@keyframes shelf-to-start{to{transform:translate(-50%)}}@keyframes shelf-to-end{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes shelf-to-start-rtl{to{transform:translate(50%)}}@keyframes shelf-to-end-rtl{0%{transform:translate(50%)}to{transform:translate(0)}}@keyframes shelf-line-up{0%{transform:translateY(105%)}}@keyframes shelf-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes shelf-slide{0%{transform:translateY(24px)}}@keyframes shelf-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.shelf-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lead);scrollbar-width:thin;scrollbar-color:#eef4ef4d transparent;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.shelf-track{padding-inline:var(--lead)}.shelf-set[aria-hidden]{display:none}.shelf-set li{scroll-snap-align:start}.shelf-set{padding-inline-end:0}.shelf-h .line-in,.shelf-copy .crumbs,.shelf-lead,.shelf-bar,.shelf-foot,.shelf-row{animation:.2s ease-out both shelf-fade}}
