/* Character-based botanical studies for the open-source collection. */
.result-card .card-surface{background:#111a19}
.result-card .card-surface::after{display:none}
.plant-scene{position:absolute;inset:0;overflow:hidden;color:#c8e8c6;pointer-events:none}
.plant-field{position:absolute;inset:44px 12px 158px;display:grid;place-items:center}
.plant-ascii{margin:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-weight:500;font-size:9px;line-height:1;letter-spacing:0;white-space:pre;text-align:left;font-variant-ligatures:none;user-select:none;opacity:.48;transition:opacity .24s ease}
.plant-label{position:absolute;left:26px;top:24px;color:#a2b6b0;font:500 10px/1.4 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em}
.result-card.is-active .plant-ascii,.model-card.is-active .plant-ascii{opacity:1}
.result-card:nth-child(2) .card-surface{background:#11191e}
.result-card:nth-child(2) .plant-scene{color:#c5e3eb}
.result-card:nth-child(3) .card-surface{background:#1b1b19}
.result-card:nth-child(3) .plant-scene{color:#e7dfbf}
.result-card .project-name,.result-card .project-description{text-shadow:none}
.result-card:not(.is-active) .project-intro{opacity:1;transform:none;max-width:calc(100% - 44px)}
.result-card:not(.is-active) .project-intro::before,.result-card:not(.is-active) .project-description{display:none}
.result-card:not(.is-active) .project-name{font-size:clamp(24px,2.2vw,32px);color:#d1d8d5}
.result-card .project-github{background:rgba(255,255,255,.08)}
.shader-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 58% 35%,#29422d 0%,#111a16 46%,#090909 80%);pointer-events:none}
.autorsi-shader,.project-shader{display:block;width:100%;height:100%;opacity:0}
.shader-scene.is-ready .autorsi-shader,.project-shader{opacity:1}
.shader-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.34) 25%,transparent 55%)}
.model-grid{display:flex;align-items:stretch}
.model-card{flex:1 1 0;grid-template-rows:190px 1fr;cursor:pointer;outline:none;transition:flex-grow .36s var(--e-out),transform .24s var(--e-out),box-shadow .24s var(--e-out)}
.model-card.is-active{flex-grow:1.5;box-shadow:0 12px 28px rgba(29,29,31,.1)}
.model-card:hover{transform:none}
.model-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.model-cover{background:#151c22}
.model-cover .plant-scene{color:#cadbea}
.model-cover .plant-field{inset:25px 10px 12px}
.model-cover .plant-label{top:14px;left:18px;font-size:9px}
.model-card:nth-child(2) .model-cover{background:#18201d}
.model-card:nth-child(2) .plant-scene{color:#d1e4c0}
.model-card:nth-child(3) .model-cover{background:#211e19}
.model-card:nth-child(3) .plant-scene{color:#e6d3ac}
@media(max-width:740px){
  .result-card,.result-card.is-active{min-height:0}
  .result-card .card-surface{height:260px;transition:height .3s var(--e-out)}
  .result-card.is-active .card-surface{height:380px}
  .plant-field{inset:34px 14px 92px}
  .result-card.is-active .plant-field{bottom:155px}
  .result-card .project-description{display:none}
  .result-card.is-active .project-description{display:block}
  .result-card .project-name{font-size:32px}
  .plant-label{left:24px;top:20px}
  .model-grid{flex-direction:column}
  .model-card,.model-card.is-active{flex:none;grid-template-columns:1fr;grid-template-rows:130px auto;transition:grid-template-rows .3s var(--e-out),box-shadow .24s ease}
  .model-card.is-active{grid-template-rows:200px auto}
  .model-body{padding:18px}
  .model-name{font-size:19px}
  .model-description{font-size:14px;line-height:1.5;margin:10px 0}
}
@media(prefers-reduced-motion:reduce){.plant-ascii,.model-card,.card-surface{transition:none!important}}