:root{--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;box-sizing:border-box;background-color:#000}*,:before,:after{box-sizing:inherit}body{color:#fff;background-color:#000;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);margin:0;font-weight:400}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #fff}.hero-canvas{--diagonal-line-color:#ffffff1c;--diagonal-line-gap:30px;color:#fff;background-color:#000;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}@media (width>=769px){.hero-canvas{height:100svh;overflow:hidden}}.diagonal-overlay{background-image:repeating-linear-gradient(135deg, transparent 0, transparent calc(var(--diagonal-line-gap) - 1px), var(--diagonal-line-color) calc(var(--diagonal-line-gap) - 1px), var(--diagonal-line-color) var(--diagonal-line-gap));opacity:.9;pointer-events:none;z-index:1;position:absolute;inset:0}.canvas-content{z-index:2;flex-direction:column;min-height:100svh;animation:1s cubic-bezier(.16,1,.3,1) forwards pageFadeIn;display:flex;position:relative}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.top-nav{z-index:10;box-sizing:border-box;background-color:#000;border-bottom:1px solid #141414;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.nav-container{grid-template-columns:1fr 1fr;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 32px;display:grid}.nav-status{letter-spacing:.08em;color:#888;background-color:#050505;border:1px solid #1a1a1a;border-radius:100px;justify-self:start;align-items:center;gap:8px;padding:5px 10px;font-size:9px;font-weight:600;display:flex}.status-dot{background-color:#0f6;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 8px #0f69}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #00ff66e6}to{opacity:.6;transform:scale(.9)}}.nav-links{justify-self:end}.nav-links ul{gap:24px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#888;letter-spacing:.05em;text-transform:uppercase;outline:none;padding:4px 0;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";transform-origin:100%;background-color:#fff;width:100%;height:1px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover{color:#fff}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-link:focus-visible{color:#fff;outline-offset:4px;outline:2px solid #fff}@media (width<=768px){.nav-container{flex-direction:column;justify-content:center;gap:12px;height:auto;min-height:64px;padding:16px 20px;display:flex}.nav-status{order:3;justify-self:center;margin-top:4px}.nav-links{order:1;justify-self:center}.nav-links ul{gap:20px}}.lang-switcher{font-family:var(--font-sans);color:#333;border-left:1px solid #1a1a1a;align-items:center;gap:4px;padding-left:8px;display:inline-flex}.lang-btn{color:#555;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;outline:none;padding:2px 4px;font-size:10px;font-weight:500;transition:color .2s}.lang-btn:hover{color:#fff}.lang-btn-active{font-weight:700;color:#fff!important}.lang-divider{color:#222;pointer-events:none;font-size:9px}@media (width<=768px){.lang-switcher{border-left:none;margin-top:4px;padding-left:0}}.name-wordmark-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:320px;margin:0 auto;padding:4px 0;display:flex}.name-wordmark-svg{width:100%;height:auto;display:block}.wordmark-name{letter-spacing:.18em;text-transform:uppercase;font-family:Cormorant Garamond,Times New Roman,Georgia,serif;font-size:46px;font-style:italic;font-weight:300}.wordmark-sub{letter-spacing:.08em;text-transform:uppercase;font-family:Inter,system-ui,sans-serif;font-size:6px;font-weight:600}@keyframes wordmarkReveal{0%{letter-spacing:.08em;opacity:0}to{letter-spacing:.18em;opacity:1}}.wordmark-name{animation:1.8s cubic-bezier(.16,1,.3,1) forwards wordmarkReveal}.contact-card{box-sizing:border-box;background-color:#050505;border:1px solid #222;width:100%;max-width:none;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.contact-grid{flex-direction:column;display:flex}.contact-item{border-bottom:1px solid #1a1a1a;position:relative}.contact-item:last-child{border-bottom:none}.contact-link{color:#888;width:100%;font:inherit;cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:space-between;align-items:center;padding:10px 14px;text-decoration:none;transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);display:flex}.contact-meta{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.contact-label{letter-spacing:.1em;color:#555;text-transform:uppercase;font-size:9px;font-weight:600;transition:color .3s}.contact-value{color:#ccc;font-size:12px;font-weight:400;transition:color .3s}.contact-action{align-items:center;display:flex}.contact-arrow{stroke:#444;width:14px;height:14px;transition:stroke .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.contact-action-text{letter-spacing:.05em;color:#444;border:1px dashed #222;border-radius:2px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:9px;font-weight:600;transition:color .3s,border-color .3s,background-color .3s}.contact-link:hover,.contact-link:focus-visible{color:#fff;background-color:#0b0b0b}.contact-link:hover .contact-label,.contact-link:focus-visible .contact-label{color:#888}.contact-link:hover .contact-value,.contact-link:focus-visible .contact-value{color:#fff;text-decoration:underline}.contact-link:hover .contact-arrow,.contact-link:focus-visible .contact-arrow{stroke:#fff;transform:translate(1px,-1px)}.contact-link:hover .contact-action-text,.contact-link:focus-visible .contact-action-text{color:#fff;background-color:#161616;border-color:#444}.contact-link:focus-visible{outline-offset:-2px;z-index:2;outline:2px solid #fff;position:relative}.copy-toast{color:#000;letter-spacing:.05em;white-space:nowrap;pointer-events:none;z-index:100;background-color:#fff;padding:6px 12px;font-size:10px;font-weight:600;animation:2s forwards toastFade;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,5px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}.center-panel{color:#fff;box-sizing:border-box;--placeholder-bg:#030303;--placeholder-bg-hover:#070707;--placeholder-border:#141414;--placeholder-border-hover:#fff;--placeholder-crop:#262626;--placeholder-crop-hover:#fff;--placeholder-grid-line:#ffffff03;--placeholder-grid-line-hover:#ffffff08;--placeholder-text:#444;--placeholder-text-hover:#fff;--placeholder-dim:#262626;--placeholder-dim-hover:#666;background-color:#080808;background-image:repeating-linear-gradient(135deg,#ffffff0a 0 1px,#0000 1px 14px);border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex;box-shadow:0 12px 32px #0006}@media (width>=769px){.center-panel{height:100%;max-height:100%;overflow-y:auto}}.center-panel::-webkit-scrollbar{width:4px}.center-panel::-webkit-scrollbar-track{background:0 0}.center-panel::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:4px}.center-panel:hover::-webkit-scrollbar-thumb{background:#ffffff1f}.hero-visual{flex-direction:column;align-items:flex-start;width:100%;display:flex}.hero-image{aspect-ratio:16/9;object-fit:cover;box-sizing:border-box;filter:brightness(.9);border:1px solid #1a1a1a;width:100%;height:auto;transition:border-color .4s cubic-bezier(.16,1,.3,1),filter .4s cubic-bezier(.16,1,.3,1)}.hero-visual:hover .hero-image{filter:brightness();border-color:#fff}.hero-section-num{letter-spacing:.05em;color:#444;margin-bottom:6px;font-family:ui-monospace,monospace;font-size:9px;font-weight:500}.center-body{flex-direction:column;gap:20px;display:flex}.editorial-statement{text-align:left;border-top:1px solid #141414;padding-top:16px}.statement-sub{letter-spacing:.15em;color:#555;margin:0 0 8px;font-family:ui-monospace,monospace;font-size:9px;font-weight:600}.statement-heading{letter-spacing:-.01em;color:#fff;margin:0 0 10px;font-family:Cormorant Garamond,Georgia,serif;font-size:20px;font-style:italic;font-weight:300;line-height:1.25}.statement-body{color:#666;margin:0;font-family:Inter,-apple-system,sans-serif;font-size:11px;line-height:1.6}@media (width<=768px){.center-panel{border-radius:8px;height:auto;max-height:none;padding:24px 16px;overflow-y:visible}.statement-heading{font-size:18px}}.image-placeholder{background-color:var(--placeholder-bg,#0d0d0d);border:1px solid var(--placeholder-border,#262626);box-sizing:border-box;justify-content:center;align-items:center;width:100%;transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.image-placeholder-filled{background-color:#070707;margin:0}.placeholder-image{object-fit:cover;filter:grayscale(.18)contrast(1.04)brightness(.88);width:100%;height:100%;transition:filter .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:block}.image-placeholder-filled:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff0e 0 1px,#0000 1px 18px),linear-gradient(#0000 60%,#00000085 100%);position:absolute;inset:0}.project-card:hover .image-placeholder,.hero-visual:hover .image-placeholder{background-color:var(--placeholder-bg-hover,#121212);border-color:var(--placeholder-border-hover,#4c4c4c)}.project-card:hover .placeholder-image,.hero-visual:hover .placeholder-image{filter:grayscale(0)contrast(1.08)brightness();transform:scale(1.025)}.crop-mark{border:1px solid var(--placeholder-crop,#444);pointer-events:none;width:8px;height:8px;transition:border-color .4s cubic-bezier(.16,1,.3,1);position:absolute}.project-card:hover .crop-mark,.hero-visual:hover .crop-mark{border-color:var(--placeholder-crop-hover,#888)}.top-left{border-bottom:none;border-right:none;top:6px;left:6px}.top-right{border-bottom:none;border-left:none;top:6px;right:6px}.bottom-left{border-top:none;border-right:none;bottom:6px;left:6px}.bottom-right{border-top:none;border-left:none;bottom:6px;right:6px}.placeholder-grid{pointer-events:none;background-image:linear-gradient(to right, var(--placeholder-grid-line,#ffffff03) 1px, transparent 1px), linear-gradient(to bottom, var(--placeholder-grid-line,#ffffff03) 1px, transparent 1px);background-size:33.33% 33.33%;position:absolute;inset:0}.project-card:hover .placeholder-grid,.hero-visual:hover .placeholder-grid{background-image:linear-gradient(to right, var(--placeholder-grid-line-hover,#ffffff08) 1px, transparent 1px), linear-gradient(to bottom, var(--placeholder-grid-line-hover,#ffffff08) 1px, transparent 1px)}.placeholder-info{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.placeholder-tag{letter-spacing:.15em;color:var(--placeholder-text,#555);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:500;transition:color .4s cubic-bezier(.16,1,.3,1)}.placeholder-dim{color:var(--placeholder-dim,#3d3d3d);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;transition:color .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .placeholder-tag,.hero-visual:hover .placeholder-tag{color:var(--placeholder-text-hover,#999)}.project-card:hover .placeholder-dim,.hero-visual:hover .placeholder-dim{color:var(--placeholder-dim-hover,#666)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.work-panel{color:#f5f5f5;box-sizing:border-box;--placeholder-bg:#101010;--placeholder-bg-hover:#151515;--placeholder-border:#2a2a2a;--placeholder-border-hover:#666;--placeholder-crop:#454545;--placeholder-crop-hover:#a0a0a0;--placeholder-grid-line:#ffffff05;--placeholder-grid-line-hover:#ffffff0b;--placeholder-text:#666;--placeholder-text-hover:#d8d8d8;--placeholder-dim:#4d4d4d;--placeholder-dim-hover:#9a9a9a;background:linear-gradient(#0b0b0b 0%,#050505 100%);border:1px solid #242424;border-radius:0;flex-direction:column;width:100%;padding:24px;display:flex;box-shadow:0 16px 40px #0000008c}@media (width>=769px){.work-panel{height:100%;max-height:100%}}.panel-header{text-align:left;flex-direction:column;align-items:flex-start;margin-bottom:20px;display:flex}.panel-num{letter-spacing:.1em;color:#777;text-transform:uppercase;margin-bottom:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600}.panel-title{letter-spacing:.02em;color:#f2f2f2;text-transform:uppercase;margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:600}.panel-divider{background-color:#f2f2f2;width:32px;height:2px}.projects-list{flex-direction:column;flex:1;gap:36px;min-height:0;padding-bottom:8px;display:flex}@media (width>=769px){.projects-list{margin-right:-6px;padding-right:6px;overflow:hidden auto}}.projects-list::-webkit-scrollbar{width:4px}.projects-list::-webkit-scrollbar-track{background:0 0}.projects-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.projects-list:hover::-webkit-scrollbar-thumb{background:#ffffff47}.project-card{text-align:left;border:1px solid #0000;border-radius:0;flex-direction:row;align-items:flex-start;gap:14px;margin:-10px;padding:10px;transition:border-color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1);display:flex}.project-card:hover,.project-card:focus-within{background-color:#111;border-color:#ffffff14}.project-image-wrapper{flex-shrink:0;width:90px;margin-bottom:0}.project-details-right{flex-direction:column;flex:1;min-width:0;display:flex}.project-title{color:#f4f4f4;letter-spacing:.01em;margin:0 0 4px;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;font-weight:700}.project-desc{color:#9a9a9a;margin:0 0 6px;font-family:Inter,-apple-system,sans-serif;font-size:11px;line-height:1.4}.project-tags{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.project-tag-item{color:#b8b8b8;letter-spacing:.04em;text-transform:uppercase;background-color:#141414;border:1px solid #2a2a2a;border-radius:0;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:600}.project-feature-tags{flex-wrap:wrap;gap:5px;margin:0 0 8px;display:flex}.project-feature-tag{color:#b7b7b7;white-space:nowrap;background-color:#101010;border:1px solid #333;border-radius:0;align-items:center;gap:5px;padding:3px 6px;font-family:Inter,-apple-system,sans-serif;font-size:8px;font-weight:700;display:inline-flex}.project-action-row{width:100%;display:flex}.project-action-link{color:#f0f0f0;letter-spacing:.08em;border-bottom:1px solid #0000;outline:none;align-items:center;gap:6px;padding-bottom:2px;font-family:Inter,-apple-system,sans-serif;font-size:10px;font-weight:700;text-decoration:none;transition:border-color .2s;display:inline-flex}.action-arrow{width:12px;height:12px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.project-action-link:hover,.project-action-link:focus-visible{border-color:#f0f0f0}.project-action-link:hover .action-arrow,.project-action-link:focus-visible .action-arrow{transform:translate(3px)}.project-action-link:focus-visible{outline-offset:4px;outline:2px solid #fff}.confidential-badge{color:#b7b7b7;background-color:#101010;border:1px solid #333;border-radius:0;align-items:center;gap:5px;padding:3px 6px;font-family:Inter,-apple-system,sans-serif;font-size:8px;font-weight:700;display:inline-flex}.badge-dot{background-color:#9b9b9b;border-radius:50%;width:4px;height:4px}.project-pagination{border-top:1px solid #1d1d1d;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.pagination-arrow{color:#f0f0f0;cursor:pointer;background-color:#0d0d0d;border:1px solid #333;width:44px;height:36px;font-family:Cormorant Garamond,Georgia,serif;font-size:24px;line-height:1;transition:border-color .2s,background-color .2s,color .2s,transform .2s cubic-bezier(.16,1,.3,1)}.pagination-arrow:hover:not(:disabled),.pagination-arrow:focus-visible:not(:disabled){color:#fff;background-color:#161616;border-color:#f0f0f0}.pagination-arrow:first-child:hover:not(:disabled),.pagination-arrow:first-child:focus-visible:not(:disabled){transform:translateY(-2px)}.pagination-arrow:last-child:hover:not(:disabled),.pagination-arrow:last-child:focus-visible:not(:disabled){transform:translateY(2px)}.pagination-arrow:disabled{color:#3a3a3a;cursor:not-allowed;opacity:.55}.pagination-arrow:focus-visible{outline-offset:3px;outline:2px solid #fff}.pagination-count{letter-spacing:.12em;color:#777;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600}@media (width<=768px){.work-panel{border-radius:0;height:auto;max-height:none;padding:24px 16px}.panel-header{margin-bottom:20px}.projects-list{gap:32px;overflow-y:visible}.project-pagination{margin-top:18px}}.app-grid{box-sizing:border-box;flex:1;grid-template-columns:1fr 1.35fr 1fr;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:16px 32px;display:grid}@media (width>=769px){.app-grid{height:calc(100vh - 130px);min-height:520px;max-height:calc(100vh - 130px)}}.grid-column{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;display:flex}.center-column{background-color:#0000}.app-footer{box-sizing:border-box;background-color:#000;border-top:1px solid #111;justify-content:center;align-items:center;width:100%;height:50px;padding:16px 0;display:flex}.footer-content{letter-spacing:.15em;color:#444;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:500;display:flex}.footer-sep{color:#222}@media (width<=1024px){.app-grid{grid-template-columns:1fr .9fr 1fr;gap:16px;padding:16px 20px}}@media (width<=768px){.app-grid{flex-direction:column;gap:24px;padding:20px 16px;display:flex;height:auto!important;max-height:none!important}.grid-column{width:100%;height:auto}.center-column{order:1}.left-column{order:2}.right-column{order:3}.app-footer{height:auto;padding:20px 0}}