.directory-noticeboard{margin:clamp(28px,4vw,48px) 0 48px}.directory-topper{text-align:center;background:linear-gradient(110deg,#2d5041,#19382d);border:10px solid #755337;border-bottom:0;border-radius:3px 3px 0 0;padding:clamp(20px,3vw,32px) 40px;position:relative;box-shadow:inset 0 0 0 2px #ad925a,inset 0 0 16px #0003}.directory-topper h1{color:#f5ebd2;letter-spacing:.08em;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 1px #0005;margin:0;font-size:clamp(1.2rem,3.4vw,2.5rem);font-weight:700;line-height:1.25}.directory-topper:before,.directory-topper:after{content:"";background:linear-gradient(135deg,#0000 43%,#69522c 44% 56%,#0000 57%),radial-gradient(circle at 35% 30%,#e8d5a3,#9b7a3f);border:1px solid #6b542b;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);box-shadow:0 1px 2px #0006}.directory-topper:before{left:16px}.directory-topper:after{right:16px}.directory-board{background-color:#b69b71;background-image:radial-gradient(at 20% 30%,#eee0bf38,#0000 60%),radial-gradient(#674a302e .7px,#0000 .9px),radial-gradient(#fff5d42b .7px,#0000 .9px);background-size:auto,5px 7px,7px 5px;border:10px solid #755337;border-radius:0 0 3px 3px;padding:clamp(18px,3vw,36px);box-shadow:inset 0 2px 9px #36251340,0 5px 15px #3625131a}.directory-posters{grid-template-columns:minmax(0,1fr);align-items:start;gap:30px 24px;margin:0;padding:8px 0;list-style:none;display:grid}.directory-poster{background:var(--surface);position:relative;transform:rotate(-.65deg);box-shadow:2px 5px 7px #30201147}.directory-poster:nth-child(3n+2){transform:rotate(.7deg)}.directory-poster:nth-child(3n){transform:rotate(-.2deg)}.directory-poster img{width:100%;height:auto}.directory-pin{z-index:1;pointer-events:none;background:radial-gradient(circle at 35% 28%,#d9a28c,#854032 60%,#592c22);border:1px solid #4b251d;border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:calc(50% - 6px);box-shadow:1px 3px 2px #24170b66}.directory-poster:nth-child(2n) .directory-pin{background:radial-gradient(circle at 35% 28%,#b4c6a7,#45614a 60%,#283f32);border-color:#263e32}.directory-empty{color:#302416;margin:12px}@media (min-width:480px){.directory-posters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.directory-posters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.directory-posters{grid-template-columns:repeat(4,minmax(0,1fr))}}