@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3,ul{margin:0}ul{padding:0;list-style:none}button{cursor:pointer;background:0 0;border:0;padding:0}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}::selection{color:#fff;background:#111}:focus-visible{outline-offset:-4px;outline:2px solid #111}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}#root{min-height:100vh}.site-shell{color:#111;background:#fff;min-height:100vh}.site-header{background:#fff;align-items:center;gap:30px;min-height:100px;padding:18px 4%;display:flex}.brand{flex-direction:column;flex-shrink:0;display:flex}.brand-name{letter-spacing:-.055em;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.05}.brand-roles{max-width:420px;margin-top:5px;font-size:11px;font-weight:600;line-height:1.3}.main-nav{margin-left:auto}.nav-filters{align-items:center;gap:clamp(18px,2.1vw,34px);display:flex}.nav-filters button,.nav-filters a{color:#777;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap;padding:8px 0;font-size:9px;font-weight:500;line-height:1.2;transition:color .2s;position:relative}.nav-filters button:after{content:"";background:#111;height:1px;transition:right .2s;position:absolute;bottom:2px;left:0;right:100%}.nav-filters button:hover,.nav-filters button.active,.nav-filters a:hover{color:#111}.nav-filters button.active:after{right:0}.language-switch{letter-spacing:.12em;align-items:center;gap:7px;font-size:9px;line-height:1;display:flex}.language-switch button{color:#999;padding:8px 0}.language-switch button.active{color:#111}.language-switch span{color:#bbb}.desktop-language{margin-left:8px}.mobile-language,.menu-toggle{display:none}.work-grid{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-tile{aspect-ratio:16/9;text-align:left;background:#eee;width:100%;display:block;position:relative;overflow:hidden}.project-tile img{object-fit:cover;width:100%;height:100%;transform:translate3d(var(--parallax-x,0px), var(--parallax-y,0px), 0);will-change:transform;transition:transform .16s ease-out,scale .35s;scale:1}@media (hover:hover) and (pointer:fine){.project-tile:hover img{scale:1.045}}@media (prefers-reduced-motion:reduce){.project-tile img{transition:none;transform:scale(1)}}.project-shade{opacity:0;background:#0000003d;transition:opacity .3s;position:absolute;inset:0}.project-caption{color:#fff;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:0;transform:translateY(6px)}.project-title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(15px,1.55vw,23px);font-weight:600;line-height:1.15}.project-type{letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:500;line-height:1.3}.project-tile:hover .project-shade,.project-tile:focus-visible .project-shade,.project-tile:hover .project-caption,.project-tile:focus-visible .project-caption{opacity:1}.project-tile:hover .project-caption,.project-tile:focus-visible .project-caption{transform:translateY(0)}.about-section{border-top:1px solid #ddd;grid-template-columns:1fr 2fr;gap:50px;padding:90px 4%;scroll-margin-top:0;display:grid}.about-section h2{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.3}.about-content{max-width:850px}.about-content>p{letter-spacing:-.035em;font-size:clamp(20px,2.2vw,32px);font-weight:400;line-height:1.35}.about-content ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:60px;display:grid}.about-content li{border-top:1px solid #ddd;padding:14px 0;font-size:11px;line-height:1.4}.site-footer{border-top:1px solid #ddd;grid-template-columns:1.3fr 1fr 1fr auto;align-items:start;gap:40px;padding:42px 4%;font-size:11px;line-height:1.5;display:grid}.footer-label{letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:500}.contact-link{border-bottom:1px solid #111;align-items:center;gap:14px;width:max-content;padding-bottom:5px;display:inline-flex}.contact-link svg{width:14px;height:14px}.social-links{gap:24px;display:flex}.social-links a:hover,.contact-link:hover{color:#777}.copyright{color:#888;white-space:nowrap}.video-modal{z-index:100;color:#fff;background:#000000f0;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.video-dialog{width:min(1100px,100%);max-height:calc(100svh - 60px);overflow-y:auto}.video-dialog-top{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:22px;display:flex}.video-dialog-top p{color:#aaa;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:9px}.video-dialog-top h2{font-size:18px;font-weight:500;line-height:1.3}.video-dialog-top button{border:1px solid #555;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.video-dialog-top button svg{width:18px;height:18px}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{border:0;width:100%;height:100%}.video-description{color:#aaa;max-width:640px;margin-top:18px;font-size:11px;line-height:1.6}@media (width<=1100px){.site-header{gap:20px}.brand-roles{max-width:280px;font-size:9px}.nav-filters{gap:17px}.nav-filters button,.nav-filters a{letter-spacing:.12em;font-size:8px}.site-footer{grid-template-columns:1fr 1fr}}@media (width<=760px){html{scroll-padding-top:20px}.site-header{z-index:20;min-height:82px;padding:15px 18px;position:relative}.brand-name{font-size:25px}.brand-roles{max-width:245px;font-size:8px}.desktop-language{display:none}.menu-toggle{z-index:22;place-items:center;width:38px;height:38px;margin-left:auto;display:grid;position:relative}.menu-toggle svg{width:24px;height:24px}.brand{z-index:22;position:relative}.main-nav{z-index:21;opacity:0;visibility:hidden;background:#fff;flex-direction:column;justify-content:center;margin:0;padding:100px 24px 40px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.main-nav.is-open{opacity:1;visibility:visible}.nav-filters{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.nav-filters button,.nav-filters a{letter-spacing:.08em;font-size:15px}.mobile-language{border-top:1px solid #ddd;gap:20px;width:100%;margin-top:45px;padding-top:20px;font-size:11px;display:flex}.work-grid{grid-template-columns:1fr}.project-caption{text-align:left;opacity:1;background:linear-gradient(#0000,#000000ad);justify-content:flex-end;align-items:flex-start;gap:4px;padding:40px 18px 16px;inset:auto 0 0;transform:none}.project-title{font-size:15px}.project-type{font-size:7px}.about-section{grid-template-columns:1fr;gap:35px;padding:65px 18px}.about-content>p{font-size:22px}.about-content ul{grid-template-columns:1fr;margin-top:40px}.site-footer{grid-template-columns:1fr;gap:30px;padding:36px 18px}.social-links{gap:24px}.video-modal{padding:18px}.video-dialog{max-height:calc(100svh - 36px)}.video-dialog-top h2{font-size:15px}}
