/* Pomerdaj 6.8.5 — three visible hero cards with smooth JS role rotation.
   Frame movement and cursor parallax are separated to prevent jumps. */
.hero-editorial-frame{
  right:auto!important;position:absolute;margin:0;overflow:hidden;
  transform-origin:50% 50%;backface-visibility:hidden;visibility:visible!important;
  will-change:left,top,width,height,transform,opacity,filter,border-radius,box-shadow;
  transition:left 1.46s cubic-bezier(.22,1,.36,1),top 1.46s cubic-bezier(.22,1,.36,1),width 1.46s cubic-bezier(.22,1,.36,1),height 1.46s cubic-bezier(.22,1,.36,1),transform 1.46s cubic-bezier(.22,1,.36,1),opacity 1.05s cubic-bezier(.22,.8,.28,1),filter 1.05s cubic-bezier(.22,.8,.28,1),border-radius 1.46s cubic-bezier(.22,1,.36,1),box-shadow 1.46s cubic-bezier(.22,1,.36,1)!important;
}
.hero-editorial-frame.is-hero-transitioning{pointer-events:none}
.hero-frame-parallax{position:absolute;inset:-3.5%;transform:translate3d(var(--depth-x,0),var(--depth-y,0),0);transition:transform .24s cubic-bezier(.2,.7,.2,1);will-change:transform;backface-visibility:hidden}
.hero-frame-parallax img{width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden;will-change:transform,filter;transition:transform 1.46s cubic-bezier(.22,1,.36,1),filter 1.05s cubic-bezier(.22,.8,.28,1)!important}
.hero-editorial-frame.is-primary{left:0;top:10%;width:65%;height:77%;border-radius:44% 44% 24px 24px;transform:rotate(-3deg) scale(1);z-index:5;opacity:1;filter:none;box-shadow:0 48px 120px rgba(0,0,0,.38)}
.hero-editorial-frame.is-secondary{left:57%;top:1%;width:42%;height:54%;border-radius:150px 150px 24px 24px;transform:rotate(4deg) scale(.99);z-index:4;opacity:.75;filter:saturate(.84) brightness(.8);box-shadow:0 34px 85px rgba(0,0,0,.29)}
.hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:59%;top:47%;width:36%;height:40%;border-radius:38% 38% 22px 22px;transform:rotate(-5deg) scale(.94);z-index:2;opacity:.48;filter:saturate(.68) brightness(.62);box-shadow:0 24px 62px rgba(0,0,0,.24)}
.hero-editorial-frame.is-primary img{transform:scale(1.07)}
.hero-editorial-frame.is-secondary img{transform:scale(1.045)}
.hero-editorial-frame.is-tertiary img,.hero-editorial-frame.is-hidden img{transform:scale(1.025)}

/* Original orbiting orange dots, deliberately above the card stack. */
.cinematic-stage .hero-floating-line{position:absolute;z-index:8;display:block!important;border:1px solid rgba(255,255,255,.18);border-radius:50%;opacity:.9;pointer-events:none;transform-origin:50% 50%}
.cinematic-stage .line-a{width:510px;height:510px;right:-22%;bottom:-17%;animation:heroOrbitSpin 26s linear infinite!important}
.cinematic-stage .line-b{width:260px;height:260px;left:23%;top:-8%;animation:heroOrbitSpin 19s linear infinite reverse!important}
.cinematic-stage .hero-floating-line::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#ff7b47;box-shadow:0 0 0 8px rgba(241,90,36,.14),0 0 28px rgba(255,123,71,.5);animation:heroOrbitDotPulse 2.6s ease-in-out infinite}
.cinematic-stage .line-a::after{left:52px;top:64px}
.cinematic-stage .line-b::after{right:14px;bottom:64px;animation-delay:-1.3s}
@keyframes heroOrbitSpin{to{transform:rotate(360deg)}}
@keyframes heroOrbitDotPulse{0%,100%{box-shadow:0 0 0 7px rgba(241,90,36,.11),0 0 18px rgba(255,123,71,.32)}50%{box-shadow:0 0 0 12px rgba(241,90,36,.17),0 0 34px rgba(255,123,71,.58)}}

