*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--gray:#888;--light-gray:#aaa;--border:#222;--accent:#fff;--font:"Space Mono", "Courier New", monospace}html,body{background:var(--black);height:100%;color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#root{height:100%}button{font-family:var(--font);cursor:pointer}input,textarea{font-family:var(--font)}a{color:inherit;text-decoration:none}.portfolio{flex-direction:column;height:100%;display:flex}.portfolio-hero{text-align:center;border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:22px 40px 18px;display:flex}.portfolio-of{letter-spacing:3px;text-transform:uppercase;color:var(--gray);margin-bottom:6px;font-size:10px;font-style:italic}.portfolio-name{font-family:var(--font);letter-spacing:-1px;color:var(--white);text-transform:uppercase;margin:0;font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1}.index-mosaic{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr;gap:6px;min-height:0;padding:12px;display:grid}.mosaic-photography{grid-area:1/1/3}.mosaic-creative-campaigns{grid-area:1/2}.mosaic-visuals{grid-area:2/2}.mosaic-written-works{grid-area:1/3}.mosaic-playground{grid-area:2/3}.project-card{cursor:pointer;background:#0a0a0a;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .4s;display:block}.project-card:hover img{filter:brightness(.7);transform:scale(1.03)}.project-card-shade{background:linear-gradient(#0000001a 50%,#000000a6 100%);transition:background .3s;position:absolute;inset:0}.project-card:hover .project-card-shade{background:linear-gradient(#00000040 40%,#000c 100%)}.project-card-label{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:28px;left:32px}.project-card-title{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);font-size:22px;font-weight:700}.project-card-year{letter-spacing:2px;color:#ffffff8c;text-transform:uppercase;font-size:11px}.coming-soon{flex:1;justify-content:center;align-items:center;display:flex}.coming-soon-text{letter-spacing:4px;text-transform:uppercase;color:#444;font-size:11px;font-style:italic}.pg-wrap{flex-direction:column;height:100%;display:flex}.pg-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:24px;padding:24px 32px;display:flex}.pg-back{color:var(--gray);letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;transition:color .2s}.pg-back:hover{color:var(--white)}.pg-title{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);font-size:12px;font-weight:700}.pg-grid{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr 1fr;gap:5px;height:calc(100vh - 90px);min-height:0;padding:16px;display:grid}.pg-cell:first-child{grid-area:1/1/4}.pg-cell:nth-child(2){grid-area:1/2}.pg-cell:nth-child(3){grid-area:2/2}.pg-cell:nth-child(4){grid-area:3/2}.pg-cell:nth-child(5){grid-area:1/3/3}.pg-cell:nth-child(6){grid-area:3/3}.pg-cell{cursor:pointer;background:#111;border:none;border-radius:2px;padding:0;transition:filter .2s;overflow:hidden}.pg-cell:hover{filter:brightness(1.12)}.pg-cell img{object-fit:cover;width:100%;height:100%;display:block}.pg-lightbox{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes liftToFace{0%{opacity:0;filter:blur(2px);transform:scale(.35)translateY(40px)}60%{filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes dropBack{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.35)translateY(40px)}}.pg-single{z-index:2;flex-direction:column;align-items:center;gap:16px;width:min(88vw,780px);display:flex;position:relative}.pg-single.lift-in{animation:.4s cubic-bezier(.22,.61,.36,1) forwards liftToFace}.pg-single.lifted{opacity:1;transform:scale(1)}.pg-single.drop-back{animation:.35s cubic-bezier(.55,.06,.68,.19) forwards dropBack}.pg-single-back{color:#aaa;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;align-self:flex-start;transition:color .2s}.pg-single-back:hover{color:#fff}.pg-single-img{object-fit:contain;border-radius:2px;width:100%;max-height:75vh;display:block}.pg-single-title{color:#e0e0e0;font-family:var(--font);letter-spacing:3px;text-transform:uppercase;text-align:center;font-size:12px}@media (width<=768px){.index-mosaic{grid-template-rows:35vw auto auto;grid-template-columns:1fr 1fr;gap:4px;padding:8px}.mosaic-photography{grid-area:1/1/auto/3}.mosaic-creative-campaigns{grid-area:2/1}.mosaic-visuals{grid-area:2/2}.mosaic-written-works{grid-area:3/1}.mosaic-playground{grid-area:3/2}.project-card-title{letter-spacing:2px;font-size:14px}.project-card-label{bottom:14px;left:16px}.pg-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:4px;height:auto;padding:8px}.pg-cell:first-child,.pg-cell:nth-child(2),.pg-cell:nth-child(3),.pg-cell:nth-child(4),.pg-cell:nth-child(5),.pg-cell:nth-child(6){grid-area:auto;height:40vw}.pg-header{padding:16px 20px}.pg-title{font-size:11px}}@media (width<=480px){.index-mosaic{grid-template-rows:repeat(5,50vw);grid-template-columns:1fr}.mosaic-photography{grid-area:1/1}.mosaic-creative-campaigns{grid-area:2/1}.mosaic-visuals{grid-area:3/1}.mosaic-written-works{grid-area:4/1}.mosaic-playground{grid-area:5/1}.pg-grid{grid-template-columns:1fr}.pg-cell:first-child,.pg-cell:nth-child(2),.pg-cell:nth-child(3),.pg-cell:nth-child(4),.pg-cell:nth-child(5),.pg-cell:nth-child(6){height:70vw}}.cc-wrap{flex-direction:column;height:100%;display:flex}.cc-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:24px;padding:24px 32px;display:flex}.cc-back{color:var(--gray);letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;transition:color .2s}.cc-back:hover{color:var(--white)}.cc-title{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);font-size:12px;font-weight:700}.cc-scroll{flex:1;min-height:0;overflow-y:auto}.cc-scroll::-webkit-scrollbar{width:4px}.cc-scroll::-webkit-scrollbar-track{background:0 0}.cc-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.cc-grid{columns:3;column-gap:5px;padding:16px}.cc-cell{cursor:pointer;break-inside:avoid;background:#0a0a0a;border:none;border-radius:2px;width:100%;margin-bottom:5px;padding:0;display:block;position:relative;overflow:hidden}.cc-cell img{width:100%;height:auto;transition:transform .5s;display:block}.cc-cell:hover img{transform:scale(1.04)}.cc-cell-shade{opacity:0;pointer-events:none;background:#00000026;transition:opacity .3s;position:absolute;inset:0}.cc-cell:hover .cc-cell-shade{opacity:1}.cc-lightbox{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cc-single{z-index:2;flex-direction:column;align-items:center;gap:16px;width:min(88vw,780px);display:flex;position:relative}.cc-single.lift-in{animation:.4s cubic-bezier(.22,.61,.36,1) forwards liftToFace}.cc-single.lifted{opacity:1;transform:scale(1)}.cc-single.drop-back{animation:.35s cubic-bezier(.55,.06,.68,.19) forwards dropBack}.cc-single-back{color:#aaa;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;align-self:flex-start;transition:color .2s}.cc-single-back:hover{color:#fff}.cc-single-img{object-fit:contain;border-radius:2px;width:100%;max-height:75vh;display:block}.cc-single-title{color:#e0e0e0;font-family:var(--font);letter-spacing:3px;text-transform:uppercase;text-align:center;font-size:12px}@media (width<=768px){.cc-header{padding:16px 20px}.cc-title{font-size:11px}.cc-grid{columns:2;column-gap:4px;padding:8px}.cc-cell{margin-bottom:4px}}@media (width<=480px){.cc-grid{columns:1}}.cg-wrap{flex-direction:column;height:100%;display:flex}.cg-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:24px;padding:24px 32px;display:flex}.cg-back{color:var(--gray);letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;transition:color .2s}.cg-back:hover{color:var(--white)}.cg-title{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);font-size:12px;font-weight:700}.cg-scroll{flex:1;min-height:0;overflow-y:auto}.cg-scroll::-webkit-scrollbar{width:4px}.cg-scroll::-webkit-scrollbar-track{background:0 0}.cg-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.cg-grid{columns:3;column-gap:5px;padding:16px}.cg-cell{break-inside:avoid;cursor:pointer;background:#0a0a0a;border:none;border-radius:2px;width:100%;margin-bottom:5px;padding:0;display:block;position:relative;overflow:hidden}.cg-cell img{width:100%;height:auto;transition:transform .5s;display:block}.cg-cell:hover img{transform:scale(1.04)}.cg-cell-shade{opacity:0;pointer-events:none;background:#00000026;transition:opacity .3s;position:absolute;inset:0}.cg-cell:hover .cg-cell-shade{opacity:1}.cg-lightbox{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes cgLiftToFace{0%{opacity:0;filter:blur(2px);transform:scale(.35)translateY(40px)}60%{filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes cgDropBack{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.35)translateY(40px)}}.cg-single{z-index:2;flex-direction:column;align-items:center;gap:16px;width:min(88vw,780px);display:flex;position:relative}.cg-single.lift-in{animation:.4s cubic-bezier(.22,.61,.36,1) forwards cgLiftToFace}.cg-single.lifted{opacity:1;transform:scale(1)}.cg-single.drop-back{animation:.35s cubic-bezier(.55,.06,.68,.19) forwards cgDropBack}.cg-single-back{color:#aaa;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;align-self:flex-start;transition:color .2s}.cg-single-back:hover{color:#fff}.cg-single-img{object-fit:contain;border-radius:2px;width:100%;max-height:75vh;display:block}.cg-single-title{color:#e0e0e0;font-family:var(--font);letter-spacing:3px;text-transform:uppercase;text-align:center;font-size:12px}@media (width<=768px){.cg-header{padding:16px 20px}.cg-title{font-size:11px}.cg-grid{columns:2;column-gap:4px;padding:8px}.cg-cell{margin-bottom:4px}}@media (width<=480px){.cg-grid{columns:1}}.about{padding-bottom:80px}.about-label{letter-spacing:4px;text-transform:uppercase;color:var(--gray);margin-bottom:16px;font-size:10px;display:block}.about-hero{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;min-height:70vh;display:grid}.about-hero-img{border-right:1px solid var(--border);overflow:hidden}.about-hero-img img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;display:block}.about-hero-text{flex-direction:column;justify-content:center;gap:0;padding:64px 56px;display:flex}.about-heading{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:28px;font-size:28px;font-weight:700}.about-bio{color:var(--light-gray);margin-bottom:16px;font-size:13px;font-style:italic;line-height:1.9}.about-divider{background:var(--border);height:1px}.about-services{border-bottom:1px solid var(--border);padding:64px 56px}.services-grid{grid-template-columns:1fr 1fr;gap:40px 56px;margin-top:8px;display:grid}.service-title{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:10px;font-size:11px;font-weight:700}.service-desc{color:var(--gray);font-size:12px;line-height:1.8}.about-feature{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.about-feature img{object-fit:cover;border-right:1px solid var(--border);filter:brightness(.8);width:100%;height:400px;display:block}.about-feature-caption{flex-direction:column;justify-content:center;padding:56px;display:flex}.about-feature-caption p{color:var(--gray);font-size:13px;font-style:italic;line-height:1.9}@media (width<=768px){.about-hero{grid-template-columns:1fr;min-height:auto}.about-hero-img{border-right:none;border-bottom:1px solid var(--border);height:55vw}.about-hero-text{padding:36px 24px}.about-heading{font-size:22px}.about-services{padding:40px 24px}.services-grid{grid-template-columns:1fr;gap:28px}.about-feature{grid-template-columns:1fr}.about-feature img{border-right:none;border-bottom:1px solid var(--border);height:55vw}.about-feature-caption{padding:32px 24px}}.contact{padding-bottom:80px}.contact-header{border-bottom:1px solid var(--border);padding:56px 56px 48px}.contact-label{letter-spacing:4px;text-transform:uppercase;color:var(--gray);margin-bottom:16px;font-size:10px;display:block}.contact-heading{font-family:var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:12px;font-size:28px;font-weight:700}.contact-sub{color:var(--gray);font-size:12px;font-style:italic}.contact-body{grid-template-columns:280px 1fr;min-height:calc(100vh - 200px);display:grid}.contact-info{border-right:1px solid var(--border);flex-direction:column;gap:32px;padding:48px 40px;display:flex}.contact-info-block{flex-direction:column;gap:6px;display:flex}.info-label{letter-spacing:3px;text-transform:uppercase;color:#555;font-size:10px}.info-value{color:var(--light-gray);font-size:12px}.contact-form-wrap{padding:48px 56px}.contact-form{flex-direction:column;gap:24px;max-width:600px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{letter-spacing:3px;text-transform:uppercase;color:#555;font-size:10px}.form-field input,.form-field textarea{border:1px solid var(--border);color:var(--white);resize:none;letter-spacing:.5px;background:0 0;outline:none;padding:12px 14px;font-size:12px;transition:border-color .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:#444}.form-field input:focus,.form-field textarea:focus{border-color:#555}.form-submit{color:var(--white);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #444;align-self:flex-start;padding:12px 28px;font-size:11px;transition:border-color .2s,color .2s}.form-submit:hover{border-color:var(--white)}.contact-sent{flex-direction:column;align-items:flex-start;gap:16px;padding-top:20px;display:flex}.sent-icon{color:var(--white);font-size:24px}.contact-sent p{color:var(--gray);font-size:13px;font-style:italic}@media (width<=768px){.contact-header{padding:36px 24px 28px}.contact-heading{font-size:22px}.contact-body{grid-template-columns:1fr;min-height:auto}.contact-info{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:20px 36px;padding:28px 24px}.contact-form-wrap{padding:32px 24px}.form-row{grid-template-columns:1fr;gap:16px}.form-submit{text-align:center;width:100%}}.app{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:40px 32px;display:flex;position:sticky;top:0}.sidebar-name{letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:6px;font-size:13px;font-weight:700}.sidebar-tagline{color:var(--gray);letter-spacing:1px;margin-bottom:48px;font-size:11px;font-style:italic}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.nav-btn{color:var(--gray);letter-spacing:2px;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:11px;transition:color .2s}.nav-btn:hover,.nav-btn.active{color:var(--white)}.sidebar-footer{color:#444;letter-spacing:1px;font-size:10px}.main-content{flex:1;overflow:hidden auto}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:#333;border-radius:2px}@media (width<=768px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:100;background:var(--black);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:16px 20px;position:sticky;top:0}.sidebar>div:first-child{flex-direction:column;gap:2px;display:flex}.sidebar-name{margin-bottom:0;font-size:11px}.sidebar-tagline{margin-bottom:0;font-size:9px}.sidebar-nav{flex-direction:row;flex:0;gap:20px}.sidebar-footer{display:none}.main-content{flex:1;min-height:0;overflow-y:auto}}