.news{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,5vh,3rem) 1rem 3rem}.news__inner{width:100%;max-width:1000px}.news-label{position:relative;width:fit-content;max-width:100%;margin:0 auto clamp(1.3rem,3vw,1.9rem);padding:.9rem 2.4rem 1.05rem;background:#fffdf5;border-radius:4px;box-shadow:0 8px 16px #32200c47;text-align:center;animation:label-drop .5s cubic-bezier(.2,.8,.3,1) both}.news-label:before,.news-label:after{content:"";position:absolute;top:-11px;width:58px;height:22px;background:repeating-linear-gradient(45deg,#d2b4788c 0,#d2b4788c 6px,#e1c89680 6px,#e1c89680 12px);box-shadow:0 1px 2px #32200c33}.news-label:before{left:16px;transform:rotate(-6deg);transform-origin:center top;animation:tape-stick-left .45s cubic-bezier(.34,1.4,.5,1) .38s both}.news-label:after{right:16px;transform:rotate(6deg);transform-origin:center top;animation:tape-stick-right .45s cubic-bezier(.34,1.4,.5,1) .52s both}@keyframes label-drop{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tape-stick-left{0%{opacity:0;transform:translateY(-16px) rotate(-22deg) scale(1.12)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(-6deg) scale(1)}}@keyframes tape-stick-right{0%{opacity:0;transform:translateY(-16px) rotate(22deg) scale(1.12)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(6deg) scale(1)}}@media(prefers-reduced-motion:reduce){.news-label,.news-label:before,.news-label:after{animation:none;opacity:1}}.news__title{margin:0;text-align:center;font-size:clamp(1.5rem,3.6vw,2.2rem);color:#5a3d1f;letter-spacing:3px}.news__subtitle{margin:.3rem 0 0;text-align:center;color:#7a5a34;font-size:clamp(.9rem,1.9vw,1.05rem)}.news-board{width:100%;border-radius:12px;padding:16px;background-color:#c3c8ce;background-image:radial-gradient(circle at 15px 15px,#868d95 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 15px) 15px,#868d95 0 3px,transparent 4px),radial-gradient(circle at 15px calc(100% - 15px),#868d95 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),#868d95 0 3px,transparent 4px),linear-gradient(180deg,#ffffff8c,#fff0 34%,#00000024),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 3px);box-shadow:0 22px 46px #282c3266,inset 0 2px 2px #ffffffb3,inset 0 -3px 5px #00000047}.news-board__felt{border-radius:4px;padding:clamp(1.4rem,3vw,2.2rem) clamp(1rem,2.5vw,1.8rem);background-color:#4f7a5b;background-image:radial-gradient(rgba(0,0,0,.14) .5px,transparent .6px),radial-gradient(rgba(255,255,255,.06) .5px,transparent .6px);background-size:3px 3px,4px 4px;background-position:0 0,1px 2px;box-shadow:inset 0 8px 18px #0006,inset 0 0 0 1px #00000040}.news-grid{--news-gap: clamp(1.2rem, 2.5vw, 1.8rem);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--news-gap)}.news-loading{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:#fffdf5;font-size:1.05rem;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.note{display:block;width:auto;flex:0 1 max(260px,calc((100% - 2 * var(--news-gap)) / 3));text-align:left;font-family:inherit;color:inherit;border:none;cursor:pointer;position:relative;background:#fffdf5;padding:1.5rem 1.1rem 1.1rem;border-radius:3px;box-shadow:0 7px 14px #0a1e0f66;transform:rotate(var(--tilt, 0deg));transform-origin:top center;transition:transform .18s ease,box-shadow .18s ease;animation:note-drop .5s cubic-bezier(.3,1.05,.4,1) both}.note:hover{transform:rotate(0) translateY(-4px) scale(1.03);box-shadow:0 16px 26px #0a1e0f73;z-index:2}.note__pin{position:absolute;top:-9px;left:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 15%,var(--pin, #d65a4f) 45%,color-mix(in srgb,var(--pin, #d65a4f) 65%,#000) 100%);box-shadow:0 3px 5px #00000073;animation:pin-in .32s cubic-bezier(.34,1.9,.5,1) both}.note__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:-.35rem;margin-bottom:.85rem}.note__date{font-size:.92rem;color:#a58a63;font-weight:700;letter-spacing:.5px}.note__cat{font-size:.8rem;font-weight:700;line-height:1.4;color:#fff;background:var(--pin, #a9743f);padding:2px 8px;border-radius:999px;white-space:nowrap}.note__title{margin:0 0 .4rem;font-size:1.08rem;line-height:1.4;color:#5a3d1f}.note__cover{display:block;width:100%;max-height:130px;object-fit:cover;border-radius:3px;margin:.5rem 0 .6rem;background:#efe6d6}.note__full[hidden]{display:none}.note__body{margin:0;font-size:.86rem;line-height:1.65;color:#7a5a34}.note__more{display:block;margin-top:.7rem;font-size:.78rem;font-weight:700;color:var(--pin, #a9743f)}.pager{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,1.8rem);margin-top:clamp(1.3rem,3vw,1.9rem)}.pager__btn{font-family:inherit;cursor:pointer;border:none;border-radius:3px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;color:#5a3d1f;background:#fffdf5;box-shadow:0 5px 10px #0a1e0f66;transform:rotate(-1deg);transition:transform .15s ease,box-shadow .15s ease}.pager__btn:last-child{transform:rotate(1deg)}.pager__btn:not(:disabled):hover{transform:rotate(0) translateY(-3px);box-shadow:0 10px 16px #0a1e0f73}.pager__btn:disabled{opacity:.5;cursor:default}.pager__dots{display:flex;gap:.7rem}.pager__dot{width:15px;height:15px;padding:0;border:none;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 34% 30%,#fff 0,#fff 16%,#d5dcd5 45%,#97a597);box-shadow:0 2px 3px #0006;transition:transform .15s ease}.pager__dot.is-active{background:radial-gradient(circle at 34% 30%,#fff 0,#fff 16%,#f0895c 45%,#b1552e);transform:scale(1.18)}.pager__dot:not(.is-active):hover{transform:scale(1.1)}@keyframes note-drop{0%{opacity:0;transform:rotate(calc(var(--tilt, 0deg) * 1.8)) translateY(-42px)}70%{opacity:1;transform:rotate(var(--tilt, 0deg)) translateY(5px)}to{opacity:1;transform:rotate(var(--tilt, 0deg)) translateY(0)}}@keyframes pin-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(2)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.note,.note__pin{animation:none;opacity:1}.note__pin{transform:translate(-50%)}}