*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{border-bottom:1px solid #ddd;padding:24px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.brand img{width:56px;height:56px;object-fit:contain}.brand strong{font-size:clamp(21px,2.8vw,35px);letter-spacing:-.055em;line-height:1.03;font-weight:800;display:block}.brand span{font-size:.52em;letter-spacing:.02em;font-weight:500;display:block}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px;letter-spacing:.07em;text-transform:uppercase}nav a:hover{text-decoration:underline}main{max-width:1500px;margin:auto;padding:32px max(5vw,22px) 80px}section{margin-bottom:90px}h1,h2{font-size:clamp(23px,3vw,38px);letter-spacing:-.045em}h2{margin:0 0 32px}.comics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.comic-tile{text-decoration:none;display:block}.comic-tile img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#f6f6f6;display:block}.comic-tile h3{font-size:15px;letter-spacing:.06em;margin:14px 0}.illustrations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.illustrations button,.pages button{display:block;border:0;background:transparent;padding:0;cursor:zoom-in;width:100%;text-align:center}.illustrations img,.pages img{display:block;width:100%;height:auto}.pages{max-width:900px;margin:0 auto;display:grid;gap:36px}.project-cover{max-width:450px;width:100%;height:auto;display:block;margin:10px auto 50px}.back{display:inline-block;margin-bottom:28px;text-decoration:none;font-size:14px}.about{max-width:700px;line-height:1.8;font-size:17px}.contact{font-size:18px}footer{border-top:1px solid #ddd;padding:22px 5vw;font-size:12px}dialog.viewer{padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:rgba(15,15,15,.96);color:white}dialog.viewer::backdrop{background:#111}.viewer-layout{height:100%;display:flex;flex-direction:column;align-items:center;padding:52px 56px 20px;gap:10px}.viewer-main{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;width:100%}.viewer-main img{max-width:100%;max-height:100%;object-fit:contain}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:16px;min-height:38px}.viewer button{color:#fff;background:#222;border:1px solid #666;border-radius:2px;padding:9px 14px;cursor:pointer}.viewer .close{position:absolute;right:14px;top:10px;font-size:22px}.viewer .previous{position:absolute;left:10px;top:50%}.viewer .next{position:absolute;right:10px;top:50%}.viewer-process{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;max-height:24vh;overflow:auto}.viewer-process[hidden],.viewer-controls [hidden]{display:none}.viewer-process button{display:flex;flex-direction:column;gap:5px;align-items:center}.viewer-process img{max-height:100px;max-width:130px;object-fit:contain}.viewer-process .active{outline:2px solid #fff}@media(max-width:700px){header{padding:18px}.brand img{width:43px;height:43px}nav{gap:15px}.comics{grid-template-columns:1fr;gap:32px}.comic-tile img{max-height:530px}.illustrations{grid-template-columns:1fr}.viewer-layout{padding:52px 35px 12px}.viewer .previous{left:0}.viewer .next{right:0}.viewer-controls{gap:7px;font-size:12px}.viewer button{padding:8px}}