/* Measurements and active behaviors are documented in MOTION.md. */
.video-background iframe,.video-background>video{opacity:0;transition:opacity 200ms ease-out}.video-background.is-playing iframe,.video-background.is-playing>video{opacity:1}
html{scroll-behavior:auto}.stage{height:100svh;min-height:0;overflow:hidden}.stage-media{position:absolute;inset:0 0 auto;height:100%;z-index:-2;will-change:transform;overflow:hidden;pointer-events:none}.stage-media>img,.stage-media>video,.stage-media>.video-background{height:100%;width:100%;object-fit:cover;transform:none;transition:none}.stage:hover>img,.stage:hover .stage-media>img{transform:none}.shade{background:linear-gradient(180deg,#0003 0%,#0002 22%,#0008 43%,#0008 65%,#0004 100%)}.hero-copy{margin-top:100px;max-width:1100px}.hero-copy>p{order:2;margin:18px 0 0;font-size:12px;letter-spacing:2px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:56px;font-weight:300;line-height:1.2;letter-spacing:0;max-width:1100px;text-shadow:0 1px 16px #0003}.hero .text-link{display:none}.hero-bottom{justify-content:center}.hero-bottom>span{position:absolute;left:0;bottom:0}.hero-bottom>span:last-child{left:auto;right:0}.scroll-cue{font-size:16px;letter-spacing:0;gap:18px;font-weight:500}.scroll-cue>span{animation:none;width:31px;height:31px;border-width:1px;transition:translate 170ms ease-out}.scroll-cue:hover>span{translate:0 4.5px}.header{height:104px;background:transparent;padding-inline:4%}.header nav a{font-size:14px;letter-spacing:1px;transition:color 170ms ease-in-out,background-color 170ms ease-in-out}.header nav:has(a:hover) a:not(:hover){color:#fff6}.header nav a:after,.text-link:after{display:none}.header .monogram{font-size:44px}.header .brand-name{font-size:10px}.featured-copy h2{font-size:56px;letter-spacing:0;line-height:1.2}.featured-copy h2>a{transition:color 150ms ease-out}.featured-copy h2>a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}.featured-copy>p,.featured-copy>.text-link,.stage-index{display:none}.project-card .card-image{background:#fff}.project-card img{transition:opacity 600ms ease;transform:none;filter:none}.project-card:hover img{transform:none;filter:none}.project-card .card-image:after{display:none}.card-hover-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;color:#111;font-size:clamp(20px,2.3vw,33px);font-weight:400;line-height:1.25;opacity:0;transition:opacity 250ms ease-in;pointer-events:none}.project-card:hover img,.project-card:focus-visible img{opacity:.2}.project-card:hover .card-hover-title,.project-card:focus-visible .card-hover-title{opacity:1}.video-background{position:relative;overflow:hidden}.video-background>img{position:absolute;inset:0}.video-background iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}.video-background::after{content:'';position:absolute;inset:0}.viewer{background:#fff;color:#151515}.viewer-top p,.viewer-bottom p{color:#625b66}.viewer-arrow{opacity:0;transition:opacity 200ms ease}.viewer-stage:hover .viewer-arrow,.viewer-arrow:focus-visible{opacity:1}.viewer-arrow:disabled{opacity:.2}.viewer-media,#viewer-media{background:#fff}.viewer-top{border-bottom:1px solid #ece9ee}.viewer-top>button,.dialog-top button{transition:color 150ms ease-out}.viewer-top>button:hover{color:#765288}.menu-dialog{background:transparent;overflow:hidden}.menu-dialog::backdrop{background:#ffffff0d}.menu-panel{position:absolute;inset:0 auto 0 0;width:calc(100% - 60px);padding:90px 36px 36px;background:#08070bd9;display:flex;flex-direction:column;overflow-y:auto}.menu-dialog nav{margin:0;gap:0}.menu-dialog nav>a{font-size:23px;font-weight:300;line-height:2.8;letter-spacing:.09em;text-transform:uppercase}.menu-panel>.menu-wordmark{font-size:10px;letter-spacing:1.5px;margin-bottom:25px;color:#cebbdc}.menu-panel>.menu-admin{font-size:12px;margin-top:auto;padding-top:30px}.menu-dialog>#menu-close{position:absolute;top:0;right:0;width:60px;height:63px;background:white;color:black;display:grid;place-items:center;font-size:24px}.menu-dialog>#menu-close>span{font-size:11px;position:absolute;width:1px;height:1px;overflow:hidden}.search-dialog[open],.viewer[open]{animation:reference-enter 480ms ease-out}.text-link>span,.text-link:hover>span{transform:none;transition:none}@keyframes reference-enter{from{opacity:0}to{opacity:1}}
@media(max-width:1180px){html{scroll-padding-top:63px}body{padding-top:63px}.header{position:fixed;top:0;left:0;height:63px;background:#080808;display:flex;justify-content:space-between;padding:8px 4%;z-index:30}.header nav{display:none}.header .monogram{font-size:31px}.header .brand-name{font-size:8px;letter-spacing:1px}.brand{align-items:flex-start;gap:3px}#menu-open{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;width:44px;height:44px}#menu-open span{height:1px;width:24px;background:#b4b4b4}.hero.stage{height:calc(100svh - 63px)}.hero-copy{margin-top:30px}.hero h1,.featured-copy h2{font-size:clamp(28px,4.8vw,50px)}.hero-copy>p{font-size:10px;max-width:32ch}.hero-bottom{left:5%;right:5%;bottom:27px}.hero-bottom>span{font-size:7px;max-width:110px}.hero-bottom>span:last-child{display:none}.scroll-cue{font-size:16px}.hero-bottom>.scroll-cue{margin:0}.stage-credit{font-size:8px;max-width:190px}.stage{height:100svh}.viewer-arrow{opacity:1}.menu-dialog{padding:0}.menu-dialog nav{margin:0}.menu-dialog>.menu-panel{width:calc(100% - 60px)}}
@media(max-width:940px){.project-card:hover img,.project-card:focus-visible img{opacity:1}.card-hover-title{display:none}.card-caption h3{font-size:16px}.demo-label{font-size:10px}.card-caption>span{font-size:10px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card .card-image{aspect-ratio:1.1}}
@media(max-width:540px){.hero h1{font-size:31px;max-width:340px}.hero-copy{padding:0 20px}.hero-copy>p{font-size:10px;line-height:1.8}.featured-copy h2{font-size:30px}.portfolio-grid{grid-template-columns:1fr;gap:32px}.portfolio{padding:55px 6%}.project-card .card-image{aspect-ratio:1.32}.card-caption{display:flex;align-items:baseline}.card-caption h3{font-size:15px}.hero-bottom>span{bottom:-13px;font-size:6px}.hero-bottom>.scroll-cue{gap:14px}.scroll-cue>span{width:27px;height:27px}.viewer-top h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.stage-media{transform:none!important;height:100%!important;will-change:auto}.video-background iframe{display:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}