.portfolio-showcase-module__YCRmzq__showcase{color:#fff;padding:0 var(--page-padding) 5rem;background:#000}.portfolio-showcase-module__YCRmzq__intro{max-width:1400px;margin:auto;padding:clamp(7rem,12vw,10rem) 0 3.5rem}.portfolio-showcase-module__YCRmzq__intro>p{color:#ffc800;letter-spacing:.14em;margin:0;font-size:.8rem;font-weight:700}.portfolio-showcase-module__YCRmzq__intro h1{letter-spacing:-.045em;margin:2rem 0;font-size:clamp(3.3rem,7.5vw,7.5rem);font-weight:800;line-height:.98}.portfolio-showcase-module__YCRmzq__intro h1 span{color:#a1a1aa}.portfolio-showcase-module__YCRmzq__introBottom{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.portfolio-showcase-module__YCRmzq__introBottom>p{color:#a1a1aa;margin:0;font-size:1.05rem;line-height:1.6}.portfolio-showcase-module__YCRmzq__intro nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.portfolio-showcase-module__YCRmzq__intro nav a{border-bottom:1px solid #444;align-items:center;gap:.65rem;min-height:44px;text-decoration:none;display:inline-flex}.portfolio-showcase-module__YCRmzq__intro nav a span{color:#ffc800;font-size:.75rem}.portfolio-showcase-module__YCRmzq__projects{gap:4.5rem;max-width:1400px;margin:auto;display:grid}.portfolio-showcase-module__YCRmzq__project{--preview-height:clamp(340px,62svh,620px);min-width:0;scroll-margin-top:100px}.portfolio-showcase-module__YCRmzq__projectHeader{align-items:center;gap:1.5rem;padding:1.25rem 0;display:flex}.portfolio-showcase-module__YCRmzq__number{color:#ffc800;align-self:flex-start;padding-top:.45rem;font-size:.8rem}.portfolio-showcase-module__YCRmzq__projectHeader h2{margin:0;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:700;line-height:1.05}.portfolio-showcase-module__YCRmzq__projectHeader p{color:#a1a1aa;max-width:48ch;margin:.5rem 0 0;font-size:1rem}.portfolio-showcase-module__YCRmzq__projectHeader>a{white-space:nowrap;border-bottom:1px solid #555;align-items:center;gap:.5rem;min-height:44px;margin-left:auto;display:inline-flex}.portfolio-showcase-module__YCRmzq__browserBar{color:#a1a1aa;background:#111;border:1px solid #333;align-items:center;gap:1rem;min-height:42px;padding:.5rem 1rem;font-size:.8rem;display:flex}.portfolio-showcase-module__YCRmzq__browserDots{gap:5px;display:flex}.portfolio-showcase-module__YCRmzq__browserDots i{background:#666;border-radius:50%;width:6px;height:6px}.portfolio-showcase-module__YCRmzq__category{margin-left:auto}.portfolio-showcase-module__YCRmzq__viewport{height:var(--preview-height);overscroll-behavior-y:auto;scrollbar-color:#ffc800 #222;scrollbar-width:thin;background:#111;border:1px solid #333;border-top:0;position:relative;overflow:hidden auto}.portfolio-showcase-module__YCRmzq__capture{max-height:calc(var(--preview-height) * 2.75);overflow:hidden}.portfolio-showcase-module__YCRmzq__image{width:100%;max-width:none;height:auto;display:block}.portfolio-showcase-module__YCRmzq__project:not([data-image-state=ready]) .portfolio-showcase-module__YCRmzq__capture{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.portfolio-showcase-module__YCRmzq__status{color:#a1a1aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100%;padding:2rem;display:flex}.portfolio-showcase-module__YCRmzq__status p{margin:0}.portfolio-showcase-module__YCRmzq__status a,.portfolio-showcase-module__YCRmzq__status button{color:#ffc800;align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.portfolio-showcase-module__YCRmzq__previewEnd{color:#a1a1aa;background:#111;border-top:1px solid #333;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.portfolio-showcase-module__YCRmzq__previewEnd a{color:#fff;align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.portfolio-showcase-module__YCRmzq__projectFooter{color:#a1a1aa;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.portfolio-showcase-module__YCRmzq__projectFooter p{align-items:center;gap:.6rem;margin:0;font-size:.9rem;display:flex}.portfolio-showcase-module__YCRmzq__projectFooter p svg{color:#ffc800;flex:none}.portfolio-showcase-module__YCRmzq__projectFooter button{white-space:nowrap;color:#fff;align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.portfolio-showcase-module__YCRmzq__showcase a:hover,.portfolio-showcase-module__YCRmzq__showcase button:hover{color:#ffc800}.portfolio-showcase-module__YCRmzq__showcase :is(a,button,.portfolio-showcase-module__YCRmzq__viewport):focus-visible{outline-offset:4px;outline:2px solid #ffc800}@media (max-width:767px){.portfolio-showcase-module__YCRmzq__showcase{padding-inline:1rem}.portfolio-showcase-module__YCRmzq__intro{padding-top:7rem}.portfolio-showcase-module__YCRmzq__introBottom{display:block}.portfolio-showcase-module__YCRmzq__intro nav{gap:.5rem 1rem;margin-top:1.5rem}.portfolio-showcase-module__YCRmzq__project{--preview-height:clamp(300px,56svh,480px);scroll-margin-top:80px}.portfolio-showcase-module__YCRmzq__projectHeader{flex-wrap:wrap;gap:.8rem}.portfolio-showcase-module__YCRmzq__projectHeader>div{flex:1;min-width:0}.portfolio-showcase-module__YCRmzq__projectHeader p{font-size:.95rem}.portfolio-showcase-module__YCRmzq__projectHeader>a{margin-left:0}.portfolio-showcase-module__YCRmzq__category{display:none}.portfolio-showcase-module__YCRmzq__projectFooter{align-items:flex-start}.portfolio-showcase-module__YCRmzq__projectFooter p{align-items:flex-start;line-height:1.5}.portfolio-showcase-module__YCRmzq__projects{gap:2.5rem}.portfolio-showcase-module__YCRmzq__previewEnd{flex-direction:column;align-items:flex-start}}