/* Tuesday stories: keep text columns readable beside the original photographs. */
body main>.wrap{width:100%;max-width:1260px;margin-inline:auto;padding-inline:28px}
main>.wrap>.split:not(.split2){display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:22px;align-items:stretch;margin-block:28px}
main>.wrap>.split:not(.split2)>.panel:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:0}
main>.wrap>.split:not(.split2)>.panel:first-child>img:first-child{width:100%!important;height:100%!important;max-height:none!important;min-width:0;min-height:320px;object-fit:cover;object-position:center}
main>.wrap>.split .panel .body{min-width:0;padding:30px}
main>.wrap>.split .panel h2{font-size:clamp(23px,2.15vw,31px);line-height:1.6;letter-spacing:0;word-break:normal;overflow-wrap:normal}
main>.wrap>.split .panel p{font-size:15px;line-height:2.15;margin-bottom:0}
main>.wrap>.split:not(.split2)>.panel.side{display:flex;flex-direction:column}
main>.wrap>.split:not(.split2)>.panel.side>img{width:100%;height:230px;max-height:230px;object-fit:cover}
main>.wrap>.split:not(.split2)>.panel.side h2{font-size:23px}
/* A single designed banner, with real live text and the untouched event photo. */
main>.wrap>.split2{display:block;position:relative;isolation:isolate;margin-block:32px 42px;border:1px solid #9b2941;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#63152b66,transparent 65%),#10090d;box-shadow:0 22px 70px #0005}
main>.wrap>.split2>.panel:first-child{position:relative;display:flex;align-items:center;min-height:430px;border:0;border-radius:0;background:none;overflow:hidden}
main>.wrap>.split2>.panel:first-child>img{position:absolute;inset:0 auto 0 0;width:54%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 45%,transparent 100%)}
main>.wrap>.split2>.panel:first-child>.body{position:relative;z-index:1;flex:0 0 61%;padding:46px 42px 40px;background:linear-gradient(to left,#12090ddd 35%,transparent)}
main>.wrap>.split2>.panel:first-child>.body:before{content:'بیش از ۲۰۰ جلسه، کنار شما';display:inline-block;margin-bottom:18px;padding:6px 14px;border-right:3px solid #f20c35;background:#f20c3514;color:#ffb6c4;font-size:13px;font-weight:700}
main>.wrap>.split2>.panel:first-child h2{font-size:clamp(28px,3.1vw,43px);line-height:1.6;font-weight:900;margin-bottom:18px}
main>.wrap>.split2>.panel:first-child p{max-width:570px;font-size:15px;color:#e2d8dc}
main>.wrap>.split2>.quote{display:block;min-height:0;margin:0;padding:23px 32px;border:0;border-top:1px solid #ffffff14;border-radius:0;background:linear-gradient(90deg,#f20c351a,transparent);font-size:18px;color:#f3dde3;line-height:1.9;text-align:center}
@media(max-width:1000px){
 main>.wrap>.split:not(.split2){grid-template-columns:minmax(0,1fr)}
 main>.wrap>.split:not(.split2)>.panel.side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
 main>.wrap>.split:not(.split2)>.panel.side>img{height:100%;max-height:300px;min-height:230px}
 main>.wrap>.split2>.panel:first-child>.body{flex-basis:66%;padding:34px 28px}
}
@media(max-width:600px){
 body main>.wrap{padding-inline:20px}
 main>.wrap>.split:not(.split2){gap:18px;margin-block:22px}
 main>.wrap>.split:not(.split2)>.panel:first-child,main>.wrap>.split:not(.split2)>.panel.side{display:flex;flex-direction:column}
 main>.wrap>.split:not(.split2)>.panel:first-child>img:first-child,main>.wrap>.split:not(.split2)>.panel.side>img{width:100%!important;height:auto!important;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:cover}
 main>.wrap>.split .panel .body{padding:25px 22px}
 main>.wrap>.split .panel h2,main>.wrap>.split:not(.split2)>.panel.side h2{font-size:25px;line-height:1.65}
 main>.wrap>.split .panel p{font-size:14px;line-height:2.1}
 main>.wrap>.split2{border-radius:20px;margin-block:26px}
 main>.wrap>.split2>.panel:first-child{display:flex;flex-direction:column;min-height:0}
 main>.wrap>.split2>.panel:first-child>img{position:relative;inset:auto;order:0;width:100%!important;height:auto!important;aspect-ratio:4/3;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
 main>.wrap>.split2>.panel:first-child>.body{order:1;flex:auto;width:100%;padding:8px 24px 30px;background:none}
 main>.wrap>.split2>.panel:first-child h2{font-size:28px;line-height:1.65}
 main>.wrap>.split2>.panel:first-child>.body:before{font-size:12px;margin-bottom:14px}
 main>.wrap>.split2>.quote{padding:22px;font-size:16px;text-align:right}
}
@media(prefers-reduced-motion:reduce){body:before,.orb{animation:none!important}}
/* Fit the live hero copy without changing the approved photograph framing. */
@media(max-width:700px){
 main>.hero{padding:0!important;background-size:100% 100%!important;background-position:center!important;aspect-ratio:1.95/1!important;min-height:0!important;height:auto!important}
 main>.hero .hero-copy{width:55%!important;max-width:55%!important;padding:5px 2px!important;margin:0 auto 0 1.5%!important}
 main>.hero .hero-copy h1{width:100%!important;max-width:none!important;font-size:clamp(16px,4.6vw,29px)!important;line-height:1.15!important;margin:0!important;white-space:nowrap!important}
 main>.hero .hero-divider{height:2px!important;margin:3px auto!important}
 main>.hero .hero-count-row{gap:2px!important}
 main>.hero .hero-count{font-size:clamp(34px,10vw,65px)!important;line-height:1!important}
 main>.hero .hero-count-copy{font-size:clamp(7px,2vw,12px)!important;line-height:1.5!important}
 main>.hero .hero-script{font-size:clamp(12px,3.2vw,20px)!important;line-height:1.35!important;margin-top:2px!important}
 main>.hero .hero-brand{font-size:5px!important;line-height:1.2!important;letter-spacing:1px!important;margin-top:2px!important}
 main>.hero .hero-action{width:100%!important;max-width:100%!important;min-height:36px!important;height:auto!important;padding:6px 4px!important;margin:6px 0 0!important;font-size:clamp(7px,1.95vw,12px)!important;line-height:1.5!important;gap:4px!important;flex-shrink:0!important}
 main>.hero .hero-arrow{width:18px!important;height:18px!important;font-size:10px!important}
}