@import url('precision-gate.css?v=20261102c');
/* The existing masthead stays present, with a quieter silhouette after scrolling. */
.header{position:fixed;height:59px;transition:height .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;will-change:height}
.header.is-scrolled{height:51px;background:rgba(8,11,22,.86);border-bottom-color:rgba(183,203,222,.24);backdrop-filter:blur(18px) saturate(115%);box-shadow:0 7px 30px rgba(0,0,0,.12)}
.header .wordmark,.header .header-reel{transition:font-size .35s ease,padding .35s ease}
.header.is-scrolled .wordmark{font-size:11px}
.header.is-scrolled .header-reel{padding:9px 15px}
/* Ease back the crop to preserve Tony Dean's hair and shift the image into the left frame. */
.hero .portrait{background-position:50% 19%;transform:translateX(-7%) scale(1.05)}
@media(max-width:600px){.header{height:58px}.header.is-scrolled{height:51px}.header.is-scrolled .wordmark{font-size:10px}.hero .portrait{background-position:56% 18%;transform:translateX(-4%) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.header,.header .wordmark,.header .header-reel{transition:none}}