.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{position:relative;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__cast{position:absolute;z-index:0;inset:5% 3% -10%;border-radius:14px;background:linear-gradient(180deg,transparent 0,rgba(40,28,12,.035) 32%,rgba(40,28,12,.16));transform:rotate(var(--phil-rot,0deg));filter:blur(14px);pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease,background .28s ease;animation:phil-settle .55s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--phil-delay,0s)}.phil-board__cell:has(.phil-note:focus-visible) .phil-note__cast,.phil-board__cell:has(.phil-note:hover) .phil-note__cast{transform:rotate(var(--phil-rot,0deg)) translateY(-6px) scale(1.03);filter:blur(18px);background:linear-gradient(180deg,transparent 0,rgba(40,28,12,.045) 30%,rgba(40,28,12,.2))}.phil-note{--phil-rot:0deg;--phil-unrot:0deg;--phil-delay:0s;--phil-base:#f5e48a;--phil-edge:#faf3c4;--phil-tape:#fffce8;--phil-shade:rgba(40,28,12,0.035);position:relative;z-index:1;width:100%;max-width:none;min-height:230px;padding:40px 22px 22px;border:1px solid var(--phil-edge);border-radius:12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;overflow:hidden;background:var(--phil-base);color:inherit;transform:rotate(var(--phil-rot));box-shadow:none;transition:transform .28s cubic-bezier(.22,1,.36,1);animation:phil-settle .55s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--phil-delay)}.phil-note:before{top:0;left:0;right:0;height:28px;background:var(--phil-tape);border-bottom:1px solid color-mix(in srgb,var(--phil-edge) 55%,var(--phil-base));z-index:1}.phil-note:after,.phil-note:before{content:"";position:absolute;pointer-events:none}.phil-note:after{left:50%;top:50%;width:180%;height:180%;background:linear-gradient(to bottom,transparent 60%,var(--phil-shade) 60%);transform:translate(-50%,-50%) rotate(var(--phil-unrot));transform-origin:center center;z-index:0}.phil-note:focus-visible,.phil-note:hover{transform:rotate(var(--phil-rot)) translateY(-6px) scale(1.03);outline:none;z-index:2}.phil-note:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.phil-note--yellow{--phil-base:#f3e27a;--phil-edge:#f8efb0;--phil-tape:#f7eb9a;--phil-shade:rgba(90,70,10,0.035);color:#2a2618}.phil-note--mint{--phil-base:#cfe6c8;--phil-edge:#e3f1de;--phil-tape:#d7ebcf;--phil-shade:rgba(30,60,35,0.035);color:#1e3228}.phil-note--blush{--phil-base:#f3cbb8;--phil-edge:#f9e2d6;--phil-tape:#f6d5c4;--phil-shade:rgba(90,40,25,0.035);color:#3a241c}.phil-note--sky{--phil-base:#c5e0ec;--phil-edge:#dceef5;--phil-tape:#cee6f0;--phil-shade:rgba(25,50,70,0.035);color:#1c3040}.phil-note--cream{--phil-base:#f3e6ce;--phil-edge:#f8f0de;--phil-tape:#f6ecd8;--phil-shade:rgba(70,55,25,0.035);color:#2c281c}.phil-note__hint,.phil-note__tag,.phil-note__title{position:relative;z-index:1}.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;overflow:hidden;overscroll-behavior:none;background:rgba(28,36,30,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phil-modal__sheet{--phil-unrot:0deg;position:relative;width:min(520px,100%);max-height:min(84vh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--phil-edge,rgba(255,255,255,.5));border-radius:14px;background:var(--phil-base);color:inherit;box-shadow:0 18px 48px rgba(20,16,10,.18)}.phil-modal__sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:32px;background:var(--phil-tape);border-bottom:1px solid color-mix(in srgb,var(--phil-edge) 55%,var(--phil-base));pointer-events:none;z-index:1}.phil-modal__sheet:after{content:"";position:absolute;left:50%;top:50%;width:180%;height:180%;background:linear-gradient(to bottom,transparent 55%,var(--phil-shade) 55%);transform:translate(-50%,-50%) rotate(var(--phil-unrot));transform-origin:center center;pointer-events:none;z-index:0}.phil-modal__content{position:relative;z-index:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:48px 36px 36px;-webkit-overflow-scrolling:touch}.phil-modal__close{position:absolute;top:34px;right:14px;z-index:2;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__body,.phil-modal__summary,.phil-modal__tag,.phil-modal__title{position:relative;z-index:1}.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:34px 14px 16px}.phil-note__title{font-size:16px}.phil-modal__content{padding:40px 22px 28px}}