*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Tahoma,Verdana,sans-serif;font-size:13px;color:#242927}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:#164f9b}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #de8d16;outline-offset:3px}button{min-height:27px}p{line-height:1.6}h1,h2,h3{font-family:Tahoma,Verdana,sans-serif}h1{font-size:26px}h2{font-size:22px}h3{font-size:16px}select{min-height:32px;background:white;color:#222}input{min-height:30px}textarea{line-height:1.6}::selection{background:#235bc4;color:white}.document-page{max-width:850px;margin:45px auto;background:#fffef7;border:1px solid #bab8aa;padding:36px;box-shadow:4px 5px 0 #d3d0c4}.document-page img{max-width:100%}.document-page header{border-bottom:1px solid #ccc;padding-bottom:20px}.document-page small{letter-spacing:2px}.document-page nav{display:flex;gap:20px;margin:22px 0}.document-page li{line-height:2}.document-page .placeholder{background:#fff4c4;padding:12px}body:has(.document-page){background:#e4e2d6}@media (max-width:600px){.document-page{margin:10px;padding:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.portfolio-grid article{min-width:0;padding:20px;border:1px solid #c5c6b9;border-radius:6px;background:#fffef7}.portfolio-grid img{width:100%;height:auto;aspect-ratio:25/16;object-fit:cover}.portfolio-grid h2{font-size:20px;overflow-wrap:anywhere}@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr}}