.gallery-page{background:#f7f4ed;color:#492630}.collection-header{padding:26px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #49263020}.wordmark{font-size:30px;letter-spacing:-1px;text-decoration:none}.wordmark span{font:9px var(--sans);letter-spacing:1.8px;display:block;margin-top:5px}.header-note{font-size:13px;font-style:italic;color:#79656a}.collection-intro{text-align:center;padding:38px 20px 36px}.intro-mark{font-size:30px;color:#a9844b}.intro-script{font-size:32px;margin:7px 0 13px;color:#8b4b55}.collection-intro h1{font-size:clamp(43px,4.8vw,68px);line-height:1.03;letter-spacing:-2px;font-weight:400;margin:0}.intro-copy{font:13px/1.85 var(--sans);color:#79656a;margin:22px 0}.occasion-switch{display:inline-flex;background:#ede6df;padding:4px;border-radius:100px;gap:4px}.occasion-switch button{padding:13px 22px;border-radius:100px;font:12px var(--sans);background:transparent}.occasion-switch button[aria-pressed=true]{background:#592532;color:#fff4e2;box-shadow:0 2px 6px #49263018}.theme-collection{max-width:1440px;margin:auto;padding:6px 4.5% 54px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.theme-link{display:block;text-decoration:none}.theme-preview{position:relative;isolation:isolate;aspect-ratio:.64;overflow:hidden;background:var(--base);color:var(--ink);text-align:center;padding:26px 12px 0;box-shadow:0 12px 28px #3c1e2917;transition:transform .5s}.theme-link:hover .theme-preview{transform:translateY(-7px)}.theme-preview:before{content:'';position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);z-index:-1}.mini-kicker{font:9px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.mini-title{font:32px var(--script);margin:13px 0 0}.mini-subtitle{font-size:11px;margin:4px 0}.mini-envelope{width:84%;display:block;margin:-7px auto -3px;animation:drift 8s ease-in-out infinite}.mini-paper{position:relative;background:var(--paper);color:var(--paper-ink);margin:0 10px;padding:17px 8px 24px;box-shadow:0 4px 15px #0002;transform:rotate(-3deg)}.mini-paper:before{content:'';position:absolute;inset:6px;border:1px solid #aa997955}.mini-paper strong{font:25px var(--script);font-weight:400}.mini-paper p{font-size:10px;line-height:1.5;margin:6px 0}.mini-bow{position:absolute;width:39%;bottom:-38px;left:31%;animation:ribbon 7s ease-in-out infinite;transform-origin:50% 20%}.mini-floral{position:absolute;right:-21px;bottom:0;width:45%;animation:drift 10s ease-in-out infinite;z-index:2}.theme-caption{padding:21px 0 0;display:flex;align-items:center;justify-content:space-between;gap:5px}.theme-caption h2{font-weight:400;font-size:24px;margin:0}.theme-caption .arrow{font-size:21px;border:1px solid #49263040;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0}.theme-name{display:flex;gap:9px;align-items:center;font:10px var(--sans);margin:10px 0 0;color:#79656a}.palette-dot{width:8px;height:8px;border-radius:50%;background:var(--base);border:1px solid #0002}.theme-description{font:12px/1.7 var(--sans);color:#79656a;max-width:260px;margin:10px 0 0}.collection-note{text-align:center;padding:34px 16px 50px;border-top:1px solid #49263020}.collection-note .script{font-size:37px}.collection-note p{font:12px/1.9 var(--sans);color:#79656a}.sample-label{font:10px var(--sans);color:#79656a}.collection-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 4.5%;background:#ece6dd}.collection-footer>span:first-child{font-size:25px}.collection-footer p,.collection-footer>span:last-child{font:10px var(--sans);color:#79656a}@media(min-width:1500px){.theme-preview{max-height:510px}}@media(max-width:1000px){.theme-collection{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;gap:35px}.theme-preview{aspect-ratio:.72}.mini-title{font-size:40px}.mini-envelope{width:80%}.mini-paper{padding:25px 12px 32px}.mini-paper strong{font-size:30px}}@media(max-width:540px){.collection-header{padding:20px}.header-note{display:none}.wordmark{font-size:26px}.collection-intro{padding-top:28px}.collection-intro h1{font-size:46px}.intro-script{font-size:28px}.theme-collection{gap:26px 12px;padding:8px 14px 35px}.theme-preview{aspect-ratio:.57;padding:20px 7px 0}.mini-kicker{font-size:7px;letter-spacing:1px}.mini-title{font-size:24px;margin-top:13px}.mini-subtitle{font-size:9px}.mini-envelope{width:100%;margin:0 auto}.mini-paper{padding:15px 3px 21px;margin:0 5px}.mini-paper strong{font-size:20px}.mini-paper p{font-size:8px}.mini-bow{bottom:-26px;width:45%;left:27%}.mini-floral{width:52%;right:-13px;bottom:-4px}.theme-caption{padding-top:15px}.theme-caption h2{font-size:20px;max-width:120px}.theme-caption .arrow{width:26px;height:26px;font-size:16px}.theme-name{font-size:9px;gap:5px}.theme-description{font-size:11px}.collection-footer{flex-wrap:wrap;gap:14px}.collection-footer p{display:none}}

/* Consistent thumbnail composition: keep ornaments outside the name/copy area. */
.theme-preview {
  container-type: inline-size;
  aspect-ratio: auto;
  min-height: 0;
  max-height: none;
  padding: 26px 16px 88px;
}
.mini-title { font-size: clamp(22px, 13cqi, 40px); line-height: 1.35; }
.mini-subtitle { min-height: 17px; line-height: 1.5; }
.mini-envelope { width: 90%; margin: 8px auto 10px; aspect-ratio: 1; object-fit: contain; }
.mini-paper {
  min-height: 110px;
  margin: 0 6px;
  padding: 20px 8px 23px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mini-paper strong { font-size: clamp(18px, 10cqi, 30px); line-height: 1.35; }
.mini-paper p { line-height: 1.5; margin: 7px 0 0; min-height: 30px; }
.mini-bow { width: 33%; left: 33.5%; bottom: -62px; }
.mini-floral { width: 25%; right: 5px; bottom: 8px; }
.theme-caption { align-items: flex-start; min-height: 80px; gap: 12px; }
.theme-caption h2 { min-width: 0; line-height: 1.15; text-wrap: balance; }
.theme-caption .arrow { margin-top: 1px; }
.theme-name { min-height: 24px; line-height: 1.5; margin-top: 0; }
.palette-dot { flex-shrink: 0; }
.theme-description { margin-top: 7px; }
.collection-header { gap: 20px; }
.collection-header .quiet-button { flex-shrink: 0; }
.collection-intro h1 { text-wrap: balance; }
@media (max-width: 1000px) {
  .theme-preview { padding-bottom: 100px; }
  .mini-bow { bottom: -78px; }
  .theme-caption { min-height: 78px; }
}
@media (max-width: 540px) {
  .theme-preview { padding: 20px 9px 64px; }
  .mini-kicker { min-height: 12px; line-height: 1.5; }
  .mini-title { margin-top: 10px; }
  .mini-subtitle { font-size: 9px; min-height: 27px; padding-inline: 2px; }
  .mini-envelope { margin: 0 auto 7px; width: 96%; }
  .mini-paper { min-height: 88px; margin-inline: 3px; padding: 14px 6px 18px; }
  .mini-paper strong { font-size: clamp(16px, 11cqi, 24px); }
  .mini-paper p { font-size: 8px; min-height: 24px; }
  .mini-bow { width: 34%; left: 33%; bottom: -45px; }
  .mini-floral { width: 25%; bottom: 6px; right: 3px; }
  .theme-caption { min-height: 72px; gap: 7px; }
  .theme-caption h2 { max-width: none; font-size: 20px; }
  .theme-name { min-height: 27px; }
  .occasion-switch { max-width: 100%; }
  .occasion-switch button { padding: 13px 17px; }
}
@media (max-width: 360px) {
  .collection-header { padding: 18px 14px; gap: 10px; }
  .collection-header .wordmark { font-size: 24px; }
  .wordmark span { font-size: 8px; letter-spacing: 1px; }
  .collection-intro h1 { font-size: 39px; }
  .intro-copy { font-size: 12px; }
  .occasion-switch button { font-size: 11px; padding-inline: 14px; }
  .theme-caption h2 { font-size: 18px; }
}
@media (max-width: 540px) {
  .mini-title { font-size: clamp(18px, 13cqi, 28px); }
}