body{background-color:var(--color-white);color:var(--color-black);opacity:0.99;transition:opacity 0.35s ease-in-out}header{border-bottom:1px solid var(--color-gray-200);position:relative;background-color:var(--color-white)}.header-value{color:var(--color-black)}.header-center a{color:var(--color-gray-200);text-decoration:none}.header-center a.active{text-decoration:underline}.header-right a{transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}main{min-height:calc(100vh - 80px);padding:0 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;z-index:10}.hero-title{font-size:90px;font-weight:500;margin-bottom:0;text-align:left;width:100%;max-width:100%;line-height:104px;margin-top:32px;position:relative;z-index:10;color:var(--color-black);letter-spacing:-1px}.filters{display:flex;gap:8px;margin-top:8px;margin-bottom:64px;font-size:24px;font-weight:500;color:var(--color-gray-400);letter-spacing:-0.3px;opacity:0;transform:translateY(20px);animation:fadeUpLoad 0.7s ease-out 0.2s forwards}.filter-item{cursor:pointer;font-weight:bold;color:var(--color-gray-400);transition:all 0.6s ease-in-out}.filter-separator{color:var(--color-gray-400);margin:0 8px;pointer-events:none}.filter-item:hover{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1}.filter-item.active{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1}.filter-item:not(.active){opacity:0.5}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;margin-bottom:64px}.project-card{display:flex;flex-direction:column;width:100%;position:relative;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.project-card.is-visible{opacity:1;transform:translateY(0)}.project-card-image-container{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;position:relative}.project-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45);opacity:0;transition:opacity 0.6s cubic-bezier(0.22,1,0.36,1);pointer-events:none;z-index:1}.project-card-image-container:hover .project-overlay{opacity:1}.project-title-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.project-title-mask{height:2em;overflow:hidden;position:relative;display:flex;align-items:center}.project-title-reveal{font-size:24px;font-weight:600;color:var(--color-white);white-space:nowrap;line-height:1;transform:translateY(120%);transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}.project-card-image-container:hover .project-title-reveal{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.project-title-reveal{transform:translateY(0);transition:none}.project-overlay{transition:none}.project-card-image-container:not(:hover) .project-title-reveal{opacity:0}.project-card-image-container:hover .project-title-reveal{opacity:1}}.project-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.project-info{margin-top:16px;display:flex;align-items:center;gap:8px}.project-type{font-size:16px;color:var(--color-gray-200);font-weight:500;margin-bottom:0;letter-spacing:0.01em}.project-type::after{content:"\00B7";margin-left:8px;color:var(--color-gray-200)}.project-title{font-size:16px;font-weight:500;color:var(--color-black);line-height:1.2;margin:0;letter-spacing:-0.2px}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:64px;line-height:64px;margin-top:48px;margin-bottom:24px}.filters{font-size:20px;gap:6px;margin-bottom:32px;flex-wrap:wrap;justify-content:flex-start}.filter-separator{margin:0 4px}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}.filters{font-size:18px;gap:4px;margin-bottom:24px}.filter-separator{margin:0 3px}}.filter-item:focus-visible,.project-card:focus-visible{outline:3px solid var(--color-secondary);outline-offset:4px;border-radius:4px}img:focus-visible,video:focus-visible{outline:3px solid rgba(8,71,145,0.8);outline-offset:2px}