:root{--bg:#0A0A0B;--accent:#8fbeff;--ink:#F2F1ED;--muted:#87868C;--line:rgba(255,255,255,0.08);}
  *{box-sizing:border-box;margin:0;padding:0;}
  body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
  header{
    background:#000;
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 48px;
  }
  .logo{font-family:'Sora',sans-serif;line-height:1.1;}
  .logo .l1{font-weight:800;font-size:15px;letter-spacing:0.02em;}
  .logo .l2{font-weight:400;font-size:11px;color:#A9A8A3;letter-spacing:0.06em;}
  nav ul{list-style:none;display:flex;gap:34px;}
  nav a{font-family:'Space Mono',monospace;font-size:12.5px;text-decoration:none;color:#8B8A85;display:flex;gap:6px;align-items:baseline;}
  nav a .n{color:#5A5954;}
  nav a.active{color:var(--ink);font-weight:700;}
  nav a.active .n{color:var(--accent);}

  .eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.1em;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:22px;}
  .eyebrow::before{content:'';display:inline-block;width:28px;height:1px;background:var(--muted);}
  .tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.08em;color:var(--accent);text-transform:uppercase;}

  .page{max-width:1280px;margin:0 auto;padding:72px 48px 100px;}
  h1.title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(44px,5.4vw,68px);letter-spacing:-0.02em;margin-bottom:40px;}

  /* Editoriale Filter-Tabs (wie Design B) */
  .filters{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:56px;}
  .filter{font-family:'Space Mono',monospace;font-size:12.5px;letter-spacing:0.05em;color:#7A7975;padding-bottom:16px;cursor:pointer;border-bottom:2px solid transparent;}
  .filter.active{color:var(--ink);border-color:var(--accent);}

  .featured{
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;
    padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid var(--line);
  }
  .featured .thumb{height:420px;}
  .featured .tag{margin-bottom:18px;}
  .featured h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.18;margin-bottom:20px;}
  .featured p{font-size:16px;line-height:1.65;color:#C7C6C2;margin-bottom:28px;max-width:52ch;}
  .featured .meta{font-family:'Space Mono',monospace;font-size:12px;color:var(--muted);}
  .read-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;}

  .sub-label{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.08em;color:var(--muted);margin-bottom:28px;}
  .s-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
  .s-card{text-decoration:none;color:var(--ink);display:block;}
  .s-card .tag{margin:16px 0 10px;}
  .s-card h4{font-family:'Sora',sans-serif;font-weight:700;font-size:16px;line-height:1.35;margin-bottom:10px;}
  .s-card p{font-size:13.5px;line-height:1.5;color:#A9A8A3;margin-bottom:14px;}
  .s-card .meta{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted);}

  footer{background:#000;padding:28px 48px;text-align:center;font-family:'Space Mono',monospace;font-size:11px;color:#5A5954;}

  @media (max-width:980px){
    .featured{grid-template-columns:1fr;}
    .s-grid{grid-template-columns:repeat(2,1fr);}
  }


  .nl-banner{
    position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:space-between;gap:40px;
    background:linear-gradient(135deg,#101012,#1A1A1D);
    border:1px solid var(--line);
    border-radius:14px;padding:32px 40px;margin-bottom:64px;
  }
  .nl-banner::before{
    content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;
    background:radial-gradient(circle, rgba(143,190,255,0.16) 0%, transparent 70%);
    pointer-events:none;
  }
  .nl-banner-text{position:relative;z-index:1;}
  .nl-banner-text .eyebrow{margin-bottom:10px;}
  .nl-banner h3{font-family:'Sora',sans-serif;font-weight:700;font-size:21px;line-height:1.3;max-width:26ch;margin-bottom:8px;}
  .nl-banner-text p{font-size:13.5px;line-height:1.5;color:#9A9995;max-width:42ch;}
  .nl-banner-form{position:relative;z-index:1;display:flex;border:1px solid var(--accent);border-radius:6px;overflow:hidden;flex-shrink:0;min-width:360px;}
  .nl-banner-form input{flex:1;border:none;background:transparent;padding:14px 18px;color:var(--ink);font-family:'Inter',sans-serif;font-size:14px;outline:none;}
  .nl-banner-form input::placeholder{color:var(--muted);}
  .nl-banner-form button{background:var(--accent);color:#0A0A0B;border:none;padding:0 20px;cursor:pointer;font-size:16px;display:flex;align-items:center;overflow:hidden;position:relative;font-weight:700;}
  .nl-banner-form button .arrow-track{position:relative;width:20px;height:16px;display:flex;align-items:center;}
  .nl-banner-form button .arrow{position:absolute;left:0;animation:arrow-nudge 1.8s ease-in-out infinite;}
  @keyframes arrow-nudge{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}
  .nl-banner-form button:hover .arrow{animation-duration:0.7s;}
  @media (max-width:760px){
    .nl-banner{flex-direction:column;align-items:stretch;text-align:left;}
    .nl-banner-form{min-width:0;}
  }

.page{padding:65px 5% 90px}.featured img{width:100%;height:420px;object-fit:cover;filter:grayscale(1);border-radius:6px}.filter{background:transparent;border:0;font:14px var(--mono);cursor:pointer}.s-card img{width:100%;height:180px;object-fit:cover;filter:grayscale(1);border-radius:6px}.s-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.s-card h4{font-size:18px}.s-card p{font-size:16px}.filter-result{color:#aaa;font-size:14px;margin-bottom:24px}.featured h2{font-size:clamp(28px,3vw,40px)}.filters{flex-wrap:wrap}.nl-banner-form{min-width:0}.nl-banner form input{min-width:0;width:100%}@media(max-width:900px){.featured{grid-template-columns:1fr}.s-grid{grid-template-columns:1fr}.featured img{height:300px}.page{padding:45px 24px}.nl-banner{flex-direction:column;align-items:stretch}.s-card img{height:240px}}
/* Smaller descriptions beneath article titles. */
.s-grid .s-card p{font-size:14px;line-height:1.65}