:root{--paper:#f3efe5;--ink:#151515;--blue:#214fe5;--orange:#cf4120;--muted:#62615d;--rule:#c9c3b5;--card:#eee8dc;--max:1320px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans Variable,system-ui,sans-serif;line-height:1.45}.mono{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:.7rem}.wrap{width:min(var(--max), calc(100% - 52px));margin-inline:auto}.round{border:1px solid var(--ink);min-height:44px;color:inherit;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:650;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.round:hover{background:var(--ink);color:var(--paper)}.mock-header{border-bottom:1px solid var(--ink);padding:48px 0 32px}.mock-header .kicker{color:var(--muted);margin-bottom:12px}.mock-header h1{letter-spacing:-.03em;margin-bottom:12px;font-family:Newsreader Variable,Georgia,serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500}.mock-header .lede{color:var(--muted);max-width:640px;margin-bottom:20px}.mock-main{gap:0;padding:0 0 48px;display:grid}.mock-panel{border-bottom:1px solid var(--ink);grid-template-columns:minmax(220px,320px) 1fr;gap:0;min-height:280px;display:grid}.mock-label{border-right:1px solid var(--ink);padding:36px 28px 36px 0}.mock-label span.mono{text-align:center;border:1px solid var(--ink);width:28px;height:28px;margin-bottom:14px;line-height:28px;display:inline-block}.mock-label h2{letter-spacing:-.02em;margin-bottom:10px;font-family:Newsreader Variable,Georgia,serif;font-size:1.6rem;font-weight:500}.mock-label p{color:var(--muted);font-size:.92rem;line-height:1.5}.mock-stage{flex-direction:column;justify-content:center;padding:36px 0 36px 36px;display:flex}.mock-stage--paper{background:repeating-linear-gradient(90deg,#0000 0 28px,#1515150a 28px 29px)}.mock-hint{color:var(--muted);margin-bottom:14px;font-size:.62rem}.proof-strip{border:1px solid var(--ink);background:var(--blue);color:#fff;position:relative;overflow:hidden}.proof-strip--halftone:before,.proof-strip--halftone:after{content:"";pointer-events:none;position:absolute;inset:0}.proof-strip--halftone:before{mix-blend-mode:soft-light;background-image:radial-gradient(circle,#ffffff38 .55px,#0000 .65px);background-size:7px 7px;animation:16s linear infinite halftone-drift}.proof-strip--halftone:after{mix-blend-mode:multiply;opacity:.6;background-image:radial-gradient(circle,#0000001f .45px,#0000 .55px);background-position:3px 3px;background-size:7px 7px;animation:22s linear infinite halftone-drift-rev}@keyframes halftone-drift{0%{background-position:0 0}to{background-position:7px 7px}}@keyframes halftone-drift-rev{0%{background-position:3px 3px}to{background-position:-4px 10px}}.proof-grid{z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.proof-grid span{border-right:1px solid #ffffff73;flex-direction:column;justify-content:center;min-height:76px;padding:14px 20px;display:flex}.proof-grid span:first-child{border-left:1px solid #ffffff73}.proof-grid b{font-family:Newsreader Variable,Georgia,serif;font-size:1.6rem;font-weight:500;line-height:1}.proof-grid small{text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font-family:DM Mono,monospace;font-size:.62rem}.portfolio-card{border:1px solid var(--ink);background:var(--card);outline:none;max-width:720px;padding:28px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:relative}.portfolio-card--riso:before,.portfolio-card--riso:after{content:"";pointer-events:none;opacity:0;border:1px solid #0000;transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:-1px}.portfolio-card--riso:before{border-color:var(--blue);z-index:-2;transform:translate(0)}.portfolio-card--riso:after{border-color:var(--orange);z-index:-1;background:repeating-linear-gradient(-12deg,#0000,#0000 2px,#15151508 2px 3px);transform:translate(0)}.portfolio-card--riso:hover,.portfolio-card--riso:focus-visible{transform:translate(-2px,-2px)}.portfolio-card--riso:hover:before,.portfolio-card--riso:focus-visible:before{opacity:1;animation:3.2s ease-in-out infinite riso-drift-a;transform:translate(-3px,2px)}.portfolio-card--riso:hover:after,.portfolio-card--riso:focus-visible:after{opacity:.85;animation:3.2s ease-in-out infinite riso-drift-b;transform:translate(3px,-2px)}@keyframes riso-drift-a{0%,to{transform:translate(-3px,2px)}50%{transform:translate(-1px,3px)}}@keyframes riso-drift-b{0%,to{transform:translate(3px,-2px)}50%{transform:translate(2px,-4px)}}.portfolio-entry-head{grid-template-columns:56px 1fr;align-items:start;gap:18px;display:grid}.portfolio-index{color:var(--blue)}.portfolio-entry-head h3{letter-spacing:-.02em;font-size:1.55rem}.portfolio-meta{color:var(--muted);margin-top:6px}.portfolio-problem{margin:18px 0 16px;font-size:1.02rem}.portfolio-details{gap:14px;display:grid}.portfolio-details div{grid-template-columns:90px 1fr;align-items:start;gap:16px;display:grid}.portfolio-details dt{color:var(--muted)}.portfolio-details dd{color:var(--muted);font-size:.95rem}.mock-footer{color:var(--muted);padding:28px 0 48px;font-size:.72rem}@media (width<=900px){.mock-panel{grid-template-columns:1fr}.mock-label{border-right:0;border-bottom:1px solid var(--ink);padding:28px 0}.mock-stage{padding:28px 0}.proof-grid{grid-template-columns:1fr}.proof-grid span{border-left:1px solid #ffffff73}.proof-grid span:not(:last-child){border-bottom:1px solid #ffffff73}}@media (prefers-reduced-motion:reduce){.proof-strip--halftone:before,.proof-strip--halftone:after,.portfolio-card--riso:hover:before,.portfolio-card--riso:hover:after,.portfolio-card--riso:focus-visible:before,.portfolio-card--riso:focus-visible:after{animation:none!important}.portfolio-card--riso:hover:before,.portfolio-card--riso:focus-visible:before{transform:translate(-2px,1px)}.portfolio-card--riso:hover:after,.portfolio-card--riso:focus-visible:after{transform:translate(2px,-1px)}}