.gallery-hero, .gallery-occasions, .gallery-section, .gallery-detail, .gallery-products, .gallery-styles, .gallery-closing { max-width: 1520px; margin: auto; padding-right: clamp(22px,6vw,96px); padding-left: clamp(22px,6vw,96px); }
.gallery-hero { display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); gap: clamp(36px,6vw,100px); align-items: center; min-height: 690px; padding-top: 85px; padding-bottom: 90px; }
.gallery-hero-copy h1, .gallery-section h2, .gallery-detail h2, .gallery-styles h2, .gallery-closing h2 { margin: 17px 0 24px; font-family: 'Playfair Display',Georgia,serif; font-weight: 500; letter-spacing: -.055em; line-height: 1.09; }
.gallery-hero-copy h1 { font-size: clamp(58px,6vw,92px); }
.gallery-hero-copy h1 em, .gallery-section h2 em, .gallery-styles h2 em, .gallery-closing h2 em { color: var(--forest); font-weight: 400; }
.gallery-hero-copy > p:not(.section-label) { max-width: 520px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.gallery-hero-actions, .gallery-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 25px; margin: 29px 0 14px; }
.gallery-hero-actions .text-link, .gallery-detail-actions .text-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; color: var(--forest); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 6px; }
.gallery-hero-copy small { display: block; max-width: 430px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.gallery-hero-art { position: relative; min-height: 515px; }
.gallery-hero-art figure { position: absolute; width: 51%; margin: 0; padding: 8px 8px 0; background: var(--paper); box-shadow: 0 24px 48px #312d2133; }
.gallery-hero-art figure:nth-child(1) { top: 0; left: 1%; transform: rotate(-5deg); }
.gallery-hero-art figure:nth-child(2) { top: 11%; right: 1%; transform: rotate(4deg); }
.gallery-hero-art figure:nth-child(3) { bottom: 0; left: 21%; width: 43%; transform: rotate(-2deg); }
.gallery-hero-art img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.gallery-hero-art figcaption { padding: 8px 3px 10px; color: var(--forest); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.gallery-intro { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding: 28px clamp(22px,6vw,96px); background: var(--forest); color: #f8f4eb; }
.gallery-intro span { display: flex; align-items: center; gap: 15px; max-width: 450px; margin: auto; color: #e5bda5; font-family: 'Playfair Display',Georgia,serif; font-size: 22px; }
.gallery-intro strong { color: #fffaf0; font-family: 'DM Sans',Arial,sans-serif; font-size: 12px; font-weight: 600; }
.gallery-occasions { padding-top: 86px; padding-bottom: 12px; }
.gallery-occasions-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 25px; }
.gallery-occasions h2 { margin: 12px 0 0; font-family: 'Playfair Display',Georgia,serif; font-size: clamp(34px,4vw,54px); font-weight: 500; letter-spacing: -.045em; line-height: 1.1; }
.gallery-occasions h2 em { color: var(--forest); font-weight: 400; }
.gallery-occasions-heading > p { max-width: 360px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.gallery-occasion-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.gallery-occasion-grid button { min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 7px; background: var(--paper); color: var(--forest); font: inherit; text-align: left; cursor: pointer; }
.gallery-occasion-grid button[aria-pressed="true"], .gallery-occasion-grid button:hover { border-color: var(--forest); box-shadow: 0 0 0 2px #294b3a26; }
.gallery-occasion-grid img { display: block; width: 100%; aspect-ratio: 1.7; object-fit: cover; }
.gallery-occasion-grid span { display: flex; align-items: center; min-height: 52px; padding: 10px 15px; font-size: 13px; font-weight: 700; }
.gallery-section { padding-top: 98px; padding-bottom: 100px; }
.gallery-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 30px; }
.gallery-section h2, .gallery-styles h2 { font-size: clamp(40px,4.4vw,62px); }
.gallery-section-heading > p { max-width: 400px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.gallery-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.gallery-filters button { min-height: 44px; padding: 9px 17px; border: 1px solid var(--border); border-radius: 50px; background: var(--paper); color: var(--forest); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.gallery-filters button[aria-pressed="true"], .gallery-filters button:hover { border-color: var(--forest); background: var(--forest); color: white; }
.gallery-filter-feedback { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; min-height: 44px; margin-bottom: 18px; }
.gallery-filter-feedback.is-filtered { padding: 8px 14px; border-left: 3px solid var(--rose); border-radius: 4px; background: #efe8dc; }
.gallery-status { margin: 0; color: var(--forest); font-size: 14px; line-height: 1.5; }
.gallery-reset { min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--forest); font: inherit; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.gallery-reset[hidden] { display: none; }
.gallery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.gallery-grid.is-royal-filtered { display: flex; flex-wrap: wrap; justify-content: center; }
.gallery-grid.is-royal-filtered .gallery-card { flex: 0 1 calc((100% - 36px)/3); }
.gallery-card[hidden] { display: none; }
.gallery-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 8px; background: var(--paper); box-shadow: 0 13px 28px #332d1e0d; }
.gallery-card a { display: block; height: 100%; color: inherit; text-decoration: none; }
.gallery-card img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.gallery-card-body { display: grid; min-height: 196px; padding: 18px 17px 21px; }
.gallery-card-kicker { color: var(--rose); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.gallery-card h3 { margin: 9px 0 8px; font-family: 'Playfair Display',Georgia,serif; font-size: clamp(22px,2vw,28px); font-weight: 500; line-height: 1.15; }
.gallery-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.gallery-card-action { align-self: end; display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; color: var(--forest); font-size: 12px; font-weight: 700; }
.gallery-card:hover { border-color: #a58f74; transform: translateY(-3px); transition: transform .2s ease; }
.gallery-royal-classics[hidden] { display: none; }
.gallery-royal-classics { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 35px; padding: 26px 30px; border: 1px solid var(--border); border-radius: 8px; background: #efe8dc; }
.gallery-royal-classics h3 { margin: 6px 0 8px; font-family: 'Playfair Display',Georgia,serif; font-size: 26px; font-weight: 500; }
.gallery-royal-classics p:not(.section-label) { max-width: 360px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.gallery-royal-classic-links { display: flex; gap: 12px; }
.gallery-royal-classic-links a { display: flex; align-items: center; gap: 12px; min-width: 195px; padding: 8px 12px 8px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--paper); color: var(--forest); font-size: 13px; font-weight: 700; text-decoration: none; }
.gallery-royal-classic-links img { width: 58px; height: 58px; border-radius: 3px; object-fit: cover; }
.gallery-royal-classic-links a:hover { border-color: var(--forest); }
.gallery-detail[hidden] { display: none; }
.gallery-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: clamp(30px,6vw,100px); align-items: center; padding-top: 76px; padding-bottom: 82px; background: #eae1d1; }
.gallery-detail-art { position: relative; max-width: 520px; padding: 13px; background: var(--paper); box-shadow: 0 24px 55px #3b312622; }
.gallery-detail-art img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.gallery-detail-art span { display: block; padding: 10px 4px 1px; color: var(--muted); font-size: 10px; }
.gallery-detail h2 { font-size: clamp(44px,5vw,70px); }
.gallery-detail-copy > p:not(.section-label) { max-width: 540px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.gallery-detail-note { padding-left: 15px; border-left: 2px solid var(--rose); font-size: 12px !important; }
.gallery-products { padding-top: 90px; padding-bottom: 95px; background: #efe8dc; }
.gallery-products-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 28px; }
.gallery-products h2 { margin: 12px 0 0; font-family: 'Playfair Display',Georgia,serif; font-size: clamp(38px,4vw,58px); font-weight: 500; letter-spacing: -.05em; line-height: 1.1; }
.gallery-products h2 em { color: var(--forest); font-weight: 400; }
.gallery-products-heading > p { max-width: 400px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.gallery-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.gallery-product-grid article { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 7px; background: var(--paper); }
.gallery-product-art { display: grid; place-items: center; min-height: 310px; padding: 32px; background: #e8e1d3; }
.gallery-product-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gallery-product-canvas > div { width: min(66%,220px); aspect-ratio: 1; padding: 8px; background: #fff9ed; box-shadow: 0 16px 26px #342b2440; transform: rotate(-3deg); }
.gallery-product-pillow > div { width: min(68%,225px); aspect-ratio: 1; padding: 9px; border: 8px solid #f5f1e7; border-radius: 24px; background: #f5f1e7; box-shadow: 0 15px 23px #342b2433, inset 0 0 8px #342b2422; transform: rotate(6deg); }
.gallery-product-pillow img { border-radius: 12px; }
.gallery-product-mug > div { position: relative; width: min(59%,190px); aspect-ratio: 1.12; padding: 8px; border: 8px solid #fffdf8; border-radius: 15px 15px 34px 34px; background: #fffdf8; box-shadow: 0 16px 23px #342b2433; }
.gallery-product-mug > div::after { position: absolute; top: 19%; left: 100%; width: 26%; height: 58%; border: 13px solid #fffdf8; border-left: 0; border-radius: 0 50% 50% 0; content: ''; }
.gallery-product-mug img { border-radius: 6px 6px 20px 20px; }
.gallery-product-copy { padding: 20px 19px 23px; }
.gallery-product-copy > span { color: var(--rose); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.gallery-product-copy h3 { margin: 8px 0 5px; font-family: 'Playfair Display',Georgia,serif; font-size: 25px; font-weight: 500; }
.gallery-product-copy p { min-height: 40px; margin: 0 0 15px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.gallery-product-copy a { display: inline-flex; align-items: center; min-height: 44px; color: var(--forest); font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.gallery-products-note { margin: 17px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.gallery-styles { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 80px; align-items: start; padding-top: 105px; padding-bottom: 115px; }
.gallery-styles p:not(.section-label) { max-width: 400px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.gallery-style-list { display: flex; flex-wrap: wrap; gap: 9px; }
.gallery-style-list a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 15px; border: 1px solid var(--border); border-radius: 50px; background: var(--paper); color: var(--forest); font-size: 12px; font-weight: 700; text-decoration: none; }
.gallery-style-list a:hover { border-color: var(--forest); background: #eaf0e8; }
.gallery-closing { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 68px; padding-bottom: 75px; border-top: 1px solid var(--border); }
.gallery-closing h2 { font-size: clamp(38px,4vw,56px); }
footer { padding: 50px clamp(22px,6vw,96px); }
@media (max-width: 1100px) {
  .gallery-hero { min-height: 600px; gap: 30px; }
  .gallery-hero-art { min-height: 430px; }
  .gallery-occasion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gallery-grid.is-royal-filtered .gallery-card { flex-basis: calc((100% - 18px)/2); }
  .gallery-royal-classics { align-items: flex-start; flex-direction: column; }
  .gallery-styles { gap: 40px; }
}
@media (max-width: 760px) {
  .gallery-hero { display: flex; flex-direction: column; align-items: stretch; gap: 30px; min-height: 0; padding-top: 58px; padding-bottom: 58px; }
  .gallery-hero-copy h1 { font-size: clamp(47px,11vw,68px); }
  .gallery-hero-copy > p:not(.section-label) { font-size: 15px; }
  .gallery-hero-art { width: min(100%,560px); min-height: 0; height: min(100vw,500px); margin: auto; }
  .gallery-intro { grid-template-columns: 1fr; gap: 14px; padding-top: 28px; padding-bottom: 28px; }
  .gallery-intro span { width: 100%; margin: 0; }
  .gallery-occasions { padding-top: 65px; }
  .gallery-occasions-heading { display: block; }
  .gallery-section { padding-top: 68px; padding-bottom: 68px; }
  .gallery-section-heading { display: block; }
  .gallery-section-heading > p { margin-top: 8px; }
  .gallery-filters { flex-wrap: nowrap; overflow-x: auto; margin-right: -22px; padding-right: 22px; padding-bottom: 8px; }
  .gallery-filters button { flex: none; }
  .gallery-detail { grid-template-columns: 1fr; padding-top: 55px; padding-bottom: 60px; }
  .gallery-products { padding-top: 67px; padding-bottom: 70px; }
  .gallery-products-heading { display: block; }
  .gallery-product-grid { grid-template-columns: 1fr; }
  .gallery-product-art { min-height: 260px; }
  .gallery-styles { grid-template-columns: 1fr; gap: 28px; padding-top: 70px; padding-bottom: 80px; }
  .gallery-closing { display: block; padding-top: 55px; padding-bottom: 60px; }
}
@media (max-width: 510px) {
  .gallery-occasion-grid { gap: 9px; }
  .gallery-occasion-grid span { min-height: 56px; padding: 8px 10px; font-size: 11px; }
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-grid.is-royal-filtered .gallery-card { flex-basis: 100%; }
  .gallery-card { max-width: 460px; }
  .gallery-card-body { min-height: 0; }
  .gallery-hero-actions { align-items: flex-start; flex-direction: column; }
  .gallery-royal-classics { padding: 20px; }
  .gallery-royal-classic-links { flex-direction: column; width: 100%; }
}
@media (max-width: 360px) {
  .gallery-hero-art { height: 330px; }
  .gallery-hero-copy h1 { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) { .gallery-card:hover { transform: none; } }