.portfolio-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:clamp(24px,4vw,52px);align-items:start}.portfolio-image-button{display:block;padding:0;overflow:hidden;background:transparent;border:1px solid rgba(216,197,162,.35);border-radius:14px;cursor:zoom-in;box-shadow:0 18px 46px rgba(0,0,0,.32)}.portfolio-image-button img{display:block;width:100%;height:auto}.portfolio-actions{display:grid;gap:18px;align-content:start}.portfolio-actions .talvaren-button{width:fit-content}.talvaren-button.secondary{background:rgba(38,45,55,.9)}@media(max-width:800px){.portfolio-layout{grid-template-columns:1fr}}
/* Production portfolio expansion */
.portfolio-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.portfolio-hero>div:first-child{max-width:780px}.portfolio-hero-actions,.portfolio-actions{display:flex;flex-wrap:wrap;gap:12px}.portfolio-summary{align-self:center}.portfolio-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0}.portfolio-facts div{padding:14px;border:1px solid rgba(89,67,38,.22);background:rgba(255,255,255,.18);border-radius:8px}.portfolio-facts dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;opacity:.72}.portfolio-facts dd{margin:5px 0 0;font-weight:700}.portfolio-section{margin-top:34px;padding-top:28px;border-top:1px solid rgba(89,67,38,.22)}.portfolio-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-card{padding:20px;border:1px solid rgba(89,67,38,.23);border-radius:9px;background:rgba(255,255,255,.18)}.portfolio-card h3{margin-top:0}.portfolio-workflow{display:grid;gap:10px;padding:0;list-style:none;counter-reset:portfolio-step}.portfolio-workflow li{counter-increment:portfolio-step;display:grid;grid-template-columns:40px minmax(150px,.5fr) 1fr;gap:14px;align-items:center;padding:13px 15px;border:1px solid rgba(89,67,38,.2);border-radius:8px;background:rgba(255,255,255,.14)}.portfolio-workflow li::before{content:counter(portfolio-step,decimal-leading-zero);font-weight:800;opacity:.6}.portfolio-workflow span{opacity:.82}.portfolio-principles{columns:2;column-gap:28px}.portfolio-principles p{break-inside:avoid;margin-top:0;padding:0 0 14px}@media(max-width:760px){.portfolio-hero{display:block}.portfolio-hero-actions{margin-top:18px}.portfolio-facts,.portfolio-card-grid{grid-template-columns:1fr}.portfolio-workflow li{grid-template-columns:34px 1fr}.portfolio-workflow span{grid-column:2}.portfolio-principles{columns:1}}