/* Mobile reading and navigation; the desktop composition stays editorial. */
.mobile-section-title,.mobile-quick-nav,.mobile-filter{display:none}
.hero-role{font-size:15px;font-weight:400;color:#e1c8b1;margin:-4px 0 12px}
.card-kind{display:none}

@media(max-width:767px){
  html{scroll-padding-top:132px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:16px}
  .wrap{width:calc(100% - 40px)}
  .section-pad{padding-block:54px}
  .eyebrow{font-size:11px;letter-spacing:0;margin-bottom:14px;line-height:1.6}
  .section-title{font-size:36px;line-height:1.18;letter-spacing:-.4px}
  .mobile-section-title{display:block}
  .editorial-heading{display:none}
  .section-aside{font-size:14px;line-height:1.85}
  .section-top{display:block;margin-bottom:27px}
  .section-top>.section-aside{margin-top:14px}
  .button{min-height:48px;font-size:14px;padding:12px 18px;gap:14px;border-radius:5px}
  .text-link{font-size:14px;line-height:1.65;min-height:44px;align-items:center;max-width:100%}
  .site-header{height:auto;position:sticky;top:0;box-shadow:0 4px 18px #07101416}
  .header-inner{height:68px;gap:16px}
  .brand{font-size:24px;gap:10px}
  .brand-mark{height:36px;width:36px;font-size:25px}
  .brand-mark span{top:9px;inset-inline-start:5px}
  .brand small{font-size:7px;letter-spacing:2.8px;margin-top:6px}
  .desktop-nav,.header-contact{display:none}
  .menu-toggle{display:flex;align-items:center;gap:10px;width:auto;min-width:84px;height:44px;padding:8px 10px;border:1px solid #d2b69c40;border-radius:5px;background:transparent}
  .menu-toggle span{height:auto;width:auto;background:none;margin:0}
  .menu-toggle .menu-label{font-size:13px;color:#eee8dc}
  .menu-toggle .menu-bars{width:18px;display:flex;flex-direction:column;gap:6px}
  .menu-bars i{display:block;width:18px;height:1px;background:#dfc5ae;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] .menu-bars i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-bars i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .mobile-quick-nav{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #ffffff12}
  .mobile-quick-nav a{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid transparent;white-space:nowrap;color:#bfcac7}
  .mobile-quick-nav a[aria-current="location"]{color:#e4b895;border-bottom-color:var(--copper)}
  .mobile-nav{top:100%;padding:8px 20px 18px;border-bottom:1px solid #cd9c7b55;box-shadow:0 16px 25px #07101425;max-height:calc(100dvh - 112px);overflow-y:auto}
  .mobile-nav a{font-size:16px;min-height:48px;border-bottom:1px solid #ffffff13;padding:12px 5px}
  .mobile-nav a:last-child{border:0;color:#e1b897}
  .hero{padding:29px 0 23px}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 111px;gap:0 18px;align-items:center}
  .hero-copy{display:contents}
  .hero-copy>.eyebrow{grid-column:1/-1;grid-row:1;margin:0 0 22px;font-size:11px}
  .hero-copy h1{grid-column:1;grid-row:2;font-size:clamp(51px,15vw,64px);letter-spacing:-1.8px;line-height:1.05;margin:0 0 10px;align-self:end}
  .hero-copy h1>span{font-size:8px;letter-spacing:3px;line-height:1.4;margin-top:12px;max-width:100%}
  .hero-role{grid-column:1;grid-row:3;font-size:15px;line-height:1.7;font-weight:400;margin:0;align-self:start;max-width:190px}
  .hero-visual{grid-column:2;grid-row:2/span 2;width:111px;min-height:0;margin:0;padding:0;align-self:center}
  .portrait-frame{padding:4px;border-radius:60px 60px 4px 4px}
  .portrait{height:145px;width:101px;object-fit:cover;object-position:50% 20%;border-radius:55px 55px 2px 2px;filter:saturate(.75)}
  .portrait-caption,.vertical-note,.visual-corner{display:none}
  .hero-copy h2{grid-column:1/-1;grid-row:4;font-size:34px;line-height:1.2;letter-spacing:-.4px;margin:25px 0 15px}
  .hero-description{grid-column:1/-1;grid-row:5;font-size:15px;line-height:1.85;color:#c4cfcc;max-width:36ch}
  .hero-actions{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:12px;margin-top:24px}
  .hero-actions .button{font-size:13px;min-height:48px;padding:11px 14px;gap:8px;white-space:nowrap}
  .hero-actions .text-link{font-size:13px;border:1px solid #b6c5c138;border-radius:5px;justify-content:center;width:auto;min-height:48px;padding:10px;gap:8px}
  .hero-footnote{grid-column:1/-1;grid-row:7;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:11px;line-height:1.7;margin-top:21px;color:#a5b5b1}
  .hero-footnote span{white-space:normal}
  .hero-footnote i{flex-shrink:0}
  .scroll-note{display:none}
  .hero-orbit{width:500px;height:500px;top:-80px;left:-250px}
  .publications-strip>.wrap{display:block;padding-block:20px}
  .publications-strip p{border:0;padding:0;font-size:11px;line-height:1.6;margin-bottom:15px}
  .publications-strip p br{display:none}
  .publications-strip p strong{margin-inline-start:4px}
  .outlet-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center}
  .outlet-list>a{min-height:44px;display:flex;justify-content:center;align-items:center;max-width:100%}
  .outlet-list .outlet.i24,.outlet-list .outlet.defense{display:block;align-content:center}
  .outlet-list .outlet.i24{text-align:center}
  .outlet-list .outlet.defense{text-align:center;font-size:7px}
  .outlet-list .outlet.kan{font-size:22px;gap:4px}
  .outlet-list .outlet.kan b{font-size:18px}
  .outlet-list .outlet.i24{font-size:24px}
  .outlet-list .outlet.i24 span{font-size:7px}
  .outlet-list .outlet.hayom{font-size:20px;white-space:nowrap}
  .outlet-list .outlet.defense span{font-size:11px}
  .outlet-list .outlet.thirteen,.outlet-list .outlet.dvorah{display:none}
  .about-grid{display:block}
  .about-line{margin:20px 0 14px;width:44px}
  .about .section-aside{margin-bottom:25px}
  .about-body{font-size:15px;line-height:1.9}
  .about-body .lead{font-size:18px;line-height:1.85}
  .about-body>p{margin-bottom:18px}
  .credentials{margin-top:26px}
  .credentials>div{gap:15px;padding:18px 0}
  .credentials h3{font-size:15px;line-height:1.7}
  .credentials p{font-size:13px;line-height:1.8;margin-top:4px}
  .credential-index{min-width:32px;font-size:16px}
  .public-activity{font-size:14px}
  .public-activity summary{min-height:44px;gap:15px}
  .public-activity p{font-size:14px;line-height:1.9}
  .about-sources{display:flex;gap:4px;margin-top:15px;flex-direction:column;align-items:start}
  .about-sources .text-link{font-size:12px}
  .expertise-grid{grid-template-columns:1fr;border-radius:7px;overflow:hidden}
  .expertise-item,.expertise-item:nth-child(2),.expertise-item:nth-child(-n+2){display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;text-align:right;padding:21px 18px;border-left:0;border-bottom:1px solid #cfd4c9;min-height:0}
  .expertise-item:last-child{border-bottom:0}
  .expertise-item svg{grid-column:1;grid-row:1/span 3;width:38px;height:38px;margin:5px 0 0}
  .expertise-item h3{grid-column:2;grid-row:1;font-size:23px;line-height:1.35;min-height:0;margin:0 0 9px;padding-left:12px}
  .expertise-item h3 br{display:none}
  .expertise-item p{grid-column:2;grid-row:2;font-size:14px;line-height:1.85;min-height:0;margin:0}
  .topic-link{grid-column:2;grid-row:3;font-size:12px;margin-top:13px;min-height:32px}
  .topic-link b{font-size:24px}
  .topic-num{top:15px;left:13px;font-size:9px}
  .archive-controls{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch;padding-bottom:20px}
  .filter-tabs{display:none}
  .mobile-filter{display:block;min-width:0}
  .mobile-filter label,.archive-search label{display:block;font-size:13px;font-weight:500;color:var(--ink);margin:0 0 7px}
  .mobile-filter select{font:400 16px/1.5 var(--body);width:100%;height:50px;padding:10px 13px;border:1px solid #bfc8bf;border-radius:5px;background:var(--white);color:var(--ink);cursor:pointer}
  .archive-search{width:100%;min-width:0}
  .archive-search .sr-only{position:static;clip:auto;white-space:normal;width:auto;height:auto;overflow:visible}
  .archive-search input{font-size:16px;height:50px;border:1px solid #bfc8bf;border-radius:5px;background:var(--white);padding:10px 13px 10px 38px}
  .archive-search>span{left:12px;top:31px;font-size:27px}
  .archive-meta{font-size:12px;line-height:1.75;min-height:60px;align-items:center;gap:12px}
  .archive-meta p{flex:1;min-width:0}
  .clear-filters{font-size:12px;min-height:44px;padding:8px 0;white-space:nowrap}
  .content-grid{grid-template-columns:minmax(0,1fr);gap:19px}
  .content-card{border-radius:7px;overflow:hidden;box-shadow:0 3px 12px #14212804}
  .content-card:hover{transform:none}
  .card-visual:not(.kan-visual):not(.podcast-visual){display:none}
  .card-visual.kan-visual{height:175px}
  .card-visual.podcast-visual{height:118px}
  .card-visual.podcast-visual img{width:92px;height:92px}
  .card-visual:after{inset:10px}
  .visual-type{top:17px;right:17px;font-size:11px;padding:4px 9px}
  .card-duration{bottom:16px;right:16px;font-size:11px}
  .card-body{padding:19px 20px 15px}
  .card-meta{font-size:12px;margin-bottom:12px;line-height:1.65;align-items:start}
  .card-meta .card-kind{display:block;color:var(--copper-dark);font-size:11px;font-weight:500;margin-bottom:3px}
  .card-meta>span:first-child{color:#6f7972}
  .card-meta time{direction:ltr;white-space:nowrap;display:inline-block;font-size:11px;color:#758078;padding-top:3px}
  .card-body h3{font-size:25px;line-height:1.3;margin-bottom:12px;letter-spacing:-.2px}
  .card-body>p{font-size:14px;line-height:1.85;color:#66736d;margin-bottom:19px}
  .card-footer{font-size:13px;gap:12px;padding-top:12px;align-items:center}
  .card-footer a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:12px}
  .card-footer .card-arrow{font-size:22px}
  .watch-button{font-size:13px;min-height:44px;padding:10px 16px;border-radius:5px;background:var(--ink);color:var(--paper);text-decoration:none;white-space:nowrap}
  .load-wrap{margin-top:26px}
  .load-wrap .button{width:100%;min-height:50px}
  .no-results{font-size:15px;line-height:1.9;padding:36px 4px}
  .podcast-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .podcast-copy h2{font-size:49px;line-height:1;letter-spacing:-1.2px;overflow-wrap:normal}
  .podcast-copy h2>span{font-size:31px;line-height:1.25;letter-spacing:0;margin-top:15px}
  .podcast-hosts{font-size:15px;margin:24px 0 15px}
  .podcast-copy>p:not(.eyebrow):not(.podcast-hosts){font-size:15px;line-height:1.9}
  .podcast-copy .button{width:100%;margin-top:25px;font-size:14px}
  .podcast-copy>.text-link{font-size:13px;min-height:44px;margin-top:12px}
  .podcast-art{min-height:275px;margin-top:0}
  .podcast-art>img{width:205px;height:205px;border-width:6px;transform:rotate(-3deg)}
  .ring-one{width:250px;height:250px}
  .ring-two{width:290px;height:290px}
  .sound-wave,.podcast-art-label{display:none}
  .episode-teaser{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:20px;padding-top:20px}
  .episode-teaser a{gap:12px;min-height:60px}
  .episode-teaser a:first-child{padding-bottom:20px;border-bottom:1px solid #ffffff1a}
  .episode-teaser small{font-size:11px}
  .episode-teaser strong{font-size:16px;line-height:1.6}
  .episode-duration{font-size:12px}
  .episode-play{width:40px;height:40px}
  .research-feature-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .research-feature p:not(.eyebrow){font-size:15px;line-height:1.9;margin:20px 0}
  .research-feature .text-link{font-size:13px;line-height:1.8}
  .research-citation{font-size:11px;line-height:1.8}
  .research-timeline>div{gap:18px;min-height:72px}
  .research-timeline>div>span{font-size:33px;min-width:80px}
  .research-timeline h3{font-size:14px;line-height:1.7}
  .research-timeline>p{font-size:12px!important}
  .contact-grid{grid-template-columns:minmax(0,1fr);gap:27px}
  .contact-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.85;margin-top:17px}
  .contact-links>a{padding:17px 0;min-height:85px}
  .contact-links small{font-size:12px;line-height:1.8}
  .contact-links strong{font-size:25px;line-height:1.5}
  .footer-top{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:22px}
  .footer-top>p{font-size:12px;line-height:1.8;width:100%;order:2}
  .footer-top>.brand{order:0}
  .footer-top>.back-top{order:1;width:auto;margin-inline-start:auto;min-height:44px;display:flex;align-items:center;font-size:12px}
  .footer-bottom{font-size:11px;gap:15px;flex-wrap:wrap;padding-top:10px}
  .footer-bottom button{font-size:12px;min-height:44px}
  .footer-bottom>span:last-child{display:none}
  dialog{width:calc(100% - 24px);padding:20px;border-radius:8px;max-height:calc(100dvh - 40px)}
  .dialog-head{align-items:center;gap:12px}
  .dialog-head h2{font-size:25px}
  .dialog-close{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
  dialog p,dialog li{font-size:14px;line-height:1.85}
  dialog .source-note{font-size:12px;line-height:1.8}
  dialog .text-link{font-size:13px}
  #video-dialog .dialog-head h2{font-size:22px}
}

@media(max-width:359px){
  .wrap{width:calc(100% - 32px)}
  .hero-grid{grid-template-columns:minmax(0,1fr) 94px;column-gap:13px}
  .hero-copy h1{font-size:49px}
  .hero-role{font-size:14px}
  .hero-visual{width:94px}
  .portrait{width:84px;height:125px}
  .hero-copy h2{font-size:31px}
  .hero-actions{gap:9px;grid-template-columns:1.4fr 1fr}
  .hero-actions .button,.hero-actions .text-link{font-size:12px;padding-inline:10px}
  .mobile-quick-nav{gap:4px}
  .mobile-quick-nav a{font-size:11px}
  .outlet-list{gap:6px}
  .outlet-list .outlet.hayom{font-size:18px}
  .card-body{padding-inline:17px}
  .card-body h3{font-size:23px}
  .watch-button{padding-inline:12px}
  .podcast-copy h2{font-size:44px}
}