.perspectives-board-main{min-height:calc(100vh - 230px);padding:52px 0 62px;overflow:hidden}.board-intro{padding:20px 44px 38px}.board-kicker{margin:0 0 10px;color:var(--blue);font:800 11px/1.2 "Manrope",sans-serif;letter-spacing:.17em}.board-intro h1{max-width:900px;margin:0;color:var(--strong);font:500 clamp(50px,6.8vw,92px)/.96 "Itim","Caveat",cursive;letter-spacing:-.035em}.board-intro>p:last-child{max-width:720px;margin:19px 0 0;color:var(--muted);font:400 clamp(19px,2vw,27px)/1.55 "Itim","Caveat",cursive}.note-wall{position:relative;padding:30px 34px 48px;border:1px solid rgba(108,83,54,.16);border-radius:24px;background-color:#b89168;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.16),transparent 28%),repeating-linear-gradient(8deg,rgba(62,42,23,.035) 0 1px,transparent 1px 7px),linear-gradient(135deg,#c5a27a,#a9825c);box-shadow:inset 0 0 70px rgba(70,43,19,.16),0 22px 50px rgba(64,46,27,.12)}.wall-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 10px 26px;color:#fff8eb}.wall-head h2{margin:0;font:500 24px/1.2 "Itim",cursive}.wall-head span{font:700 10px/1.2 "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:8px 24px 12px}.sticky-note{position:relative;display:flex;min-height:430px;box-sizing:border-box;flex-direction:column;padding:42px 42px 34px;color:#342d24;background:#f7dc71;box-shadow:8px 13px 22px rgba(55,38,20,.2),2px 4px 0 rgba(87,61,29,.12);font-family:"Itim","Caveat",cursive;transition:transform .22s ease,box-shadow .22s ease}.sticky-note::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.note-article:nth-child(odd){transform:rotate(-1.2deg)}.note-article:nth-child(even){transform:rotate(1.2deg)}.note-article:hover,.note-article:focus-visible{transform:rotate(0) translateY(-7px);box-shadow:11px 20px 30px rgba(55,38,20,.28),2px 4px 0 rgba(87,61,29,.12)}.sticky-note small{font:800 10px/1.2 "Manrope",sans-serif;letter-spacing:.1em}.sticky-note h2{margin:auto 0 18px;font:500 clamp(45px,4.5vw,67px)/.9 "Itim","Caveat",cursive;letter-spacing:-.045em}.sticky-note p{min-height:3em;margin:0;font-size:19px;line-height:1.5}.note-link{margin-top:26px;font:800 11px/1.2 "Manrope","Noto Sans Thai",sans-serif;letter-spacing:.04em}.note-blue{background:#a8d8e7}.tape{position:absolute;z-index:2;top:-14px;left:50%;width:104px;height:31px;transform:translateX(-50%) rotate(2deg);background:rgba(244,236,210,.72);box-shadow:0 1px 3px rgba(72,53,29,.15)}.pin{position:absolute;z-index:2;top:15px;left:50%;width:14px;height:14px;border-radius:50%;transform:translateX(-50%);background:#d65b52;box-shadow:1px 3px 4px rgba(69,32,29,.35)}.board-foot{padding:38px 44px 0}.board-foot p{max-width:690px;margin:0 auto;color:var(--muted);font:400 22px/1.55 "Itim","Caveat",cursive;text-align:center}html[data-theme="dark"] .note-wall{background-color:#513e2d;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.06),transparent 28%),repeating-linear-gradient(8deg,rgba(0,0,0,.08) 0 1px,transparent 1px 7px),linear-gradient(135deg,#5c4936,#3d3025);border-color:rgba(231,207,174,.13);box-shadow:inset 0 0 70px rgba(0,0,0,.28),0 22px 50px rgba(0,0,0,.28)}html[data-theme="dark"] .sticky-note{filter:saturate(.74) brightness(.78);box-shadow:8px 13px 24px rgba(0,0,0,.38),2px 4px 0 rgba(255,255,255,.035)}html[data-theme="dark"] .wall-head{color:#e9dcc9}@media(max-width:900px){.perspectives-board-main{padding-top:26px}.board-intro{padding:24px 18px 30px}.note-wall{width:calc(100% - 20px);padding:25px 17px 38px;border-radius:18px}.note-grid{gap:22px;padding-inline:8px}.sticky-note{min-height:390px;padding:36px 28px 30px}.sticky-note h2{font-size:clamp(39px,6.8vw,55px)}.sticky-note p{font-size:17px}.wall-head{align-items:flex-start}.wall-head span{max-width:110px;text-align:right}}@media(max-width:600px){.perspectives-board-main{padding:15px 0 40px}.board-intro h1{font-size:clamp(46px,15vw,66px)}.board-intro>p:last-child{font-size:19px}.note-wall{padding:23px 12px 31px}.wall-head{padding:0 8px 17px}.wall-head h2{font-size:20px}.note-grid{grid-template-columns:1fr;gap:26px;padding:7px 11px}.sticky-note{width:100%;min-height:360px;padding:36px 27px 29px}.sticky-note h2{font-size:52px}.sticky-note p{font-size:18px}.board-foot{padding:30px 20px 0}.board-foot p{font-size:19px}}@media(prefers-reduced-motion:reduce){.sticky-note{transition:none}}
