.site-header{border-bottom:0}
.hero .hero-copy h1{color:#10110f}
.hero .hero-copy .eyebrow{color:#10110f;font-size:13px;font-weight:400;letter-spacing:.08em}
.hero-copy.lzm-enabled{position:relative;isolation:isolate}
.hero-copy.lzm-enabled::before{content:none!important}
.lzm-wash{position:absolute;inset:-50px -30px;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent)}
.lzm-wash::before{content:'';position:absolute;inset:-15% -85%;background:linear-gradient(112deg,transparent 30%,rgba(205,199,178,.10) 39%,rgba(226,218,195,.24) 44%,rgba(255,255,255,.88) 49%,rgba(255,255,255,.65) 54%,rgba(221,218,205,.16) 60%,transparent 70%);animation:lzm-light 16s ease-in-out -4s infinite alternate}
.lzm-glint{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#c3b48d;box-shadow:0 0 9px 3px rgba(214,198,158,.26);opacity:0;animation:lzm-glimmer var(--time) ease-in-out var(--start) infinite}
.lzm-glint::before,.lzm-glint::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(188,173,137,.5),transparent);width:13px;height:1px}
.lzm-glint::after{transform:translate(-50%,-50%) rotate(90deg);width:9px}
.lzm-paused .lzm-wash::before,.lzm-paused .lzm-glint{animation-play-state:paused}
.lzm-static .lzm-wash{display:none}
.lzm-enter{animation:lzm-enter 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--lzm-delay,0s)}
@keyframes lzm-light{from{transform:translateX(-19%)}to{transform:translateX(19%)}}
@keyframes lzm-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes lzm-glimmer{0%,100%{opacity:0;transform:translateY(10px) scale(.65)}35%{opacity:.15}55%{opacity:.6;transform:translateY(0) scale(1)}80%{opacity:.1}95%{opacity:0;transform:translateY(-12px) scale(.75)}}
@media(hover:hover) and (pointer:fine){.hero-image>a{display:block;overflow:hidden}.hero-image img,.work-image img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.hero-image>a:hover img,.work-card:hover .work-image img{transform:scale(1.025)}}
@media(max-width:760px){.lzm-wash{inset:-25px 0}}
@media(prefers-reduced-motion:reduce){.lzm-wash{display:none}.lzm-enter{animation:none}.hero-image img,.work-image img{transition:none!important;transform:none!important}}

/* Draw the underline on hover or keyboard focus, independently of entrance motion. */
.text-link{position:relative;border-bottom-color:transparent}
.text-link::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1)}
@media(hover:none){.text-link::after{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.text-link::after{transition:none}}
/* Navigation underline expands from the left; current page keeps a short marker. */
.site-header .main-navigation a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.site-header .main-navigation a[aria-current=page]::after{width:100%;height:1px;transform:scaleX(.35)}
.site-header .main-navigation a:hover::after,.site-header .main-navigation a:focus-visible::after{transform:scaleX(1)}
.back-link,.contact-strip>a,.site-footer a:not(.brand){position:relative;text-decoration:none}
.back-link::after,.contact-strip>a::after,.site-footer a:not(.brand)::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.back-link:hover::after,.back-link:focus-visible::after,.contact-strip>a:hover::after,.contact-strip>a:focus-visible::after,.site-footer a:not(.brand):hover::after,.site-footer a:not(.brand):focus-visible::after{transform:scaleX(1)}
.site-footer a:hover{text-decoration:none}
@media(prefers-reduced-motion:reduce){.site-header .main-navigation a::after,.back-link::after,.contact-strip>a::after,.site-footer a::after{transition:none}}