.cinematic-copy{position:relative;z-index:6}.cinematic-title{max-width:10.7ch;text-wrap:balance;letter-spacing:-.047em}.cinematic-title em{display:inline-block;color:var(--coral);font-style:italic;font-weight:500}.cinematic-lead{max-width:36rem;line-height:1.72}
@media(max-width:991.98px){.hero-editorial-frame.is-primary{left:0;top:11%;width:66%;height:72%}.hero-editorial-frame.is-secondary{left:57%;top:1%;width:42%;height:51%}.hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:59%;top:46%;width:36%;height:38%;opacity:.46}}
@media(max-width:767.98px){.cinematic-stage{min-height:550px}.hero-editorial-frame.is-primary{left:0;top:12%;width:68%;height:66%;border-radius:35% 35% 20px 20px}.hero-editorial-frame.is-secondary{left:58%;top:1%;width:41%;height:44%;border-radius:112px 112px 20px 20px}.hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:60%;top:48%;width:34%;height:34%;border-radius:34% 34% 18px 18px;opacity:.44}.cinematic-stage .line-a{width:390px;height:390px;right:-42%;bottom:-10%}.cinematic-stage .line-b{width:220px;height:220px;left:18%;top:-5%}.cinematic-title{max-width:9.5ch;letter-spacing:-.04em}}
@media(max-width:430px){.cinematic-stage{min-height:500px}.hero-editorial-frame.is-primary{width:69%;height:62%;top:15%}.hero-editorial-frame.is-secondary{left:59%;width:40%;height:40%;top:2%}.hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:61%;top:50%;width:33%;height:31%}}
@media(prefers-reduced-motion:reduce){.hero-editorial-frame,.hero-frame-parallax img{transition-duration:.8s!important}.cinematic-stage .line-a{animation-duration:52s!important}.cinematic-stage .line-b{animation-duration:38s!important}}

/* True continuous marquee. Each group is at least wider than the viewport; JS adjusts the exact distance. */
.brand-marquee{overflow:hidden;position:relative}
.brand-marquee::before,.brand-marquee::after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:clamp(18px,4vw,72px);pointer-events:none}
.brand-marquee::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}
.brand-marquee::after{right:0;background:linear-gradient(-90deg,var(--ink),transparent)}
.brand-marquee .marquee-track{
  --marquee-offset:-50%;
  display:flex!important;width:max-content!important;gap:0!important;padding:0!important;
  animation:pomerdajMarquee 34s linear infinite!important;will-change:transform;
}
.brand-marquee .marquee-group{display:flex;align-items:center;flex:0 0 auto;min-width:max-content}
.brand-marquee .marquee-set{display:flex;align-items:center;flex:0 0 auto;gap:3.5rem;padding:1rem 3.5rem 1rem 0;min-width:max-content}
.brand-marquee:hover .marquee-track{animation-play-state:paused!important}
@keyframes pomerdajMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--marquee-offset),0,0)}}

