.sketchbook.sketchbook-codex{display:block}.sketchbook-opening{max-width:600px}.sketchbook-opening p{max-width:480px}.codex-explore{border-top:1px solid var(--line);margin-top:60px;padding-top:35px}.sketchbook-codex h3.eyebrow{letter-spacing:2.7px;color:var(--gold);font-family:inherit;font-size:12px;font-weight:600;line-height:1.7}nav.codex-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;margin:0;display:grid}.codex-categories a{border:1px solid var(--line);background:var(--surface);align-items:center;min-height:130px;padding:25px;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;line-height:1.1;display:flex}.codex-categories a:hover{border-color:var(--gold);color:var(--gold)}.codex-section{border-top:1px solid var(--line);margin-top:60px;padding-top:35px;scroll-margin-top:20px}.codex-section:target{border-top-color:var(--gold)}.codex-section h3{margin-bottom:25px}.sketchbook-codex .codex-empty{color:var(--muted);margin:0;font-size:14px}@media (max-width:680px){nav.codex-categories{grid-template-columns:1fr 1fr;gap:15px;overflow:visible}.codex-categories a{min-height:110px;padding:20px;font-size:28px}.codex-explore,.codex-section{margin-top:40px;padding-top:25px}}@media (max-width:360px){.codex-categories a{padding:15px;font-size:25px}}.sketchbook-opening-layout{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:center;gap:55px;display:grid}.sketchbook-feature{aspect-ratio:2/3;justify-self:center;width:100%;max-width:500px;position:relative;overflow:hidden}.sketchbook-feature img{width:190%;max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sketchbook-viewer .reader-controls{font-size:13px}.sketchbook-viewer .reader-controls span{color:var(--muted)}@media (max-width:900px){.sketchbook-opening-layout{grid-template-columns:1fr;gap:35px}.sketchbook-feature{display:none}}.sketchbook-instagram{flex-wrap:wrap;gap:18px 35px;display:flex}.sketchbook-codex .sketch-grid .art-card img{aspect-ratio:1;object-fit:cover;object-position:center;height:auto}.sketchbook-instagram{gap:18px}.instagram-button{background:linear-gradient(135deg,#23281f,var(--surface));border:1px solid #8e784f;align-items:center;gap:14px;min-height:64px;padding:17px 23px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.instagram-button svg,.instagram-arrow{color:var(--gold)}.instagram-arrow{margin-left:18px;font-size:21px;line-height:1}.instagram-button:hover{border-color:var(--gold);background:#262e23}@media (max-width:480px){.instagram-button{width:100%}.instagram-arrow{margin-left:auto}}.sketchbook-viewer{width:min(1200px,96vw)}.artwork-detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;display:grid}.artwork-detail-image{background:#080a08;justify-content:center;padding:18px;display:flex}.artwork-detail-image img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:72dvh;display:block}.artwork-detail-text{border-left:1px solid var(--line);background:var(--surface);max-height:76dvh;padding:30px;overflow:auto}.artwork-detail-text h3.eyebrow{letter-spacing:2.5px;color:var(--gold);margin:0 0 10px;font-family:inherit;font-size:11px;line-height:1.7}.artwork-detail-text p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.artwork-medium{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:22px}@media (max-width:760px){.artwork-detail-layout{grid-template-columns:1fr}.artwork-detail-image{padding:12px}.artwork-detail-image img{max-height:68dvh}.artwork-detail-text{border-left:0;border-top:1px solid var(--line);max-height:none;padding:24px;overflow:visible}}.lore-spoiler{text-align:left;color:var(--muted);margin:0;font-size:14px}.lore-spoiler summary{color:var(--gold);padding:10px 0}.lore-spoiler[open] summary{margin-bottom:10px}.artwork-variant-button{border:1px solid var(--gold);background:var(--surface);min-height:44px;color:var(--gold);font:inherit;cursor:pointer;justify-content:center;align-items:center;margin-bottom:24px;padding:12px 18px;font-size:13px;display:inline-flex}.artwork-variant-button:hover{background:#262e23}.artwork-variant-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}