/* Alvdansen labs: Elf Green on top of the shared style.css */
.labs .bar{background:var(--paper)}
.btn-studio{background:var(--blue);color:var(--forest);padding:10px 18px}
.btn-studio .dot{width:16px;height:16px}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}

.lhero{display:grid;grid-template-columns:1.1fr .9fr;gap:4vw;align-items:center;background:var(--green);padding:120px 4vw 70px;margin-top:0}
.lhero h1{font-size:clamp(44px,5vw,76px)}
.lhero p{font-size:20px;max-width:30em}
.lhero .dot-lg{margin-bottom:24px}
.lhero-art{border:3px solid var(--forest);background:#fff;aspect-ratio:1.13;overflow:hidden}
.lhero-art img{width:100%;height:100%;object-fit:contain}

.tools,.models{padding:80px 4vw}
.tools h2,.research h2,.models h2{font-size:clamp(40px,4vw,56px)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tool{display:flex;flex-direction:column;gap:8px;background:var(--sage);border:3px solid var(--forest);border-radius:20px;padding:24px;text-decoration:none;min-height:250px}
.tool h3{font-size:32px;margin:0}
.tool p{margin:6px 0 16px}
.tool .more{margin-top:auto;font-weight:700;color:var(--forest)}
.tool .more::after{content:"  \2192"}
.tool:hover{transform:translateY(-2px)}
.tool-workshop{background:var(--butter)}
.tool-workshop .btn{margin-top:auto;align-self:flex-start}
.tag{display:inline-block;align-self:flex-start;font:700 13px/1 var(--sans);letter-spacing:.06em;background:var(--lav);color:var(--forest);border:2px solid var(--forest);border-radius:999px;padding:5px 12px;vertical-align:middle}
.tag-butter{background:var(--butter)} .tag-blue{background:var(--blue)}

.research{background:var(--green);padding:80px 4vw}
.paper{display:block;background:var(--paper);border:3px solid var(--forest);border-radius:18px;padding:22px 24px;text-decoration:none}
.paper h3{font-size:28px;margin:0 0 4px}
.paper .date{font-weight:700;font-size:15px;color:var(--forest)}
.paper p{margin:6px 0 0}

.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.chips a{display:block;background:var(--sage);border:2px solid var(--forest);border-radius:999px;padding:16px 24px;font-weight:700;text-decoration:none;color:var(--forest)}
.models h2 .tag{font-size:14px;margin-left:14px}

.lfoot{padding:40px 4vw;font-size:16px}
.lfoot p{margin:6px 0}
.lfoot a{color:var(--butter)}

@media (max-width:900px){
  .lhero{grid-template-columns:1fr;padding-top:100px}
  .grid3,.grid2{grid-template-columns:1fr}
  .chips{grid-template-columns:repeat(2,1fr)}
  .actions .btn-studio{display:none}
}