body{display:flex;flex-direction:column}
body>.site-header,body>main{flex-shrink:0}
.hwf-root{--hwf-bg:var(--background);--hwf-ink:#ededed;--hwf-warm:#929292;position:relative;isolation:isolate;width:100%;height:calc(25vw + 64px);min-height:180px;flex-shrink:0;margin-top:auto;overflow:hidden;background:var(--hwf-bg);color:var(--hwf-ink)}
.hwf-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
.hwf-fallback{position:absolute;bottom:-.22em;left:50%;transform:translateX(-50%);font-family:var(--font-sans);font-weight:600;font-size:28vw;line-height:1;letter-spacing:-.045em;white-space:nowrap;pointer-events:none}
.hwf-root[data-rendered] .hwf-fallback{visibility:hidden}
.hwf-rule{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;margin:0 clamp(20px,3.4vw,44px);padding-top:8px;border-top:1px solid #ffffff1a;pointer-events:none}
.hwf-up{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;color:var(--muted);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:20px;pointer-events:auto;transition:color 160ms ease}
.hwf-up span{transition:transform 160ms ease}
.hwf-up:focus-visible{outline:2px solid #fff;outline-offset:4px;color:#fff}
body.project-open .hwf-root{visibility:hidden;pointer-events:none}
@media(hover:hover){.hwf-up:hover{color:#fff}.hwf-up:hover span{transform:translateY(-2px)}}
@media(max-width:520px){.hwf-rule{margin:0 16px}.hwf-up{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hwf-up,.hwf-up span{transition:none!important;transform:none!important}}