html,body{margin:0;padding:0;background:#f8f7f5;direction:ltr!important}.nav-wrap{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:100}.nav-pill{display:flex;align-items:center;gap:2rem;background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(229,227,223,.8);border-radius:999px;padding:.65rem 1.35rem;box-shadow:0 1px 24px #00000012,inset 0 0 0 1px #ffffff80}.nav-logo{font-size:.85rem;font-weight:700;color:#1a1916;letter-spacing:-.02em}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:#9a9790;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#1a1916}.nav-cta{font-size:.72rem;background:#1a1916;color:#f8f7f5;padding:.5rem 1.1rem;border-radius:999px;text-decoration:none;letter-spacing:.02em;transition:opacity .2s}.nav-cta:hover{opacity:.72}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:8rem 5rem 6rem;overflow:hidden}.hero-canvas{position:absolute;inset:-5%;width:110%;height:110%;z-index:0;pointer-events:none;filter:blur(50px)}.hero-inner{position:relative;z-index:1;max-width:1000px;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) both}.eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#9a9790;margin-bottom:2.25rem;display:block}.hero h1{font-size:clamp(3.8rem,8vw,7.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:#0f0e0c;margin-bottom:2.25rem}.hero-italic{font-style:italic;font-weight:700;color:#2563eb}.hero-sub{font-size:1.05rem;color:#1a191680;line-height:1.75;margin-bottom:3.5rem;font-weight:300}.hero-scroll{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#1a1916;text-decoration:none;opacity:.3;transition:opacity .2s}.hero-scroll:hover{opacity:1}.work{padding:5rem 5rem 8rem;max-width:1200px;margin:0 auto}.work-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e3df}.section-label{font-size:1rem;font-weight:500;color:#1a1916;letter-spacing:-.01em}.section-count{font-size:.7rem;color:#9a9790;letter-spacing:.1em}.project-list{display:flex;flex-direction:column;gap:1.25rem}.project{display:block;position:relative;height:clamp(380px,62vh,640px);overflow:hidden;border-radius:12px;text-decoration:none;color:#fff;opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.project.visible{opacity:1;transform:translateY(0)}.project-img-bg{position:absolute;inset:0}.project-img-bg img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .5s ease;filter:brightness(.82) saturate(.92)}.project:hover .project-img-bg img{transform:scale(1.05);filter:brightness(.6) saturate(.88)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000a,#0000 30%,#0000008c,#000000e6);padding:2.25rem 2.75rem;display:flex;flex-direction:column;justify-content:space-between}.project-top{display:flex;justify-content:space-between;align-items:flex-start}.project-num{font-size:.65rem;letter-spacing:.14em;color:#fff6;font-weight:400}.project-arrow{font-size:1.15rem;color:#ffffff73;transition:transform .4s cubic-bezier(.16,1,.3,1),color .25s}.project:hover .project-arrow{transform:translate(5px,-5px);color:#fff}.project-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.project-tags span{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff94;border:1px solid rgba(255,255,255,.2);padding:.22rem .65rem;border-radius:999px;backdrop-filter:blur(6px);background:#ffffff0f;transition:color .25s,border-color .25s}.project:hover .project-tags span{color:#ffffffd9;border-color:#ffffff59}.project-meta-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.project-meta-row h2{font-size:clamp(1.9rem,3.5vw,3.2rem);font-weight:500;letter-spacing:-.03em;color:#fff;margin:0;line-height:1}.project-year{font-size:.7rem;letter-spacing:.08em;color:#ffffff73;flex-shrink:0;margin-bottom:.15rem}.footer{padding:2.5rem 5rem;border-top:1px solid #e5e3df;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#9a9790;letter-spacing:.06em;max-width:1200px;margin:0 auto}.footer-links{display:flex;gap:2rem}.footer-links a{color:#9a9790;text-decoration:none;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;transition:color .2s}.footer-links a:hover{color:#1a1916}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav-wrap{top:1.25rem;width:calc(100% - 3rem)}.nav-pill{gap:0;justify-content:space-between;padding:.55rem .9rem}.nav-links{display:none}.nav-cta{font-size:.68rem;padding:.45rem .9rem}.hero{padding:7rem 1.5rem 4rem}.work{padding:4rem 1.5rem 6rem}.footer{padding:2rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}.project{height:clamp(300px,70vw,480px)}.project-overlay{padding:1.5rem 1.75rem}.project-meta-row h2{font-size:clamp(1.5rem,5vw,2rem)}}