

.navy{position:relative;background:linear-gradient(180deg,#25394E 0%,#1B2B3C 100%)!important;color:#E9EFF6;border:0!important}
.navy::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 50% at 80% 10%,rgba(143,169,196,.18),rgba(143,169,196,0) 70%),radial-gradient(36% 46% at 10% 90%,rgba(59,90,124,.35),rgba(59,90,124,0) 70%)}
.navy > *{position:relative}
.navy h2,.navy h3,.navy .s-head h2{color:#F2F5F8!important}
.navy p,.navy .s-body p{color:#C2CBD6!important}
.navy .s-head span:not(.mark){color:#9FB4C8!important}
.navy .mark{background:linear-gradient(to bottom,rgba(233,239,246,0),#E9EFF6)!important}
.navy .btn{background:#E9EFF6;color:#1B2B3C;border-color:#E9EFF6}
.navy .btn.line{background:transparent;color:#E9EFF6;border-color:rgba(233,239,246,.5)}

.s-head span:not(.mark):not(.mcount):not(.faq-num){color:#5A7493}
.crumbs a{color:var(--pine)}




.ftr{padding:clamp(44px,4.2vw,64px) 0 0!important}
.ftr .g{row-gap:28px!important;align-items:start}
.ftr .f-mark{grid-column:1 / 3!important;padding:0!important;margin:0!important;border:0!important}
.ftr .f-mark img{width:clamp(120px,10vw,160px)!important}
.ftr .f-brand{grid-column:3 / 6!important}
.ftr .f-nav{grid-column:6 / 11!important}
.ftr .f-nav ul{columns:2;column-gap:clamp(18px,2vw,32px)}
.ftr .f-nav li{break-inside:avoid}
@media (min-width:761px){.ftr .f-nav li{white-space:nowrap}}
.ftr .f-legal{grid-column:11 / 13!important}
.ftr h4{margin-bottom:14px!important}
.ftr li{margin-bottom:9px!important}
.ftr-addr{line-height:1.75!important}
.ftr-gap{display:block;height:8px}
.ftr .f-brand .social{display:flex;gap:10px;margin-top:18px!important;padding-top:0!important;border-top:0!important}
.ftr .f-brand .social a{width:36px;height:36px}
.ftr-bot{margin-top:clamp(30px,3vw,46px)!important;padding:16px 0!important}
@media (max-width:1180px){
  .ftr .f-mark{grid-column:1 / -1!important}
  .ftr .f-brand{grid-column:1 / 5!important}.ftr .f-nav{grid-column:5 / 10!important}.ftr .f-legal{grid-column:10 / 13!important}
}
@media (max-width:760px){
  .ftr .f-brand,.ftr .f-nav,.ftr .f-legal{grid-column:1 / -1!important}
}



.xintro{padding:clamp(80px,8vw,130px) 0 clamp(30px,3vw,50px);background:var(--paper)}
.xintro-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,70px);align-items:start}
.xintro-k h2{font-size:28px;font-weight:200;letter-spacing:-.028em;margin:0}
.xintro-lead{margin:0 0 16px;font-size:clamp(22px,2vw,30px);font-weight:200;line-height:1.45;letter-spacing:-.02em;color:var(--ink)}
.xintro-b p:not(.xintro-lead){color:var(--muted);font-size:16.5px;line-height:1.75;max-width:62ch;margin:0}
.xfilter{position:relative;display:inline-flex;gap:4px;padding:5px;margin-top:clamp(36px,4vw,60px);border-radius:999px;background:var(--paper);
  border:1px solid rgba(127,160,196,.3);box-shadow:0 30px 60px -44px rgba(20,27,36,.45)}
.xfilter button{position:relative;z-index:1;border:0;background:none;padding:11px 20px;border-radius:999px;font:inherit;font-size:15px;color:var(--ink);cursor:pointer;transition:color .4s ease}
.xfilter button sup{font-family:"Jost",sans-serif;font-size:11px;margin-inline-start:4px;color:var(--pine);transition:color .4s ease}
.xfilter button[aria-pressed="true"],.xfilter button[aria-pressed="true"] sup{color:#fff}
.xf-ind{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:999px;background:var(--pine);transition:left .4s cubic-bezier(.16,.84,.3,1),width .4s cubic-bezier(.16,.84,.3,1)}
.xcat{padding:clamp(60px,6vw,110px) 0;transition:opacity .34s ease;scroll-margin-top:80px}
.xcat.hide{display:none}
.xhead{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2vw,30px);align-items:end;margin-bottom:clamp(30px,3.4vw,54px)}
.xcount{font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(70px,6.4vw,110px);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(59,90,124,.35)}
.xhead h2{font-size:clamp(30px,2.8vw,42px);font-weight:200;letter-spacing:-.028em;margin:0 0 10px}
.xhead p{margin:0;color:var(--muted);font-size:16px;line-height:1.7;max-width:64ch}

.xa-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);perspective:1600px}
.xa{position:relative;display:block;height:clamp(420px,38vw,560px);border-radius:clamp(18px,2vw,28px);overflow:hidden;color:#fff;
  box-shadow:0 70px 120px -70px rgba(20,32,45,.75);transform-style:preserve-3d;transition:transform .67s cubic-bezier(.16,.84,.3,1),box-shadow .54s ease}
.xa-img{position:absolute;inset:0}
.xa-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.07s cubic-bezier(.16,.84,.3,1)}
.xa:hover .xa-img img{transform:scale(1.02)}
.xa::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(20,32,45,.95) 0%,rgba(20,32,45,.55) 46%,rgba(20,32,45,.12) 100%)}
.xa-glare{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .34s ease;background:radial-gradient(40% 40% at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.2),rgba(255,255,255,0) 70%)}
.xa:hover .xa-glare{opacity:1}
.xa-in{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:clamp(26px,3vw,46px)}
.xa-n{position:absolute;top:clamp(22px,2.6vw,38px);inset-inline-start:clamp(26px,3vw,46px);font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(50px,4.6vw,76px);line-height:1;color:rgba(233,239,246,.85);transform:translateZ(50px)}
.xa-meta{display:flex;gap:14px;font-size:13.5px;letter-spacing:.04em;color:#A8C8E6}
.xa-meta span+span{font-family:"Jost",sans-serif;padding-inline-start:14px;border-inline-start:1px solid rgba(168,200,230,.35)}
.xa-h{font-size:clamp(24px,2.3vw,36px);font-weight:300;line-height:1.25;letter-spacing:-.02em;max-width:20ch}
.xa-go{display:inline-flex;align-items:center;gap:12px;font-size:14.5px;color:#E9EFF6}
.xa-go i{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgba(233,239,246,.5);transform:scaleX(-1);transition:transform .4s cubic-bezier(.16,.84,.3,1),background .4s ease}
.xa-go i::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateX(-2px) rotate(45deg)}
.xa:hover .xa-go i,.xf:hover .xa-go i{background:#E9EFF6;color:#1B2B3C;transform:scaleX(-1) translateX(4px)}

.xo{font-family:"Jost","Assistant",sans-serif;font-weight:500;letter-spacing:.02em}

.xmq{overflow:hidden;contain:paint;border-block:1px solid var(--line);margin:0 0 clamp(40px,4vw,64px);padding:clamp(18px,2vw,26px) 0;direction:ltr;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.xmq-in{display:flex;align-items:center;gap:clamp(30px,4vw,64px);width:max-content;animation:xmq 34s linear infinite}
.xmq .xo{font-size:clamp(26px,2.6vw,40px);font-weight:300;color:var(--pine);opacity:.7;white-space:nowrap}
.mq-dot{width:6px;height:6px;border-radius:50%;background:rgba(59,90,124,.3)}
@keyframes xmq{to{transform:translateX(-50%)}}
.xmq:hover .xmq-in{animation-play-state:paused}

.xf{position:relative;isolation:isolate;display:grid;align-items:end;min-height:clamp(320px,28vw,420px);border-radius:clamp(18px,2vw,28px);overflow:hidden;color:#fff;
  background:linear-gradient(200deg,#2A4157 0%,#1B2B3C 100%);box-shadow:0 70px 120px -70px rgba(20,32,45,.8);transform-style:preserve-3d;transition:transform .67s cubic-bezier(.16,.84,.3,1);perspective:1200px}
.xf-bg{position:absolute;inset:0;opacity:.22}
.xf-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.xf-num{position:absolute;left:clamp(20px,4vw,70px);top:50%;transform:translateY(-50%);font-family:"Jost",sans-serif;font-weight:200;line-height:.8;direction:ltr;transform-style:preserve-3d}
.xf-num b{display:block;font-weight:200;font-size:clamp(180px,20vw,320px);color:transparent;-webkit-text-stroke:1px rgba(168,200,230,.55);transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.xf-num b+b{position:absolute;inset:0;-webkit-text-stroke:0;color:rgba(168,200,230,.1);transform:translate3d(14px,14px,-40px)}
.xf:hover .xf-num b{transform:translate3d(-8px,-8px,30px)}.xf:hover .xf-num b+b{transform:translate3d(18px,18px,-60px)}
.xf-in{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;padding:clamp(28px,3.4vw,54px);max-width:min(60%,620px)}
.xf-meta{display:flex;gap:14px;align-items:baseline;font-size:13.5px;color:#A8C8E6}.xf-meta .xo{font-size:15px;color:#E9EFF6}
.xf-meta span+span{font-family:"Jost",sans-serif;padding-inline-start:14px;border-inline-start:1px solid rgba(168,200,230,.35)}
.xf-h{font-size:clamp(26px,2.6vw,40px);font-weight:200;line-height:1.2;letter-spacing:-.02em}

.xarch{margin-top:clamp(50px,5vw,80px)}
.xy{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(20px,3vw,50px);align-items:start;padding:clamp(20px,2vw,30px) 0}
.xy-n{position:sticky;top:110px;font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(64px,6.6vw,112px);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(59,90,124,.4)}
.xy-rows{border-top:1px solid var(--line)}
.xr{position:relative;display:grid;grid-template-columns:96px 92px 1fr 44px;gap:clamp(12px,1.6vw,24px);align-items:center;padding:clamp(20px,2vw,28px) clamp(4px,1vw,14px);
  border-bottom:1px solid var(--line);color:var(--ink);opacity:0;transform:translateY(22px);
  transition:opacity .47s ease calc(var(--k) * .07s),transform .6s cubic-bezier(.16,.84,.3,1) calc(var(--k) * .07s),background .4s ease,padding .4s cubic-bezier(.16,.84,.3,1)}
.xy.in .xr{opacity:1;transform:none}
.xr::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(59,90,124,0),rgba(59,90,124,.07));opacity:0;transition:opacity .4s ease}
.xr:hover::before{opacity:1}
.xr:hover{padding-inline-start:clamp(14px,2vw,26px)}
.xr-d{font-family:"Jost",sans-serif;font-size:14px;letter-spacing:.06em;color:var(--muted)}
.xr .xo{font-size:14.5px;color:var(--pine)}
.xr-h{font-size:clamp(17px,1.4vw,21px);font-weight:300;line-height:1.45}
.xr-go{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2,rgba(59,90,124,.3));transform:rotate(-135deg);transition:transform .4s cubic-bezier(.16,.84,.3,1),background .4s ease,border-color .4s ease}
.xr-go::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-top:1.5px solid var(--pine);border-right:1.5px solid var(--pine);transform:translateX(-2px) rotate(45deg)}
.xr:hover .xr-go{transform:rotate(-180deg);background:var(--pine);border-color:var(--pine)}.xr:hover .xr-go::after{border-color:#fff}

.xprev{position:fixed;z-index:50;left:0;top:0;width:clamp(220px,18vw,300px);aspect-ratio:4/3;border-radius:16px;overflow:hidden;pointer-events:none;
  opacity:0;transform:translate3d(-50%,-50%,0) scale(.85);transition:opacity .35s ease,scale .35s ease;box-shadow:0 50px 90px -40px rgba(20,32,45,.65);will-change:auto}
.xprev.on{opacity:1}
.xprev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xprev-fb{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(200deg,#2F4A66,#1B2B3C)}
.xprev-fb .xo{font-size:clamp(28px,2.6vw,40px);font-weight:300;color:#E9EFF6}

.xmedia{background:linear-gradient(180deg,#25394E,#1B2B3C);color:#E9EFF6}
.xmedia-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.xm{position:relative;padding:clamp(28px,3vw,48px);border-radius:clamp(18px,2vw,26px);border:1px solid rgba(168,200,230,.2);background:rgba(233,239,246,.04);
  transition:transform .6s cubic-bezier(.16,.84,.3,1),border-color .34s ease}
.xm:hover{transform:translateY(-6px);border-color:rgba(168,200,230,.4)}
.xm h2{font-size:28px;font-weight:200;margin:22px 0 12px;color:#F2F5F8}
.xm p{color:#C2CBD6;font-size:16px;line-height:1.7;margin:0 0 22px}
.xm-slot{display:inline-block;font-size:13.5px;color:#8FA9C4;padding:8px 14px;border:1px dashed rgba(168,200,230,.35);border-radius:999px}
.xm-ic{display:flex;align-items:center;height:54px}
.xm-ic.play{width:54px;border-radius:50%;border:1px solid rgba(233,239,246,.5);position:relative}
.xm-ic.play::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;transform:translateX(2px)}
.xm-ic.wave{gap:4px;width:120px}
.xm-ic.wave i{flex:1;border-radius:2px;background:#A8C8E6;height:calc(var(--h) * 1%);animation:wv 1.5s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -20ms)}
@keyframes wv{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media (max-width:1000px){
  .xintro-g,.xa-row,.xmedia-g{grid-template-columns:1fr}.xy{grid-template-columns:1fr}.xy-n{position:static}
  .xr{grid-template-columns:1fr auto;row-gap:6px}.xr-d{grid-row:1}.xr .xo{grid-row:1;justify-self:end}.xr-h{grid-column:1 / -1}.xr-go{display:none}
  .xf-in{max-width:none}.xf-num{top:14px;transform:none;opacity:.55}.xf-num b{font-size:34vw}.xprev{display:none}
  .xa{height:auto;min-height:440px}.xa-h{max-width:none;font-size:23px}.xa-in{padding:24px}.xf{min-height:360px}
  .xfilter{flex-wrap:wrap;border-radius:18px}.xf-ind{display:none}.xfilter button[aria-pressed="true"]{background:var(--pine)}
}
@media (prefers-reduced-motion:reduce){.xmq-in,.xm-ic.wave i{animation:none}.xr{opacity:1;transform:none}}


.mstack{display:none!important}
.pdeck{position:relative;height:clamp(400px,36vw,520px);margin-top:40px;perspective:1800px;transform-style:preserve-3d;cursor:pointer}
.pd-card{position:absolute;margin:0;top:50%;left:50%;width:min(100%,560px);aspect-ratio:4/3;border-radius:clamp(16px,1.8vw,24px);overflow:hidden;
  box-shadow:0 60px 110px -60px rgba(20,32,45,.7);transform-style:preserve-3d;will-change:transform,opacity;
  transition:transform .87s cubic-bezier(.16,.84,.3,1),opacity .67s ease,filter .67s ease}
.pd-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03)}
.pd-card::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(255,255,255,.12),rgba(255,255,255,0) 40%,rgba(27,43,60,.28));pointer-events:none}
.pd-card[data-pos="0"]{transform:translate(-50%,-50%) translateZ(0) rotate(0deg);z-index:3;opacity:1}
.pd-card[data-pos="1"]{transform:translate(-50%,-50%) translate3d(-17%,-13%,-120px) rotate(-6deg);z-index:2;opacity:.9;filter:brightness(.9)}
.pd-card[data-pos="2"]{transform:translate(-50%,-50%) translate3d(15%,-20%,-240px) rotate(5deg);z-index:1;opacity:.85;filter:brightness(.88)}
.pd-card[data-pos="out"]{transform:translate(-50%,-50%) translate3d(-30%,24%,180px) rotate(-10deg);z-index:4;opacity:0}
.pd-dots{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);display:flex;gap:8px;direction:ltr}
.pd-dots i{width:22px;height:3px;border-radius:2px;background:rgba(59,90,124,.22);overflow:hidden;position:relative}
.pd-dots i.on::after{content:"";position:absolute;inset:0;background:var(--pine);transform-origin:left;animation:pdFill var(--pdt,4.2s) linear forwards}
@keyframes pdFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html:not(.go) .pdeck{opacity:0;transform:translateY(38px)}
html.go .pdeck{transition:opacity .8s ease .25s,transform .94s cubic-bezier(.16,.84,.3,1) .25s}

.xfilter-bar{padding:10px 0 0}
.xfloat{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,160%);transition:transform .47s cubic-bezier(.16,.84,.3,1)}
.xfloat.show{transform:translate(-50%,0)}
.xfloat .xfilter{margin:0;box-shadow:0 30px 60px -30px rgba(20,32,45,.55);background:rgba(250,252,253,.92);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.xfilter-bar .xfilter{margin-top:0;background:rgba(250,252,253,.9);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}


.xa-img img{filter:saturate(.82) contrast(1.04)}
.xf-bg{opacity:.7!important}
.xf-bg img{filter:grayscale(.35) contrast(1.05)!important}
.xf-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,43,60,.15) 0%,rgba(27,43,60,.92) 70%)}

.xr .xo{justify-self:start;padding:5px 11px;border-radius:999px;border:1px solid rgba(59,90,124,.22);font-size:13px!important;background:var(--paper)}
.xr:focus-visible,.xa:focus-visible,.xf:focus-visible{outline:2px solid var(--pine);outline-offset:4px}
.xy-rows{counter-reset:none}

.xm{overflow:hidden;padding-top:0!important}
.xm-ph{display:block;margin:0 calc(clamp(28px,3vw,48px) * -1) 24px;aspect-ratio:16/8;overflow:hidden;position:relative}
.xm-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform 1.07s cubic-bezier(.16,.84,.3,1)}
.xm:hover .xm-ph img{transform:scale(1.05)}
.xm-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#22374C 0%,rgba(34,55,76,0) 60%)}
.xm-ic{position:relative;margin-top:-52px;z-index:1}
.xm-ic.play{background:rgba(27,43,60,.6);-webkit-backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (max-width:1000px){
  .pdeck{height:min(80vw,380px);margin-top:20px}.pd-card{width:86%}
  .xfloat{bottom:18px;width:max-content;max-width:calc(100vw - 110px);left:auto;inset-inline-start:14px;transform:translateY(160%)}.xfloat.show{transform:none}
  .xfloat .xfilter{flex-wrap:nowrap!important;border-radius:999px!important;overflow-x:auto;scrollbar-width:none;max-width:calc(100vw - 104px);box-sizing:border-box}.xfloat .xfilter button{padding:8px 12px;font-size:13.5px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.pd-card{transition:none}.pd-dots i.on::after{animation:none;transform:none}}

.xintro .wrap,.xcat .wrap,.xfilter-bar .wrap{max-width:1120px}
.xintro{padding:clamp(70px,7vw,110px) 0 clamp(20px,2vw,30px)}
.xintro-lead{font-size:clamp(20px,1.7vw,25px)!important}
.xcat{padding:clamp(56px,5.4vw,90px) 0}
.xhead{grid-template-columns:auto 1fr;gap:18px;margin-bottom:clamp(26px,2.6vw,40px)}
.xcount{font-size:clamp(40px,3.4vw,54px)!important;-webkit-text-stroke:1px rgba(59,90,124,.3)!important}
.xhead h2{font-size:clamp(26px,2.2vw,34px)!important}
.xhead p{font-size:15.5px;max-width:60ch}

.mhero{padding-bottom:clamp(40px,4vw,70px)!important}
.pdeck{height:clamp(320px,28vw,400px)!important;margin-top:20px!important}
.pd-card{width:min(100%,440px)!important;border-radius:16px!important;box-shadow:0 30px 60px -36px rgba(20,32,45,.45)!important;
  transition:transform 1.07s cubic-bezier(.22,.8,.3,1),opacity .8s ease,filter .8s ease!important}
.pd-card[data-pos="1"]{transform:translate(-50%,-50%) translate3d(-9%,-8%,-90px) rotate(-3deg)!important;opacity:.85!important}
.pd-card[data-pos="2"]{transform:translate(-50%,-50%) translate3d(8%,-13%,-180px) rotate(2.5deg)!important;opacity:.65!important}
.pd-card[data-pos="out"]{transform:translate(-50%,-50%) translate3d(0,6%,60px) rotate(0deg)!important;opacity:0!important}

.xa-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px);max-width:1120px;margin:0 auto}
.xa{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;color:var(--ink)!important;background:var(--paper);
  border:1px solid rgba(127,160,196,.22);border-radius:18px!important;box-shadow:0 26px 50px -38px rgba(20,32,45,.35)!important;
  transition:transform .6s cubic-bezier(.22,.8,.3,1),box-shadow .6s ease,border-color .4s ease!important}
.xa::before{display:none!important}
.xa:hover{box-shadow:0 40px 70px -40px rgba(20,32,45,.42)!important;border-color:rgba(59,90,124,.3)}
.xa-img{position:relative!important;inset:auto!important;aspect-ratio:16/9;overflow:hidden;border-radius:17px 17px 0 0}
.xa-img img{transform:scale(1.02)!important;transition:transform 1.21s cubic-bezier(.22,.8,.3,1)!important}
.xa:hover .xa-img img{transform:scale(1.06)!important}
.xa-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,32,45,.18),rgba(20,32,45,0) 50%)}
.xa-glare{display:none!important}
.xa-in{position:relative!important;inset:auto!important;justify-content:flex-start!important;gap:10px!important;padding:clamp(22px,2.2vw,30px)!important}
.xa-n{position:absolute!important;top:-26px!important;inset-inline-start:22px!important;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  font-size:18px!important;color:var(--pine)!important;background:var(--paper);border:1px solid rgba(127,160,196,.3);box-shadow:0 12px 24px -16px rgba(20,32,45,.4);transform:none!important}
.xa-meta{color:var(--muted)!important;font-size:13px!important}
.xa-meta span+span{border-color:var(--line)!important}
.xa-h{font-size:clamp(20px,1.6vw,24px)!important;line-height:1.35!important;max-width:none!important;color:var(--ink)}
.xa-go{color:var(--pine)!important;margin-top:6px}
.xa-go i{width:32px!important;height:32px!important;border-color:rgba(59,90,124,.35)!important}
.xa:hover .xa-go i{background:var(--pine)!important;color:#fff!important}

.xmq{margin-bottom:clamp(30px,3vw,46px)!important;padding:14px 0!important}
.xmq .xo{font-size:clamp(17px,1.4vw,21px)!important;opacity:.55!important;letter-spacing:.04em}
.xmq-in{animation-duration:48s!important}
.xf{max-width:1120px;margin:0 auto;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch!important;
  background:linear-gradient(200deg,#F3F6F9,#E9EFF5)!important;color:var(--ink)!important;border:1px solid rgba(127,160,196,.22);border-radius:18px!important;
  box-shadow:0 26px 50px -38px rgba(20,32,45,.35)!important}
.xf-bg{position:relative!important;inset:auto!important;opacity:1!important;min-height:240px;overflow:hidden;grid-column:1;grid-row:1}
.xf-bg img{filter:saturate(.85)!important;transition:transform 1.21s cubic-bezier(.22,.8,.3,1)}
.xf:hover .xf-bg img{transform:scale(1.05)}
.xf-bg::after{display:none!important}
.xf-num{position:absolute!important;top:auto!important;bottom:20px!important;left:auto!important;right:auto!important;inset-inline-start:20px!important;transform:none!important;width:78px;height:78px;border-radius:50%;
  display:grid!important;place-items:center;background:rgba(250,252,253,.9);box-shadow:0 18px 30px -18px rgba(20,32,45,.5);z-index:2;line-height:1}
.xf-num b{font-size:30px!important;color:var(--pine)!important;-webkit-text-stroke:0!important;font-weight:300!important;transform:none!important}
.xf-num b+b{display:none!important}
.xf-in{grid-column:2;grid-row:1;max-width:none!important;align-self:center;padding:clamp(26px,3vw,44px)!important}
.xf-meta{color:var(--muted)!important}.xf-meta .xo{color:var(--pine)!important}
.xf-meta span+span{border-color:var(--line)!important}
.xf-h{font-size:clamp(22px,1.9vw,28px)!important;font-weight:300!important;color:var(--ink)}
.xf .xa-go{color:var(--pine)!important}
.xf:hover .xa-go i{background:var(--pine)!important;color:#fff!important}

.xarch{max-width:1120px;margin-inline:auto;margin-top:clamp(40px,4vw,64px)!important}
.xy-n{font-size:clamp(40px,3.6vw,58px)!important;-webkit-text-stroke:1px rgba(59,90,124,.32)!important}
.xr{grid-template-columns:96px 84px 1fr 34px!important;padding:clamp(16px,1.6vw,22px) clamp(4px,.8vw,10px)!important}
.xr-h{font-size:clamp(16px,1.25vw,19px)!important}
.xr-go{width:32px!important;height:32px!important}
.xr:hover{padding-inline-start:clamp(10px,1.2vw,16px)!important}
.xprev{width:clamp(190px,15vw,240px)!important;border-radius:14px!important;box-shadow:0 30px 60px -30px rgba(20,32,45,.5)!important}

.xmedia{background:linear-gradient(180deg,#2A4157,#22374C)!important}
.xmedia-g{max-width:1120px;margin:0 auto}
.xm{border-radius:18px!important}
.xm-ph{aspect-ratio:16/7!important}
.xm h2{font-size:24px!important;margin:16px 0 10px!important}
.xm p{font-size:15px!important}

.xa,.xf,.xm{opacity:0;translate:0 26px;transition-property:transform,box-shadow,border-color,opacity,translate!important;transition-duration:.6s,.6s,.4s,.67s,.74s!important}
.xa.d1{transition-delay:0s,0s,0s,.12s,.12s!important}
.xa.in,.xf.in,.xm.in{opacity:1;translate:0 0}
@media (max-width:1000px){
  .xa-row{grid-template-columns:1fr}.xf{grid-template-columns:1fr}.xf-bg{grid-column:1;grid-row:1;min-height:200px}.xf-in{grid-column:1;grid-row:2}
  .xr{grid-template-columns:1fr auto!important}
  .pd-card{width:80%!important}
  .pd-card[data-pos="1"]{transform:translate(-50%,-50%) translate3d(-5%,-7%,-90px) rotate(-2deg)!important}
  .pd-card[data-pos="2"]{transform:translate(-50%,-50%) translate3d(5%,-12%,-180px) rotate(2deg)!important}
}
@media (prefers-reduced-motion:reduce){.xa,.xf,.xm{opacity:1;translate:none}}

:root{--az:#3D6E9E;--az2:#86B0DA;--tl:#2E7F7B;--tl2:#86C4BC;--lv:#6E67B3;--lv2:#B0AAE0}
.xarts{--c:var(--az);--c2:var(--az2)}
.xpress{--c:var(--tl);--c2:var(--tl2)}
.xmedia{--c:var(--lv);--c2:var(--lv2)}

.pdeck::before{content:"";position:absolute;inset:6% 2%;border-radius:45%;pointer-events:none;
  background:radial-gradient(closest-side at 40% 45%,rgba(134,176,218,.55),rgba(134,196,188,.32) 55%,rgba(176,170,224,0) 100%);filter:blur(34px);transform:translateZ(-320px);animation:glowDrift 14s ease-in-out infinite alternate}
@keyframes glowDrift{from{translate:-4% -2%}to{translate:5% 3%}}
.pd-card img{filter:saturate(.98) contrast(1.02)!important}

.xintro{position:relative;isolation:isolate;overflow:hidden}
.xintro::before{content:"";position:absolute;inset:0 -10%;z-index:-1;pointer-events:none;
  background:radial-gradient(32% 44% at 84% 34%,rgba(134,176,218,.30),transparent 70%),radial-gradient(28% 42% at 16% 72%,rgba(134,196,188,.26),transparent 70%),radial-gradient(24% 36% at 52% 8%,rgba(176,170,224,.22),transparent 70%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 62%,transparent 92%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 62%,transparent 92%);
  animation:aur 26s ease-in-out infinite alternate}
@keyframes aur{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(2%,-2%,0) scale(1.02)}}

.xfilter button[data-f]::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-inline-end:8px;vertical-align:1px;background:var(--dot);transition:background .4s ease,box-shadow .4s ease}
.xfilter button[data-f="all"]{--dot:conic-gradient(var(--az),var(--tl),var(--lv),var(--az))}
.xfilter button[data-f="articles"]{--dot:var(--az)}
.xfilter button[data-f="press"]{--dot:var(--tl)}
.xfilter button[data-f="media"]{--dot:var(--lv)}
.xfilter button[aria-pressed="true"]::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.xf-ind{background:linear-gradient(120deg,#2F4A66,#2E6F7B)!important;box-shadow:0 10px 22px -12px rgba(20,32,45,.6);transition:left .4s cubic-bezier(.16,.84,.3,1),width .4s cubic-bezier(.16,.84,.3,1),background .4s ease!important}
.xfilter[data-on="articles"] .xf-ind{background:linear-gradient(120deg,#2B557F,#4A7FB3)!important}
.xfilter[data-on="press"] .xf-ind{background:linear-gradient(120deg,#246763,#3A918B)!important}
.xfilter[data-on="media"] .xf-ind{background:linear-gradient(120deg,#544D99,#7C75C2)!important}
.xfilter button sup{color:inherit;opacity:.7}

.xcount{background:linear-gradient(135deg,var(--c),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-stroke:0!important;font-weight:300!important}
.xhead h2::after{content:"";display:block;width:44px;height:3px;border-radius:2px;margin-top:14px;background:linear-gradient(90deg,var(--c),var(--c2))}

.xarts{padding-top:clamp(40px,4vw,64px)!important;background:linear-gradient(180deg,var(--paper) 0%,#EEF4FA 100%)}
.xpress{position:relative;isolation:isolate;overflow-x:clip;background:linear-gradient(180deg,#EEF4FA 0%,#EDF6F4 28%,var(--paper) 100%)}
.xpress::before{content:"";position:absolute;z-index:-1;width:min(60vw,760px);aspect-ratio:1;top:-120px;inset-inline-end:-160px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(134,196,188,.28),transparent);animation:glowDrift 18s ease-in-out infinite alternate}

.xa{border-color:rgba(61,110,158,.16)!important}
.xa:hover{box-shadow:0 44px 80px -44px rgba(61,110,158,.55)!important;border-color:rgba(61,110,158,.32)!important}
.xa-img{aspect-ratio:3/2!important}
.xa-img img{object-position:50% 32%;filter:saturate(1) contrast(1.02)!important}
.xa-img::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:linear-gradient(90deg,var(--c),var(--c2),var(--tl2))}
.xa-n{background:linear-gradient(135deg,#2F5F8F,#5D8FC2)!important;color:#fff!important;border:3px solid var(--paper)!important;box-shadow:0 14px 26px -14px rgba(61,110,158,.8)!important}
.xa-meta{align-items:center}
.xa-by{display:inline-flex;align-items:center;gap:9px}
.xa-by img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--paper),0 0 0 3px rgba(61,110,158,.35)}
.xa-go{color:var(--c)!important}
.xa:hover .xa-go i{background:var(--c)!important;border-color:var(--c)!important}

.xo[data-o="ynet"],.xo[data-o="Ynet"]{--o:#B04A5E}
.xo[data-o="mako"],.xo[data-o="Mako"]{--o:#555BAE}
.xo[data-o="פסקדין"],.xo[data-o="Psakdin"]{--o:#2F6396}
.xo[data-o="מגדילים"],.xo[data-o="Magdilim"]{--o:#2E7F7B}
.xmq .xo{color:var(--o,var(--pine))!important;opacity:.78!important}
.mq-dot{background:linear-gradient(135deg,var(--tl2),var(--az2))!important}
.xr .xo{color:var(--o,var(--pine))!important;border-color:color-mix(in srgb,var(--o,#3B5A7C) 32%,transparent)!important;background:color-mix(in srgb,var(--o,#3B5A7C) 7%,#fff)!important}

.xf{grid-template-columns:minmax(0,4fr) minmax(0,8fr)!important;min-height:340px!important;isolation:isolate;
  background:linear-gradient(115deg,#E9F4F2 0%,#EDF3FA 58%,#F1EFFA 100%)!important;border-color:rgba(46,127,123,.22)!important}
.xf::before{content:"";position:absolute;z-index:0;width:440px;height:440px;border-radius:50%;inset-inline-end:-140px;top:-200px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(134,196,188,.5),transparent)}
.xf::after{content:"";position:absolute;z-index:0;width:320px;height:320px;border-radius:50%;inset-inline-end:28%;bottom:-220px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(176,170,224,.38),transparent)}
.xf-in{position:relative;z-index:1}
.xf-bg{z-index:1}
.xf-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;filter:none!important}
.xf{min-height:320px!important}
.xf .xf-num{background:linear-gradient(135deg,#2E7F7B,#4C9AA8)!important;box-shadow:0 18px 30px -16px rgba(46,127,123,.8)!important;border:3px solid rgba(255,255,255,.85)}
.xf .xf-num b{color:#fff!important}
.xf-meta .xo{color:var(--o)!important}
.xf .xa-go{color:var(--tl)!important}
.xf:hover .xa-go i{background:var(--tl)!important;border-color:var(--tl)!important}
.xf:hover{box-shadow:0 44px 80px -44px rgba(46,127,123,.5)!important}

.xy-n{background:linear-gradient(160deg,var(--tl),var(--az2));-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-stroke:0!important;font-weight:300!important}
.xy+.xy .xy-n{background-image:linear-gradient(160deg,var(--az),var(--lv2))}
.xy-rows{border-top-color:rgba(46,127,123,.25)!important}
.xr::before{background:linear-gradient(90deg,rgba(46,127,123,0),rgba(46,127,123,.08))!important}
.xr::after{content:"";position:absolute;inset-inline-start:0;top:22%;bottom:22%;width:3px;border-radius:2px;background:linear-gradient(var(--tl),var(--az2));transform:scaleY(0);transition:transform .34s cubic-bezier(.16,.84,.3,1)}
.xr:hover::after{transform:scaleY(1)}
.xr-go::after{border-color:var(--tl)!important}
.xr:hover .xr-go{background:var(--tl)!important;border-color:var(--tl)!important}
.xr:hover .xr-go::after{border-color:#fff!important}

.xmedia{position:relative;isolation:isolate;background:radial-gradient(60% 80% at 88% 0%,rgba(110,103,179,.38),transparent 70%),radial-gradient(50% 70% at 8% 100%,rgba(46,127,123,.38),transparent 70%),linear-gradient(170deg,#22374C,#1D2E44)!important}
.xm{background:rgba(233,239,246,.05)!important;border-color:rgba(176,170,224,.22)!important}
.xm:hover{border-color:rgba(176,170,224,.5)!important;box-shadow:0 40px 80px -50px rgba(110,103,179,.7)}
.xm-ph{aspect-ratio:16/9!important}
.xm-ph img{filter:saturate(1)!important;object-position:50% 30%}
.xm-ph::after{background:linear-gradient(to top,#24384F 0%,rgba(36,56,79,0) 55%)!important}
.xm-ic.play{background:linear-gradient(135deg,var(--lv),var(--tl))!important;border-color:rgba(255,255,255,.45)!important;box-shadow:0 14px 30px -12px rgba(110,103,179,.8)}
.xm-ic.wave i{background:linear-gradient(var(--lv2),var(--tl2))!important}
.xm h2::after{content:"";display:block;width:36px;height:3px;border-radius:2px;margin-top:12px;background:linear-gradient(90deg,var(--lv2),var(--tl2))}
.xm-slot{border-color:rgba(176,170,224,.45)!important;color:#CFCBF0!important}
@media (max-width:1000px){
  .xfilter button[aria-pressed="true"]{background:#2F4A66!important}
  .xfilter button[data-f="articles"][aria-pressed="true"]{background:#2F5F8F!important}
  .xfilter button[data-f="press"][aria-pressed="true"]{background:#2A7470!important}
  .xfilter button[data-f="media"][aria-pressed="true"]{background:#5F58A6!important}
  .xf{grid-template-columns:1fr!important}.xf-bg{min-height:0!important;aspect-ratio:4/3}
}
.xprev[data-o="ynet"] .xprev-fb,.xprev[data-o="Ynet"] .xprev-fb{background:linear-gradient(200deg,#B04A5E,#6E2A3A)}
.xprev[data-o="mako"] .xprev-fb,.xprev[data-o="Mako"] .xprev-fb{background:linear-gradient(200deg,#5F65B8,#363B78)}
.xprev[data-o="פסקדין"] .xprev-fb,.xprev[data-o="Psakdin"] .xprev-fb{background:linear-gradient(200deg,#3A70A6,#1F4268)}
.xprev[data-o="מגדילים"] .xprev-fb,.xprev[data-o="Magdilim"] .xprev-fb{background:linear-gradient(200deg,#3A918B,#1E5552)}
.xa-meta .xa-src{font-family:"Jost",sans-serif;font-size:12px!important;padding:3px 10px!important;border:1px solid rgba(59,90,124,.22)!important;border-radius:999px;color:var(--pine)!important;letter-spacing:.03em}
.xa-meta .xa-src+span{border-inline-start:0!important;padding-inline-start:0!important}
@media (prefers-reduced-motion:reduce){.xintro::before,.pdeck::before,.xpress::before{animation:none}}



@media (max-width:1000px){
  .phero h1,.phero .sub,.phero .crumbs,.phero .btns{grid-column:1 / -1!important;max-width:none!important}
}
@media (max-width:760px){
  .ftr li{margin-bottom:0!important}
  .ftr li a{display:inline-block;padding:7px 0}
  .crumbs a{display:inline-block;padding:9px 0}
  .c-card .det a{display:inline-block;padding:7px 0}
  .hero-links a{display:inline-block;padding:7px 0}
  .arx-author a,.arx-back{padding:10px 0}
  .ftr-bot a{display:inline-block;padding:12px 0}
  a.link{display:inline-block;padding-block:9px}
  .fld input,.fld select,.fld textarea{font-size:16px!important}
}
