/* Larger portrait framing */
.portrait-dock{width:min(46vw,550px);height:min(70vh,650px);transform:translateY(4%)}
.hero{background:#000}
.portrait-dock img{inset:0 2% 0;width:96%;height:100%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 88%)}
@media(max-width:760px){.portrait-dock{width:min(88vw,390px);height:390px;transform:translate(50%,4%)}.portrait-dock img{inset:0 1% 0;width:98%;height:100%;mask-image:radial-gradient(ellipse at center,#000 52%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse at center,#000 52%,transparent 90%)}}

/* Steam engine project image */
.entry-image.scene-1{background-image:url("assets/Gemini_Generated_Image_fvraqfvraqfvraqf.png")!important;background-size:cover!important;background-position:center!important}

/* Keep the full name together */
.hero h1 em{white-space:nowrap;font-size:.78em}
@media(min-width:761px){.hero h1{font-size:clamp(52px,7vw,96px)}.portrait-dock{width:min(40vw,480px);height:min(62vh,540px);transform:none}.portrait-dock img{inset:6% 8% 0;width:84%;height:94%;object-position:center 16%}}
body.dialog-open{overflow:hidden!important;touch-action:none}
.email-button{border-color:#ea4335!important;background:#fff!important;color:#202124!important}
.email-button small{color:#5f6368!important}
.email-button strong{color:#202124!important}
.call-swipe{position:relative;height:56px;margin-top:18px;border:1px solid #76a7ff5b;background:#76a7ff0a;overflow:hidden;touch-action:none;user-select:none}
.call-swipe-label{position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan);font:9px var(--mono);letter-spacing:.14em}
.call-swipe-handle{position:absolute;left:4px;top:4px;bottom:4px;width:48px;display:grid;place-items:center;background:var(--cyan);color:#000;font:22px var(--head);cursor:grab;box-shadow:0 0 18px #76a7ff66;animation:call-nudge 2.4s ease-in-out infinite}
@keyframes call-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}

/* Compact header and animated status gear */
.brand{font-size:12px!important;letter-spacing:.06em!important;white-space:nowrap}
.topbar-label{display:none!important}
.hero:before{display:none!important}
.connection i{width:auto!important;height:auto!important;margin-right:6px!important;background:none!important;box-shadow:none!important;border-radius:0!important;font-style:normal;display:inline-block!important;font-size:14px;line-height:1;animation:status-gear 2.2s linear infinite,status-pulse 1.6s ease-in-out infinite}
.connection i::before{content:"⚙"}
@keyframes status-gear{to{transform:rotate(360deg)}}
@keyframes status-pulse{0%,100%{filter:drop-shadow(0 0 0 transparent);opacity:.65}50%{filter:drop-shadow(0 0 7px var(--cyan));opacity:1}}
