:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #111;outline-offset:5px}.site-header{height:180px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.site-header nav{display:grid;grid-template-columns:auto auto;gap:8px 26px;align-items:center;font-size:14px}.site-header nav button{border:0;background:none;padding:0;text-align:left}.site-header nav button:last-child{grid-column:1/3;justify-self:center}.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;letter-spacing:-2px;font-weight:600;white-space:nowrap}.social{font-size:22px;font-weight:bold}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.project{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#101210}.cover-images{position:absolute;inset:0}.cover{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(6%);transition:opacity 1s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}.cover.current{opacity:1;transform:translateX(0);animation:coverZoom 5.8s ease-out both}.cover.previous{transform:translateX(-6%)}@keyframes coverZoom{from{scale:1.04}to{scale:1}}.project-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe8;color:#111;opacity:0;transition:opacity .35s;backdrop-filter:blur(2px)}.project:hover .project-overlay,.project:focus-visible .project-overlay{opacity:1}.project-overlay span{font-size:15px;letter-spacing:.02em}.project-overlay strong{font-size:28px;font-weight:400;letter-spacing:-1px;margin:7px 0 16px}.project-overlay small{font-size:12px;color:#555}.motion-toggle{position:fixed;bottom:24px;right:4vw;font-size:12px;border:0;background:white;padding:8px;color:#666}.motion-toggle:hover{color:black}dialog{border:0;padding:80px 6vw;width:min(760px,90vw);background:white;color:#111}dialog::backdrop{background:#0004;backdrop-filter:blur(5px)}#closeInfo{position:absolute;top:25px;right:30px;background:none;border:0;font-size:14px}dialog .label{font-size:12px;letter-spacing:.15em;color:#666}dialog h1{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-.04em;margin:24px 0}dialog p{font-size:20px;line-height:1.5;max-width:560px;margin-bottom:35px}dialog section>a{font-size:16px;border-bottom:1px solid #111;padding-bottom:5px}[hidden]{display:none!important}@media(max-width:750px){.site-header{height:145px;padding:0 6vw}.brand{font-size:30px;left:auto;right:6vw;transform:translateY(-50%);letter-spacing:-1.5px}.social{display:none}.site-header nav{font-size:12px;gap:9px 16px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overlay strong{font-size:22px}.project-overlay small{font-size:10px}.motion-toggle{bottom:16px;font-size:11px}.project-overlay{background:transparent;opacity:1;justify-content:end;align-items:start;padding:8px;background:linear-gradient(transparent 55%,#000b);color:white;backdrop-filter:none}.project-overlay span,.project-overlay small{display:none}.project-overlay strong{font-size:12px;margin:0;letter-spacing:0}.cover.current{animation:none}dialog{padding:70px 7vw}dialog p{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.project-video{display:block;width:100%;height:100%;object-fit:contain;background:#06064a}
/* Alternate the direction of the image covers across the project grid. */
.stanley-project .cover{transform:translateX(-6%)}
.stanley-project .cover.current{transform:translateX(0)}
.stanley-project .cover.previous{transform:translateX(6%)}

.ama-project .cover{transform:translateX(-6%)}.ama-project .cover.current{transform:translateX(0);animation:amaCoverMotion 5.8s ease-out both}.ama-project .cover.previous{transform:translateX(6%)}@keyframes amaCoverMotion{from{scale:1.045;translate:-.8% 0}to{scale:1;translate:0 0}}.motion-paused .cover{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.ama-project .cover.current{animation:none}}


.site-header nav{display:block}.header-contact{margin-left:auto}.contact-direct{display:grid;grid-template-columns:auto auto;gap:10px 22px;font-size:14px}.contact-direct a:hover,.contact-mobile a:hover{text-decoration:underline}.contact-mobile{display:none}#info{width:min(1050px,94vw);max-height:92svh;overflow:auto;padding:42px 5vw 50px}#info #closeInfo{top:20px;right:25px}.about-top{display:flex;align-items:center;justify-content:space-between;margin:25px 0 28px}.language-switch{display:flex;gap:8px;align-items:center;font-size:14px;color:#999}.language-switch button{border:0;background:none;padding:5px;color:#888}.language-switch button[aria-pressed=true]{color:#111;text-decoration:underline;text-underline-offset:5px}.about-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:5vw;align-items:center}.about-photo img{display:block;width:100%;height:auto}.about-copy h1{font-size:48px;margin:0 0 24px}.about-copy p{font-size:18px;line-height:1.65;margin:0 0 30px}.about-copy a{font-size:14px;border-bottom:1px solid #111;padding-bottom:5px}@media(max-width:750px){.site-header .brand.logo-brand{left:50%;right:auto;transform:translate(-50%,-50%)}.contact-direct{display:none}.contact-mobile{display:block;position:relative;font-size:14px}.contact-mobile summary{cursor:pointer;list-style:none}.contact-mobile summary::-webkit-details-marker{display:none}.contact-mobile>div{position:absolute;right:0;top:28px;z-index:20;background:white;padding:20px;box-shadow:0 8px 25px #0002;display:grid;gap:18px;min-width:150px}.site-header nav{font-size:14px}#info{padding:35px 7vw}.about-layout{grid-template-columns:1fr;gap:28px}.about-photo{max-width:280px}.about-copy h1{font-size:36px;margin-bottom:18px}.about-copy p{font-size:16px}.about-top{margin-top:30px}}@media(max-width:360px){.site-header .brand.logo-brand{width:100px;height:90px}.site-header nav,.contact-mobile{font-size:12px}}

.contact-direct{display:flex;gap:10px;align-items:center}.contact-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#111;transition:transform .2s ease,opacity .2s ease}.contact-icon svg{display:block;width:22px;height:22px}.contact-icon:hover{transform:translateY(-3px);opacity:.65}.contact-icon:focus-visible{outline:2px solid #111;outline-offset:2px}@media(max-width:750px){.contact-direct{display:grid;grid-template-columns:repeat(2,36px);gap:3px}.contact-icon{width:36px;height:36px}.contact-icon svg{width:20px;height:20px}}

/* Clean moving covers; project names appear only on interaction. */
.project-overlay{opacity:0;background:#ffffffe8;color:#111;justify-content:center;align-items:center;padding:16px;backdrop-filter:blur(2px);pointer-events:none;transition:opacity .3s ease}
.project:hover .project-overlay,.project:focus-visible .project-overlay{opacity:1}
.project-overlay strong{font-size:clamp(20px,2.2vw,28px);font-weight:400;letter-spacing:-.04em;margin:0 0 10px}
.project-overlay span{display:block;font-size:14px;letter-spacing:0;text-align:center}
@media(hover:none){.project:hover .project-overlay{opacity:0}.project:focus-visible .project-overlay{opacity:1}}