.header-space{height:calc(116px + env(safe-area-inset-top,0px))}.header-dock{padding-top:env(safe-area-inset-top,0px);z-index:20;isolation:isolate;transition:transform .24s cubic-bezier(.23,1,.32,1);position:fixed;top:0;left:0;right:0;transform:translateY(0)}.header-dock[data-hidden=true]{pointer-events:none;transform:translateY(calc(-100% - 40px))}.header-dock:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(#0d0d0de6 0%,#0d0d0d80 35%,#0d0d0d26 70%,#0d0d0d00 100%);transition:opacity .2s ease-out;position:absolute;inset:0 0 -32px}.header-dock[data-scrolled=true]:before{opacity:1}.header-dock .portfolio-header{width:calc(100% - 64px);max-width:1184px;margin-inline:auto}.header-text-control{transition:color .2s ease-out,text-shadow .2s ease-out}.header-text-control:focus-visible{color:#fff;text-shadow:0 0 12px #ffffff40}@media (hover:hover) and (pointer:fine){.contact-details .header-text-control:hover{color:#fff;text-shadow:0 0 12px #ffffff40}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header-dock:before{-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%);-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 100%);mask-image:linear-gradient(#000 0% 35%,#0000 100%)}}@media (max-width:600px){.header-dock .portfolio-header{width:calc(100% - 32px)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.header-dock:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0d0d0d 0 80%,#0d0d0d00);-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.header-dock,.header-dock:before,.header-text-control{transition:none}}@media (prefers-reduced-motion:no-preference){.case-study .portfolio-header{animation:.32s ease-out backwards case-header-in}}@keyframes case-header-in{0%{opacity:0}to{opacity:1}}.skip-link{z-index:40}.email-copy{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;position:relative}.email-tooltip{color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#242424;border:1px solid #ffffff20;border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.2;transition:opacity .16s ease-out,transform .16s ease-out,visibility .16s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-3px)}@media (min-width:601px) and (hover:hover) and (pointer:fine){.email-copy:is(:hover,:focus-visible) .email-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}}.copy-snackbar{z-index:60;top:calc(16px + env(safe-area-inset-top,0px));color:#f5f5f5;pointer-events:none;opacity:0;background:#242424;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);min-height:48px;padding:12px 18px;font-size:14px;line-height:1.4;transition:opacity .22s ease-out,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;left:50%;transform:translate(-50%,-12px);box-shadow:0 8px 28px #0006}.copy-snackbar svg{flex-shrink:0}.copy-snackbar[data-open=true]{opacity:1;transform:translate(-50%)}@media (max-width:600px){.header-dock .header-actions>.contact-button{display:none}.header-dock .header-actions{justify-content:center;min-height:64px}.header-dock .contact-details{font-size:14px}.email-tooltip{display:none}}@media (prefers-reduced-motion:reduce){.email-tooltip,.copy-snackbar{transition:none}}