@font-face{font-family:'Dahab';src:url(https://cdn.prod.website-files.com/6a5f57b7e4c229601af68df4/6a61110cd1d53cda9a0a1eaa_tmn-text-light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Dahab';src:url(https://cdn.prod.website-files.com/6a5f57b7e4c229601af68df4/6a61110c75b47a2bedd590a5_tmn-text-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Dahab';src:url(https://cdn.prod.website-files.com/6a5f57b7e4c229601af68df4/6a61110c70788703d336cac4_tmn-text-medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Dahab';src:url(https://cdn.prod.website-files.com/6a5f57b7e4c229601af68df4/6a61110cfc6d9f888bcc821f_tmn-disp-bold.woff2) format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:'Dahab';src:url(https://cdn.prod.website-files.com/6a5f57b7e4c229601af68df4/6a61110cfc6d9f888bcc8234_tmn-disp-black.woff2) format('woff2');font-weight:800 900;font-display:swap}
@font-face{font-family:'Manchette';src:url(https://cdn.prod.website-files.com/6a5f57b7e4c229601af68df4/6a61110d6bc440cd50ef5482_tmn-sans-bold.woff2) format('woff2');font-weight:700 800;font-display:swap}
:root{--paper:#DBD7D2;--cream:#E6DBCB;--ink:#0F2837;--navy:#16374A;--deep:#0B1E2B;--coral:#DA4141;--coral2:#C23636;--gold:#C9A96A;--gold2:#D8C49A;--sage:#99B8B4;--soft:rgba(15,40,55,.72);--hair:rgba(15,40,55,.18)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:'Dahab',serif;direction:rtl;overflow-x:hidden}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative}
.lat{font-family:'Manchette',sans-serif;letter-spacing:.32em;font-size:11px;color:var(--soft);text-transform:uppercase}
[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
[data-rv].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}}
.kick{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}
.kick .cat{color:var(--coral);border:1px solid rgba(218,65,65,.35);border-radius:999px;padding:3px 12px;font-size:12.5px;background:rgba(218,65,65,.05)}
.kick .dt{color:var(--soft);font-weight:400}
.kick .di{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex:0 0 auto}

/* ============ ARTICLE PAGE ============ */
#prog{position:fixed;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--coral),var(--gold));width:0;z-index:90;transition:width .15s linear}
[data-artpg]{position:relative}
[data-artpg]:before{content:'';position:absolute;top:0;left:0;right:0;height:900px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(230,219,203,.95),transparent 70%),radial-gradient(ellipse 38% 26% at 6% 30%,rgba(153,184,180,.22),transparent 65%),radial-gradient(ellipse 40% 28% at 94% 26%,rgba(201,169,106,.25),transparent 65%),linear-gradient(180deg,var(--cream),rgba(219,215,210,0) 80%);pointer-events:none}
[data-artpg]>*{position:relative}
.abar{padding:clamp(100px,12vw,130px) 0 0}
.abar .adia{position:absolute;border:1px solid rgba(201,169,106,.35);transform:rotate(45deg);pointer-events:none}
.crumb{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--hair);padding-bottom:14px}
.crumb a{color:var(--soft);text-decoration:none;transition:color .3s}
.crumb a:hover{color:var(--coral)}
.crumb .di{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.crumb .bk{margin-right:auto;color:var(--coral);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}
.ahead{max-width:820px;margin:0 auto;text-align:center;padding:clamp(34px,5vw,54px) 0 clamp(26px,3.6vw,38px)}
.ahead .kick{justify-content:center;margin-bottom:18px}
.ahead .kick .rt{color:var(--gold);font-weight:600;font-size:13px}
.ahead h1{font-size:clamp(30px,4.6vw,54px);font-weight:800;line-height:1.5;text-wrap:balance}
.ahead .lede{color:var(--soft);font-size:clamp(16px,1.9vw,19px);line-height:2.05;margin-top:18px;max-width:36em;margin-inline:auto}
.afig{max-width:1020px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.afig .im{border-radius:22px;overflow:hidden;aspect-ratio:16/8.4;box-shadow:0 40px 80px -45px rgba(11,30,43,.5)}
.afig img{width:100%;height:100%;object-fit:cover;display:block}
.afig figcaption{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:13px;padding:12px 6px 0}
.afig figcaption .di{width:5px;height:5px;background:var(--coral);transform:rotate(45deg);flex:0 0 auto}
.abody{max-width:680px;margin:0 auto;padding:clamp(36px,5vw,56px) clamp(20px,4vw,48px) clamp(30px,4vw,44px)}
.abody p{font-size:17.5px;line-height:2.2;color:rgba(15,40,55,.88);margin-bottom:26px}
.abody>p:first-of-type{font-size:19px;color:var(--ink)}
.abody h2{font-size:clamp(21px,2.6vw,27px);font-weight:800;margin:38px 0 16px;display:flex;align-items:center;gap:12px}
.abody h2:before{content:'';width:8px;height:8px;background:var(--coral);transform:rotate(45deg);flex:0 0 auto}
.abody blockquote{border:0;background:var(--cream);border-radius:20px;padding:34px 34px 28px;margin:34px 0;position:relative}
.abody blockquote:before{content:'\201D';position:absolute;top:-16px;right:24px;font-size:80px;color:var(--gold);font-weight:900;line-height:1}
.abody blockquote p{font-size:19px;font-weight:500;line-height:2;color:var(--ink);margin:0}
.abody blockquote cite{display:block;font-style:normal;color:var(--coral);font-size:13.5px;margin-top:14px;font-weight:600}
.asep{display:flex;gap:12px;justify-content:center;padding:8px 0 0}
.asep .di{width:7px;height:7px;transform:rotate(45deg);background:var(--gold)}
.asep .di:nth-child(2){background:var(--coral)}
.asep .di:nth-child(3){background:var(--sage)}
/* share + meta strip */
.ameta{max-width:680px;margin:0 auto;padding:0 clamp(20px,4vw,48px) clamp(50px,7vw,70px);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:0}
.ameta .inrow{display:flex;align-items:center;gap:10px;border-top:1px solid var(--hair);padding-top:22px;width:100%;justify-content:space-between;flex-wrap:wrap}
.ameta .lbl2{color:var(--soft);font-size:13.5px}
.shr{display:flex;gap:10px}
.shb{width:44px;height:44px;border:1px solid rgba(15,40,55,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;font-family:'Manchette',sans-serif;font-size:12px;font-weight:700;color:var(--ink);transition:all .3s}
.shb:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.shb.cp{width:auto;padding:0 18px;font-family:'Dahab',serif;font-size:13.5px;gap:9px}
.shb svg{display:block}
.shb .ic{display:flex}
/* related */
.rel{background:linear-gradient(180deg,var(--cream),#ded2bd);border-radius:36px;margin:0 clamp(12px,2vw,28px) clamp(60px,8vw,100px);padding:clamp(44px,6vw,70px) 0}
.rel .rhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.rel h3{font-size:clamp(22px,3vw,32px);font-weight:800;display:flex;align-items:center;gap:12px}
.rel h3 .di{width:9px;height:9px;background:var(--coral);transform:rotate(45deg)}
.rel .rrow{display:grid;grid-template-columns:88px 1fr 120px;gap:26px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(15,40,55,.14);text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.rel .rrow:hover{transform:translateX(-6px)}
.rel .rrow:last-child{border-bottom:0}
.rel .date2{text-align:center}
.rel .date2 .db{display:block;font-size:26px;font-weight:800;color:var(--ink);line-height:1.1}
.rel .date2 .ds{font-size:12.5px;color:var(--gold);font-weight:600}
.rel .rrow h4{font-size:17.5px;font-weight:700;line-height:1.65;transition:color .3s}
.rel .rrow:hover h4{color:var(--coral2)}
.rel .rrow .kick{margin-bottom:6px;font-size:12px}
.rel .rim{border-radius:12px;overflow:hidden;aspect-ratio:16/10}
.rel .rim img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.rel .rrow{grid-template-columns:56px 1fr}.rel .rim{display:none}.rel .date2 .db{font-size:21px}}

/* ============ MASTHEAD ============ */
.mast{padding:clamp(110px,13vw,150px) 0 0;background:linear-gradient(180deg,var(--cream),var(--paper) 85%);position:relative;overflow:hidden}
.mast .odia{position:absolute;border:1px solid rgba(201,169,106,.3);transform:rotate(45deg);pointer-events:none}
.mast .top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hair);border-bottom:2px solid var(--ink);padding:12px 2px;font-size:13px;color:var(--soft);gap:14px;flex-wrap:wrap}
.mast .top .tb{color:var(--ink);font-weight:600}
.mast .title{text-align:center;padding:clamp(30px,4.5vw,54px) 0 clamp(24px,3.5vw,40px);position:relative}
.mast h1{font-size:clamp(52px,8.4vw,110px);font-weight:900;line-height:1.05}
.mast h1 .hlw{color:var(--coral)}
.mast .sub{color:var(--soft);margin-top:14px;font-size:clamp(15px,1.7vw,18px);line-height:1.9}
.mast .rule2{border-top:1px solid var(--ink);border-bottom:2px solid var(--ink);height:7px}
/* ticker */
.tick{background:linear-gradient(90deg,var(--navy),var(--deep));overflow:hidden;white-space:nowrap;position:relative;box-shadow:0 18px 40px -26px rgba(11,30,43,.6)}
.tick .lbl{position:absolute;top:0;bottom:0;right:0;z-index:2;background:linear-gradient(90deg,rgba(11,30,43,0),var(--deep) 22%,var(--deep));color:var(--gold2);display:flex;align-items:center;gap:9px;padding:0 clamp(20px,4vw,48px) 0 64px;font-size:13px;font-weight:700;letter-spacing:.06em}
.tick .lbl .di{width:7px;height:7px;background:var(--coral);transform:rotate(45deg);animation:blink 2.2s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.tick .tr{display:inline-flex;gap:52px;padding:15px 0;animation:mq 32s linear infinite;font-size:14.5px}
.tick:hover .tr{animation-play-state:paused}
.tick .tr span{display:flex;gap:52px;align-items:center}
.tick .tr .titem{color:rgba(230,219,203,.88);font-weight:400;transition:color .3s}
.tick .tr .titem:hover{color:#fff}
.tick .tr .di{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex:0 0 auto;opacity:.8}
@media(prefers-reduced-motion:reduce){.tick .lbl .di{animation:none}}
@keyframes mq{to{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.tick .tr{animation:none}}
/* ============ FRONT PAGE ============ */
.front{padding:clamp(40px,6vw,70px) 0 clamp(30px,4vw,50px)}
.fp{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,3.4vw,44px)}
.lead{position:relative}
.lead .im{border-radius:20px;overflow:hidden;aspect-ratio:16/9.5;position:relative}
.lead .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.lead:hover .im img{transform:scale(1.045)}
.lead .badge{position:absolute;top:18px;right:18px;background:var(--coral);color:#fff;font-size:12.5px;font-weight:700;padding:7px 15px;border-radius:999px;z-index:2;box-shadow:0 10px 25px -10px rgba(218,65,65,.7)}
.lead .kick{margin:20px 0 12px}
.lead h2{font-size:clamp(26px,3.3vw,42px);font-weight:800;line-height:1.5}
.lead h2 a{color:inherit;text-decoration:none;background-image:linear-gradient(0deg,rgba(218,65,65,.35),rgba(218,65,65,.35));background-repeat:no-repeat;background-size:0% 3px;background-position:right bottom;transition:background-size .5s cubic-bezier(.16,1,.3,1)}
.lead:hover h2 a{background-size:100% 3px}
.lead p{color:var(--soft);line-height:2.05;margin-top:12px;font-size:16.5px;max-width:38em}
.side{display:flex;flex-direction:column}
.side .lbl{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:2px solid var(--ink);margin-bottom:4px}
.side .lbl .di{width:7px;height:7px;background:var(--coral);transform:rotate(45deg)}
.sit{display:grid;grid-template-columns:1fr 104px;gap:16px;padding:18px 0;border-bottom:1px solid var(--hair);align-items:start;text-decoration:none;color:inherit;transition:background .3s;position:relative}
.sit:hover{background:linear-gradient(270deg,rgba(230,219,203,.7),transparent 80%)}
.sit .im{border-radius:12px;overflow:hidden;aspect-ratio:1/1}
.sit .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.sit:hover .im img{transform:scale(1.08)}
.sit h3{font-size:16.5px;font-weight:700;line-height:1.65;margin-top:8px}
.sit .kick{font-size:12.5px;margin-bottom:0}
.side .all{margin-top:auto;padding-top:18px}
.all a{display:inline-flex;align-items:center;gap:10px;color:var(--coral);font-weight:600;font-size:15px;text-decoration:none;transition:gap .3s}
.all a:hover{gap:16px}
.all .di{width:7px;height:7px;background:var(--coral);transform:rotate(45deg)}
/* ============ CHRONICLE ============ */
.chron{padding:clamp(40px,6vw,70px) 0 clamp(80px,10vw,120px);position:relative}
.chead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:14px}
.chead h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;display:flex;align-items:center;gap:14px}
.chead h2 .di{width:10px;height:10px;background:var(--coral);transform:rotate(45deg)}
.tabs{display:flex;gap:2px 4px;flex-wrap:wrap;row-gap:14px}
.tab{background:none;border:0;font-family:'Dahab',serif;font-size:15px;color:var(--soft);padding:8px 14px;cursor:pointer;position:relative;transition:color .3s}
.tab:after{content:'';position:absolute;bottom:-4px;right:14px;left:14px;height:3px;background:var(--coral);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--coral);font-weight:700}
.tab.on:after{transform:scaleX(1)}
.res{color:var(--soft);font-size:13.5px;padding:14px 2px 0;min-height:34px}
.res b{color:var(--coral)}
/* timeline rows */
.rows{position:relative;margin-top:10px}
.rows:before{content:'';position:absolute;top:0;bottom:0;right:calc(96px + 17px);width:1px;border-right:1px dashed rgba(15,40,55,.25)}
.yr{position:relative;padding:26px 0 8px;display:flex;align-items:center;gap:14px}
.yr .yb{font-size:15px;color:var(--gold);font-weight:700;background:var(--paper);position:relative;z-index:1;padding-left:10px}
.yr:before{content:'';position:absolute;right:calc(96px + 13px);width:9px;height:9px;background:var(--gold);transform:rotate(45deg);z-index:2}
.yr .ys{flex:1;border-top:1px solid var(--hair)}
.row{display:grid;grid-template-columns:96px 1fr 168px;gap:clamp(30px,3.4vw,42px);padding:clamp(20px,3vw,28px) 0;border-bottom:1px solid var(--hair);align-items:center;text-decoration:none;color:inherit;position:relative;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.row:hover{transform:translateX(-6px)}
.row:before{content:'';position:absolute;right:calc(96px + 13px);top:50%;translate:0 -50%;width:9px;height:9px;background:var(--paper);border:2px solid var(--coral);transform:rotate(45deg);z-index:2;transition:background .3s}
.row:hover:before{background:var(--coral)}
.row .date{text-align:center}
.row .date .db{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1.1;color:var(--ink)}
.row .date .ds{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.02em}
.row .bd{padding-left:4px}.row .bd .kick{margin-bottom:10px}
.row h3{font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.6;transition:color .3s}
.row:hover h3{color:var(--coral2)}
.row p{color:var(--soft);font-size:14.5px;line-height:1.95;margin-top:8px;max-width:42em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row .im{border-radius:14px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 14px 30px -18px rgba(11,30,43,.45);transform:rotate(-1.2deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.row:nth-child(odd) .im{transform:rotate(1.2deg)}
.row:hover .im{transform:rotate(0) scale(1.03)}
.row .im img{width:100%;height:100%;object-fit:cover;display:block}
/* ============ PRESS KIT ============ */
.press{background:linear-gradient(160deg,var(--deep),var(--navy));color:var(--cream);border-radius:36px;margin:0 clamp(12px,2vw,28px) clamp(60px,8vw,100px);padding:clamp(50px,7vw,80px) 0;position:relative;overflow:hidden}
.press:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 55% at 88% 8%,rgba(201,169,106,.16),transparent 60%),radial-gradient(ellipse 36% 46% at 8% 95%,rgba(218,65,65,.12),transparent 60%)}
.press .inner{text-align:center;position:relative;max-width:620px;margin:0 auto}
.press .sd{display:flex;gap:12px;justify-content:center;margin-bottom:22px}
.press .sd .di{width:8px;height:8px;transform:rotate(45deg);background:var(--gold)}
.press .sd .di:nth-child(2){background:var(--coral);width:11px;height:11px}
.press .sd .di:nth-child(3){background:var(--sage)}
.press h3{font-size:clamp(26px,3.4vw,40px);font-weight:800;margin-bottom:14px}
.press p{color:rgba(230,219,203,.82);line-height:2.05;max-width:30em;margin:0 auto}
.press .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;background:var(--coral);color:#fff;transition:transform .3s,background .3s;margin-top:30px;box-shadow:0 18px 40px -16px rgba(218,65,65,.55)}
.press .btn:hover{transform:translateY(-3px);background:var(--coral2)}
@media(max-width:940px){
.fp{grid-template-columns:1fr}
.press .grid{grid-template-columns:1fr}
.row{grid-template-columns:64px 1fr}
.row .im{display:none}
.rows:before{right:calc(64px + 12px)}
.yr:before{right:calc(64px + 8px)}
.row:before{right:calc(64px + 8px)}
.row .date .db{font-size:26px}
.mast .top{font-size:12px}
}

[data-leadslot] .w-dyn-list,[data-leadslot] .w-dyn-items,[data-leadslot] .w-dyn-item{display:contents}
.side .w-dyn-list,.side .w-dyn-items,.side .w-dyn-item{display:contents}
.rows .w-dyn-list,.rows .w-dyn-items,.rows .w-dyn-item{display:contents}
.rel .w-dyn-list,.rel .w-dyn-items,.rel .w-dyn-item{display:contents}
.hdn{display:none!important}
[data-wsx] .w{display:inline-block;opacity:0;transform:translateY(.55em);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
[data-wsx].in .w{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-wsx] .w{opacity:1;transform:none;transition:none}}
.lead h2{transition:color .3s}
.lead:hover h2{color:var(--coral2)}
body{visibility:visible}

[data-cls="press"]{margin-bottom:clamp(70px,9vw,110px)!important}
@media(max-width:760px){
.crumb{flex-wrap:wrap;row-gap:12px}
.crumb .bk{flex-basis:100%;margin-right:0;order:5}
.ahead{padding-left:24px;padding-right:24px}
.ahead .kick{flex-wrap:wrap;row-gap:10px}
.ahead h1{font-size:clamp(26px,7.4vw,34px)}
.afig{padding:0 16px}
.afig figcaption{padding:12px 10px 0}
.abody{padding-left:24px;padding-right:24px}
.ameta{padding-left:24px;padding-right:24px}
.mast .top{justify-content:center;text-align:center;row-gap:8px}
.chead{row-gap:18px}
.res{min-height:0}
.rel .rhead{padding:0 4px}
}