.is-story-gateway{position:relative;overflow:hidden;padding:clamp(34px,5vw,72px) clamp(20px,5vw,64px) clamp(110px,9vw,150px);background:#f6fafa;color:#f6fafa}.is-story-gateway__shell{position:relative;width:min(100%,1360px);min-height:clamp(430px,43vw,610px);margin:0 auto;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(34px,5vw,80px);padding:clamp(38px,6vw,88px);overflow:hidden;border:1px solid rgba(246,250,250,.16);border-radius:clamp(28px,4vw,52px);background:radial-gradient(circle at 82% 44%,rgba(64,171,178,.2),transparent 31%),linear-gradient(145deg,#071b24,#0a2b36 72%,#0b3540);box-shadow:0 35px 90px rgba(7,27,36,.19),inset 0 1px rgba(255,255,255,.12);isolation:isolate}.is-story-gateway__shell:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 75%,transparent)}.is-story-gateway__shell:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;left:-180px;bottom:-250px;border:1px solid rgba(130,229,220,.16);box-shadow:0 0 0 70px rgba(130,229,220,.025),0 0 0 140px rgba(130,229,220,.018)}.is-story-gateway__copy{position:relative;z-index:3;max-width:650px}.is-story-gateway__eyebrow{display:inline-flex;align-items:center;gap:11px;color:#86ddd5;font-size:10px;font-weight:800;line-height:1;letter-spacing:.18em;text-transform:uppercase}.is-story-gateway__eyebrow:before{content:"";width:33px;height:1px;background:currentColor}.is-story-gateway__title{margin:25px 0 0;font-size:clamp(50px,6vw,90px);font-weight:750;line-height:.93;letter-spacing:-.065em;text-wrap:balance}.is-story-gateway__description{max-width:570px;margin:27px 0 0;color:rgba(246,250,250,.64);font-size:clamp(16px,1.4vw,19px);font-weight:500;line-height:1.68}.is-story-gateway__enter{display:inline-flex;align-items:center;gap:13px;margin-top:42px;color:#a6e9e1;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.is-story-gateway__enter:before{content:"";width:8px;height:8px;border-radius:50%;background:#69d1c4;box-shadow:0 0 0 8px rgba(105,209,196,.08),0 0 24px #69d1c4}.is-story-gateway__portal{position:relative;z-index:2;width:min(40vw,490px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;border-radius:50%;transition:transform .9s cubic-bezier(.16,1,.3,1)}.is-story-gateway__portal:before,.is-story-gateway__portal:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.is-story-gateway__portal:before{inset:-5%;border:1px solid rgba(205,248,243,.32);box-shadow:inset 0 0 0 12px rgba(255,255,255,.025),inset 0 0 55px rgba(127,232,222,.1),0 0 70px rgba(48,158,170,.2)}.is-story-gateway__portal:after{inset:5%;border:1px dashed rgba(213,249,246,.24);animation:isStorySpin 34s linear infinite}.is-story-gateway__media{position:absolute;inset:12%;overflow:hidden;border-radius:50%;background:#0c2a35;box-shadow:inset 0 0 70px rgba(5,22,30,.6);transition:inset .9s cubic-bezier(.16,1,.3,1),box-shadow .9s}.is-story-gateway__media:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(238,255,253,.11),transparent 38%,rgba(5,24,32,.24));box-shadow:inset 0 0 45px rgba(6,25,34,.55)}.is-story-gateway__media img{width:100%;height:100%;object-fit:cover;object-position:center 59%;filter:saturate(.74) contrast(1.03) brightness(.82);transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .7s}.is-story-gateway__crystal{position:absolute;inset:0;border-radius:50%;pointer-events:none}.is-story-gateway__crystal i{position:absolute;border-radius:50%;border:1px solid rgba(229,255,251,.28);background:rgba(255,255,255,.04);backdrop-filter:blur(2px)}.is-story-gateway__crystal i:first-child{width:72px;height:72px;right:0;top:14%;box-shadow:inset -12px -15px 30px rgba(46,160,171,.12)}.is-story-gateway__crystal i:nth-child(2){width:15px;height:15px;left:3%;top:50%;background:#8ce2d8;border:0;box-shadow:0 0 26px #8ce2d8}.is-story-gateway__crystal i:nth-child(3){width:32px;height:32px;right:9%;bottom:6%;box-shadow:inset 0 0 16px rgba(255,255,255,.1)}.is-story-gateway__arrow{position:absolute;z-index:5;right:7%;bottom:8%;width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(246,250,250,.22);border-radius:50%;background:rgba(6,25,34,.54);backdrop-filter:blur(13px);font-size:25px;transition:transform .6s cubic-bezier(.16,1,.3,1),background .3s}.is-story-gateway__shell:hover .is-story-gateway__portal,.is-story-gateway__shell:focus-visible .is-story-gateway__portal{transform:scale(1.065)}.is-story-gateway__shell:hover .is-story-gateway__media,.is-story-gateway__shell:focus-visible .is-story-gateway__media{inset:7%;box-shadow:0 25px 70px rgba(0,0,0,.25)}.is-story-gateway__shell:hover .is-story-gateway__media img,.is-story-gateway__shell:focus-visible .is-story-gateway__media img{transform:scale(1.045);filter:saturate(.88) contrast(1.04) brightness(.9)}.is-story-gateway__shell:hover .is-story-gateway__arrow,.is-story-gateway__shell:focus-visible .is-story-gateway__arrow{transform:translate(5px,-5px);background:rgba(80,182,181,.2)}.is-story-gateway__shell:focus-visible{outline:3px solid #8ce2d8;outline-offset:5px}@keyframes isStorySpin{to{transform:rotate(360deg)}}[dir="rtl"] .is-story-gateway{font-family:Tajawal,Manrope,system-ui,sans-serif}[dir="rtl"] .is-story-gateway__eyebrow,[dir="rtl"] .is-story-gateway__enter{letter-spacing:0;text-transform:none}[dir="rtl"] .is-story-gateway__title{letter-spacing:0;line-height:1.11}[dir="rtl"] .is-story-gateway__arrow{right:auto;left:7%;transform:scaleX(-1)}[dir="rtl"] .is-story-gateway__shell:hover .is-story-gateway__arrow,[dir="rtl"] .is-story-gateway__shell:focus-visible .is-story-gateway__arrow{transform:scaleX(-1) translate(5px,-5px)}@media(max-width:900px){.is-story-gateway__shell{grid-template-columns:1fr;min-height:760px}.is-story-gateway__copy{max-width:670px}.is-story-gateway__portal{width:min(65vw,430px)}.is-story-gateway__arrow{right:8%;bottom:6%}[dir="rtl"] .is-story-gateway__arrow{right:auto;left:8%}}@media(max-width:600px){.is-story-gateway{padding:24px 18px 86px}.is-story-gateway__shell{min-height:690px;padding:34px 24px;border-radius:28px;gap:25px}.is-story-gateway__title{font-size:46px}.is-story-gateway__description{font-size:15.5px}.is-story-gateway__enter{margin-top:28px}.is-story-gateway__portal{width:min(80vw,340px)}.is-story-gateway__arrow{width:58px;height:58px;font-size:21px}}@media(prefers-reduced-motion:reduce){.is-story-gateway__portal:after{animation:none}.is-story-gateway__portal,.is-story-gateway__media,.is-story-gateway__media img,.is-story-gateway__arrow{transition:none}}

/* Clear portal affordance: the story entrance reads as an action, not decoration. */
.is-story-gateway__shell{cursor:pointer}
.is-story-gateway__arrow{
  right:4%;
  bottom:4%;
  width:clamp(74px,6vw,88px);
  height:clamp(74px,6vw,88px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:9px;
  color:#06212a;
  border:1px solid rgba(224,255,251,.92);
  background:linear-gradient(145deg,rgba(173,239,230,.98),rgba(92,198,190,.94));
  box-shadow:0 0 0 8px rgba(120,222,212,.09),0 18px 44px rgba(0,0,0,.28),0 0 40px rgba(105,209,196,.28);
  backdrop-filter:blur(16px);
  animation:isStoryCtaPulse 3.2s ease-in-out infinite;
}
.is-story-gateway__arrow:before{
  content:"";
  position:absolute;
  inset:-10px;
  border:1px dashed rgba(177,239,232,.58);
  border-radius:50%;
  animation:isStoryCtaOrbit 14s linear infinite;
}
.is-story-gateway__arrow-label{
  position:relative;
  z-index:1;
  font-size:clamp(7px,.55vw,8.5px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:.11em;
  text-align:center;
  text-transform:uppercase;
}
.is-story-gateway__arrow-glyph{
  position:relative;
  z-index:1;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#eafffc;
  background:#0b4953;
  box-shadow:0 6px 18px rgba(5,35,43,.22);
  font-size:15px;
  line-height:1;
  transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s;
}
.is-story-gateway__arrow-hint{
  position:relative;
  z-index:1;
  color:rgba(6,33,42,.68);
  font-size:5.4px;
  font-weight:850;
  line-height:1;
  letter-spacing:.13em;
  text-align:center;
  text-transform:uppercase;
}
.is-story-gateway__shell:hover .is-story-gateway__arrow,
.is-story-gateway__shell:focus-visible .is-story-gateway__arrow{
  transform:translate(6px,-6px) scale(1.06);
  background:linear-gradient(145deg,#d1fff9,#77ddd3);
  box-shadow:0 0 0 10px rgba(120,222,212,.12),0 24px 54px rgba(0,0,0,.32),0 0 55px rgba(105,209,196,.4);
}
.is-story-gateway__shell:hover .is-story-gateway__arrow-glyph,
.is-story-gateway__shell:focus-visible .is-story-gateway__arrow-glyph{transform:translateX(4px);background:#063a44}
@keyframes isStoryCtaPulse{
  0%,100%{box-shadow:0 0 0 8px rgba(120,222,212,.09),0 18px 44px rgba(0,0,0,.28),0 0 34px rgba(105,209,196,.2)}
  50%{box-shadow:0 0 0 13px rgba(120,222,212,.045),0 20px 48px rgba(0,0,0,.3),0 0 52px rgba(105,209,196,.38)}
}
@keyframes isStoryCtaOrbit{to{transform:rotate(360deg)}}
[dir="rtl"] .is-story-gateway__arrow{right:auto;left:4%;transform:none}
[dir="rtl"] .is-story-gateway__arrow-label,[dir="rtl"] .is-story-gateway__arrow-hint{letter-spacing:0;text-transform:none}
[dir="rtl"] .is-story-gateway__shell:hover .is-story-gateway__arrow,
[dir="rtl"] .is-story-gateway__shell:focus-visible .is-story-gateway__arrow{transform:translate(-6px,-6px) scale(1.06)}
[dir="rtl"] .is-story-gateway__shell:hover .is-story-gateway__arrow-glyph,
[dir="rtl"] .is-story-gateway__shell:focus-visible .is-story-gateway__arrow-glyph{transform:translateX(-4px)}
@media(max-width:900px){
  .is-story-gateway__arrow{right:3%;bottom:3%}
  [dir="rtl"] .is-story-gateway__arrow{right:auto;left:3%}
}
@media(max-width:600px){
  .is-story-gateway__arrow{width:64px;height:64px;padding:7px;gap:2px}
  .is-story-gateway__arrow:before{inset:-7px}
  .is-story-gateway__arrow-glyph{width:21px;height:21px;font-size:14px}
  .is-story-gateway__arrow-label{font-size:6.6px}
  .is-story-gateway__arrow-hint{font-size:5px}
}
@media(prefers-reduced-motion:reduce){
  .is-story-gateway__arrow,.is-story-gateway__arrow:before{animation:none}
}

/* Refined crystal lens: quieter, smaller and visibly intentional. */
.is-story-gateway__crystal i:first-child{
  width:48px;
  height:48px;
  right:2%;
  top:16%;
  opacity:.72;
  border-color:rgba(210,250,245,.2);
  background:radial-gradient(circle at 36% 30%,rgba(214,255,249,.11),rgba(84,183,184,.045) 52%,rgba(5,28,37,.04) 76%);
  box-shadow:inset -8px -10px 20px rgba(46,160,171,.09),0 0 18px rgba(93,205,198,.055);
}