.portfolio{scroll-margin-top:40px;position:relative}.portfolio .section-heading p{font-size:1rem;line-height:1.7}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.portfolio-card{background:linear-gradient(145deg,#191511,#0a0e10);border:1px solid #79502f;border-radius:20px;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0005}.portfolio-card:hover,.portfolio-card:focus-within{border-color:#eba36b;transform:translateY(-5px);box-shadow:0 24px 64px #0007,0 0 32px #d37a3426}.portfolio-screen{background:radial-gradient(at top,#b16e3626,#0000 65%);padding:14px 14px 0}.portfolio-browser{background:#1c1c1b;border:1px solid #55503f;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:12px;padding:12px;display:flex}.portfolio-browser>span:first-child{gap:4px;display:flex}.portfolio-browser i{background:#b47c49;border-radius:50%;width:5px;height:5px}.portfolio-browser p{color:#d7c8b6;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:.75rem}.portfolio-browser>span:last-child{color:#d6a26f}.portfolio-viewport{aspect-ratio:16/10;isolation:isolate;background:#101314;border:1px solid #55503f;position:relative;overflow:hidden;container-type:inline-size}.portfolio-viewport iframe{transform-origin:0 0;pointer-events:none;background:#101314;border:0;width:250%;height:250%;display:block;transform:scale(.4)}.portfolio-viewport>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.portfolio-scan{z-index:2;pointer-events:none;background:linear-gradient(#0000 47%,#e9a66340 50%,#0000 53%);animation:8s ease-in-out infinite portfolioScan;position:absolute;inset:0;transform:translateY(-110%)}.portfolio-card:nth-child(2n) .portfolio-scan{animation-delay:-3s}.portfolio-card:nth-child(3n) .portfolio-scan{animation-delay:-5s}.portfolio-screen-base{letter-spacing:.08em;color:#ca9c75;border-bottom:1px solid #a875423d;justify-content:space-between;padding:10px 4px;font:500 .75rem monospace;display:flex}.portfolio-copy{padding:26px}.portfolio-kind{color:#e6ad7e;margin:0 0 12px;font-size:.875rem}.portfolio-copy h3{font-family:var(--font-cinzel),Georgia,serif;color:#f5efe7;margin:0 0 16px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}.portfolio-description{color:#bab6ae;margin:0 0 26px;font-size:1rem;line-height:1.65}.portfolio-visit{color:#180e06;background:linear-gradient(120deg,#e6aa76,#b76c37);border:1px solid #d99660;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;font-size:1rem;font-weight:800;transition:filter .2s;display:flex}.portfolio-visit:hover{filter:brightness(1.12)}.portfolio-visit:focus-visible{outline-offset:4px;outline:3px solid #fff}.portfolio-preview-note{color:#aaa69e;margin:28px 0 0;font-size:.875rem;line-height:1.65}@keyframes portfolioScan{0%,15%{transform:translateY(-110%)}55%,to{transform:translateY(110%)}}@media (min-width:1100px){.portfolio-card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center;display:grid}}@media (max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:28px}.portfolio-copy{padding:22px}.portfolio .section-heading p{font-size:1rem}.portfolio-screen{padding:10px 10px 0}}@media (prefers-reduced-motion:reduce){.portfolio-scan{animation:none;display:none}.portfolio-card{transition:none}.portfolio-card:hover,.portfolio-card:focus-within{transform:none}}