html body.daynight-page main #works #works-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 20px!important;overflow:visible!important;max-height:none!important}html body.daynight-page main #works #works-gallery .work-card{margin:0!important;padding:0!important;width:auto!important;min-width:0!important;background:transparent!important;border:0!important;display:block}html body.daynight-page main #works #works-gallery .work-card[hidden]{display:none!important}html body.daynight-page main #works #works-gallery .work-card>a{display:block!important;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#e6ddcf}html body.daynight-page main #works #works-gallery img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}html body.daynight-page main #works #works-gallery h3{font-size:17px!important;line-height:1.35;margin:12px 0 4px!important}html body.daynight-page main #works #works-gallery .work-system{font-size:13px;color:#735132;margin:0!important}#works-more{display:block;margin:28px auto 0;padding:12px 20px;border:1px solid #9b7955;border-radius:6px;background:#fffaf2;color:#342a25;cursor:pointer}.zebra-motion-photo{position:relative}.zebra-motion-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 200ms ease}.zebra-motion-photo.is-demonstrating .zebra-motion-layer{opacity:1}.zebra-moving-cloth{transform:translateY(0);transition:transform 1400ms cubic-bezier(.77,0,.175,1)}.zebra-motion-photo.is-closed .zebra-moving-cloth{transform:translateY(26px)}.zebra-motion-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 0 4px}.zebra-motion-controls button{padding:10px 14px;border:1px solid #9b7955;border-radius:6px;background:#fffaf2;color:#342a25;cursor:pointer}.zebra-motion-controls span{font-size:13px;color:#65472f}.zebra-motion-note{font-size:12px!important;line-height:1.5;margin:4px 0 12px!important;color:#65472f}#works-more:focus-visible,#zebra-play:focus-visible{outline:3px solid #a66c27;outline-offset:3px}@media(max-width:960px){html body.daynight-page main #works #works-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:540px){html body.daynight-page main #works #works-gallery{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}}@media(prefers-reduced-motion:reduce){.zebra-moving-cloth,.zebra-motion-layer{transition:none!important}}
html body.daynight-page main #works #works-gallery h3{padding:0!important;min-height:0!important;height:auto!important}html body.daynight-page main #works #works-gallery .work-card{align-self:start!important}
html body.daynight-page main #cost #price-cards .price-card{display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;gap:12px 24px!important;align-content:start!important;align-items:start!important;min-height:0!important;padding:24px!important}html body.daynight-page main #cost #price-cards .price-card>h3{grid-column:1;grid-row:1;margin:0!important;padding:0!important;min-height:0!important}html body.daynight-page main #cost #price-cards .price-card>.offer-price-link{grid-column:1;grid-row:2;margin:0!important}html body.daynight-page main #cost #price-cards .price-card>p{grid-column:1;margin:0!important}html body.daynight-page main #cost #price-cards .price-card>details{grid-column:1/-1}html body.daynight-page main #cost #price-cards .price-system-photo{grid-column:2;grid-row:1/5;display:block!important;width:160px;aspect-ratio:4/3;border-radius:6px;overflow:hidden;margin:0!important}html body.daynight-page main #cost #price-cards .price-system-photo img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}@media(max-width:540px){html body.daynight-page main #cost #price-cards .price-card{grid-template-columns:minmax(0,1fr) 100px!important;gap:10px 12px!important;padding:18px!important}html body.daynight-page main #cost #price-cards .price-system-photo{width:100px;aspect-ratio:3/4}}@media(min-width:961px){html body.daynight-page main #cost #price-cards .price-card{grid-template-columns:minmax(0,1fr)!important}html body.daynight-page main #cost #price-cards .price-system-photo{grid-column:1;grid-row:1;width:100%;aspect-ratio:4/3}html body.daynight-page main #cost #price-cards .price-card>h3{grid-row:2}html body.daynight-page main #cost #price-cards .price-card>.offer-price-link{grid-row:3}}
html body.daynight-page main #cost #price-cards .price-card>.offer-price-link{display:flex!important;flex-direction:column;gap:6px;min-height:0!important;height:auto!important;padding:0!important;align-self:start}html body.daynight-page main #cost #price-cards .price-card>.offer-price-link>*{margin:0!important;padding:0!important;min-height:0!important} @media(max-width:960px){html body.daynight-page main #cost #price-cards .price-system-photo{grid-row:1/3}}
/* Keep a readable card width throughout the tablet range. */
@media(max-width:960px){html body.daynight-page main #cost #price-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important}html body.daynight-page main #cost #price-cards .price-card{min-width:0!important}html body.daynight-page main #cost #price-cards .price-card>h3,html body.daynight-page main #cost #price-cards .offer-price-link{overflow-wrap:normal!important;word-break:normal!important}}

/* Unified price card: identical controls across breakpoints. */
html body.daynight-page main #cost #price-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
html body.daynight-page main #cost #price-cards .price-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"photo" "title" "price" "choice" "details"!important;grid-template-rows:none!important;gap:14px!important;padding:20px!important;min-height:0!important;height:auto!important;min-width:0!important;align-content:start!important}
html body.daynight-page main #cost #price-cards .price-card>.price-system-photo{grid-area:photo!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important;min-height:0!important;max-height:none!important;align-self:start!important}
html body.daynight-page main #cost #price-cards .price-card>h3{grid-area:title!important;font-size:20px!important;line-height:1.35!important;font-weight:600!important;min-height:0!important;padding:0!important;margin:0!important;overflow-wrap:normal!important;word-break:normal!important}
html body.daynight-page main #cost #price-cards .price-card>.offer-price-link{grid-area:price!important;display:block!important;min-height:0!important;margin:0!important;padding:0!important;pointer-events:none;text-decoration:none!important}
html body.daynight-page main #cost #price-cards .offer-price-link small{display:none!important}
html body.daynight-page main #cost #price-cards .zebra-choice{grid-area:choice!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 14px!important;font-size:15px!important;line-height:1.4!important;white-space:normal!important;border:1px solid #9b7955;border-radius:6px;background:#fffaf2;color:#342a25;cursor:pointer}
html body.daynight-page main #cost #price-cards .zebra-example-details{grid-area:details!important;margin:0!important;min-width:0!important}
html body.daynight-page main #cost #price-cards .zebra-example-details>summary{display:list-item!important;cursor:pointer;font-size:13px!important;line-height:1.5!important;padding:8px 0!important;color:#65472f}
html body.daynight-page main #cost #price-cards .zebra-example-details p{font-size:13px!important;line-height:1.5!important;margin:8px 0!important}
@media(min-width:1280px){html body.daynight-page main #cost #price-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:541px) and (max-width:960px){html body.daynight-page main #cost #price-cards{grid-template-columns:minmax(0,1fr)!important}html body.daynight-page main #cost #price-cards .price-card{grid-template-columns:minmax(0,1fr) 180px!important;grid-template-areas:"title photo" "price photo" "choice photo" "details details"!important}html body.daynight-page main #cost #price-cards .price-system-photo{aspect-ratio:4/3!important}}
@media(max-width:540px){html body.daynight-page main #cost #price-cards{grid-template-columns:minmax(0,1fr)!important}html body.daynight-page main #cost #price-cards .price-card{padding:18px!important}html body.daynight-page main #cost #price-cards .price-system-photo{aspect-ratio:16/9!important}}
