.board-section{padding:4rem 1.5rem 5rem;background:#faf8f3}.board-header{text-align:center;margin-bottom:2rem}.board-header h2{font-family:Fraunces,serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;color:#1a1612;margin:0 0 .35rem}.board-header p{font-family:DM Sans,sans-serif;font-size:.84rem;color:#9a8c7e}.corkboard{position:relative;width:100%;max-width:900px;height:580px;margin:0 auto;border-radius:18px;background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.07) 0,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 20px),linear-gradient(160deg,#d9a86c,#c8944e 55%,#bf8840);box-shadow:0 0 0 7px #c49558,0 0 0 11px #a87338,0 18px 55px rgba(0,0,0,.28),inset 0 0 100px rgba(0,0,0,.1);overflow:hidden;touch-action:pan-y}.board-item{position:absolute;cursor:grab;transition:filter .15s ease}.board-item:active{cursor:grabbing}.board-item.is-active{filter:drop-shadow(0 16px 32px rgba(0,0,0,.35))}.board-item.is-link{cursor:pointer}.sticky-note{width:152px;min-height:110px;padding:1.1rem 1rem 1.2rem;border-radius:2px;font-family:Caveat,cursive;font-size:1.05rem;line-height:1.45;color:#2a2218;box-shadow:3px 4px 12px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1);position:relative;transition:transform .15s ease,box-shadow .15s ease}.sticky-note:after{content:"";position:absolute;bottom:0;right:0;width:22px;height:22px;background:inherit;filter:brightness(.84);clip-path:polygon(100% 0,100% 100%,0 100%)}.board-item:hover .sticky-note{transform:scale(1.03);box-shadow:4px 6px 18px rgba(0,0,0,.24)}.note-emoji{font-size:1.2rem;display:block;margin-bottom:.2rem}.tag-pill{padding:.55rem 1.1rem;border-radius:100px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;color:#3a2f28;box-shadow:2px 3px 9px rgba(0,0,0,.18);white-space:nowrap;transition:transform .15s ease}.board-item:hover .tag-pill{transform:scale(1.04)}.nav-card{width:126px;padding:1.1rem 1rem 1rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;box-shadow:3px 5px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;pointer-events:none}.nav-card:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.1),transparent 55%);pointer-events:none}.nav-card:hover{transform:scale(1.07) translateY(-3px)!important;box-shadow:5px 10px 26px rgba(0,0,0,.4)}.card-emoji{font-size:1.6rem}.card-label{font-family:DM Sans,sans-serif;font-weight:500;font-size:.82rem;color:rgba(255,255,255,.96);letter-spacing:.03em}.card-sub{font-family:Caveat,cursive;font-size:.88rem;color:rgba(255,255,255,.6);text-align:center;line-height:1.3}.card-arrow{font-size:.75rem;color:rgba(255,255,255,.45);margin-top:.15rem;transition:transform .15s ease}.nav-card:hover .card-arrow{transform:translateX(3px)}.polaroid{width:128px;background:#fff;padding:.55rem .55rem .4rem;box-shadow:3px 5px 14px rgba(0,0,0,.22);border-radius:2px;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease}.board-item:hover .polaroid{transform:scale(1.04)}.polaroid-photo{width:100%;height:108px;background:linear-gradient(140deg,#c8d8e8,#e8c8d0,#d8e8c8);border-radius:1px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.polaroid-caption{font-family:Caveat,cursive;font-size:.9rem;color:#5a4f44;margin-top:.45rem;text-align:center;padding-bottom:.2rem}@media (max-width:640px){.corkboard{height:auto;min-height:unset;border-radius:14px;padding:2.2rem 1.4rem 2.4rem;display:flex;flex-wrap:wrap;gap:1.8rem;align-items:flex-start;justify-content:center;overflow:visible;touch-action:auto}.board-item{position:static!important;cursor:default!important}.board-item.is-link{cursor:pointer!important}.board-item:nth-child(odd){transform:rotate(-2deg)!important}.board-item:nth-child(2n){transform:rotate(1.5deg)!important}.board-item:nth-child(3n){transform:rotate(-.5deg)!important}}.board-hint{text-align:center;margin-top:1.2rem;font-family:DM Sans,sans-serif;font-size:.78rem;color:#a08070;display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap}@media (max-width:640px){.board-hint .drag-hint{display:none}}.hero{min-height:70vh;display:flex;justify-content:center;position:relative;overflow:hidden;background:#faf8f3;padding:9rem 2rem 2rem;z-index:1}@media (max-width:860px){.hero{min-height:70vh}}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(255,210,140,.4) 0,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 70%,rgba(180,215,220,.5) 0,transparent 70%);pointer-events:none}.hero__content{position:relative;z-index:1;max-width:640px;text-align:left}.hero__eyebrow{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#a07d50;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.hero__eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:#a07d50}.hero__title{font-family:Fraunces,serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:300;line-height:1.08;color:#1a1612;margin:0 0 1.4rem;letter-spacing:-.02em}.hero__title em{font-style:italic;color:#3adfd1;text-shadow:0 0 20px var(--accent-glow)}.hero__subtitle{font-family:DM Sans,sans-serif;font-size:1.05rem;line-height:1.7;color:#5a4f44;margin:0 0 2.6rem;max-width:480px}.hero__buttons{display:flex;gap:.85rem;flex-wrap:wrap}.btn{font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;letter-spacing:.04em;padding:.75rem 1.6rem;border-radius:100px;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease;cursor:pointer}.btn--primary{background:#111f2c;color:#faf8f3;border:1.5px solid #1a1612;box-shadow:0 2px 12px rgba(26,22,18,.18)}.btn--primary:hover{background:#1a344d;border-color:#1a344d;color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px rgba(77,143,219,.3)}.btn--ghost{background:transparent;color:#1a1612;border:1.5px solid rgba(26,22,18,.25)}.btn--ghost:hover{border-color:#1a1612;background:rgba(26,22,18,.05);transform:translateY(-2px)}.btn--ghost .btn-arrow,.btn--primary .btn-arrow{transition:transform .2s ease}.btn--ghost:hover .btn-arrow,.btn--primary:hover .btn-arrow{transform:translateX(3px)}