*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;scroll-behavior:smooth;background:#FFFFFF;color:#000000}a{text-decoration:none;color:inherit}ol,ul{list-style:none}.site-header{padding:2rem;text-align:center;border-bottom:1px solid #ddd;background:#fff}.site-header h1{font-size:2rem;font-weight:600}.site-footer{padding:2rem;text-align:center;border-top:1px solid #ddd;background:#fff;margin-top:auto}.mosaic-page{display:flex;flex-direction:column;min-height:100vh;width:100%;background:#F5F3ED}.mosaic-content{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:120px 16px 0;gap:60px}@media (min-width:768px){.mosaic-content{padding:160px 32px 100px;gap:80px}}.mosaic-title{font-family:Inter,sans-serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:500;line-height:1.2;text-align:center;letter-spacing:-.04em;color:#000000;width:90%;margin-top:4rem}@media (min-width:640px){.mosaic-title{width:80%;margin-top:6rem}}@media (min-width:768px){.mosaic-title{width:75%}}@media (min-width:1024px){.mosaic-title{width:915px}}.mosaic-description{font-family:Inter,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.3;text-align:center;letter-spacing:-.04em;color:#000000;width:80%}@media (min-width:640px){.mosaic-description{width:85%}}@media (min-width:768px){.mosaic-description{width:80%}}@media (min-width:1024px){.mosaic-description{width:70%}}.filter-nav{width:100%}.filter-chips{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:4rem}.filter-chip{padding:1rem 1.9rem;border-radius:50px;border:none;background:#fff;color:#000000;cursor:pointer;font-size:1.2rem;font-weight:500;transition:all .2s ease}.filter-chip:hover{background:#f5f4f4}.filter-chip:focus-visible{outline:2px solid #D89EFA;outline-offset:2px}.filter-chip.active{background:#D89EFA;color:#000000}.mosaic-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;width:100%;max-width:1280px;padding-top:40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:4rem}@media (min-width:640px){.mosaic-grid{grid-template-columns:repeat(2,1fr);gap:32px;padding:60px 24px}}@media (min-width:1024px){.mosaic-grid{grid-template-columns:repeat(3,1fr);gap:40px;padding:40px}}.mosaic-tile{width:100%;aspect-ratio:1/1;border-radius:20px;transition:all .7s ease-out;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:12px;min-height:120px;color:#000;font-weight:700;text-align:center;cursor:pointer;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:scale(.95);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mosaic-tile.visible{opacity:1;transform:translateY(0) scale(1)}.mosaic-tile:hover{transform:scale(1.01);transition:transform .3s ease;z-index:5}.mosaic-tile:active{transform:translateY(-4px) scale(1.02)}.tile-content{height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.tile-title{font-size:1.7rem;font-weight:600;line-height:1.3;margin:auto 1rem}.tile-link,.tile-title{color:#000;letter-spacing:-.02em}.tile-link{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;background:none;border:none;padding:0;margin-bottom:1rem;cursor:pointer;transition:transform .2s ease}.tile-link:hover{transform:translateX(4px)}.tile-link:focus-visible{outline:2px solid #000;outline-offset:4px;border-radius:2px}@media (max-width:639px){.mosaic-tile{max-width:400px;margin:0 auto}}@media (min-width:640px) and (max-width:1023px){.mosaic-tile{max-width:450px}}@media (min-width:1024px){.mosaic-tile{max-width:400px}}.article-page{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f0}.article-container{flex:1;max-width:800px;margin:0 auto;padding:12rem 1rem 8rem;width:100%}@media (min-width:768px){.article-container{padding:16rem 3rem 15rem}}.article-category{display:inline-block;padding:.8rem 1.7rem;background:#ffffff;color:#000000;border-radius:50px;font-size:1rem;margin-bottom:1rem;font-weight:600;letter-spacing:-.01em}.article-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;line-height:1.2;margin-top:1rem;margin-bottom:3rem;letter-spacing:-.02em;color:#000}.article-content{font-size:1.5rem;line-height:1.5;color:#000000;letter-spacing:-.02em;font-weight:400}.article-content p{margin-bottom:1.5rem}.article-content p:last-child{margin-bottom:0}.back-button{margin-top:3rem;padding:2rem;background:none;border:2px solid #000;border-radius:100px;cursor:pointer;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;color:#000}.back-button:hover{background:#000;color:#fff;transform:translateX(-4px)}.back-button:focus-visible{outline:2px solid #000;outline-offset:4px}.back-button:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);white-space:nowrap;margin-left:1rem;opacity:0;color:#000;font-size:1.3rem;letter-spacing:-.02em;font-weight:400;transition:opacity .3s ease,transform .3s ease}.back-button:hover:after{content:"Go back";opacity:1;transform:translateY(-50%) translateX(0)}:focus-visible{outline:2px solid #D89EFA;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mosaic-tile{transition:none}.mosaic-tile,.mosaic-tile.visible{opacity:1;transform:none}}