.wp-block-rata-custom-stories{background:#fff;padding:3rem 0}.rata-custom-stories__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.rata-custom-stories__card{background:#fff9ee;border:2px solid #f9de78;height:100%;padding:1rem}.rata-custom-stories__image{display:block;width:100%;height:auto}.rata-custom-stories__lead{font-weight:700}.rata-custom-stories__pagination{display:flex;gap:.5rem;justify-content:center;padding-top:2rem}@media(min-width:768px){.rata-custom-stories__grid.has-3-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.rata-custom-stories__grid.has-4-columns{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rata-custom-stories__open { display:block; width:100%; padding:0; border:0; background:transparent; text-align:left; color:inherit; cursor:pointer; }
.rata-custom-stories__open .rata-custom-stories__image { aspect-ratio:3/4; object-fit:cover; }
.rata-custom-stories__open h3 { margin:16px 0 0; font-size:clamp(20px,2vw,26px); font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
.rata-custom-stories__open:hover h3 { color:#f20079; }
.rata-custom-stories__story[hidden] { display:none; }
@media(min-width:480px) and (max-width:767px) { .rata-custom-stories__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.rata-custom-stories__open:focus-visible { outline:3px solid #f20079; outline-offset:4px; }
.rata-custom-stories__dialog { box-sizing:border-box; width:min(960px, calc(100% - 32px)); max-width:960px; max-height:90dvh; padding:24px; border:3px solid #f9de78; background:#fffbf0; color:#242424; overflow:auto; }
.rata-custom-stories__dialog::backdrop { background:rgba(0,0,0,.65); }
.rata-custom-stories__close { display:block; margin:0 0 16px auto; border:0; border-radius:50%; width:40px; height:40px; background:white; color:#242424; font-size:28px; cursor:pointer; }
.rata-custom-stories__dialog .rata-custom-stories__story { box-sizing:border-box; height:auto; min-width:0; }
.rata-custom-stories__story header { margin-bottom:24px; }
.rata-custom-stories__story header > * { border-bottom:1px solid rgba(0,0,0,.08); padding:8px 0; margin:0; overflow-wrap:anywhere; }
.rata-custom-stories__story h2 { font-size:clamp(28px,4vw,42px); }
.rata-custom-stories__story .rata-custom-stories__lead { color:#f20079; }
.rata-custom-stories__content { overflow-wrap:anywhere; }
.rata-custom-stories__content img,.rata-custom-stories__content video { max-width:100%; height:auto; }
.rata-custom-stories__navigation { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; }
.rata-custom-stories__navigation button { border:1px solid #f20079; padding:8px 12px; cursor:pointer; }
.rata-custom-stories__navigation button:disabled { opacity:.4; cursor:default; }
@media(min-width:768px) { .rata-custom-stories__dialog { padding:40px; } }
/* Page grids and the Home stack share only the story dialog. */
.is-grid-layout .rata-custom-stories__grid { grid-template-columns:repeat(var(--story-mobile-columns,1),minmax(0,1fr)); gap:var(--story-gap,24px); }
.is-grid-layout .rata-custom-stories__open .rata-custom-stories__image { aspect-ratio:var(--story-image-ratio,3/4); }
.rata-custom-stories__home { display:grid; gap:48px; align-items:center; }
.rata-custom-stories__stack-wrap { padding:48px 32px; min-width:0; }
.rata-custom-stories__stack:focus-visible { outline:3px solid #f20079; outline-offset:24px; }
.rata-custom-stories__form .wp-block-rata-custom-made-form { padding:0 24px; }
.rata-custom-stories__pagination .page-numbers { border:1px solid #242424; min-width:2.5rem; padding:.5rem; text-align:center; text-decoration:none; }
.rata-custom-stories__pagination .current { background:#242424; color:#fff; }
@media(min-width:640px) { .is-grid-layout .rata-custom-stories__grid { grid-template-columns:repeat(var(--story-tablet-columns,2),minmax(0,1fr)); } }
@media(min-width:1024px) {
 .is-grid-layout .rata-custom-stories__grid { grid-template-columns:repeat(var(--story-desktop-columns,3),minmax(0,1fr)); }
 .rata-custom-stories__home { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) { .rata-custom-stories__stack img { transition:none; } }
.is-home-layout .rata-custom-stories__heading > * { border-bottom:1px solid rgba(0,0,0,.08); padding:8px 0; margin:0; }
.is-home-layout .rata-custom-stories__heading h2 { margin-left:4vw; font-weight:700; }
.rata-custom-stories__heading-last { font-size:clamp(24px,3vw,36px); }
.is-home-layout .rata-custom-stories__heading h2 { font-size:clamp(24px,3vw,36px); }
/* Match the original front-page Custom Made section and popup. */
.wp-block-rata-custom-stories.is-home-layout { padding:5vh 0; }
.is-home-layout .rata-custom-stories__home-heading > * { letter-spacing:.02em; }
.is-home-layout .rata-custom-stories__home-title { font-size:30px; line-height:1.25; }
.is-home-layout .rata-custom-stories__stack { display:block; padding:0; border:0; background:transparent; }
.is-home-layout .rata-custom-stories__dialog { width:calc(100% - 32px); max-width:896px; max-height:90vh; padding:3px; border:0; background:linear-gradient(to bottom right,rgb(var(--color-golden-yellow,244,193,0)),rgb(var(--color-vivid-pink,242,0,121))); overflow:visible; box-shadow:0 20px 25px -5px rgba(0,0,0,.1); }
.is-home-layout .rata-custom-stories__dialog::backdrop { background:rgba(0,0,0,.4); backdrop-filter:blur(4px); }
.rata-custom-stories__home-inner { background:rgb(var(--color-soft-ivory,255,251,240)); padding:24px; max-height:80vh; overflow-y:auto; }
.rata-custom-stories__home-close { position:absolute; top:-50px; right:0; display:flex; align-items:center; gap:12px; color:#fff; font-size:14px; font-weight:600; }
.rata-custom-stories__home-close .rata-custom-stories__close { width:36px; height:36px; margin:0; display:flex; align-items:center; justify-content:center; font-size:20px; }
.is-home-layout .rata-custom-stories__story .rata-custom-stories__popup-heading { margin-bottom:32px; }
.is-home-layout .rata-custom-stories__popup-heading > div { padding:0; height:32px; border-bottom:1px solid rgba(0,0,0,.08); }
.is-home-layout .rata-custom-stories__popup-heading p { margin:0; transform:translateY(4px); font-size:16px; }
.is-home-layout .rata-custom-stories__popup-heading > div:first-child p { line-height:32px; transform:translateY(10px); }
.is-home-layout .rata-custom-stories__popup-heading h2 { margin:0 0 0 6vw; transform:translateY(2px); font-size:32px; font-weight:700; line-height:1.25; }
.rata-custom-stories__popup-body { display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:32px; }
.rata-custom-stories__popup-text { flex:1; order:2; min-width:0; width:100%; }
.rata-custom-stories__popup-image { flex:1; order:1; min-width:0; width:100%; }
@media(min-width:640px) { .is-home-layout .rata-custom-stories__home-title { font-size:36px; } .is-home-layout .rata-custom-stories__dialog { width:100%; } }
@media(min-width:768px) {
 .rata-custom-stories__home-inner { padding:40px; }
 .is-home-layout .rata-custom-stories__popup-heading > div { height:48px; }
 .is-home-layout .rata-custom-stories__popup-heading > div:first-child p { line-height:48px; transform:translateY(18px); }
 .is-home-layout .rata-custom-stories__popup-heading h2,.is-home-layout .rata-custom-stories__popup-heading > div:last-child p { transform:translateY(10px); }
}
@media(min-width:1024px) {
 .rata-custom-stories__popup-body { flex-direction:row; }
 .rata-custom-stories__popup-text { order:1; }
 .rata-custom-stories__popup-image { order:2; }
 .is-home-layout .rata-custom-stories__popup-heading h2 { font-size:42px; }
 .is-home-layout .rata-custom-stories__popup-heading > div:last-child p { font-size:28px; }
 .rata-custom-stories__home-close .rata-custom-stories__close { font-size:24px; }
}
