@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap";:root{--background:#101010;--foreground:#eae9e3;--muted:#858580;--border:#30302e;--accent:#b63232;--page-padding:clamp(20px, 3.2vw, 64px);--header-font:"Archivo", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{padding:30px var(--page-padding) 24px;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.identity{flex-direction:column;gap:5px;display:flex}.identity-name{font-family:var(--header-font);letter-spacing:-.055em;font-size:19px;font-weight:700}.identity-name:after{content:"";background:var(--accent);border-radius:1px;width:6px;height:6px;margin-bottom:3px;margin-left:7px;display:inline-block}.identity-subtitle{letter-spacing:.075em;color:var(--muted);font-size:11.333px}.site-nav{flex-direction:column;align-items:flex-start;gap:7px;padding-top:2px;display:flex}.site-nav a{letter-spacing:.045em;align-items:center;gap:8px;font-size:11px;transition:color .2s;display:flex}.site-nav a:before{content:">";color:var(--accent);font-size:13px;font-weight:700}.site-nav a:hover{color:var(--accent)}main{padding:52px var(--page-padding) 110px}.work-heading{justify-content:space-between;align-items:baseline;margin-bottom:26px;display:flex}.work-heading h1{letter-spacing:-.045em;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:500;display:flex}.work-heading h1:before{content:"";background:var(--accent);flex-shrink:0;width:2px;height:16px;display:block}.work-count{color:var(--muted);font-size:11px}.project-grid{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:32px 13px;display:grid}.project-card{min-width:0}.project-poster{appearance:none;text-align:left;cursor:pointer;aspect-ratio:2/3;outline-offset:3px;background:#262625;border:0;border-radius:0;outline:1px solid #0000;width:100%;padding:0;transition:outline-color .2s;display:block;position:relative;overflow:hidden}.project-poster img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-poster{outline-color:var(--accent)}.project-card:hover .project-poster img{transform:scale(1.035)}.project-title{color:var(--foreground);letter-spacing:-.015em;opacity:0;background:linear-gradient(#0000 35%,#00000026 55%,#000000e0 100%);align-items:flex-end;padding:18px 14px;font-size:13px;font-weight:500;line-height:1.3;transition:opacity .2s;display:flex;position:absolute;inset:0}.project-title span{overflow-wrap:break-word;max-width:100%;display:block}.project-card:hover .project-title{opacity:1}.project-year{z-index:2;color:var(--accent);letter-spacing:.02em;opacity:0;background:#0a0a0ae6;border-radius:1px;padding:2px 3px;font-size:12px;font-weight:600;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:5px;right:5px;transform:translateY(-4px)}.project-year:before{content:"";background:#0a0a0ae6;height:5px;position:absolute;bottom:100%;left:0;right:0}.project-card:hover .project-year{opacity:1;transform:translateY(0)}.project-role{width:auto;max-width:100%;color:var(--muted);margin:9px 0 0;padding-bottom:5px;font-size:12px;line-height:1.35;transition:color .2s;display:table;position:relative}.project-card:hover .project-role{color:var(--foreground)}.project-role:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.project-card:hover .project-role:after{transform:scaleX(1)}.site-footer{margin:0 var(--page-padding);border-top:1px solid var(--border);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px 0 32px;font-size:11px;display:grid}.footer-instagram{color:var(--foreground);letter-spacing:.04em;align-items:center;gap:7px;font-size:11px;transition:color .2s;display:inline-flex}.footer-instagram:before{content:">";color:var(--accent);font-size:13px;font-weight:700}.footer-instagram:hover{color:var(--accent)}.footer-location{text-align:right}@media (width<=1200px){.project-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.project-card{transform:none!important}}@media (width<=800px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=500px){.site-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px}.identity{min-width:0}.site-nav{flex-shrink:0;align-items:flex-end;gap:7px;padding-top:0}.site-nav a{justify-content:flex-end}main{padding-top:35px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding:0 8px}.project-title{opacity:0;background:linear-gradient(#0000 55%,#000c);padding:12px 9px;font-size:12px}.project-year{opacity:0;transform:translateY(-4px)}.project-poster.is-open .project-title{opacity:1}.project-poster.is-open .project-year{opacity:1;transform:translateY(0)}.project-card:hover .project-poster:not(.is-open) .project-title,.project-card:hover .project-poster:not(.is-open) .project-year{opacity:0}.project-card:hover .project-poster:not(.is-open) .project-year{transform:translateY(-4px)}.site-footer{grid-template-columns:1fr auto;row-gap:16px}.footer-instagram{grid-area:2/1/auto/-1;justify-self:center}.footer-location{grid-area:1/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-poster,.project-poster img,.project-title,.project-year,.project-role,.project-role:after,.site-nav a,.footer-instagram{transition:none}}.font-switcher{z-index:100;border:1px solid var(--border);background:#1c1c1b;border-radius:3px;flex-direction:column;gap:8px;padding:13px 15px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 30px #0000004d}.font-switcher-label{color:var(--muted);letter-spacing:.12em;font-size:9px}.font-switcher select{min-width:180px;color:var(--foreground);cursor:pointer;background:#101010;border:1px solid #454543;border-radius:2px;padding:7px 8px;font-family:Arial,Helvetica,sans-serif;font-size:11px}.font-switcher select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.placeholder-page{flex-direction:column;justify-content:center;align-items:flex-start;min-height:48vh;display:flex}.placeholder-page h1{letter-spacing:-.045em;align-items:center;gap:9px;margin:0 0 16px;font-size:19px;font-weight:500;display:flex}.placeholder-page h1:before{content:"";background:var(--accent);width:2px;height:16px;display:block}.placeholder-page p{color:var(--muted);letter-spacing:.025em;margin:0;font-size:12px}@media (width<=500px){.font-switcher{padding:10px;bottom:12px;right:12px}.font-switcher select{min-width:155px}}