body{margin:0;background:#FFFDF7}
a{color:#141414}a:hover{color:#000}
.kn { flex: 1 1 0; min-width: 0; container-type: inline-size; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; line-height: 1.1; } .kn > span { display: block; font-size: clamp(12px, calc(100cqw / var(--em)), 19px); overflow-wrap: anywhere; }
@media (max-width: 900px){ .kc { flex-direction: column !important; align-items: flex-start !important; } .kn { flex: none; width: 100%; } }
@media (max-width: 360px){ .knows > a { padding: 12px !important; } }
.nt { font-size: 28px; }
@media (min-width: 941px){ .nt { font-size: clamp(18px, calc(3.2vw - 12px), 23px); } }
@media (min-width: 761px) and (max-width: 940px){ .bento > :nth-child(-n+2) { grid-column: span 12 !important; grid-row: auto !important; } .bento > :nth-child(3), .bento > :nth-child(4) { grid-column: span 6 !important; } }
@media (max-width: 760px){ .bento > * { grid-column: span 12 !important; grid-row: auto !important; } .knows{grid-template-columns:repeat(2,minmax(0,1fr)) !important} .collage{grid-template-columns:1fr !important} .collage > *{transform:none !important} }