*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #EDE8E2;--card: #f5f2ee;--text: #1a1a1a;--muted: #888;--border: rgba(0,0,0,.1);--cols: 3}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.home-btn{position:fixed;top:2.2rem;left:2.5rem;z-index:200;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(.55rem,.9vw,.8rem);letter-spacing:-.06em;line-height:.9;text-transform:uppercase;text-decoration:none;color:var(--text);opacity:.4;transition:opacity .2s}.home-btn:hover{opacity:1}.portfolio{padding:8rem 4vw 8rem;opacity:0;transition:opacity .8s ease;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:16px;align-items:start}.portfolio.visible{opacity:1}.portfolio__header{grid-column:1 / -1;padding-bottom:2rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.portfolio__header h1{font-weight:700;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.08em;line-height:.9;text-transform:uppercase}.portfolio-item{background:var(--card);border:1px solid var(--border);border-radius:6px;overflow:hidden;color:var(--text);display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.portfolio-item:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-2px)}.portfolio-item__meta{font-weight:700;font-size:.62rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.portfolio-item__cover-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#ddd9d3}.portfolio-item__cover{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease,transform .5s ease}.portfolio-item__cover.loaded{opacity:1}.portfolio-item:hover .portfolio-item__cover{transform:scale(1.03)}.portfolio-item__body{padding:1.2rem 1.4rem 0;flex:1;display:flex;flex-direction:column;gap:.4rem}.portfolio-item__title{font-weight:700;font-size:clamp(.85rem,1.2vw,1rem);letter-spacing:-.03em;line-height:1.15;color:var(--text)}.portfolio-item__stack{font-weight:700;font-size:.62rem;letter-spacing:.04em;color:var(--muted)}.portfolio-item__desc{font-weight:400;font-size:.75rem;line-height:1.6;color:var(--text);opacity:.65;margin-top:.3rem}.portfolio-item__footer{padding:.9rem 1.4rem;margin-top:1rem;border-top:1px solid var(--border);display:flex;gap:1rem}.portfolio-item__link{font-weight:700;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}.portfolio-item__link:hover{color:var(--text)}.portfolio-item__cover-wrap.empty{background:linear-gradient(135deg,#ddd9d3,#ccc8c2)}@media(max-width:900px){:root{--cols: 2}}@media(max-width:500px){:root{--cols: 1}}