a[target="_blank"]:not(.project-pdf-link):not(.share-opt)::after,.social-link[href^="mailto:"]::after{content:'';display:inline-block;width:0.65em;height:0.65em;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 1h5v5'/%3E%3Cpath d='M10 1L4 7'/%3E%3Cpath d='M3 3H2a1 1 0 00-1 1v5a1 1 0 001 1h5a1 1 0 001-1V8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 1h5v5'/%3E%3Cpath d='M10 1L4 7'/%3E%3Cpath d='M3 3H2a1 1 0 00-1 1v5a1 1 0 001 1h5a1 1 0 001-1V8'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;margin-left:0.25em;opacity:0.65;vertical-align:middle;flex-shrink:0;}.project-pdf-link[target="_blank"]::after{content:'';display:inline-block;width:0.65em;height:0.65em;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 1h5v5'/%3E%3Cpath d='M10 1L4 7'/%3E%3Cpath d='M3 3H2a1 1 0 00-1 1v5a1 1 0 001 1h5a1 1 0 001-1V8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 1h5v5'/%3E%3Cpath d='M10 1L4 7'/%3E%3Cpath d='M3 3H2a1 1 0 00-1 1v5a1 1 0 001 1h5a1 1 0 001-1V8'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;margin-left:0.4em;opacity:0.65;vertical-align:middle;}.skip-link{position:absolute;top:-100%;left:1rem;z-index:10000;padding:0.6rem 1.2rem;background:var(--accent);color:var(--bg);font-family:var(--font-sans);font-size:0.85rem;font-weight:600;text-decoration:none;border-radius:0 0 6px 6px;transition:top 0.2s;}.skip-link:focus{top:0;outline:2px solid var(--accent);outline-offset:2px;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}:root{--bg:#0e0e0e;--bg-2:#141414;--bg-3:#1a1a1a;--text:#f0ece6;--text-dim:#7a7570;--text-mid:#b0aa9f;--accent:#c8b89a;--line:rgba(255,255,255,0.07);--nav-bg:rgba(14,14,14,0.92);--cursor-color:#c8b89a;--font-sans:'Space Grotesk',sans-serif;--font-mono:'Space Mono',monospace;--ease:cubic-bezier(0.76,0,0.24,1);--ease-out:cubic-bezier(0.16,1,0.3,1);}[data-theme="light"]{--bg:#f4efe8;--bg-2:#ece6de;--bg-3:#e2dbd1;--text:#1a1714;--text-dim:#8a8078;--text-mid:#4e4840;--accent:#7a5c38;--line:rgba(0,0,0,0.08);--nav-bg:rgba(244,239,232,0.95);}a:focus-visible,button:focus-visible,.project-card:focus-visible,.filter-btn:focus-visible,.nav-logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}html{scroll-behavior:smooth;font-size:16px;overscroll-behavior-x:none;background:var(--bg);}html::before{content:'';position:fixed;top:-100vh;left:0;right:0;height:100vh;background:var(--bg);z-index:99999;pointer-events:none;}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow-x:hidden;overscroll-behavior-x:none;cursor:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}a{color:inherit;text-decoration:none;cursor:none;}img{display:block;width:100%;height:auto;}button{cursor:none;font-family:var(--font-sans);}*{cursor:none;}img{opacity:1!important;}:fullscreen,:fullscreen*,:-webkit-full-screen,:-webkit-full-screen*{cursor:auto!important;}video:fullscreen,video:-webkit-full-screen{cursor:auto!important;position:static!important;inset:auto!important;width:100vw!important;height:100vh!important;object-fit:contain!important;background:#000;}.bismillah-screen{position:fixed;inset:0;background:var(--bg);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;}.bismillah-inner{text-align:center;padding:2rem;user-select:none;}.bismillah-arabic{font-family:'Amiri',serif;font-size:clamp(2rem,6vw,3.8rem);color:var(--text);line-height:1.8;direction:rtl;margin-bottom:1.5rem;letter-spacing:0.02em;}.bismillah-english{font-family:var(--font-mono);font-size:clamp(0.65rem,1.5vw,0.8rem);letter-spacing:0.18em;text-transform:uppercase;color:var(--text-dim);}.intro{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;align-items:center;justify-content:center;cursor:none;}.intro-bg{position:absolute;inset:0;background:url('../images/background-logo.png') center center/contain no-repeat;opacity:0;pointer-events:none;}.intro.hidden{pointer-events:none;}.intro-inner{text-align:center;user-select:none;}.intro-label{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-mid);margin-bottom:2rem;opacity:0;}.intro-name{font-family:var(--font-sans);font-size:clamp(3.5rem,10vw,9rem);font-weight:300;letter-spacing:-0.03em;line-height:0.95;color:var(--text);margin-bottom:2rem;opacity:0;}.intro-sub{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.15em;color:var(--text-mid);margin-bottom:4rem;opacity:0;}.intro-enter{display:flex;flex-direction:column;align-items:center;gap:0.75rem;opacity:0;}.intro-enter span{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-dim);}.intro-line{width:1px;height:48px;background:var(--accent);transform-origin:top center;animation:intro-line-pulse 2s ease-in-out infinite;}@keyframes intro-line-pulse{0%,100%{opacity:0.3;transform:scaleY(1);}50%{opacity:1;transform:scaleY(1.15);}}.cursor{position:fixed;width:8px;height:8px;background:var(--cursor-color);border-radius:50%;pointer-events:none;z-index:20003;transform:translate(-50%,-50%);transition:width 0.2s var(--ease),height 0.2s var(--ease),background 0.2s,border-color 0.2s;}.cursor-follower{position:fixed;width:36px;height:36px;border:1px solid rgba(200,184,154,0.4);border:1px solid color-mix(in srgb,var(--cursor-color) 40%,transparent);border-radius:50%;pointer-events:none;z-index:20002;transform:translate(-50%,-50%);transition:transform 0.12s var(--ease-out),width 0.3s var(--ease),height 0.3s var(--ease),border-color 0.2s;}body:has(a:hover) .cursor,body:has(button:hover) .cursor{width:14px;height:14px;}body:has(a:hover) .cursor-follower,body:has(button:hover) .cursor-follower{width:60px;height:60px;border-color:rgba(200,184,154,0.2);border-color:color-mix(in srgb,var(--cursor-color) 20%,transparent);}body.cursor-zoom-in .cursor,body.cursor-zoom-out .cursor{width:22px;height:22px;background:transparent;border:2.5px solid var(--cursor-color);}body.cursor-zoom-in .cursor-follower,body.cursor-zoom-out .cursor-follower{width:44px;height:44px;}body.cursor-zoom-in .cursor::before,body.cursor-zoom-in .cursor::after{content:'';position:absolute;top:50%;left:50%;background:var(--cursor-color);border-radius:1px;}body.cursor-zoom-in .cursor::before{width:10px;height:2.5px;transform:translate(-50%,-50%);}body.cursor-zoom-in .cursor::after{width:2.5px;height:10px;transform:translate(-50%,-50%);}body.cursor-grab .cursor,body.cursor-grabbing .cursor{width:30px;height:30px;background:var(--cursor-color);border:none;border-radius:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;}body.cursor-grab .cursor-follower,body.cursor-grabbing .cursor-follower{width:50px;height:50px;}body.cursor-grab .cursor{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2030'%3E%3Crect%20x='0'%20y='12'%20width='5'%20height='11'%20rx='2.5'%20fill='black'/%3E%3Crect%20x='6'%20y='5'%20width='4.5'%20height='17'%20rx='2.25'%20fill='black'/%3E%3Crect%20x='11.5'%20y='3'%20width='4.5'%20height='19'%20rx='2.25'%20fill='black'/%3E%3Crect%20x='17'%20y='5'%20width='4'%20height='17'%20rx='2'%20fill='black'/%3E%3Crect%20x='22'%20y='8'%20width='3.5'%20height='14'%20rx='1.75'%20fill='black'/%3E%3Crect%20x='0'%20y='20'%20width='26'%20height='10'%20rx='4'%20fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2030'%3E%3Crect%20x='0'%20y='12'%20width='5'%20height='11'%20rx='2.5'%20fill='black'/%3E%3Crect%20x='6'%20y='5'%20width='4.5'%20height='17'%20rx='2.25'%20fill='black'/%3E%3Crect%20x='11.5'%20y='3'%20width='4.5'%20height='19'%20rx='2.25'%20fill='black'/%3E%3Crect%20x='17'%20y='5'%20width='4'%20height='17'%20rx='2'%20fill='black'/%3E%3Crect%20x='22'%20y='8'%20width='3.5'%20height='14'%20rx='1.75'%20fill='black'/%3E%3Crect%20x='0'%20y='20'%20width='26'%20height='10'%20rx='4'%20fill='black'/%3E%3C/svg%3E");}body.cursor-grabbing .cursor{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2022'%3E%3Crect%20x='0'%20y='5'%20width='5'%20height='10'%20rx='2.5'%20fill='black'/%3E%3Crect%20x='4'%20y='2'%20width='21'%20height='9'%20rx='4'%20fill='black'/%3E%3Crect%20x='0'%20y='8'%20width='26'%20height='13'%20rx='5'%20fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2022'%3E%3Crect%20x='0'%20y='5'%20width='5'%20height='10'%20rx='2.5'%20fill='black'/%3E%3Crect%20x='4'%20y='2'%20width='21'%20height='9'%20rx='4'%20fill='black'/%3E%3Crect%20x='0'%20y='8'%20width='26'%20height='13'%20rx='5'%20fill='black'/%3E%3C/svg%3E");}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;transition:background 0.4s,padding 0.4s;}nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 3rem;border-bottom:1px solid var(--line);}nav.scrolled .nav-links a,nav.scrolled .nav-logo{text-shadow:none;}body:has(.project-hero) nav:not(.scrolled) .nav-links a,body:has(.project-hero) nav:not(.scrolled) .nav-logo,body:has(.hero-reel) nav:not(.scrolled) .nav-links a,body:has(.hero-reel) nav:not(.scrolled) .nav-logo{color:#f0ece6;text-shadow:0 1px 8px rgba(0,0,0,0.6);}body:has(.project-hero) nav:not(.scrolled) .nav-menu-btn span,body:has(.hero-reel) nav:not(.scrolled) .nav-menu-btn span{background:#f0ece6;}body:has(.project-hero) nav:not(.scrolled) .theme-toggle,body:has(.hero-reel) nav:not(.scrolled) .theme-toggle{color:#f0ece6;border-color:rgba(240,236,230,0.5);}body:has(.project-hero) nav:not(.scrolled) .theme-toggle:hover,body:has(.hero-reel) nav:not(.scrolled) .theme-toggle:hover,body:has(.project-hero) nav:not(.scrolled) .nav-menu-btn:hover,body:has(.hero-reel) nav:not(.scrolled) .nav-menu-btn:hover{border-color:#f0ece6;background:rgba(240,236,230,0.1);}[data-theme="light"] body:has(.project-hero) nav:not(.scrolled) .nav-logo-img,[data-theme="light"] body:has(.hero-reel) nav:not(.scrolled) .nav-logo-img{filter:invert(1);}body:has(.mobile-menu.open) #nav .nav-logo,body:has(.mobile-menu.open) #nav .nav-links a{color:var(--text);text-shadow:none;}body:has(.mobile-menu.open) #nav .nav-menu-btn span{background:var(--text);}body:has(.mobile-menu.open) #nav .theme-toggle{color:var(--text);border-color:var(--line);}body:has(.mobile-menu.open) #nav .theme-toggle:hover,body:has(.mobile-menu.open) #nav .nav-menu-btn:hover{border-color:var(--text);background:rgba(240,236,230,0.08);background:color-mix(in srgb,var(--text) 8%,transparent);}[data-theme="light"] body:has(.mobile-menu.open) #nav .nav-logo-img{filter:none;}.nav-logo{font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.05em;color:var(--text);transition:color 0.2s;display:flex;align-items:center;gap:0.6rem;text-shadow:0 1px 6px rgba(0,0,0,0.5);}.nav-logo:hover{color:var(--accent);}.nav-logo-img{height:2rem;width:auto;opacity:0.85;transition:opacity 0.2s;}.nav-logo:hover .nav-logo-img{opacity:1;}.theme-toggle{background:none;border:1.5px solid var(--text-mid);color:var(--text);width:2.1rem;height:2.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color 0.2s,border-color 0.2s,background 0.2s;padding:0;flex-shrink:0;}.theme-toggle:hover{border-color:var(--text);background:rgba(240,236,230,0.08);background:color-mix(in srgb,var(--text) 8%,transparent);}.theme-toggle svg{width:14px;height:14px;pointer-events:none;}.nav-right{display:flex;align-items:center;gap:1.5rem;}.nav-links{display:flex;gap:2.5rem;}.nav-links a{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text);transition:color 0.2s;text-shadow:0 1px 6px rgba(0,0,0,0.5);}.nav-links a:hover{color:var(--accent);}.nav-menu-btn{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:1.5px solid transparent;border-radius:50%;width:2.1rem;height:2.1rem;padding:0;margin-left:0.5rem;transition:border-color 0.2s,background 0.2s;}.nav-menu-btn:hover{border-color:var(--text);background:rgba(240,236,230,0.08);background:color-mix(in srgb,var(--text) 8%,transparent);}.nav-menu-btn span{display:block;width:24px;height:1px;background:var(--text);transition:transform 0.3s var(--ease),opacity 0.3s;}.nav-menu-btn.open span:first-child{transform:translateY(6px) rotate(45deg);}.nav-menu-btn.open span:last-child{transform:translateY(-6px) rotate(-45deg);}.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity 0.4s var(--ease);}.mobile-menu.open{opacity:1;pointer-events:auto;}.mobile-link{font-size:3rem;font-weight:600;color:var(--text-dim);transition:color 0.2s;}.mobile-link:hover{color:var(--text);}.nav-dropdown{position:relative;display:inline-flex;align-items:center;}.nav-dropdown-toggle{cursor:pointer;}.nav-dropdown::after{content:'';position:absolute;left:-12px;right:-12px;top:100%;height:16px;}.nav-dropdown-menu{position:absolute;top:100%;margin-top:14px;left:50%;transform:translateX(-50%) translateY(-6px);min-width:212px;display:flex;flex-direction:column;padding:0.45rem 0;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,0.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s var(--ease),transform 0.2s var(--ease);z-index:20000;}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}.nav-dropdown.suppress .nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;}.nav-dropdown-menu a{font-family:var(--font-mono);font-size:0.7rem;font-weight:400;letter-spacing:0.04em;text-transform:none;white-space:nowrap;color:var(--text-mid)!important;text-shadow:none!important;padding:0.55rem 1.2rem;transition:color 0.15s,background 0.15s;}.nav-dropdown-menu a:hover{color:var(--accent)!important;background:rgba(127,127,127,0.08);}.mobile-work{display:flex;flex-direction:column;align-items:center;width:100%;}.mobile-work-toggle{font-family:inherit;font-size:3rem;font-weight:600;color:var(--text-dim);background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:0.6rem;transition:color 0.2s;}.mobile-work-toggle:hover{color:var(--text);}.mobile-work-toggle .caret{width:0.42em;height:0.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-0.12em) rotate(45deg);transition:transform 0.25s var(--ease);}.mobile-work-toggle.open .caret{transform:translateY(0.08em) rotate(-135deg);}.mobile-submenu{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows 0.3s var(--ease);}.mobile-submenu.open{grid-template-rows:1fr;}.mobile-submenu-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:center;gap:1.1rem;}.mobile-submenu.open .mobile-submenu-inner{padding-top:1.5rem;}.mobile-sublink{font-size:1.3rem;font-weight:500;color:var(--text-dim);transition:color 0.2s;}.mobile-sublink:hover{color:var(--accent);}.hero{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3rem 5rem;position:relative;}.hero-reel{position:absolute;inset:0;overflow:hidden;background:#000;z-index:0;}.hero-reel-video{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity 0.6s ease;}.hero-reel-video.dipping{opacity:0;}.hero:has(.hero-reel)::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.52) 0%,transparent 30%),linear-gradient(to top,rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.04) 100%);z-index:0;pointer-events:none;}.hero:has(.hero-reel) .hero-content{position:relative;z-index:1;}.hero:has(.hero-reel) .hero-scroll{z-index:1;}.hero:has(.hero-reel) .hero-label,.hero:has(.hero-reel) .hero-title,.hero:has(.hero-reel) .hero-sub,.hero:has(.hero-reel) .hero-scroll,.hero:has(.hero-reel) .hero-scroll span{color:#f0ece6;}.hero-content{max-width:900px;}.hero-label{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;opacity:0;transform:translateY(16px);}.hero-title{font-size:clamp(3rem,8vw,8rem);font-weight:600;line-height:1.0;letter-spacing:-0.03em;margin-bottom:2rem;}.hero-title .line{display:block;overflow:hidden;}.hero-title .line span{display:block;transform:translateY(100%);}.hero-sub{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.06em;color:var(--text-dim);opacity:0;transform:translateY(12px);}.hero-scroll{position:absolute;bottom:3rem;right:3rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem;opacity:0;}.hero-scroll span{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-dim);writing-mode:vertical-rl;}.hero-scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--text-dim),transparent);animation:scrollLine 2s var(--ease-out) infinite;}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}.work{padding:6rem 3rem;}.work-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4rem;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid var(--line);padding-bottom:2rem;}.section-title{font-size:clamp(0.7rem,1vw,0.8rem);font-family:var(--font-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);}.filters{display:flex;gap:0.5rem;flex-wrap:wrap;}.filter-btn{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.4rem 1rem;border:1px solid var(--line);background:transparent;color:var(--text-dim);border-radius:2px;transition:all 0.2s;}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(200,184,154,0.06);background:color-mix(in srgb,var(--accent) 6%,transparent);}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}.project-card{background:var(--bg);overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity 0.55s var(--ease),transform 0.55s var(--ease);}.project-card.in-view{opacity:1;transform:none;}.project-card.hidden{display:none;}.project-link{display:block;}.project-img-wrap{overflow:hidden;aspect-ratio:4/3;position:relative;}.project-img{width:100%;height:100%;background:var(--bg-3);transition:transform 0.7s var(--ease);object-fit:cover;display:block;}.project-img.placeholder{background:radial-gradient(ellipse at 30% 40%,var(--bg-3),var(--bg-3) 70%);background:radial-gradient( ellipse at 30% 40%,color-mix(in srgb,var(--accent) 25%,var(--bg-3)),var(--bg-3) 70% );}.project-img.has-image{background-size:cover;background-position:center;}@media (hover:hover){.project-card:hover .project-img{transform:scale(1.04);}}.project-info{padding:1.5rem 1.5rem 2rem;border-top:1px solid var(--line);}.project-category{display:block;font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:0.4rem;}.project-label{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:0.5rem;}.project-title{font-size:1.05rem;font-weight:500;line-height:1.3;margin-bottom:0.4rem;color:var(--text);transition:color 0.2s;}@media (hover:hover){.project-card:hover .project-title{color:var(--accent);}}.project-meta{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.04em;color:var(--text-dim);line-height:1.6;}.about{padding:8rem 3rem;border-top:1px solid var(--line);background:var(--bg-2);}.about-inner{display:grid;grid-template-columns:1fr 380px;gap:6rem;align-items:start;max-width:1200px;}.about-bio{font-size:1.1rem;line-height:1.75;color:var(--text-mid);margin-bottom:1.5rem;max-width:600px;}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;margin:3rem 0;padding-top:2rem;border-top:1px solid var(--line);}.detail-group{display:flex;flex-direction:column;gap:0.4rem;}.detail-label{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);}.detail-value{font-size:0.85rem;line-height:1.6;color:var(--text-mid);}.exp-entry{margin-bottom:1.2rem;}.exp-entry:last-child{margin-bottom:0;}.exp-firm{font-size:0.85rem;font-weight:400;color:var(--text-mid);line-height:1.4;margin:0 0 0.15rem;}.exp-meta{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.05em;color:var(--text-dim);margin:0 0 0.5rem;}.exp-desc{font-size:0.85rem;line-height:1.6;color:var(--text-mid);margin:0;}.exp-bullets{margin:0;padding:0 0 0 1rem;list-style:disc;color:var(--text-mid);font-size:0.85rem;line-height:1.6;}.exp-bullets li{margin-bottom:0.2rem;}.exp-bullets li:last-child{margin-bottom:0;}.about-photo{position:sticky;top:7rem;}.about-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;filter:grayscale(20%);border:1px solid var(--line);}.btn{display:inline-block;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.9rem 2rem;border:1px solid var(--accent);color:var(--accent);background:transparent;border-radius:2px;transition:background 0.25s,color 0.25s;}.btn:hover{background:var(--accent);color:var(--bg);}.contact{padding:8rem 3rem;border-top:1px solid var(--line);}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;max-width:1200px;}.contact-sub{font-size:1rem;line-height:1.7;color:var(--text-mid);margin:1.5rem 0 2.5rem;max-width:360px;}.contact-links{display:flex;gap:1.5rem;}.social-link{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color 0.2s,border-color 0.2s;}.social-link:hover{color:var(--accent);border-color:var(--accent);}.contact-form{display:flex;flex-direction:column;gap:1.5rem;}.form-group{display:flex;flex-direction:column;gap:0.5rem;}.form-group label{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);}.form-group input,.form-group textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-family:var(--font-sans);font-size:16px;padding:0.85rem 1rem;border-radius:2px;outline:none;transition:border-color 0.2s;resize:vertical;-webkit-appearance:none;appearance:none;}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);}.btn-submit{align-self:flex-start;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.9rem 2rem;border:1px solid var(--accent);color:var(--accent);background:transparent;border-radius:2px;transition:background 0.25s,color 0.25s;}.btn-submit:hover{background:var(--accent);color:var(--bg);}.form-note{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-dim);min-height:1.2em;}.footer{border-top:1px solid var(--line);padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}.footer-name{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.06em;color:var(--text-dim);}.footer-copy{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.06em;color:var(--text-dim);opacity:0.5;}.footer-email{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.04em;color:var(--text-dim);}.project-hero{min-height:75vh;min-height:75svh;display:flex;align-items:flex-end;padding:0 3rem 4rem;position:relative;background:var(--bg-3);overflow:hidden;border-bottom:1px solid var(--line);}.project-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1;transition:transform 10s linear;}.project-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}.project-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transition:opacity 0.6s ease;}.project-hero-video.hero-fading{opacity:0;}.project-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.55) 0%,transparent 30%),linear-gradient(to top,rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.04) 100%);z-index:0;}.project-hero,.project-hero h1{color:#f0ece6;}.project-hero-tags .tag{color:#c8c4be;}.project-hero-content{position:relative;z-index:1;max-width:800px;}.project-hero-label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:#c8b89a;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;}.project-hero-label::before{content:'';display:block;width:30px;height:1px;background:#c8b89a;}.project-hero h1{font-size:clamp(2rem,5vw,4.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.02em;margin-bottom:1.5rem;}.project-hero-tags{display:flex;flex-wrap:wrap;gap:0.15rem 0.5rem;align-items:center;}.project-hero-tags .tag + .tag::before{content:"|";margin-right:0.5rem;opacity:0.3;}.tag{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;padding:0;border:none;color:var(--text-dim);}.project-body{max-width:1200px;margin:0 auto;padding:6rem 3rem;}.project-intro{display:grid;grid-template-columns:1fr 320px;gap:6rem;margin-bottom:6rem;padding-bottom:4rem;border-bottom:1px solid var(--line);}.project-description{font-size:1.1rem;line-height:1.8;color:var(--text-mid);}.project-description p + p{margin-top:1.2em;}.project-meta-block{display:flex;flex-direction:column;gap:1.5rem;}.meta-item{display:flex;flex-direction:column;gap:0.3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line);}.meta-item:last-child{border-bottom:none;}.meta-key{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);}.meta-val{font-size:0.9rem;color:var(--text-mid);line-height:1.5;}.project-images{display:grid;gap:1px;background:var(--line);}.project-images.cols-2{grid-template-columns:1fr 1fr;}.project-images.cols-3{grid-template-columns:1fr 1fr 1fr;}.project-images.cols-4{grid-template-columns:1fr 1fr 1fr 1fr;}.project-images.cols-1{grid-template-columns:1fr;}.project-image-item{background:var(--bg-3);overflow:hidden;position:relative;}.project-image-item::after{content:'';position:absolute;bottom:0.6rem;right:0.6rem;width:2rem;height:2rem;border-radius:50%;background:rgba(0,0,0,0.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E") no-repeat center/1.1rem;opacity:0;transition:opacity 0.2s;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1;}.project-image-item:hover::after{opacity:1;}@media (hover:none){.project-image-item::after{opacity:0.8;}}.project-image-item img{width:100%;height:auto;object-fit:unset;display:block;}.project-image-item.tall,.project-image-item.wide,.project-image-item.square{aspect-ratio:unset;}.project-quote{padding:5rem 3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1200px;margin:4rem auto;}.project-quote blockquote{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:400;line-height:1.5;color:var(--text-mid);max-width:800px;}.project-quote cite{display:block;margin-top:1.5rem;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-dim);font-style:normal;}.project-nav{display:flex;justify-content:space-between;align-items:center;padding:3rem;border-top:1px solid var(--line);}.project-nav-link{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-dim);transition:color 0.2s;display:flex;align-items:center;gap:0.75rem;}.project-nav-link:hover{color:var(--accent);}.project-nav-link .arrow{font-size:1rem;}.reveal{}@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(2,1fr);}.about-inner{grid-template-columns:1fr 300px;gap:4rem;}}@media (max-width:768px){nav{padding:1.25rem 1.5rem;justify-content:unset;}nav.scrolled{padding:1rem 1.5rem;}.nav-logo{flex:1;}.nav-links{display:none;}.nav-right{gap:0.75rem;}.nav-menu-btn{display:flex;}.hero{height:100svh;min-height:0;padding:0 1.5rem 4rem;}.hero-scroll{right:1rem;bottom:6rem;}.work{padding:4rem 1.5rem;}.work-header{flex-direction:column;align-items:flex-start;}.projects-grid{grid-template-columns:1fr;gap:1px;}.about{padding:5rem 1.5rem;}.about-inner{grid-template-columns:1fr;gap:3rem;}.about-photo{position:static;}.about-details{grid-template-columns:1fr;gap:1.5rem;}.contact{padding:5rem 1.5rem;}.contact-inner{grid-template-columns:1fr;gap:3rem;}.footer{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:0.5rem;}.project-hero{padding:0 1.5rem 3rem;}.project-body{padding:4rem 1.5rem;}.project-intro{grid-template-columns:1fr;gap:3rem;}.project-images.cols-2,.project-images.cols-3{grid-template-columns:1fr;}.project-images.cols-4{grid-template-columns:1fr 1fr;}}@media (max-width:480px){.hero-title{font-size:2.5rem;}.filters{gap:0.4rem;}.filter-btn{font-size:0.62rem;padding:0.35rem 0.75rem;}}body:not(.has-mouse){cursor:auto;}body:not(.has-mouse)*{cursor:auto!important;}body:not(.has-mouse) .cursor,body:not(.has-mouse) .cursor-follower{display:none!important;}@media (orientation:landscape) and (max-height:500px){nav{padding:0.75rem 1.5rem;justify-content:unset;}nav.scrolled{padding:0.75rem 1.5rem;}.nav-logo{flex:1;}.nav-links{display:none;}.nav-right{gap:0.75rem;}.nav-menu-btn{display:flex;}}body.has-project-hero nav:not(.scrolled) .nav-links a,body.has-project-hero nav:not(.scrolled) .nav-logo,body.has-hero-reel nav:not(.scrolled) .nav-links a,body.has-hero-reel nav:not(.scrolled) .nav-logo{color:#f0ece6;text-shadow:0 1px 8px rgba(0,0,0,0.6);}body.has-project-hero nav:not(.scrolled) .nav-menu-btn span,body.has-hero-reel nav:not(.scrolled) .nav-menu-btn span{background:#f0ece6;}body.has-project-hero nav:not(.scrolled) .theme-toggle,body.has-hero-reel nav:not(.scrolled) .theme-toggle{color:#f0ece6;border-color:rgba(240,236,230,0.5);}body.has-project-hero nav:not(.scrolled) .theme-toggle:hover,body.has-hero-reel nav:not(.scrolled) .theme-toggle:hover,body.has-project-hero nav:not(.scrolled) .nav-menu-btn:hover,body.has-hero-reel nav:not(.scrolled) .nav-menu-btn:hover{border-color:#f0ece6;background:rgba(240,236,230,0.1);}[data-theme="light"] body.has-project-hero nav:not(.scrolled) .nav-logo-img,[data-theme="light"] body.has-hero-reel nav:not(.scrolled) .nav-logo-img{filter:invert(1);}body.mobile-menu-open #nav .nav-logo,body.mobile-menu-open #nav .nav-links a{color:var(--text);text-shadow:none;}body.mobile-menu-open #nav .nav-menu-btn span{background:var(--text);}body.mobile-menu-open #nav .theme-toggle{color:var(--text);border-color:var(--line);}body.mobile-menu-open #nav .theme-toggle:hover,body.mobile-menu-open #nav .nav-menu-btn:hover{border-color:var(--text);background:rgba(240,236,230,0.08);background:color-mix(in srgb,var(--text) 8%,transparent);}[data-theme="light"] body.mobile-menu-open #nav .nav-logo-img{filter:none;}.hero.has-hero-reel::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.52) 0%,transparent 30%),linear-gradient(to top,rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.04) 100%);z-index:0;pointer-events:none;}.hero.has-hero-reel .hero-content{position:relative;z-index:1;}.hero.has-hero-reel .hero-scroll{z-index:1;}.hero.has-hero-reel .hero-label,.hero.has-hero-reel .hero-title,.hero.has-hero-reel .hero-sub,.hero.has-hero-reel .hero-scroll,.hero.has-hero-reel .hero-scroll span{color:#f0ece6;}@media (prefers-reduced-motion:reduce){.hero-title .line span{transform:none!important;opacity:1!important;}.hero-label,.hero-sub,.hero-scroll{opacity:1!important;transform:none!important;}.project-card{opacity:1!important;transform:none!important;}.reveal,.project-image-item,.theory-item,.stat-number{opacity:1!important;transform:none!important;}.hero-reel-video{transition-duration:0ms!important;}.project-hero-bg{transform:none!important;}}.share-fab{position:fixed;right:clamp(1rem,3vw,1.75rem);bottom:clamp(1rem,3vw,1.75rem);z-index:85;width:2.6rem;height:2.6rem;border-radius:50%;border:none;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.28);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.25s var(--ease),transform 0.25s var(--ease),background 0.2s,visibility 0.25s;}.share-fab.visible{opacity:1;visibility:visible;transform:translateY(0);}.share-fab:hover{background:var(--text);transform:translateY(-2px);}.share-fab svg{width:1.05rem;height:1.05rem;pointer-events:none;}.share-popover{position:fixed;right:clamp(1rem,3vw,1.75rem);bottom:5rem;z-index:86;width:min(380px,92vw);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,0.32);padding:1.1rem 1.25rem 1.25rem;opacity:0;transform:translateY(8px) scale(0.98);transform-origin:bottom right;transition:opacity 0.2s var(--ease),transform 0.2s var(--ease);}.share-popover.open{opacity:1;transform:translateY(0) scale(1);}.share-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}.share-pop-title{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-mid);}.share-pop-close{background:none;border:none;color:var(--text-dim);cursor:pointer;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:0;}.share-pop-close svg{width:0.85rem;height:0.85rem;}.share-pop-close:hover{color:var(--text);}.share-opts{display:flex;flex-wrap:wrap;justify-content:center;gap:0.7rem 0.55rem;}.share-opt{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);color:var(--text-mid);cursor:pointer;padding:0;transition:transform 0.15s var(--ease),color 0.15s,border-color 0.15s,background 0.15s;}.share-opt:hover{transform:translateY(-2px);color:var(--accent);border-color:var(--accent);}.share-opt svg{width:1.05rem;height:1.05rem;}.share-copy{display:flex;gap:0.5rem;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid var(--line);}.share-url{flex:1;min-width:0;font-family:var(--font-mono);font-size:0.72rem;padding:0.55rem 0.7rem;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text-mid);}.share-copy-btn{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.05em;text-transform:uppercase;padding:0.55rem 0.9rem;border:none;border-radius:7px;cursor:pointer;background:var(--accent);color:var(--bg);white-space:nowrap;transition:background 0.2s;}.share-copy-btn:hover{background:var(--text);}.share-nearby{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;margin-top:0.6rem;font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.05em;text-transform:uppercase;padding:0.6rem;border:1px solid var(--line);border-radius:7px;cursor:pointer;background:var(--bg);color:var(--text-mid);transition:color 0.2s,border-color 0.2s;}.share-nearby:hover{color:var(--accent);border-color:var(--accent);}.share-nearby svg{width:1rem;height:1rem;}body.mobile-menu-open .share-fab,body.mobile-menu-open .share-popover,body:has(.mobile-menu.open) .share-fab,body:has(.mobile-menu.open) .share-popover,body:has(#lightbox.open) .share-fab,body:has(#lightbox.open) .share-popover{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}@media (max-width:480px){.share-opt{width:2.3rem;height:2.3rem;}.share-popover{padding:1rem;}}