/* Keep the source components; fit the user's text to its actual frame. */
html,body{overflow-x:clip}
.work-container{max-width:80%;margin-inline:auto}
.fu-ft .fu-ft-legal{display:grid;grid-template-columns:1fr auto auto auto;gap:32px;align-items:center}
.fu-ft .fu-ft-legal-links{display:contents}
.fu-ft .fu-ft-legal>div:first-child,.fu-ft .fu-ft-legal a[href^="mailto:"]{text-transform:none}
@media(min-width:992px){.hero-name-block{width:64%!important}.hero-name-block .hero-greeting .fu-wm{font-size:6.5vw!important}}
@media(max-width:767px){.work-container{max-width:100%}.fu-ft .fu-ft-legal{grid-template-columns:1fr 1fr;gap:24px 12px}.fu-ft .fu-ft-legal a[href^="mailto:"]{grid-column:1/-1;grid-row:2}.fu-ft .fu-ft-top-btn{justify-self:end;grid-column:2;grid-row:1}}
.artwork-board{position:relative;width:100%;isolation:isolate}
.artwork-board>img{display:block;width:100%;height:auto}
.artwork-media{position:absolute;z-index:2;background:#111;overflow:hidden}
.artwork-media>video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.fu-ft .fu-ft-ch.is-space{width:.12em}
.project-ending{background:color-mix(in srgb,var(--fu-blue) 4%,white);padding-top:48px}
.project-ending .fu-ft{background:transparent!important}
.project-ending .next-original{padding-bottom:40px}
.hero-container{height:100svh;min-height:620px;gap:24px}
.hero-name-block{width:76%;max-width:1400px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;min-height:0;container-type:inline-size}
.hero-greeting .fu-wm{font-size:clamp(64px,8vw,160px)!important;text-transform:none;line-height:.84;text-align:left}
.hero-name-block>.fu-wm{font-size:var(--hero-font-size,32vw)!important;text-align:left}
.hero-name-block>.fu-wm .fu-wm-t{white-space:nowrap!important}
.hero-bottom{flex:none;padding:0 0 8px}.hero-bottom .fu-tx{max-width:none}
.project-title{width:100%;min-width:0;container-type:inline-size}
.project-title .fu-wm{font-size:var(--project-font-size,18vw)!important;line-height:.84}
.project-title .fu-wm-t,.next-original .fu-wm-t{white-space:nowrap!important}
.project-header-container{gap:32px;padding-bottom:48px}
.project-intro .project-header-container{min-height:100svh;justify-content:space-between;padding-bottom:104px}
.project-intro .project-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-intro .project-title{margin:0}
.project-artwork{padding-top:0}
.fu-nav-brand:has(svg){display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px}
.next-original .fu-wm{font-size:var(--next-font-size,18vw)!important}
/* The page still scales with the original menu; its preview is always the name. */
#menu-name-preview{display:none;position:absolute;left:0;width:100%;height:100svh;z-index:20;align-items:center;justify-content:center;background:#fff;color:var(--fu-blue);overflow:hidden;pointer-events:none}
#menu-name-preview>span{font:700 34vw/.84 'FU Humane',Impact,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.portfolio-menu-open #menu-name-preview{display:flex}
.portfolio-menu-open #portfolio-content{visibility:hidden;opacity:0!important;pointer-events:none}
/* Remove only the footer's vertical parallax/shade, which clipped its content. */
.fu-ft .fu-ft-in{translate:none!important;transform:none!important}
.fu-ft .fu-ft-shade{opacity:0!important;display:none!important}
.fu-ft{overflow:visible!important}
.fu-ft .fu-ft-c{height:auto;min-height:0;padding-top:92px;gap:64px}
.fu-ft .fu-ft-top{align-items:start}.fu-ft .fu-ft-bottom{padding-bottom:32px}
.fu-ft .fu-ft-email{padding-top:12px}
@media(max-width:991px){.hero-name-block{width:88%}.hero-greeting .fu-wm{font-size:clamp(64px,11vw,120px)!important}.fu-ft .fu-ft-c{padding-top:80px}}
@media(max-width:767px){.hero-container{min-height:520px;padding-top:96px;padding-bottom:32px;gap:24px}.hero-name-block{width:100%;gap:20px}.hero-greeting .fu-wm{font-size:clamp(58px,16vw,100px)!important}.hero-bottom .fu-tx{font-size:18px;line-height:1.25}.project-header-container{padding-top:96px;gap:28px;padding-bottom:40px}.project-caption{gap:12px}.project-caption .label{font-size:9px}.meta p{font-size:16px}.project-meta{gap:20px 16px}.fu-ft .fu-ft-c{gap:48px}.fu-ft .fu-ft-legal{padding-bottom:40px}#menu-name-preview{align-items:flex-start;padding-top:10svh}#menu-name-preview>span{font-size:34vw}}
@media(max-height:650px) and (min-width:768px){.hero-container{min-height:500px;padding-top:88px;padding-bottom:24px}.hero-name-block{gap:16px}.hero-greeting .fu-wm{font-size:12vh!important}.hero-bottom .fu-tx{font-size:24px}.project-header-container{padding-top:88px;gap:24px;padding-bottom:32px}}