@media (max-width:600px){
  /* header */
  .wrap{padding:0 16px}
  .site-header .wrap{height:60px;gap:8px}
  .brand-logo img{height:23px}
  .nav{gap:8px}
  .nav .txt{display:none}
  .nav .learn,.nav .yt{padding:9px 13px;font-size:12.5px;gap:6px}
  .nav .learn .b{width:16px;height:16px;font-size:10px}
  /* ticker */
  .ticker-track .tk{padding:0 18px;font-size:12.5px}
  .ticker-track .tk img{width:17px;height:17px}
  .sec{padding:44px 0}
  .folder-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:24px 20px 0}
  .ftab{font-family:inherit;font-weight:800;font-size:11.5px;letter-spacing:.2px;color:#fff;border:0;
    border-radius:10px;padding:12px 3px;cursor:pointer;opacity:.4;transition:opacity .2s;line-height:1.25}
  .ftab.o{background:var(--c-orange)}.ftab.t{background:var(--c-teal)}
  .ftab.i{background:var(--c-indigo)}.ftab.y{background:#e5322b}
  .ftab.active{opacity:1}
  .folders{flex-direction:column;padding:14px 20px 0}
  .folder{display:none;flex:1 1 auto;margin:0 0 20px;min-height:auto}
  .folder.mact{display:flex}
  .folder h3{font-size:24px}
  .folder .panel .photo{aspect-ratio:16/9}
  .ob-layout{grid-template-columns:1fr}
  .folderacc{flex-direction:column;min-height:0;gap:12px}
  .fa{flex:0 0 auto}
  .fa:not(.active){height:64px}
  .fa.active{height:auto}
  .fa:not(.active):hover{transform:none}
  .fa .content{height:auto}
  .fa .vlabel{flex-direction:row;justify-content:flex-start;padding:0 20px;gap:14px}
  .fa .vlabel .vt{writing-mode:horizontal-tb;letter-spacing:1px}
  .fa .chero{flex:none;width:100%}
  .fa .chero .cap{font-size:12.5px;white-space:nowrap;gap:6px}
  .fa .chero .cap .tag{display:none}
  .fa .agrid{grid-template-columns:1fr;padding:16px}
  .fa .agrid .ac:nth-child(4){display:none}
  .creds-grid{grid-template-columns:1fr}
  .creds-foot{justify-content:flex-start}
  .footer-links{grid-template-columns:repeat(2,1fr);gap:20px}
  .footer-bottom .fwrap{flex-direction:column;align-items:flex-start;gap:16px}
  .optin-box{padding:64px 18px}
  .optin-inner{grid-template-columns:1fr;gap:34px}
  .optin-form .row{flex-direction:column}
  .optin .tag{margin-bottom:14px}
  .optin h2{line-height:1.45}
  .optin-more{background:transparent;color:#fff;padding:0 0 3px;border-radius:0;
    border-bottom:1px solid rgba(255,255,255,.6);margin-top:20px;font-size:14px}
  .optin-more:hover{background:transparent;color:#fff;transform:none}
  .optin-right p{margin-bottom:22px}
  .optin h2{font-size:18.5px}
  .cats-lead{font-size:22px}
  .sec-head h2{font-size:22px}
  .creds .wrap{padding:64px 18px}
  .creds .lead{text-align:center}
  .creds .tag{justify-content:center}
  .creds .lead h2{font-size:25px;line-height:1.32;letter-spacing:0}
  .folder .tab{display:none}
  .artsec .sec-head{flex-wrap:wrap;align-items:flex-start;gap:10px}
  .artsec .sec-head .viewall{display:none}
  .viewall-mob{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;
    padding:15px;border:1px solid var(--border);border-radius:var(--radius-pill);
    font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--ink)}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
  .pcard-body{padding:12px 12px 15px;gap:8px}
  .pcard-title{font-size:13px;line-height:1.5}
  .pcard-date{font-size:10.5px}
  .pcard-cat{font-size:9px;padding:4px 8px;top:8px;right:8px}
  .fa .content{padding:20px 14px;min-width:0}
  .fa .chead{gap:9px;margin-bottom:16px;flex-wrap:wrap;white-space:normal}
  .fa .chead h3{font-size:17px;letter-spacing:0}
  .fa .chead .ic{width:32px;height:32px;font-size:15px}
  .fa .chead .more{padding:8px 13px;font-size:11px}
  .footer-cta a{padding:14px 14px 14px 18px;font-size:12px;gap:10px}
  .footer-cta a .arw{width:30px;height:30px;font-size:13px}
}
@media (max-width:400px){.creds-grid{grid-template-columns:1fr}}