:root{--paper:#f5f5f5;--ink:#292e28;--muted:#697063;--line:#d6d8cd;--accent:#596946}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer}header{max-width:1720px;margin:auto;padding:24px 32px 18px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:25px}.wrap{max-width:1720px;margin:auto;padding:0 32px}.gallery{display:flex;flex-direction:column;gap:28px}
.art-row{display:grid;grid-template-columns:var(--row-columns);gap:24px;align-items:start}
.art{min-width:0;align-self:start}
.gallery.sketch-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:24px;row-gap:0;grid-auto-rows:4px;grid-auto-flow:dense;align-items:start}
body[data-page="sketchbook"] header,body[data-page="sketchbook"] .wrap,body[data-page="sketchbook"] footer{max-width:1420px}
.imagebutton{display:block;width:100%;border:0;background:transparent;padding:0;position:relative;overflow:hidden}.imagebutton img{display:block;width:100%;height:auto;transition:transform .4s}.imagebutton:hover img{transform:scale(1.012)}.imagebutton:after{content:'↗';position:absolute;right:10px;bottom:8px;font-size:20px;line-height:1;background:#f5f5f5dd;padding:6px;opacity:0;transition:opacity .2s}.imagebutton:hover:after,.imagebutton:focus-visible:after{opacity:1}.caption{padding-top:9px}.caption h2{font:normal 18px/1.25 Georgia,serif;margin:0 0 4px}.meta{font-size:11px;color:var(--muted);margin:2px 0;max-width:520px;line-height:1.5}.award{font-size:10px;color:var(--accent);margin:6px 0 0;line-height:1.4}.video-slot{aspect-ratio:16/9;position:relative;width:100%;background:#171c18;overflow:hidden}.video-slot.portrait{aspect-ratio:9/16;width:100%}.video-panel{border:0;position:absolute;inset:0;width:100%;height:100%;padding:0;background:#171c18;color:white;display:block}.video-panel img{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:23px;background:#161b17b5;border:1px solid #ffffff99;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;padding-left:4px;transition:background .2s}.video-panel:hover .play{background:#161b17ed}.video-panel .unavailable{position:absolute;left:12px;right:12px;bottom:12px;font-size:12px;display:none}.video-panel.thumbnail-unavailable .unavailable{display:block}.video-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#171c18}.video-link{font-size:10px;display:inline-block;margin-top:5px;color:var(--muted)}.sketch-teaser{margin:36px 0 28px;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px}.teaser-images{display:flex;gap:10px;width:210px;flex-shrink:0}.teaser-images img{width:calc(50% - 5px);height:96px;object-fit:cover;box-shadow:0 5px 15px #292e2812}.teaser-images img:first-child{transform:rotate(-3deg)}.teaser-images img:last-child{transform:rotate(3deg)}.sketch-teaser h2{font:normal 23px Georgia,serif;margin:0 0 5px}.sketch-teaser p{color:var(--muted);font-size:12px;margin:0}.text-link{display:inline-block;font-size:12px;margin-top:8px}footer{max-width:1720px;margin:24px auto 0;border-top:1px solid var(--line);padding:18px 32px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:0;background:var(--paper);padding:22px;width:min(1200px,95vw);max-height:94vh;color:var(--ink)}dialog::backdrop{background:#151b16df}.dialog-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}.close{background:none;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:23px}.large-image{width:100%;max-height:73vh;object-fit:contain;margin-top:12px}.dialog-foot h2{font:normal 20px Georgia,serif;margin:12px 0 6px}.sketch-intro{margin:8px 0 24px;display:flex;gap:20px;align-items:baseline;justify-content:space-between}.sketch-intro h1{font:normal 26px Georgia,serif;margin:0}.sketch-intro a{font-size:11px}.sketch-grid .art{width:100%}.empty{padding:40px}button:focus-visible,a:focus-visible{outline:3px solid #8b9d74;outline-offset:4px}@media(max-width:700px){header{padding:20px 5% 17px}.brand{font-size:23px}.wrap{padding:0 5%}.art-row{grid-template-columns:1fr;gap:24px}.gallery.sketch-grid{grid-template-columns:1fr;column-gap:0}.caption h2{font-size:17px}.video-slot.portrait{width:100%}.sketch-teaser{gap:20px}.teaser-images{width:140px}.teaser-images img{height:75px}.sketch-teaser h2{font-size:20px}.sketch-teaser p{display:none}dialog{padding:15px}footer{gap:20px}.sketch-intro{flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.portfolio-collection{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.portfolio-collection.first-collection{margin-top:8px;padding-top:0;border-top:0}
.portfolio-collection>h2{font:normal 26px/1.25 Georgia,serif;margin:0 0 24px}
.portfolio-collection .caption h2{font-size:16px}
.painting-gallery .art-row:last-child{width:100%;max-width:1120px}
.featured-designs{max-width:1240px;margin-inline:auto}
.supporting-designs{max-width:1100px;margin:30px auto 0}
@media(max-width:700px){.portfolio-collection{margin-top:28px}.portfolio-collection>h2{font-size:23px}.supporting-designs .art{width:90%;justify-self:center}footer{flex-wrap:wrap}}