/* Modern gallery direction. The previous design is preserved in backups/. */
:root{--paper:#f6f7fb;--ink:#171d2b;--muted:#677083;--line:#e0e4ed;--accent:#3159ed;--gap:24px;font-family:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN",sans-serif;background:var(--paper);color:var(--ink)}
body{padding:24px 40px 0;max-width:1760px;margin:auto}
.masthead{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;background:#111b30;color:#fff;border-radius:24px;padding:28px 40px 36px;margin-bottom:26px;column-gap:28px}
.masthead::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 130%,#224abc77,transparent 60%)}
.masthead::after{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-130px;top:-200px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03}
.edition{grid-column:1/-1;padding:0;align-items:center;letter-spacing:.12em;font-size:.75rem;color:#b9c8e2}
.edition span:first-child{border:1px solid #ffffff2b;border-radius:99px;padding:9px 13px;font-size:.75rem}
.masthead h1{font-size:clamp(4rem,8.5vw,9.25rem);font-weight:600;letter-spacing:-.065em;line-height:1.12;margin:35px 0 0}
.brand-dot{color:#87aaff}
.masthead-bottom{align-self:end;max-width:175px;padding:0 0 13px}
.masthead-bottom p,.masthead-bottom p:last-child{font-size:.875rem;letter-spacing:.015em;line-height:1.65;color:#b9c8e2}
.navigation{padding:10px;background:#ffffffed;border:1px solid var(--line);border-radius:18px;top:12px;backdrop-filter:blur(18px);box-shadow:0 8px 30px #192d5306;gap:12px}
.service-tabs{gap:6px}.service-tabs button{gap:26px;min-height:46px;padding:0 20px;border-radius:11px;font-size:.9375rem;font-weight:500}
.service-tabs button span{font-size:.75rem;margin-top:9px}
.service-tabs button[aria-selected=true]{color:white;background:var(--accent);box-shadow:0 4px 12px #3159ed22}
.service-tabs button:hover:not([aria-selected=true]){background:#edf1ff;color:#244acb}
.all-works{gap:26px;padding:0 19px;font-size:.875rem;min-height:46px;border-left:1px solid var(--line)}
.all-works[aria-current=page]{border:0;background:var(--accent);color:white;border-radius:11px;padding:0 19px}
.section-heading{padding:32px 0 18px;align-items:center}
.section-title{gap:14px;display:grid;grid-template-columns:auto 1fr;flex:1 1 160px}
.section-title .eyebrow{grid-column:1/-1;font-size:.75rem;letter-spacing:.13em;color:var(--muted)}
.section-title h2{font-size:2rem;letter-spacing:-.045em;font-weight:600}
#work-count{font-size:.75rem!important;letter-spacing:.03em;background:#e9edf5;border-radius:99px;padding:5px 9px;justify-self:start;align-self:center;color:#56627b}
.section-actions{gap:20px;font-size:.875rem}
.section-actions a{border:0;font-size:.875rem;color:#56627b;transition:color .2s}
.section-actions a:hover{color:var(--accent)}
#latest-button{font-size:.875rem;min-height:46px;padding:0 20px;border:0;background:var(--ink);color:white;border-radius:99px;gap:28px;transition:background .2s,transform .2s}
#latest-button:hover{background:var(--accent);transform:translateY(-2px)}
.preview-note{font-size:.75rem;margin:0 0 22px;line-height:1.75;color:#687184}
.gallery{gap:28px 24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.artwork{background:white;border:1px solid #e6eaf1;border-radius:17px;padding:8px;transition:box-shadow .3s,transform .3s;scroll-margin-top:110px}
.artwork:hover{box-shadow:0 14px 40px #20365d0c;transform:translateY(-3px)}
.image-button{border-radius:11px;aspect-ratio:1.05;background:#e4e9f3}
.image-button img{object-position:center 27%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.image-button:hover img{transform:scale(1.035)}
.image-button .view-label{bottom:14px;right:14px;padding:12px 15px;border-radius:99px;background:#ffffffed;color:var(--ink);font-size:.8125rem;backdrop-filter:blur(12px)}
.artwork-meta{padding:16px 10px 13px;align-items:center;gap:10px}
.artwork-meta h3{font-size:1rem;font-weight:500;gap:11px}
.work-number{font-family:monospace;font-size:.75rem;color:#8a94a6}
.work-info,.work-info a{font-size:.75rem}.source-label{color:#7a8496;font-size:.75rem}
.gallery-bottom{margin-top:36px;padding:25px 3px;border-top:1px solid var(--line)}
.gallery-bottom>span{font-family:monospace;color:var(--muted);font-size:.75rem}
.gallery-bottom>a{border:1px solid #d7deec;background:white;border-radius:99px;padding:15px 21px;font-size:.875rem;transition:background .2s,color .2s}
.gallery-bottom>a:hover{background:var(--accent);color:white;border-color:var(--accent)}
.gallery-bottom>a span{margin-left:25px}
footer{margin-top:28px;border-top:1px solid var(--line);padding:30px 0 35px}
.footer-brand{font-size:1.75rem;font-weight:600;letter-spacing:-.055em}
footer p{font-size:.75rem}footer nav{font-size:.875rem;gap:25px}
footer nav a:hover{color:var(--accent)}
dialog{border-radius:22px;background:white;box-shadow:0 24px 100px #0005}
dialog::backdrop{background:#111b30cf;backdrop-filter:blur(12px)}
.dialog-close{border:0;border-radius:99px;background:white;box-shadow:0 4px 15px #0001}
.dialog-art{background:#eff2f7}.dialog-caption{padding:24px 28px}.dialog-caption a{color:var(--accent)}
@media(min-width:1800px){body{padding:24px 40px 0}}
@media(max-width:1100px){body{padding:20px 24px 0}.masthead{padding:25px 30px 30px}.service-tabs button{gap:17px;padding:0 15px}.work-info>span{display:none}}
@media(max-width:900px){.masthead{grid-template-columns:1fr}.masthead h1{font-size:clamp(4rem,11vw,6.5rem);margin-top:30px}.masthead-bottom{max-width:none;padding:14px 0 0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.section-title .eyebrow{width:auto}.all-works{gap:15px;padding:0 12px}.service-tabs button{gap:12px;padding:0 12px}.section-actions{gap:16px}}
@media(max-width:600px){body{padding:12px 14px 0}.masthead{padding:21px 21px 24px;border-radius:20px;margin-bottom:16px}.edition{gap:14px}.edition span:first-child{font-size:.75rem;letter-spacing:.04em;padding:0;border:0;border-radius:0}.edition span:last-child{display:none}.masthead h1{font-size:clamp(2rem,12.3vw,4.6rem);letter-spacing:-.06em;line-height:1.16;margin-top:28px}.masthead-bottom{padding-top:12px}.masthead-bottom p,.masthead-bottom p:last-child{font-size:.875rem}.navigation{padding:7px;top:8px;border-radius:15px;gap:6px}.service-tabs{gap:3px;width:100%}.service-tabs button{min-height:44px;flex:1 1 auto;font-size:.875rem;padding:0 9px;gap:5px;border-radius:9px}.service-tabs button span{display:none}.all-works{border:0;min-height:38px;font-size:.875rem;gap:20px;padding:0 11px}.all-works[aria-current=page]{padding:0 11px;min-height:38px;border-radius:9px}.section-heading{padding:25px 2px 16px;gap:12px;align-items:center}.section-title{flex:1 1 90px;gap:10px;display:flex;flex-wrap:wrap}.section-title .eyebrow{width:100%;font-size:.75rem}.section-title h2{font-size:1.6rem}#work-count{font-size:.75rem!important;padding:4px 8px}.section-actions{gap:6px;align-items:flex-end}.section-actions a{font-size:.75rem;padding:7px 0}#latest-button{font-size:.8125rem;padding:0 14px;gap:10px;min-height:44px}.preview-note{font-size:.75rem;padding:0 2px;margin-bottom:20px}.gallery{grid-template-columns:1fr;gap:20px}.artwork{padding:7px;border-radius:16px}.image-button{aspect-ratio:1.04;border-radius:10px}.artwork-meta{padding:14px 9px 12px}.artwork-meta h3{font-size:1rem}.work-info>span{display:block;font-size:.75rem}.gallery-bottom{padding:23px 0;gap:16px;flex-wrap:wrap}.gallery-bottom>span{font-size:.75rem;max-width:none}.gallery-bottom>a{font-size:.875rem;padding:13px 16px}.gallery-bottom>a span{margin-left:15px}footer{margin-top:10px;padding:25px 2px;gap:16px}footer p{font-size:.75rem}footer nav{gap:12px;font-size:.8125rem}.dialog-caption{padding:20px}.dialog-caption a{font-size:.8125rem}.dialog-caption .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.artwork:hover,#latest-button:hover{transform:none}}