:root{--ink:#071c16;--green:#078448;--lime:#dfff55;--cream:#fffaf0;--mint:#b7f3cf;--cork:#b9783f;--cork-dark:#76431f;--paper:#fffdf5;--shadow:#452713}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.skip-link{position:fixed;z-index:100;left:16px;top:-70px;padding:12px 18px;background:var(--lime);color:var(--ink);font-weight:900}.skip-link:focus{top:16px}:focus-visible{outline:4px solid #7656ff;outline-offset:4px}
.gallery-header{min-height:76px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px clamp(18px,4vw,64px);border-bottom:3px solid var(--ink);background:var(--cream)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:22px;font-weight:950;text-decoration:none}.brand>span:last-child>span{color:var(--green)}.brand-mark{display:grid;width:42px;aspect-ratio:1;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font-size:12px;transform:rotate(-8deg)}.gallery-header nav{display:flex;gap:24px}.gallery-header nav a{color:var(--ink);font-size:13px;font-weight:900;text-decoration:none}.gallery-header nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
main{padding-bottom:90px}.gallery-intro{max-width:920px;margin:0 auto;padding:clamp(64px,8vw,110px) 24px 48px;text-align:center}.office-label{display:inline-block;margin:0 0 16px;padding:8px 13px;border:2px solid var(--ink);border-radius:999px;background:var(--mint);box-shadow:3px 3px 0 var(--ink);font-size:10px;font-weight:950;letter-spacing:.12em}.gallery-intro h1{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(64px,10vw,138px);font-weight:900;line-height:.82;letter-spacing:-.035em;text-transform:uppercase}.gallery-intro>p:last-child{max-width:680px;margin:28px auto 0;color:#40574f;font-size:17px;line-height:1.6}
.bulletin-board{position:relative;width:min(1500px,calc(100% - 36px));min-height:760px;margin:0 auto;padding:clamp(70px,7vw,110px) clamp(25px,5vw,78px);border:18px solid #6a3d20;border-radius:12px;background-color:var(--cork);background-image:radial-gradient(circle at 20% 30%,rgba(255,229,190,.2) 0 1px,transparent 1.7px),radial-gradient(circle at 70% 65%,rgba(74,35,14,.18) 0 1px,transparent 1.8px),linear-gradient(115deg,rgba(255,255,255,.05),transparent 35%,rgba(63,28,9,.08));background-size:13px 11px,17px 19px,100% 100%;box-shadow:inset 0 0 0 4px #d09a63,inset 0 0 35px rgba(61,29,11,.45),12px 16px 0 var(--ink)}.board-note{position:absolute;z-index:2;right:3%;top:22px;padding:13px 18px;background:#fff3a8;color:#493416;box-shadow:3px 4px 8px rgba(55,25,7,.25);font-family:"Comic Sans MS",cursive;transform:rotate(2deg)}.board-note::before{content:"";position:absolute;left:48%;top:-9px;width:18px;aspect-ratio:1;border-radius:50%;background:#da3341;box-shadow:inset -3px -3px 3px rgba(80,0,0,.3),2px 3px 3px rgba(49,22,7,.35)}.board-note strong,.board-note span{display:block}.board-note strong{font:900 11px Arial,sans-serif;letter-spacing:.12em}.board-note span{margin-top:4px;font-size:13px;line-height:1.25}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(45px,6vw,90px) clamp(28px,4vw,65px);align-items:start}.art-card{--tilt:0deg;position:relative;display:grid;width:100%;min-height:380px;padding:21px 21px 60px;border:0;background:var(--paper);box-shadow:8px 11px 15px rgba(61,29,11,.38);color:var(--ink);cursor:pointer;transform:rotate(var(--tilt));transition:transform .18s ease,box-shadow .18s ease}.art-card:nth-child(3n+1){--tilt:-2.2deg}.art-card:nth-child(3n+2){--tilt:1.5deg}.art-card:nth-child(3n){--tilt:-.7deg}.art-card:hover,.art-card:focus-visible{z-index:5;transform:rotate(0) translateY(-8px) scale(1.025);box-shadow:12px 18px 20px rgba(61,29,11,.46)}.art-card::before{content:"";position:absolute;z-index:3;left:50%;top:-12px;width:25px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9595 0 10%,#e12b39 28%,#921222 75%);box-shadow:inset -4px -5px 5px rgba(78,0,0,.42),3px 5px 5px rgba(50,22,7,.42);transform:translateX(-50%)}.art-card::after{content:"";position:absolute;left:50%;top:8px;width:2px;height:15px;background:#5d3420;transform:translateX(-50%)}.art-image{display:grid;min-height:300px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e8f8e8,#f6f0d9)}.art-image img{display:block;width:100%;height:310px;object-fit:contain}.art-label{position:absolute;left:21px;right:21px;bottom:16px;display:flex;justify-content:space-between;gap:12px;align-items:end;text-align:left}.art-label strong{display:block;font-family:"Comic Sans MS",cursive;font-size:16px;line-height:1.05}.art-label span{color:#5e675f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.art-viewer{width:min(1120px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:4px solid var(--ink);border-radius:15px;background:var(--cream);box-shadow:12px 14px 0 var(--ink);overflow:auto}.art-viewer::backdrop{background:rgba(4,20,15,.82);backdrop-filter:blur(5px)}.art-viewer[open]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.close-viewer{position:absolute;z-index:5;right:14px;top:14px;display:grid;width:44px;aspect-ratio:1;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--lime);color:var(--ink);font-size:28px;font-weight:900;line-height:1;cursor:pointer}.viewer-image-wrap{display:grid;min-height:620px;place-items:center;padding:28px;background:var(--mint);overflow:hidden}.viewer-image-wrap img{display:block;width:100%;height:min(72vh,720px);object-fit:contain}.viewer-copy{align-self:center;padding:clamp(35px,5vw,70px)}.viewer-copy>p:first-child{margin:0;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.13em}.viewer-copy h2{margin:10px 0 16px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(45px,6vw,74px);line-height:.86;text-transform:uppercase}.viewer-copy>p{color:#52645d;font-size:14px;line-height:1.55}.viewer-actions{display:grid;gap:10px;margin-top:28px}.viewer-actions a{display:block;padding:15px 18px;border:2px solid var(--ink);border-radius:8px;font-size:12px;font-weight:950;text-align:center;text-decoration:none;text-transform:uppercase}.action-primary{background:var(--green);color:white;box-shadow:4px 4px 0 var(--ink)}.action-secondary{background:var(--paper);color:var(--ink)}footer{display:flex;justify-content:space-between;gap:25px;padding:32px clamp(20px,5vw,70px);background:var(--ink);color:#b9cec6;font-size:11px;font-weight:800;text-transform:uppercase}footer a{color:var(--lime)}
@media(max-width:950px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-viewer[open]{grid-template-columns:1fr}.viewer-image-wrap{min-height:430px}.viewer-image-wrap img{height:min(55vh,560px)}}
@media(max-width:620px){.gallery-header nav a:last-child{display:none}.gallery-grid{grid-template-columns:1fr}.bulletin-board{width:calc(100% - 18px);border-width:10px;padding:80px 22px 55px}.art-card{min-height:340px}.art-image img{height:280px}.board-note{right:18px}.viewer-copy{padding:30px 24px 38px}.viewer-image-wrap{min-height:330px;padding:18px}footer{display:grid;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}