.types-section{background:var(--offwhite);position:relative}.types-section:before{background-image:linear-gradient(rgba(28,26,20,.025) 1px,transparent 0),linear-gradient(90deg,rgba(28,26,20,.025) 1px,transparent 0);background-size:48px 48px;content:"";inset:0;pointer-events:none;position:absolute}.types-section .sec-h{color:var(--dark)}.types-section .sec-body{color:rgba(28,26,20,.52)}.types-two-col{display:grid;gap:40px;grid-template-columns:1fr 1fr}.types-group-label{border-bottom:2px solid var(--orange);color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.types-list{display:flex;flex-direction:column;gap:0}.type-item{align-items:flex-start;border-bottom:1px solid rgba(28,26,20,.07);border-radius:8px;cursor:default;display:flex;gap:16px;padding:18px 12px;transition:background .2s var(--ease),transform .22s var(--ease)}.type-item:hover{background:rgba(28,26,20,.03);transform:translateX(5px)}.type-item:last-child{border-bottom:none}.type-item-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .22s var(--ease),transform .22s var(--ease);width:36px}.type-item-icon svg{flex-shrink:0;height:22px;transition:filter .22s;width:22px}.types-group:first-child .type-item:hover .type-item-icon{background:rgba(232,93,60,.1);transform:scale(1.1)}.types-group:first-child .type-item:hover .type-item-icon svg{filter:drop-shadow(0 0 4px rgba(232,93,60,.4))}.types-group:last-child .type-item:hover .type-item-icon{background:rgba(123,79,166,.1);transform:scale(1.1)}.types-group:last-child .type-item:hover .type-item-icon svg{filter:drop-shadow(0 0 4px rgba(123,79,166,.4))}.type-item-title{color:var(--dark);font-family:var(--ff-h);font-size:15px;margin-bottom:4px;transition:color .2s}.types-group:first-child .type-item:hover .type-item-title{color:var(--orange)}.types-group:last-child .type-item:hover .type-item-title{color:var(--purple)}.type-item-body{color:rgba(28,26,20,.5);font-size:13px;font-weight:300;line-height:1.6}@media(max-width:900px){.types-two-col{grid-template-columns:1fr}}@media(max-width:600px){.types-two-col{gap:28px}}