:root{--paper:#f7f5ef;--ink:#181820;--muted:#676771;--rule:#d9d7cf;--blue:#78c9e8;--pink:#d99add;--green:#c5e978;--violet:#8e7ce8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.top{border-bottom:1px solid var(--rule)}.top .shell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;letter-spacing:-.035em;font-size:1.1rem}.mark{position:relative;width:38px;height:38px;display:inline-block}.mark i{position:absolute;width:23px;height:23px;border-radius:50%;mix-blend-mode:multiply}.mark i:nth-child(1){left:0;top:0;background:var(--blue)}.mark i:nth-child(2){right:0;top:0;background:var(--pink)}.mark i:nth-child(3){left:7px;bottom:0;background:var(--green)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:.86rem;color:var(--muted);text-decoration:none}.hero{padding:100px 0 70px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.72rem;color:#7768d5}h1,h2,h3{line-height:1.03;letter-spacing:-.055em;margin-top:0}.hero h1{font-size:clamp(3.8rem,8vw,8.4rem);max-width:11ch;margin:.5rem 0 1.5rem}.hero .lead{font-size:clamp(1.15rem,2vw,1.55rem);max-width:760px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:90px}.card{min-height:260px;padding:28px;border:1px solid var(--rule);border-radius:24px;background:rgba(255,255,255,.44);display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden}.card:after{content:"↗";position:absolute;right:24px;top:22px;color:#888}.card small{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#7a7882;font-weight:800}.card h2{font-size:clamp(2rem,4vw,3.5rem);margin:34px 0 12px}.card p{margin:0;color:var(--muted);max-width:54ch}.card .tag{margin-top:auto;padding-top:25px;font-size:.76rem;font-weight:750;color:#6559bd}.note{border-block:1px solid var(--rule);padding:55px 0;margin-bottom:70px}.note p{font:italic 400 clamp(1.6rem,3.2vw,3rem)/1.2 Georgia,serif;max-width:900px;margin:0}.footer{border-top:1px solid var(--rule);padding:38px 0 55px;color:var(--muted);font-size:.82rem}.footer .shell{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer a{text-decoration:none;color:var(--ink)}.disclaimer{font-size:.8rem;color:#777;max-width:800px;margin-top:20px}.mini{font-size:.8rem;color:var(--muted)}@media(max-width:760px){.shell{width:calc(100% - 28px)}.top .shell{min-height:74px}.top nav{gap:11px}.top nav a{font-size:.75rem}.hero{padding:68px 0 48px}.hero h1{font-size:clamp(3.4rem,16vw,5.6rem)}.grid{grid-template-columns:1fr;padding-bottom:60px}.card{min-height:225px}.footer .shell{display:block}.footer-links{margin-top:18px}}
html,body{max-width:100%;overflow-x:clip}
img{display:block;max-width:100%}
.grid,.card,.card-top,.card-title{min-width:0}
.card{min-height:285px}
.card-top{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:20px;align-items:start}
.card-title{min-width:0}
.card h2{overflow-wrap:anywhere}
.card-thumb{
  width:132px;height:92px;object-fit:cover;border-radius:15px;
  border:1px solid rgba(24,24,32,.13);background:#ece9e2;
  box-shadow:0 7px 18px rgba(35,31,54,.08);
  transition:transform .16s ease,box-shadow .16s ease
}
.card:hover .card-thumb{transform:translateY(-2px);box-shadow:0 10px 24px rgba(73,61,131,.13)}
.card-primary{
  border-color:rgba(198,59,54,.34);
  background:linear-gradient(180deg,rgba(255,247,244,.82),rgba(255,255,255,.46))
}
.card-primary .tag{color:#ad302b}
@media(max-width:760px){
  body{overflow-x:hidden}
  .grid{width:calc(100% - 28px);max-width:100%}
  .card{width:100%;max-width:100%;min-height:235px;padding:22px}
  .card-top{grid-template-columns:minmax(0,1fr) 96px;gap:14px}
  .card-thumb{width:96px;height:70px;border-radius:12px}
  .card h2{font-size:clamp(1.85rem,9vw,2.7rem);margin-top:22px}
}
@media(max-width:390px){
  .card-top{grid-template-columns:minmax(0,1fr) 82px}
  .card-thumb{width:82px;height:62px}
}