: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}}.nav-link-btn{cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit}.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)}}.image-zoom-preview{z-index:1000;pointer-events:none;background:#050505;border:1px solid #ffffff57;width:min(52vw,620px);height:min(42vh,380px);position:fixed;overflow:hidden;box-shadow:0 24px 80px #000000b8}.image-zoom-preview img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=768px),(pointer:coarse){.image-zoom-preview{display:none}}.zoomable-thumbnail{cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-original-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;cursor:zoom-out;background-color:#050505eb;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{cursor:default;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:1px solid #ffffff1a;max-width:100%;max-height:90vh;animation:.35s cubic-bezier(.16,1,.3,1) modalImageScaleIn;display:block;box-shadow:0 32px 96px #000000d9}.modal-close-btn{color:#ffffff80;cursor:pointer;z-index:2010;background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:40px;line-height:1;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{color:#fff;background-color:#ffffff1a;border-color:#fff3;transform:scale(1.05)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalImageScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.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{box-sizing:border-box;border:1px solid #1a1a1a;flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;transition:border-color .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.hero-image{aspect-ratio:16/9;object-fit:cover;box-sizing:border-box;filter:brightness(.9);width:100%;height:auto;transition:filter .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:block}.hero-inscription{appearance:none;box-sizing:border-box;text-align:center;width:100%;color:inherit;font:inherit;cursor:pointer;background-color:#0a0a09;border:0;border-top:1px solid #1d1d1a;outline:none;margin:0;padding:18px 20px 16px;display:block;position:relative}.hero-inscription:before{content:"";border-top:1px solid #292925;width:48px;margin:0 auto 12px;display:block;box-shadow:0 1px #ffffff09}.inscription-content{min-height:62px;animation:.24s cubic-bezier(.16,1,.3,1) inscriptionReveal;display:block}.inscription-latin{letter-spacing:.07em;color:#666661;text-shadow:-1px -1px #020202,1px 1px #ffffff1f;margin:0;font-family:Cormorant Garamond,Times New Roman,Georgia,serif;font-size:16px;font-variant-caps:small-caps;font-weight:500;line-height:1.28;transition:color .18s,text-shadow .18s;display:block}.inscription-cjk{letter-spacing:.12em;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:18px;font-style:normal;font-variant-caps:normal;font-weight:500}.inscription-translation{letter-spacing:.04em;color:#50504c;text-shadow:0 1px #ffffff09;margin:8px 0 0;font-family:Inter,system-ui,sans-serif;font-size:9px;line-height:1.5;display:block}.hero-inscription:hover .inscription-latin{color:#74746e;text-shadow:-1px -1px #010101,1px 1px #ffffff29}.hero-inscription:focus-visible{outline-offset:-5px;outline:1px solid #4b4b44}@keyframes inscriptionReveal{0%{opacity:.18}to{opacity:1}}@media (prefers-reduced-motion:reduce){.inscription-content{animation:none}}.hero-visual:hover{border-color:#fff}.hero-visual:hover .hero-image{filter:brightness();transform:scale(1.025)}.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;flex-shrink:0;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}.hero-inscription{padding:15px 14px 14px}.hero-inscription:before{margin-bottom:10px}.inscription-latin{font-size:14px}.inscription-cjk{font-size:16px}}.teaser-banner-btn{box-sizing:border-box;text-align:left;cursor:pointer;background-color:#111;border:1px dashed #282828;outline:none;align-items:center;width:100%;margin:4px 0;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.teaser-banner-btn:hover{background-color:#161616;border-style:solid;border-color:#fff}.teaser-banner-btn:focus-visible{outline-offset:4px;border-color:#fff;outline:2px solid #fff}.teaser-label{color:#fff;letter-spacing:.1em;font-size:10px;font-weight:600}.teaser-sep{color:#333;margin:0 10px;font-size:10px;transition:color .3s}.teaser-banner-btn:hover .teaser-sep{color:#888}.teaser-desc{color:#9a9a9a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Inter,-apple-system,sans-serif;font-size:10px;transition:color .3s;overflow:hidden}.teaser-banner-btn:hover .teaser-desc{color:#fff}.teaser-arrow{color:#888;margin-left:8px;font-size:12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.teaser-banner-btn:hover .teaser-arrow{color:#fff;transform:translate(4px)}@media (width<=768px){.teaser-banner-btn{padding:10px 14px}.teaser-desc{font-size:9px}}.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}.portfolio-tabs{box-sizing:border-box;align-items:center;gap:24px;margin-bottom:12px;display:flex}.portfolio-tab-btn{letter-spacing:.04em;color:#555;cursor:pointer;text-transform:uppercase;background:0 0;border:none;outline:none;padding:0;font-family:Cormorant Garamond,Georgia,serif;font-size:20px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.portfolio-tab-btn:hover:not(.active){color:#ccc}.portfolio-tab-btn.active{color:#fff}.portfolio-tab-btn:focus-visible{outline-offset:4px;outline:2px solid #fff}.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{flex-wrap:wrap;align-items:center;gap:10px;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}}.drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1500;background-color:#03030399;animation:.35s cubic-bezier(.16,1,.3,1) drawerFadeIn;position:fixed;inset:0}.drawer-container{z-index:1510;box-sizing:border-box;background-color:#080808;background-image:repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 14px);border-top:1px solid #1f1f1f;flex-direction:column;height:380px;animation:.4s cubic-bezier(.16,1,.3,1) drawerSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 48px #000000d9}.drawer-header{border-bottom:1px solid #141414;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.drawer-title{letter-spacing:.02em;color:#fff;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-style:italic;font-weight:300}.drawer-close-btn{color:#666;letter-spacing:.15em;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;transition:color .3s;display:flex}.drawer-close-btn:hover{color:#fff}.close-cross{font-size:16px;line-height:1}.drawer-content-scroll{box-sizing:border-box;flex:1;align-items:center;padding:0 32px;display:flex;overflow:auto hidden}.drawer-content-scroll::-webkit-scrollbar{height:4px}.drawer-content-scroll::-webkit-scrollbar-track{background:0 0}.drawer-content-scroll::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:2px}.drawer-content-scroll:hover::-webkit-scrollbar-thumb{background:#ffffff1f}.drawer-cards-wrapper{align-items:center;gap:24px;height:240px;padding:8px 0;display:flex}.drawer-card{box-sizing:border-box;flex-shrink:0;width:380px;height:200px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.drawer-card:hover{transform:translateY(-4px)}.card-ticket{color:#999;background-color:#0c0c0c;border:1px solid #222;position:relative}.card-ticket:hover{color:#ccc;border-color:#444;box-shadow:0 12px 32px #0009}.ticket-badge{letter-spacing:.1em;color:#666;text-transform:uppercase;border:1px solid #ffffff26;padding:2px 6px;font-family:ui-monospace,monospace;font-size:8px;position:absolute;top:16px;right:112px}.card-ticket:hover .ticket-badge{color:#999;border-color:#ffffff4d}.ticket-body{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;padding:20px;display:flex;overflow:hidden}.ticket-header-row{color:#555;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.ticket-tag{color:#888}.ticket-title{color:#fff;margin:0 0 6px;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;line-height:1.3}.ticket-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.ticket-location{color:#666;align-items:center;gap:6px;margin-top:auto;font-family:ui-monospace,monospace;font-size:9px;display:flex}.loc-dot{background-color:#888;border-radius:50%;width:4px;height:4px}.ticket-stub-separator{border-left:1px dashed #222;width:1px;height:100%;position:relative}.card-ticket:hover .ticket-stub-separator{border-left-color:#333}.cut-out{background-color:#080808;border-radius:50%;width:16px;height:16px;position:absolute;left:-8px}.cut-out.top{border-bottom:1px solid #222;top:-8px}.cut-out.bottom{border-top:1px solid #222;bottom:-8px}.card-ticket:hover .cut-out.top{border-bottom-color:#444}.card-ticket:hover .cut-out.bottom{border-top-color:#444}.ticket-barcode-stub{box-sizing:border-box;background-color:#090909;flex-direction:column;justify-content:center;align-items:center;width:96px;padding:16px;display:flex}.barcode-lines{opacity:.25;align-items:stretch;gap:2px;height:80px;transition:opacity .3s;display:flex}.card-ticket:hover .barcode-lines{opacity:.55}.bar{background-color:#fff;width:2px}.bar.line-1{width:4px}.bar.line-3{width:3px}.bar.line-6{width:4px}.bar.line-8{width:3px}.barcode-text{color:#444;letter-spacing:.05em;margin-top:10px;font-family:ui-monospace,monospace;font-size:8px}.card-note{box-sizing:border-box;background-color:#0b0b0b;border:1px solid #1a1a1a;flex-direction:column;padding:20px;display:flex}.card-note:hover{background-color:#0e0e0e;border-color:#333;box-shadow:0 12px 32px #0009}.note-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.note-badge{letter-spacing:.1em;color:#888;background-color:#ffffff08;border:1px solid #ffffff14;padding:2px 6px;font-family:ui-monospace,monospace;font-size:8px}.card-note:hover .note-badge{color:#fff;border-color:#fff3}.note-date{color:#555;font-family:ui-monospace,monospace;font-size:9px}.note-title{color:#fff;margin:0 0 8px;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;line-height:1.3}.note-desc{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.note-footer-row{justify-content:space-between;align-items:center;margin-top:auto;font-family:ui-monospace,monospace;font-size:9px;display:flex}.note-tag{color:#555}.note-link-arrow{color:#888;transition:color .3s,transform .3s}.card-note:hover .note-link-arrow{color:#fff;transform:translate(3px)}.card-canvas{background-position:50%;background-size:cover;border:1px solid #1a1a1a;position:relative}.card-canvas:hover{border-color:#444;box-shadow:0 12px 32px #000000b3}.canvas-overlay{z-index:1;opacity:.9;background:linear-gradient(#05050566 0%,#050505f2 100%);transition:opacity .4s;position:absolute;inset:0}.card-canvas:hover .canvas-overlay{opacity:.8}.canvas-body{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;display:flex;position:relative}.canvas-header-row{justify-content:space-between;align-items:center;display:flex}.canvas-badge{letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background-color:#ffffff1a;border:1px solid #fff3;padding:2px 6px;font-family:ui-monospace,monospace;font-size:8px}.canvas-date{color:#aaa;font-family:ui-monospace,monospace;font-size:9px}.canvas-title{color:#fff;margin:0 0 6px;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;line-height:1.3}.canvas-desc{color:#bbb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.canvas-footer-row{color:#888;justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;font-size:9px;display:flex}.canvas-tag{color:#aaa}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.drawer-container{height:340px}.drawer-cards-wrapper{gap:16px;height:210px}.drawer-card{width:320px;height:170px}.ticket-body,.card-note,.canvas-body{padding:16px}.ticket-badge{right:96px}.ticket-barcode-stub{width:80px;padding:12px}}.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}}.drawer-toggle-btn{letter-spacing:.15em;color:#444;cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:500;transition:color .3s}.drawer-toggle-btn:hover{color:#fff}