/* Reference geometry belongs only to the third page. All artwork outside the
   explicit video windows is the supplied original image, without animation. */
#yr-homepage-reference-v2 .cl-collection-page {
  --cl-unit:calc(min(100vw,851px) / 851);
  --cl-nav-height:calc(166 * var(--cl-unit));
  position:relative;display:block;width:100%;max-width:851px;height:auto;min-height:100dvh;
  margin:0 auto;padding:0 0 calc(var(--cl-nav-height) + env(safe-area-inset-bottom,0px));
  background:#f8f5ec;overflow:visible;border:0;border-radius:0;box-shadow:none;
}
#yr-homepage-reference-v2 .cl-collection-page::before,
#yr-homepage-reference-v2 .cl-collection-page::after {content:none;display:none;}
#yr-homepage-reference-v2 .cl-scene {position:relative;isolation:isolate;width:100%;height:calc(1683 * var(--cl-unit));margin:0;padding:0;overflow:hidden;background:#f8f5ec;}
#yr-homepage-reference-v2 .cl-scene > .cl-layer {
  position:absolute;left:0;top:0;width:100%;height:calc(1849 * var(--cl-unit));max-width:none;
  display:block;object-fit:fill;object-position:0 0;border:0;border-radius:0;margin:0;padding:0;
  transform:none;filter:none;box-shadow:none;pointer-events:none;user-select:none;
}
.cl-base {z-index:1;}
.cl-motion {z-index:2;opacity:0;mask:url('./assets/collection-motion-v2/video-window.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('./assets/collection-motion-v2/video-window.svg') 0 0/100% 100% no-repeat;}
.cl-protection {z-index:3;visibility:hidden;mask:url('./assets/collection-motion-v2/protection-mask.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('./assets/collection-motion-v2/protection-mask.svg') 0 0/100% 100% no-repeat;}
.cl-motion-ready .cl-motion {opacity:1;}
.cl-motion-ready .cl-protection {visibility:visible;}
.cl-scene[data-static] .cl-motion {opacity:0;}
.cl-scene[data-static] .cl-protection {visibility:hidden;}
#yr-homepage-reference-v2 .cl-sr {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
#yr-homepage-reference-v2 .cl-hit {position:absolute;z-index:5;display:block;padding:0;margin:0;border:0;background:transparent;box-shadow:none;transform:none;color:transparent;cursor:pointer;min-width:0;min-height:0;}
#yr-homepage-reference-v2 .cl-hit:hover {background:transparent;box-shadow:none;transform:none;}
#yr-homepage-reference-v2 .cl-hit:focus-visible {outline:3px solid #8a7348;outline-offset:2px;background:#ffffff18;}
.cl-gallery {left:32.90%;top:58.76%;width:34.31%;height:4.40%;border-radius:999px!important;}
.cl-illustrations {left:5%;top:26.8%;width:89%;height:28.2%;border-radius:12px!important;}
.cl-rewards {left:7.05%;top:87.40%;width:85.9%;height:5.05%;border-radius:999px!important;}
.cl-reward-cover {left:7%;top:71.2%;width:85.9%;height:14.8%;}
.cl-records {left:6.35%;top:93.60%;width:87.4%;height:4.93%;border-radius:8px!important;}
/* Live numbers and their units share one baseline; side rules absorb extra digits. */
#yr-homepage-reference-v2 .cl-summary {
  position:absolute;z-index:4;left:calc(48 * var(--cl-unit));top:calc(244 * var(--cl-unit));
  width:calc(374 * var(--cl-unit));height:calc(51 * var(--cl-unit));display:flex;align-items:baseline;
  gap:calc(8 * var(--cl-unit));padding:calc(3 * var(--cl-unit)) 0 0;
  white-space:nowrap;color:#2f4934;background:none;
  font:400 calc(23 * var(--cl-unit))/1.25 system-ui,'Microsoft YaHei',sans-serif;
}
.cl-summary::before {content:'';position:absolute;z-index:-1;inset:calc(-8 * var(--cl-unit)) calc(-7 * var(--cl-unit));background:linear-gradient(105deg,#f8f3e7,#faf1e7 48%,#fdf9ee);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 19%,#000 79%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 19%,#000 79%,transparent);-webkit-mask-composite:source-in;}
.cl-summary-group {display:inline-flex;align-items:baseline;gap:calc(7 * var(--cl-unit));flex:0 0 auto;}
.cl-summary-line {align-self:center;flex:1 1 calc(42 * var(--cl-unit));min-width:calc(8 * var(--cl-unit));height:1px;background:#8d8d7b;margin-top:calc(4 * var(--cl-unit));}
.cl-summary-dot {font-size:calc(21 * var(--cl-unit));}
#yr-homepage-reference-v2 .cl-summary b {font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:400;line-height:1.1;font-variant-numeric:lining-nums tabular-nums;}
.cl-summary .cl-count-sets {font-size:calc(42 * var(--cl-unit));}
.cl-summary .cl-count-sets[data-long=true] {font-size:calc(32 * var(--cl-unit));}
.cl-summary .cl-count-cards {font-size:calc(26 * var(--cl-unit));}
#yr-homepage-reference-v2 .cl-summary[data-long=true] {font-size:calc(19 * var(--cl-unit));gap:calc(5 * var(--cl-unit));}
.cl-summary[data-long=true] .cl-summary-group {gap:calc(4 * var(--cl-unit));}
.cl-summary[data-long=true] .cl-count-cards {font-size:calc(22 * var(--cl-unit));}
/* Unchanged original WebPs are sampled at native resolution in SVG coordinates.
   Similarity transforms preserve anatomy; clips retain the original paper/seal. */
#yr-homepage-reference-v2 .cl-hd-art {position:absolute;z-index:4;left:0;top:0;display:block;width:100%;height:calc(1849 * var(--cl-unit));pointer-events:none;overflow:hidden;filter:none;}


#yr-homepage-reference-v2 .cl-collection-page .hr2-bottom-nav {
  position:fixed;left:50%;right:auto;bottom:0;transform:translateX(-50%);z-index:25;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:min(100%,851px);max-width:851px;
  height:calc(var(--cl-nav-height) + env(safe-area-inset-bottom,0px));margin:0;
  padding:calc(24 * var(--cl-unit)) 0 calc(38 * var(--cl-unit) + env(safe-area-inset-bottom,0px));
  border:0;border-top:1px solid #d7d4c45c;border-radius:calc(26 * var(--cl-unit)) calc(26 * var(--cl-unit)) 0 0;
  background:#faf7ee;box-shadow:0 -3px 12px #5e634a05;backdrop-filter:none;
}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn {position:relative;display:flex;flex-direction:column;gap:calc(8 * var(--cl-unit));align-items:center;justify-content:flex-start;border:0;border-radius:0;background:none;box-shadow:none;min-height:0;margin:0;padding:0;color:#4d514b;}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn > span {display:grid;place-items:center;width:calc(50 * var(--cl-unit));height:calc(50 * var(--cl-unit));min-width:24px;min-height:24px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn > span svg {width:100%;height:100%;stroke-width:1.45;}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn > i {font:400 max(12px,calc(24 * var(--cl-unit)))/1.25 system-ui,'Microsoft YaHei',sans-serif;font-style:normal;}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn.is-active {color:#33503a;}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn.is-active::after {content:'';position:absolute;width:calc(32 * var(--cl-unit));height:calc(4 * var(--cl-unit));min-height:2px;left:50%;bottom:calc(-2 * var(--cl-unit));transform:translateX(-50%);border-radius:9px;background:#33503a;}
#yr-homepage-reference-v2 .cl-collection-page .hr2-nav-btn > b {position:absolute;z-index:2;left:59%;right:auto;top:calc(-14 * var(--cl-unit));display:grid;place-items:center;min-width:calc(35 * var(--cl-unit));height:calc(35 * var(--cl-unit));padding:0 4px;border:0;border-radius:99px;background:#b5a06a;color:#fffaf0;font:500 max(9px,calc(18 * var(--cl-unit)))/1 system-ui;box-shadow:0 1px 3px #73582621;}
#yr-homepage-reference-v2 .cl-records-modal {max-width:620px;background:#faf7ee;}
.cl-record-list {list-style:none;padding:0;margin:20px 0;display:grid;gap:12px;}
.cl-record-list li {padding:15px;border:1px solid #d9d9c8;border-radius:10px;}
.cl-record-list header {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cl-record-list h3 {font-size:16px;margin:0;color:#244631;}
.cl-record-list small,.cl-record-list time {display:block;color:#707769;font-size:12px;line-height:1.8;}
.cl-record-list p {margin:8px 0 4px;line-height:1.7;font-size:14px;}
.cl-record-status {white-space:nowrap;border-radius:20px;padding:4px 9px;background:#e5ebdc;color:#415d3d;font-size:12px;}
.cl-shipping-note {border-top:1px solid #dddecd;padding-top:14px;color:#727669;font-size:13px;line-height:1.8;}
@media(prefers-reduced-motion:reduce){.cl-scene,.cl-scene *{scroll-behavior:auto;}}

/* Decorative image paint shares the static plate geometry; no media surface. */
#yr-homepage-reference-v2 .cl-motion{background-position:0 0;background-size:100% auto;background-repeat:no-repeat;transition:none!important;animation:none!important;pointer-events:none!important;-webkit-touch-callout:none;user-select:none;}

/* Keep all poster planes aligned even before ResizeObserver runs. */
#yr-homepage-reference-v2 .cl-scene{height:auto;aspect-ratio:851/1683}
#yr-homepage-reference-v2 .cl-scene>.cl-layer{height:auto;aspect-ratio:851/1849}
@supports (width:1cqw){
  #yr-homepage-reference-v2 .cl-collection-page{container-type:inline-size}
  #yr-homepage-reference-v2 .cl-scene,
  #yr-homepage-reference-v2 .cl-collection-page>.hr2-bottom-nav{--cl-unit:calc(100cqw / 851);--cl-nav-height:calc(166 * var(--cl-unit))}
}