.content-header{position:relative;background:var(--paper);border-bottom:1px solid var(--line)}.content-header nav .active{color:var(--blue)}.content-hero{padding:130px 5.5% 100px;background:#eef1ff}.content-hero h1{font-size:clamp(58px,9vw,130px);letter-spacing:-.1em;line-height:.94;margin:0}.content-hero h1 span{color:var(--blue)}.content-hero>p:last-child{max-width:480px;line-height:1.9;color:#596477;margin:35px 0 0;font-size:15px}.content-list{padding:80px 5.5% 135px}.content-card{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;margin-bottom:125px}.content-card.reverse{grid-template-columns:1fr 1.25fr}.content-card.reverse .content-image{order:2}.content-image{height:470px;background:#e9ecf5;overflow:hidden}.content-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}.content-card:hover .content-image img{transform:scale(1.04)}.content-index{font:11px 'DM Mono',monospace;letter-spacing:.08em;color:#6f7db8;margin:0 0 22px}.content-copy h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.08em;margin:0 0 22px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tags span{font-size:11px;padding:6px 10px;border:1px solid #bfc8e5;border-radius:20px;color:#526077}.content-copy>p:last-child{font-size:14px;line-height:1.9;color:#5d6878;max-width:410px}@media(max-width:720px){.content-hero{padding:85px 22px 66px}.content-list{padding:55px 22px 70px}.content-card,.content-card.reverse{grid-template-columns:1fr;gap:27px;margin-bottom:75px}.content-card.reverse .content-image{order:0}.content-image{height:280px}.content-copy h2{font-size:43px}}
