html,body{width:100vw;min-height:100%;margin:0;padding:0;overflow-x:hidden;background:#fdfdf8;color:#172033;font-family:Plus Jakarta Sans,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.top-nav{position:fixed;top:0;left:0;right:0;z-index:9999;width:100%;padding:2.5rem 3rem;background:#fdfdf8eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;transition:transform .2s ease,opacity .2s ease}.logo-link:hover{opacity:.8;transform:scale(1.05)}.logo-spices{font-family:Architects Daughter,cursive;font-size:1.8rem;font-weight:900;color:#d35400;line-height:1}.nav-links-container{display:flex;gap:2.5rem;flex-wrap:wrap}.nav-item{font-size:.8rem;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;position:relative;white-space:nowrap}.nav-item:hover{color:#000}.home-shell{max-width:1500px;margin:0 auto;padding:10rem 3rem 7rem}.wall-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:4rem;align-items:center;min-height:calc(100vh - 180px)}.hero-title{font-family:Gochi Hand,cursive;font-size:clamp(4.5rem,8vw,7rem);line-height:.88;margin:0 0 1.5rem;color:#172033;letter-spacing:-.04em}.hero-subtitle{font-family:Gochi Hand,cursive;font-size:1.75rem;line-height:1.15;color:#64748b;max-width:620px;margin:0}.search-wrap{position:relative;max-width:560px;margin-top:2.5rem}.search-icon{position:absolute;left:1.45rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input{width:100%;border:3px solid #111827;border-radius:999px;padding:1.1rem 1.6rem 1.1rem 3.7rem;font-size:1rem;background:#fff;color:#334155;outline:none;box-shadow:6px 6px #0000000f}.search-input:focus{box-shadow:8px 8px #d3540029}.note-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem;align-items:stretch}.postit{position:relative;display:block;min-height:220px;padding:1.8rem;border-radius:16px 22px 14px 24px;box-shadow:8px 10px #00000013;text-decoration:none;color:inherit;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease}.postit:hover{transform:translateY(-6px) rotate(0)!important;box-shadow:12px 16px #00000017}.postit:before{content:"";position:absolute;top:13px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:#ef4444;box-shadow:2px 2px #00000026}.postit:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff2e,#ffffff2e),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(0,0,0,.035) 32px);opacity:.55}.postit-content{position:relative;z-index:2}.postit-label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#00000073;margin:1.25rem 0 .65rem}.postit h3{font-family:Gochi Hand,cursive;font-size:2.25rem;line-height:.95;margin:0 0 .9rem;color:#172033}.postit p{font-family:Gochi Hand,cursive;font-size:1.45rem;line-height:1.12;color:#0000009e;margin:0}.yellow{background:#fff8b5}.blue{background:#dff1ff}.green{background:#dcfce7}.pink{background:#ffe4ef}.purple{background:#f3e8ff}.span3{grid-column:span 3}.span2{grid-column:span 2}.span4{grid-column:span 4}.footer-container{padding:4rem 3rem 3rem;text-align:center}.sleek-divider{width:800px;max-width:85%;height:1px;background:linear-gradient(to right,transparent,#d35400 50%,transparent);margin:0 auto 1.5rem;opacity:.4}.site-footer-hand{font-family:Architects Daughter,cursive;font-size:.95rem;color:#64748b}@media(max-width:1000px){.wall-layout{grid-template-columns:1fr;gap:3rem;min-height:auto}.span2,.span3,.span4{grid-column:span 6}}@media(max-width:720px){.top-nav{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1.25rem}@media(max-width:760px){.top-nav{padding:1.5rem;align-items:flex-start;gap:1.25rem;flex-direction:column}}.nav-links-container{gap:1rem}.home-shell{padding:4rem 1.5rem 5rem}.hero-title{font-size:4.2rem}.hero-subtitle{font-size:1.45rem}.note-wall{grid-template-columns:repeat(1,1fr)}.span2,.span3,.span4{grid-column:span 1}.postit{transform:rotate(0)!important}}