.jns-hs-breakout{
  --jns-brown:#49372f;
  --jns-gold:#cfa921;
  --jns-ivory:#fbf8f3;
  position:relative;
  width:100vw;
  max-width:100vw;
  margin:0;
  margin-left:calc(50% - 50vw);
  box-sizing:border-box;
  background:var(--jns-hs-bg,#fbf8f3);
  overflow:clip;
  clear:both;
}
.jns-hs-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:72px 0 76px;box-sizing:border-box}
.jns-hs-header{text-align:center;margin:0 auto 42px;max-width:760px}
.jns-hs-header h2{margin:0;color:var(--jns-brown);font-family:"Cormorant Garamond",Georgia,serif;font-size:52px;line-height:1;letter-spacing:.025em;font-weight:600}
.jns-hs-rule{width:42px;height:2px;background:var(--jns-gold);margin:18px auto 16px}
.jns-hs-header p{margin:0;color:#6a5a50;font-size:17px;line-height:1.6}
.jns-hs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.jns-hs-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(207,169,33,.26);border-radius:7px;overflow:hidden;box-shadow:0 8px 24px rgba(73,55,47,.07);transition:transform .22s ease,box-shadow .22s ease}
.jns-hs-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(73,55,47,.11)}
.jns-hs-media{width:100%;aspect-ratio:1.25/1;overflow:hidden;background:#f3ece5}
.jns-hs-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.jns-hs-card:hover .jns-hs-media img{transform:scale(1.025)}
.jns-hs-placeholder{background:linear-gradient(135deg,#f8f2eb,#efe0d7)}
.jns-hs-body{display:flex;flex-direction:column;flex:1;padding:24px 22px 25px;min-height:250px;box-sizing:border-box}
.jns-hs-body h3{margin:0 0 15px;color:var(--jns-brown);font-family:Lato,Arial,sans-serif;font-size:18px;line-height:1.35;font-weight:800;letter-spacing:.03em}
.jns-hs-body p{margin:0 0 24px;color:#6a5a50;font-family:Lato,Arial,sans-serif;font-size:15px;line-height:1.65}
.jns-hs-link{margin-top:auto;color:var(--jns-brown)!important;text-decoration:none!important;font-family:Lato,Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.jns-hs-link:hover{color:var(--jns-gold)!important}

@media (max-width:1024px){
  .jns-hs-shell{width:min(820px,calc(100% - 36px));padding:58px 0 62px}
  .jns-hs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .jns-hs-body{min-height:220px}
}
@media (max-width:640px){
  .jns-hs-breakout{margin-left:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important}
  .jns-hs-shell{width:100%;padding:46px 15px 50px;margin:0;box-sizing:border-box}
  .jns-hs-header{margin-bottom:30px;padding:0 4px}
  .jns-hs-header h2{font-size:38px;line-height:1.02}
  .jns-hs-header p{font-size:16px;line-height:1.5}
  .jns-hs-grid{grid-template-columns:1fr;gap:24px;width:100%}
  .jns-hs-card{width:100%;max-width:none;min-height:0;height:auto}
  .jns-hs-media{aspect-ratio:16/10}
  .jns-hs-body{padding:22px 20px 24px;min-height:0;height:auto}
  .jns-hs-body h3{font-size:20px;margin-bottom:12px}
  .jns-hs-body p{font-size:15.5px;line-height:1.58;margin-bottom:25px}
  .jns-hs-link{margin-top:0;padding-top:2px}
}
@media (prefers-reduced-motion:reduce){.jns-hs-card,.jns-hs-media img{transition:none!important}}
