/* Wonders Workshop v2.16.121 — HOME archive: ONE panel, ONE background, ONE outer frame.
   Intentionally overrides the retired standalone-image rules of v2.16.116–120.
   Text and CTA stay semantic HTML and accessible. Never rasterize them. */
body main section#archive.archive > .archive-panel{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  grid-template-columns:none!important;
  gap:0!important;
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:clamp(244px,20vw,336px)!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #a78238!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:#060504!important;
  background-image:
    linear-gradient(90deg,#050505 0%,rgba(5,5,5,.99) 21%,rgba(5,5,5,.92) 34%,rgba(5,5,5,.40) 52%,rgba(5,5,5,0) 75%),
    url('/assets/images/ww-home-archive-background-v2.16.121.webp')!important;
  background-size:100% 100%,auto 100%!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center center,right center!important;
}
body main section#archive.archive > .archive-panel::before,
body main section#archive.archive > .archive-panel::after{
  content:none!important;
  display:none!important;
}
body main section#archive.archive > .archive-panel .archive-copy{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:min(49%,600px)!important;
  min-height:inherit!important;
  margin:0!important;
  padding:clamp(22px,3vw,48px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body main section#archive.archive > .archive-panel .archive-copy h2{
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.16!important;
  margin:0 0 12px!important;
}
body main section#archive.archive > .archive-panel .archive-copy p{
  font-size:clamp(12px,1.12vw,15px)!important;
  line-height:1.65!important;
  margin:0 0 18px!important;
}
body main section#archive.archive > .archive-panel .archive-copy a{
  position:relative!important;z-index:2!important;
}
/* Mobile: full width illustration appears at its original aspect ratio above
   the dark text area. No separate image, second frame, stretched or clipped bitmap. */
@media(max-width:820px){
 body main section#archive.archive > .archive-panel{
  min-height:0!important;
  display:block!important;
  background-image:
   linear-gradient(180deg,rgba(3,3,3,0) 0%,rgba(3,3,3,.02) 23%,rgba(3,3,3,.90) 41%,#050505 58%),
   url('/assets/images/ww-home-archive-background-v2.16.121.webp')!important;
  background-size:100% 100%,100% auto!important;
  background-position:center,center top!important;
  background-repeat:no-repeat,no-repeat!important;
 }
 body main section#archive.archive > .archive-panel .archive-copy{
  width:100%!important;
  min-height:0!important;
  padding:clamp(154px,30vw,250px) 24px 30px!important;
 }
 body main section#archive.archive > .archive-panel .archive-copy h2{
  font-size:clamp(20px,5.6vw,27px)!important;
 }
 body main section#archive.archive > .archive-panel .archive-copy p{
  font-size:14px!important;
 }
 body main section#archive.archive > .archive-panel .archive-copy br{display:none!important}
}
@media(max-width:440px){
 body main section#archive.archive > .archive-panel .archive-copy{
  padding:clamp(127px,35vw,151px) 19px 24px!important;
 }
}