*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}html,body,#root{color:#000;background:#fff;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%;display:block}.page-shell{background:#fff;width:100%;min-height:100vh}.site-header{z-index:100;background:#fffffff5;justify-content:space-between;align-items:center;padding:28px 40px;display:flex;position:sticky;top:0}.brand-bold{letter-spacing:.02em;margin-right:8px;font-size:1.4rem;font-weight:600}.brand-light{opacity:.7;letter-spacing:.06em;font-size:1.4rem;font-weight:400}.nav-links{gap:28px;display:flex}.nav-links a{text-transform:uppercase;color:#0006;font-size:.875rem;font-weight:700;transition:color .5s}.nav-links a.active,.nav-links a:hover{color:#000}.nav-links:hover a.active:not(:hover){color:#0006}.home-main{justify-content:center;align-items:center;min-height:calc(100vh - 88px);padding:40px;display:flex}.project-grid-wrapper{width:min(1200px,100%)}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.project-card{aspect-ratio:1;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f2f2f2;position:relative;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .6s}.project-card:hover .project-card-image{filter:brightness(.72);transform:scale(1.03)}.project-card-image.active{filter:brightness(.72)!important;transform:scale(1.03)!important}.project-card-overlay{opacity:0;pointer-events:none;background:#00000038;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.project-card-overlay.visible{opacity:1}.project-card-overlay.active{opacity:1!important}.project-card-title{color:#fff;text-align:center;padding:16px;font-size:1.1rem;font-weight:700}.project-main{justify-content:center;padding:40px 24px 32px;display:flex}.project-article{width:min(920px,100%)}.project-title{margin:0 0 32px;font-size:clamp(2rem,5vw,3.4rem);font-weight:800}.project-section{margin-bottom:48px}.project-subtitle{margin:0 0 14px;font-size:1.25rem;font-weight:700}.project-text{max-width:70ch;margin:0 0 15px;font-size:1rem;line-height:1.65}.project-media-stack{flex-direction:column;gap:5px;display:flex}.media-block{width:100%}.media-row{align-items:flex-start;gap:5px;width:100%;display:flex}.media-row-item{background:#f3f3f3;flex:none;min-width:0}.project-media{background:#f3f3f3;width:100%;height:auto;display:block}.media-row-item .project-media{width:100%;height:auto}.media-caption{margin:10px 0 0;font-size:.98rem;line-height:1.55}.back-to-top{cursor:pointer;text-transform:lowercase;color:#000;opacity:0;pointer-events:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;margin:32px auto 16px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-arrow{opacity:.6;width:30px;height:30px;transition:opacity .25s,transform .25s;animation:1.8s ease-in-out infinite backToTopBounce;transform:rotate(180deg)}.back-to-top:hover .back-to-top-arrow{opacity:1}@keyframes backToTopBounce{0%,to{transform:rotate(180deg)translateY(0)}50%{transform:rotate(180deg)translateY(-4px)}}.back-to-top-text{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:.875rem;font-weight:700;transition:opacity .25s}.back-to-top:hover .back-to-top-text{opacity:1}.contact-page{flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 88px);padding:48px 24px 56px;display:flex}.contact-form{flex-direction:column;gap:28px;width:min(500px,100%);margin-top:24px;display:flex}.contact-field{flex-direction:column;gap:10px;display:flex}.contact-field label{font-size:.875rem;font-weight:700}.contact-field input,.contact-field textarea{width:100%;font:inherit;color:#000;background:#fff;border:1px solid #0000002e;outline:none;padding:14px 12px;font-size:1rem;transition:border-color .25s}.contact-field input:hover,.contact-field textarea:hover,.contact-field input:focus,.contact-field textarea:focus{border-color:#000}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#0000004d}.contact-field input:focus,.contact-field textarea:focus{border-color:#00000080}.contact-field textarea{resize:vertical;min-height:170px}.contact-submit{color:#000;text-transform:none;cursor:pointer;background:#fff;border:1px solid #00000073;align-self:flex-start;min-width:120px;padding:12px 22px;font-size:.875rem;font-weight:700;transition:opacity .25s,background-color .25s,color .25s,border-color .25s}.contact-submit:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.contact-submit:disabled{opacity:.35;cursor:not-allowed}.contact-icons{justify-content:center;align-items:center;gap:26px;margin-top:64px;display:flex}.contact-icons a{justify-content:center;align-items:center;display:inline-flex}.contact-icons img{filter:brightness(0)saturate();width:40px;height:40px;transition:filter .8s,transform .3s;display:block}.contact-icons a:hover img{filter:none;transform:translateY(-2px)}@media (hover:none) and (pointer:coarse){.project-card:hover .project-card-image{filter:none;transform:none}}@media (width<=900px){.site-header{padding:24px 20px}.brand{font-size:1rem}.nav-links{gap:18px}.home-main{padding:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-main{padding:28px 20px 56px}}