.phil-page{padding:120px 0 80px;width:100%;max-width:none}.phil-page__intro{max-width:560px;margin:0 7vw 40px}.phil-page__intro h1{font-size:clamp(48px,8vw,88px);font-weight:500;line-height:.92;letter-spacing:-.045em;margin:14px 0 20px}.phil-page__intro p{font-size:18px;line-height:1.65;color:var(--muted);margin:0;max-width:46ch}.phil-board{position:relative;width:100%;margin:0;padding:8px 7vw 24px}.phil-board__grid{list-style:none;margin:0;padding:12px 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:clamp(28px,4vw,48px) clamp(20px,3vw,36px);gap:clamp(28px,4vw,48px) clamp(20px,3vw,36px);align-items:stretch;width:100%}.phil-board__cell{display:flex;justify-content:stretch;align-items:stretch}.phil-board__cell:nth-child(3n){margin-top:18px}.phil-board__cell:nth-child(3n+2){margin-top:8px}.phil-board__cell:nth-child(5n){margin-top:28px}.phil-note{--phil-rot:0deg;--phil-delay:0s;position:relative;width:100%;max-width:none;min-height:230px;padding:28px 22px 22px;border:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;transform:rotate(var(--phil-rot));box-shadow:2px 3px 0 rgba(40,28,12,.08),8px 14px 28px rgba(40,28,12,.18);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;animation:phil-settle .55s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--phil-delay)}.phil-note:focus-visible,.phil-note:hover{transform:rotate(calc(var(--phil-rot) * .35)) translateY(-6px) scale(1.03);box-shadow:3px 4px 0 rgba(40,28,12,.1),12px 22px 36px rgba(40,28,12,.22);outline:none;z-index:2}.phil-note:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.phil-note--yellow{background:linear-gradient(160deg,#fff6b8,#f5e48a 55%,#ebd872);color:#2a2618}.phil-note--mint{background:linear-gradient(165deg,#e4f2df,#cfe6c8 50%,#bddbb4);color:#1e3228}.phil-note--blush{background:linear-gradient(155deg,#fce4d8,#f3cbb8 52%,#e8b6a0);color:#3a241c}.phil-note--sky{background:linear-gradient(170deg,#ddeff5,#c5e0ec 48%,#aecfde);color:#1c3040}.phil-note--cream{background:linear-gradient(160deg,#fff9ec,#f3e6ce 54%,#e8d7b8);color:#2c281c}.phil-note__pin{position:absolute;top:10px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8 0,transparent 45%),radial-gradient(circle at 50% 50%,#c45c4a 0,#8a3228 70%,#5a1f18 100%);box-shadow:0 1px 2px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.12);z-index:2}.phil-note__pin:after{content:"";position:absolute;left:50%;top:12px;width:1px;height:10px;background:rgba(40,28,12,.2);transform:translateX(-50%)}.phil-note__tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-top:4px}.phil-note__title{font-size:clamp(18px,2.2vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:0;flex:1 1}.phil-note__hint{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.4;margin-top:auto}@keyframes phil-settle{0%{opacity:0;transform:rotate(calc(var(--phil-rot) * 1.8)) translateY(18px) scale(.94)}to{opacity:1;transform:rotate(var(--phil-rot)) translateY(0) scale(1)}}.phil-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(28,36,30,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phil-modal__sheet{position:relative;width:min(520px,100%);max-height:min(84vh,720px);overflow:auto;padding:48px 36px 36px;transform:rotate(var(--phil-rot,0deg));box-shadow:4px 6px 0 rgba(40,28,12,.1),18px 32px 60px rgba(20,16,10,.35)}.phil-modal__pin{top:16px;width:18px;height:18px;margin-left:-9px}.phil-modal__close{position:absolute;top:16px;right:14px;width:36px;height:36px;border:0;background:transparent;color:inherit;opacity:.55;cursor:pointer;display:grid;place-items:center;border-radius:50%;transition:opacity .2s ease,background .2s ease}.phil-modal__close:focus-visible,.phil-modal__close:hover{opacity:1;background:rgba(0,0,0,.06);outline:none}.phil-modal__tag{margin:0 0 10px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.phil-modal__title{margin:0 0 14px;font-size:clamp(28px,5vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.03em}.phil-modal__summary{margin:0 0 28px;font-size:20px;font-style:italic;line-height:1.35;opacity:.85;padding-bottom:22px;border-bottom:1px dashed rgba(40,28,12,.22)}.phil-modal__body p{margin:0 0 1.1em;font-size:16px;line-height:1.75;font-family:DM Sans,Arial,sans-serif}.phil-modal__body p:last-child{margin-bottom:0}@media (max-width:700px){.phil-page{padding:100px 0 60px}.phil-page__intro{margin:0 20px 28px}.phil-board{padding:4px 20px 20px}.phil-board__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.phil-board__cell:nth-child(n){margin-top:0}.phil-board__cell:nth-child(2n){margin-top:16px}.phil-note{min-height:180px;padding:24px 14px 16px}.phil-note__title{font-size:16px}.phil-modal__sheet{padding:40px 22px 28px}}