:root{--bg:#05060c;--bg2:#0b0e1a;--card:rgba(255,255,255,.04);--line:rgba(190,205,255,.12);--fg:#e9ecf5;--muted:#9aa3bd;--acc:#f3b765;--acc2:#7fb2ff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.62 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
header.top{position:sticky;top:0;z-index:5;background:rgba(5,6,12,.78);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px}
.brand{color:var(--fg);font-weight:700;letter-spacing:.02em}.brand span{color:var(--acc)}
nav a{color:var(--muted);margin-left:18px;font-size:15px}nav a:hover{color:var(--fg)}
.hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;background:#000 center/cover no-repeat;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,12,.1) 0%,rgba(5,6,12,.25) 55%,var(--bg) 100%)}
.hero .wrap{position:relative;z-index:1;padding-bottom:48px}
.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:0 0 12px;letter-spacing:-.01em}
.hero p{max-width:640px;color:#cfd5e6;margin:0 0 22px}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;border:1px solid var(--line);color:var(--fg);margin:0 8px 8px 0;font-size:15px}
.btn.pri{background:var(--acc);border-color:var(--acc);color:#1a1205;font-weight:600}.btn:hover{text-decoration:none;border-color:var(--acc)}
section{padding:48px 0}h2{font-size:28px;margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;background:#000}
.card .b{padding:12px 14px 16px}.card h3{font-size:17px;line-height:1.35;margin:0 0 6px}.card h3 a{color:var(--fg)}
.card .m{color:var(--muted);font-size:13px}
.renders{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.renders img{width:100%;height:auto;border-radius:12px;display:block;border:1px solid var(--line)}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}@media(max-width:760px){.about{grid-template-columns:1fr}nav a{margin-left:12px}}
.muted{color:var(--muted)}
.photo figure{margin:0}.photo img{width:100%;height:auto;border-radius:12px;display:block;background:#000;border:1px solid var(--line)}
.photo h1{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:28px 0 14px}
.cap{font-size:18px}.orig{border-left:3px solid var(--line);padding:2px 0 2px 14px;color:var(--muted);font-size:15px;margin:18px 0}
dl.meta{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:15px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
dl.meta dt{color:var(--muted)}dl.meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.article figure{margin:24px 0}.article figure img{width:100%;height:auto;border-radius:12px;display:block;background:#000;border:1px solid var(--line)}.article figcaption{font-size:14px;color:#c9cfdf;margin-top:8px}.article h2{font-size:24px;margin:32px 0 10px}.article p{max-width:760px}.article ul{color:var(--muted)}
.pager{display:flex;justify-content:space-between;gap:12px;margin:28px 0}
footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:14px}