/* Newsletter composer */
.newsletter-composer-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:1.25rem;align-items:start}
.newsletter-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.65rem;background:#f7f8f9;border:1px solid var(--admin-line);border-bottom:0;border-radius:12px 12px 0 0}
.newsletter-toolbar button{width:38px;height:36px;border:1px solid #dce2e6;border-radius:9px;background:#fff;color:var(--admin-navy);display:grid;place-items:center}
.newsletter-toolbar button:hover{background:var(--admin-orange-soft);border-color:#f3b79f}
.newsletter-rich-editor{min-height:320px;padding:1.15rem;border:1px solid #dce2e6;border-radius:0 0 12px 12px;background:#fff;outline:none;line-height:1.72;color:#283743}
.newsletter-rich-editor:focus{border-color:#86a2b8;box-shadow:0 0 0 .2rem rgba(7,42,73,.09)}
.newsletter-rich-editor img{max-width:100%;height:auto;border-radius:14px}
.newsletter-html-source{min-height:320px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.newsletter-preview{background:#f1eee8;border:1px solid var(--admin-line);border-radius:18px;padding:16px;position:sticky;top:96px}
.newsletter-preview-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px rgba(5,31,51,.1)}
.newsletter-preview-head{padding:18px;text-align:center;border-bottom:3px solid var(--admin-orange)}
.newsletter-preview-head img{width:180px;max-width:70%}
.newsletter-preview-body{padding:24px}.newsletter-preview-body h2{color:var(--admin-navy);font-weight:850}.newsletter-preview-body .preview-content{color:#41596b;line-height:1.7}
.newsletter-preview-signature{margin-top:24px;padding-top:18px;border-top:1px solid #e8e3dc;color:#16364f}
.campaign-progress{height:12px;border-radius:999px;background:#e9edf0;overflow:hidden}.campaign-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--admin-orange),#ff9670);transition:width .25s ease}

@media(max-width:991.98px){
  .hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{width:39%;height:43%;left:30%;top:26%}
  .newsletter-composer-grid{grid-template-columns:1fr}.newsletter-preview{position:static}
}
@media(max-width:767.98px){
  .hero-editorial-frame.is-primary{width:74%;height:70%;left:0;top:11%;border-radius:35% 35% 20px 20px}
  .hero-editorial-frame.is-secondary{width:49%;height:47%;left:51%;right:auto;top:2%;border-radius:118px 118px 20px 20px}
  .hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{width:42%;height:41%;left:29%;top:28%;border-radius:38% 38% 18px 18px;opacity:.34}
  .cinematic-title{max-width:9.5ch;letter-spacing:-.04em}
  .brand-marquee .marquee-set{gap:2.2rem;padding-right:2.2rem}
}
@media(max-width:430px){
  .cinematic-stage{min-height:510px}
  .hero-editorial-frame.is-primary{width:73%;height:66%;top:12%}
  .hero-editorial-frame.is-secondary{width:48%;height:43%;left:52%;top:2%}
  .hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{width:40%;height:38%;left:29%;top:30%}
  .hero-editorial-controls{bottom:10%;gap:.38rem}.hero-story-card{bottom:0;width:72%}
}
@media(prefers-reduced-motion:reduce){
  .hero-editorial-frame,.hero-editorial-frame img{transition-duration:.72s!important}
  /* The information strip remains readable and gently moves even when decorative motion is reduced. */
  .brand-marquee .marquee-track{animation:pomerdajMarquee 70s linear infinite!important}
  .brand-marquee .marquee-set[aria-hidden="true"]{display:flex!important}
}

/* v6.8.5 final hero authority — kept last so older responsive overrides cannot hide the third card. */
.hero-editorial-frame.is-primary{left:0!important;top:10%!important;width:65%!important;height:77%!important;right:auto!important;transform:rotate(-3deg) scale(1)!important;z-index:5;opacity:1!important;filter:none!important}
.hero-editorial-frame.is-secondary{left:57%!important;top:1%!important;width:42%!important;height:54%!important;right:auto!important;transform:rotate(4deg) scale(.99)!important;z-index:4;opacity:.75!important;filter:saturate(.84) brightness(.8)!important}
.hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:59%!important;top:47%!important;width:36%!important;height:40%!important;right:auto!important;transform:rotate(-5deg) scale(.94)!important;z-index:2;opacity:.48!important;filter:saturate(.68) brightness(.62)!important;visibility:visible!important}
.cinematic-stage .hero-floating-line{z-index:8!important;display:block!important;visibility:visible!important}
@media(max-width:991.98px){
  .hero-editorial-frame.is-primary{left:0!important;top:11%!important;width:66%!important;height:72%!important}
  .hero-editorial-frame.is-secondary{left:57%!important;top:1%!important;width:42%!important;height:51%!important}
  .hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:59%!important;top:46%!important;width:36%!important;height:38%!important;opacity:.46!important}
}
@media(max-width:767.98px){
  .hero-editorial-frame.is-primary{left:0!important;top:12%!important;width:68%!important;height:66%!important}
  .hero-editorial-frame.is-secondary{left:58%!important;top:1%!important;width:41%!important;height:44%!important}
  .hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:60%!important;top:48%!important;width:34%!important;height:34%!important;opacity:.44!important}
}
@media(max-width:430px){
  .hero-editorial-frame.is-primary{width:69%!important;height:62%!important;top:15%!important}
  .hero-editorial-frame.is-secondary{left:59%!important;width:40%!important;height:40%!important;top:2%!important}
  .hero-editorial-frame.is-tertiary,.hero-editorial-frame.is-hidden{left:61%!important;top:50%!important;width:33%!important;height:31%!important}
}