:root{--hue:27;--sat:69%;--white:hsl(0,0%,100%);--green-primary:rgba(24,172,106,1);--green-glow:rgba(24,172,106,0.2);--green-border:rgba(24,172,106,0.8);--border-color:#0b5937;--background-dark:#060010;color-scheme:light dark}.card-grid{display:grid;gap:.5em;max-width:100%;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:.5em .75em;border-radius:20px;border:1px solid transparent;background:transparent;font-weight:300;overflow:hidden;transition:all .3s ease;will-change:transform;cursor:pointer;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--overlay-color:rgba(0,0,0,0.65);--overlay-hover-color:rgba(0,0,0,0.55);--overlay-opacity:1;--overlay-hover-opacity:1}.card:before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:50%;transform:scale(1);transition:transform .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.25)}.card:hover:before{transform:scale(1.1)}.card__overlay{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--overlay-color) 0,rgba(0,0,0,.4) 60%,var(--overlay-color) 100%);opacity:var(--overlay-opacity);transition:opacity .2s ease,background .2s ease}.card:hover .card__overlay{background:linear-gradient(180deg,var(--overlay-hover-color) 0,rgba(0,0,0,.2) 40%,var(--overlay-hover-color) 100%);opacity:var(--overlay-hover-opacity)}.card__content,.card__header{display:flex;position:relative;color:var(--white)}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__header-button{margin-left:auto;font-size:16px;background:transparent;cursor:pointer;z-index:3}.card__description{--clamp-title:1;--clamp-desc:2}.card__title{margin:0 0 .25em;font-size:27px;font-style:normal;font-weight:500;line-height:1.17;@media (max-width:768px){font-size:24px}}.card__description{font-size:14px;font-style:normal;font-weight:400;line-height:1.5;max-height:calc(1.5em * 2);margin-bottom:24px}.card--text-autohide .card__description,.card--text-autohide .card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc);@media (max-width:640px){display:none}}@media (max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.card{width:100%;min-height:180px}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}.card:nth-child(6n+3){grid-column:span 2;grid-row:span 2}.card:nth-child(6n+3) .card__title{max-width:100%;font-size:32px}.card:nth-child(6n+6){grid-column:span 2;grid-row:span 2}.card:nth-child(6n+6) .card__title{max-width:100%;font-size:32px}}@media (min-width:1024px){.card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:1rem}.card:nth-child(6n+3){grid-column:span 2;grid-row:span 2}.card:nth-child(6n+3) .card__title{max-width:50%;font-size:54px;@media (max-width:1280px){font-size:32px}@media (max-width:1024px){max-width:100%}}.card:nth-child(6n+4){grid-column:1/span 2;grid-row:span 2}.card:nth-child(6n+4) .card__title{font-size:54px;@media (max-width:1280px){font-size:32px}}.card:nth-child(6n){grid-column:4}.card:nth-child(6n+6) .card__title{font-size:27px}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(24,172,106,calc(var(--glow-intensity) * .8)) 0,rgba(24,172,106,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px rgba(46,24,78,.4),0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none;width:100%}@media (prefers-reduced-motion:reduce){.card:before{transition:none}}