/* Photorealistic source imagery, with separately moving photographic layers. */
.inside-section{padding-block:64px 72px}
.inside-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:32px}
.inside-heading h2{font-size:clamp(2.2rem,4vw,3.1rem);margin-top:12px;max-width:20ch}
.inside-heading>p{color:var(--muted);font-size:.98rem;max-width:34ch}
.inside-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(28px,5vw,64px);align-items:center}
.inside-stage{width:100%;max-width:480px;justify-self:center;gap:14px}
.inside-view{display:flex;width:fit-content;gap:4px;margin-inline:auto;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.inside-view button{font:600 .82rem var(--sans);padding:10px 18px;min-height:44px;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer}
.inside-view button[aria-pressed="true"]{background:var(--cocoa);color:var(--bg)}
.inside-art{position:relative;aspect-ratio:1/1.07;border:1px solid var(--line);border-radius:240px 240px 24px 24px;background:#fff8ee;isolation:isolate;overflow:hidden}
.inside-photo{position:absolute;inset:0;width:100%;height:calc(100% - 28px);overflow:visible;mix-blend-mode:darken}
.inside-photo .photo-piece{opacity:0;transition:transform 1.1s cubic-bezier(.22,.85,.3,1),opacity .45s,filter .3s}
.inside-photo .photo-whole{opacity:1;transition:opacity .45s}
.inside-stage[data-open="true"] .photo-piece{opacity:1}
.inside-stage[data-open="true"] .photo-whole{opacity:0}
.inside-photo .photo-float{animation:none}
.inside-stage[data-open="true"] .photo-float{animation:inside-float 4.5s ease-in-out infinite}
.inside-stage [data-photo="fill"] .photo-float{animation-delay:-1.5s}
.inside-stage [data-photo="bottom"] .photo-float{animation-delay:-3s}
.inside-photo .photo-piece.is-highlighted{filter:brightness(1.035) saturate(1.08)}
.inside-thumbnail{width:54px;height:60px;flex:none;mix-blend-mode:darken}
.art-caption{position:absolute;left:16px;right:16px;bottom:16px;text-align:center;color:var(--muted);font-size:.75rem;letter-spacing:.02em}
@keyframes inside-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.inside-caption{justify-content:center!important;flex-wrap:nowrap!important;gap:10px!important;color:var(--muted);font-size:.75rem;line-height:1.45}
.inside-caption small{font-size:.7rem}
.inside-name h3{font-size:clamp(1.7rem,2.7vw,2.3rem)}
.inside-name .zh{font-size:.95rem;color:var(--muted);margin-top:7px}
.flavour-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.flavour-choices button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:transparent;min-height:44px;padding:8px 12px;color:var(--muted);font:500 .78rem var(--sans);cursor:pointer}
.flavour-choices button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}
.flavour-choices button[aria-pressed="true"]{color:var(--ink);background:var(--surface);border-color:var(--cocoa);box-shadow:inset 0 0 0 .5px var(--cocoa)}
.inside-layers{list-style:none;padding:0;margin:22px 0 20px;border-top:1px solid var(--line)}
.inside-layers li{border-bottom:1px solid var(--line)}
.inside-layers button{display:grid;grid-template-columns:28px 1fr 12px;gap:12px;width:100%;padding:17px 10px 17px 0;text-align:left;background:transparent;color:var(--ink);border:0;cursor:pointer;font:inherit;border-radius:10px}
.inside-layers button:hover,.inside-layers button[aria-pressed="true"]{background:var(--surface)}
.part-number{font-size:.78rem;font-weight:600;padding-top:3px;color:var(--cocoa)}
.inside-layers strong{font:400 1.2rem var(--display);display:block}
.inside-layers strong small{font:400 .75rem var(--sans);color:var(--muted);margin-left:6px}
.part-detail{display:block;color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:6px}
.part-arrow{align-self:center;color:var(--muted);font-size:.85rem}
.inside-menu-link{font-size:.86rem;color:var(--cocoa);font-weight:600;text-underline-offset:4px}
.price-options .best-value{position:relative;background:var(--cocoa);color:var(--bg);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--cocoa)}
.price-options .best-value dt,.price-options .best-value dd{color:var(--bg)}
.value-badge{display:inline-block;background:var(--bg);color:var(--cocoa);font:700 .62rem var(--sans);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:4px 9px;margin-bottom:7px}
.price-options .best-value dt>span:last-child{display:block}
.value-per-piece{display:block;font:.76rem var(--sans);margin-top:7px;color:var(--bg)}
.box-saving{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-bottom:12px}
.box-saving p{font-size:.91rem;color:var(--cocoa)}
.box-saving small{display:block;font-size:.76rem;color:var(--muted)}
.box-saving a{font-size:.83rem;text-underline-offset:3px;font-weight:600;white-space:nowrap}
.price-options>div{display:flex;flex-direction:column;justify-content:center;min-height:126px}
@media(max-width:900px){.inside-heading{display:block}.inside-heading>p{margin-top:16px;max-width:none}.inside-layout{grid-template-columns:1fr;gap:28px}.inside-stage{max-width:420px}.inside-copy{max-width:580px;width:100%;justify-self:center}}
@media(max-width:640px){.inside-section{padding-block:44px 48px}.inside-heading{margin-bottom:24px}.inside-heading h2{font-size:2.1rem}.inside-heading>p{font-size:.9rem}.inside-stage{max-width:340px;gap:10px}.inside-art{aspect-ratio:1/1.02}.inside-view button{font-size:.78rem;padding-inline:16px}.inside-caption{font-size:.7rem}.inside-caption small{font-size:.66rem}.inside-name h3{font-size:1.8rem}.flavour-choices{gap:7px;margin-top:16px}.flavour-choices button{font-size:.74rem;padding-inline:10px}.inside-layers{margin-top:20px}.inside-layers button{padding-block:15px}.inside-layers strong{font-size:1.1rem}.part-detail{font-size:.85rem}.price-options>div{min-height:140px}.value-per-piece{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.inside-photo .photo-piece,.inside-photo .photo-whole{transition:none}.inside-stage[data-open="true"] .photo-float{animation:none}}