.latest{--dir:1;--origin:left;--line:color-mix(in srgb, var(--c-cream) 16%, transparent);color:var(--c-cream);background:#000;padding-block:clamp(2.6rem,5vw,4.4rem) clamp(2.8rem,5vw,4.6rem);position:relative}html[dir=rtl] .latest{--dir:-1;--origin:right}.latest:before{content:"";background:linear-gradient(to right, transparent, color-mix(in srgb, var(--c-sand) 70%, transparent) 50%, transparent);height:1px;position:absolute;inset:0 0 auto}.latest__inner{width:min(100% - 2.5rem,82rem);margin-inline:auto}.latest__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem 3rem;margin-block-end:clamp(1.2rem,2.4vw,2rem);display:flex}.latest__kicker{color:var(--c-sand);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:.9rem;margin:0;font-size:.74rem;font-weight:700;display:flex}.latest__kicker:before{content:"";background:var(--c-sand);width:2.4rem;height:2px}html[lang=fa] .latest__kicker,html[lang=ar] .latest__kicker{letter-spacing:0;font-size:.92rem}.latest__title{font-family:var(--font-serif);letter-spacing:-.025em;margin:.6rem 0 0;font-size:clamp(2.2rem,4.8vw,4.4rem);font-weight:700;line-height:1}html[lang=fa] .latest__title,html[lang=ar] .latest__title{font-family:var(--font-body);letter-spacing:0;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.3}.latest__lead{max-width:22rem;color:color-mix(in srgb, var(--c-cream) 78%, transparent);text-align:end;margin:0;font-size:1.02rem;line-height:1.55}.panels{gap:.45rem;height:clamp(25rem,33vw,30rem);display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-box);min-width:0;color:var(--c-cream);transition:flex-grow .85s cubic-bezier(.2, .8, .2, 1), border-color .32s var(--ease-out);background:#000;flex:1 1 0;text-decoration:none;position:relative;overflow:hidden}.panel.is-active{border-color:color-mix(in srgb, var(--c-sand) 60%, transparent);flex-grow:4.6}.panel:focus-visible{outline:2px solid var(--c-sand);outline-offset:3px}.panel__photo{display:block;position:absolute;inset:0}.panel__photo img{object-fit:cover;filter:brightness(.66)saturate(.9);width:100%;height:100%;transition:filter .8s var(--ease-out), transform 1.4s var(--ease-out);display:block}.panel.is-active .panel__photo img,.panel:hover .panel__photo img{filter:none}.panel.is-active:hover .panel__photo img{transform:scale(1.04)}.panel__photo:after{content:"";background:linear-gradient(#0000 14%,#00000040 34%,#000000b8 62%,#000000ed 100%),linear-gradient(90deg,#0000008c,#0000 70%);position:absolute;inset:0}html[dir=rtl] .panel__photo:after{background:linear-gradient(#0000 14%,#00000040 34%,#000000b8 62%,#000000ed 100%),linear-gradient(270deg,#0000008c,#0000 70%)}.panel__bar{z-index:2;background:var(--c-sand);height:3px;transform-origin:var(--origin);pointer-events:none;position:absolute;inset:0 0 auto;transform:scaleX(0)}.panels.is-playing .panel.is-active .panel__bar{animation:latest-bar var(--tick,5.6s) linear forwards}@keyframes latest-bar{to{transform:scaleX(1)}}.panel__num{z-index:1;font-family:var(--font-serif);color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--c-cream) 80%, transparent);transition:-webkit-text-stroke-color .5s var(--ease-out);font-size:clamp(2.6rem,4.4vw,5.2rem);font-weight:700;line-height:1;position:absolute;inset-block-start:clamp(.9rem,1.6vw,1.4rem);inset-inline-start:clamp(.9rem,1.6vw,1.5rem)}html[lang=fa] .panel__num,html[lang=ar] .panel__num{font-family:var(--font-body)}.panel.is-active .panel__num{-webkit-text-stroke-color:var(--c-sand)}.panel__side{z-index:1;writing-mode:vertical-rl;color:var(--c-sand);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;transition:opacity .4s var(--ease-out);font-size:.78rem;font-weight:700;position:absolute;bottom:clamp(1rem,1.8vw,1.5rem);left:clamp(1rem,1.8vw,1.6rem);transform:rotate(180deg)}html[dir=rtl] .panel__side{left:auto;right:clamp(1rem,1.8vw,1.6rem)}html[lang=fa] .panel__side,html[lang=ar] .panel__side{letter-spacing:0;text-transform:none;font-size:.95rem}.panel.is-active .panel__side{opacity:0}.panel__body{z-index:1;opacity:0;pointer-events:none;text-shadow:0 1px 14px #000000bf,0 0 2px #0009;width:clamp(19rem,34vw,36rem);max-width:calc(100% - 2.2rem);transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);flex-direction:column;gap:.7rem;display:flex;position:absolute;inset-block-end:clamp(1.1rem,2.2vw,1.9rem);inset-inline-start:clamp(1.1rem,2.2vw,2rem);transform:translateY(1rem)}.panel.is-active .panel__body{opacity:1;transition-duration:.6s;transition-delay:.26s;transform:none}.panel__tags{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--c-cream) 78%, transparent);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:.74rem;display:flex}.panel__topic{color:var(--c-sand);letter-spacing:.2em;font-weight:700}.panel__new{border:1px solid color-mix(in srgb, var(--c-sand) 70%, transparent);border-radius:var(--radius-box);color:var(--c-sand);background:#0000008c;align-items:center;gap:.45rem;padding:.18rem .6rem;font-weight:700;display:inline-flex}.panel__new i{background:var(--c-sand);border-radius:50%;width:.42rem;height:.42rem}.panel__impact{border:1px solid color-mix(in srgb, var(--c-cream) 32%, transparent);border-radius:var(--radius-box);color:var(--c-cream);padding:.12rem .5rem}html[lang=fa] .panel__tags,html[lang=ar] .panel__tags,html[lang=fa] .panel__topic,html[lang=ar] .panel__topic{letter-spacing:0;text-transform:none;font-size:.86rem}.panel__title{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;transition:color .3s var(--ease-out);font-size:clamp(1.45rem,1.7vw + .7rem,2.5rem);font-weight:700;line-height:1.1}html[lang=fa] .panel__title,html[lang=ar] .panel__title{font-family:var(--font-body);letter-spacing:0;line-height:1.45}.panel:hover .panel__title,.panel:focus-visible .panel__title{color:var(--c-sand)}.panel__summary{color:color-mix(in srgb, var(--c-cream) 86%, transparent);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;line-height:1.6;display:-webkit-box;overflow:hidden}.panel__cta{border:1px solid color-mix(in srgb, var(--c-cream) 65%, transparent);border-radius:var(--radius-box);color:var(--c-cream);letter-spacing:.16em;text-transform:uppercase;transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);background:#0006;align-self:flex-start;align-items:center;gap:.9rem;margin-block-start:.2rem;padding:.8rem 1.2rem;font-size:.74rem;font-weight:700;display:inline-flex}html[lang=fa] .panel__cta,html[lang=ar] .panel__cta{letter-spacing:0;text-transform:none;font-size:.92rem}.panel:hover .panel__cta,.panel:focus-visible .panel__cta{border-color:var(--c-cream);background:var(--c-cream);color:#000}.panel__arrow{scale:var(--dir) 1;transition:translate .32s var(--ease-out);flex:none}.panel:hover .panel__arrow,.panel:focus-visible .panel__arrow{translate:calc(var(--dir) * .5rem) 0}@media (width<=47.99rem){.panels{flex-direction:column;height:34rem}.panel{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.panel__num{font-size:2.3rem;inset-block-start:.55rem}.panel__side{writing-mode:horizontal-tb;font-size:.8rem;inset:50% auto auto 4.4rem;transform:translateY(-50%)}html[dir=rtl] .panel__side{left:auto;right:4.4rem}.panel__body,.panel.is-active .panel__body{gap:.55rem;width:auto;max-width:none;inset-block-end:1rem;inset-inline:1.1rem}.panel__title{font-size:1.4rem}.panel__summary{font-size:.92rem}.panel__tags{text-shadow:0 0 8px #000,0 1px 14px #000}.panel__cta{letter-spacing:.1em;white-space:nowrap;padding:.7rem 1rem;font-size:.68rem}html[lang=fa] .panel__cta,html[lang=ar] .panel__cta{letter-spacing:0;font-size:.85rem}.latest__lead{text-align:start}}@keyframes latest-rise{0%{opacity:0;transform:translateY(2rem)}}html.de-motion .panels:not(.is-in),html.de-motion .latest__head:not(.is-in){opacity:0}html.de-motion .panels.is-in,html.de-motion .latest__head.is-in{animation:latest-rise .9s var(--ease-out) backwards}html.de-motion .panels.is-in{animation-delay:.14s}@media (prefers-reduced-motion:reduce){.panel,.panel__photo img,.panel__body{transition:none}}.art-more{--dir:1;--origin:left;--line:color-mix(in srgb, var(--c-cream) 16%, transparent)}html[dir=rtl] .art-more{--dir:-1;--origin:right}@media (width>=48rem){.panels--stack{flex-direction:column;height:31rem}.panels--stack .panel__num{font-size:2.3rem;inset-block-start:.55rem}.panels--stack .panel__side{writing-mode:horizontal-tb;font-size:.8rem;inset:50% auto auto 4.4rem;transform:translateY(-50%)}html[dir=rtl] .panels--stack .panel__side{left:auto;right:4.4rem}.panels--stack .panel__body,.panels--stack .panel.is-active .panel__body{gap:.6rem;width:auto;max-width:46rem;inset-block-end:1.5rem;inset-inline:clamp(1.4rem,3vw,2.4rem)}.panels--stack .panel__title{font-size:clamp(1.6rem,1.4vw + 1rem,2.1rem)}}
