.portfolio-accordion{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}@media (min-width:768px){.portfolio-accordion{gap:5rem;margin-top:6rem}}.portfolio-item{border-bottom:1px solid #fff3;padding-bottom:2rem}@media (min-width:768px){.portfolio-item{padding-bottom:5rem}}.portfolio-item:last-child{border-bottom:none}.portfolio-header{cursor:pointer;justify-content:space-between;align-items:flex-start;display:flex}.portfolio-text{flex-direction:column;flex:1;gap:.75rem;padding-right:1rem;display:flex}@media (min-width:768px){.portfolio-text{gap:1rem;padding-right:2rem}}.portfolio-title{font-size:1.25rem;font-weight:500;line-height:1.1}@media (min-width:768px){.portfolio-title{font-size:3.5rem}}.portfolio-description{color:#9ca3af;font-size:1rem;line-height:1.5}.portfolio-toggle{cursor:pointer;color:#fff;opacity:.7;background:0 0;border:none;border-radius:9999px;flex-shrink:0;transition:all .6s cubic-bezier(.16,1,.3,1)}.portfolio-icon{width:32px;height:32px;transition:transform .6s cubic-bezier(.16,1,.3,1)}@media (min-width:768px){.portfolio-toggle{margin-top:.25rem;padding:.5rem}.portfolio-icon{width:48px;height:48px}}.portfolio-toggle:hover{opacity:1}.portfolio-toggle.is-open{opacity:.4}.portfolio-icon.is-open{transform:rotate(45deg)scale(.8)}.portfolio-content-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),margin-top .8s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.portfolio-content-wrapper.is-open{opacity:1;grid-template-rows:1fr;margin-top:1.5rem}@media (min-width:768px){.portfolio-content-wrapper.is-open{margin-top:3rem}}.portfolio-content{overflow:hidden}.portfolio-image{border-radius:1rem;width:100%;margin-bottom:2rem;overflow:hidden}.portfolio-image img{width:100%;height:auto;display:block}.portfolio-link{color:#fff;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.portfolio-link:hover{color:var(--accent)}.portfolio-skills{color:#fffc;margin-top:.75rem;font-size:.75rem}@media (min-width:768px){.portfolio-skills{margin-top:1rem;font-size:.875rem}}.portfolio-content .portfolio-description{color:#9ca3af;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}