/* V1: portrait identity, a quieter hero and a compact contact form. */
.brand{gap:11px}
.brand-avatar{display:block;width:48px;height:48px;flex:none;object-fit:contain;border-radius:50%;background:#f0e9dd;box-shadow:0 0 0 1px #30251612}
.site-header{min-height:100px}
.site-footer .brand-avatar{width:44px;height:44px}
.hero-note{font-size:25px;letter-spacing:-.02em}
.hero-context{font-size:13px;letter-spacing:.01em;color:#716d62;line-height:1.6;margin-top:22px}
.hero-annotation,.maker-stamp{display:none}
.hero-art{isolation:auto}
.hero-sketch{position:absolute;width:calc(100% + 94px);max-width:690px;left:-48px;top:6px;opacity:.34;mix-blend-mode:multiply;pointer-events:none;z-index:0}
.hero-visual{display:block}
.hero-visual>.hero-robot{z-index:1}
.hero-coding-layer{position:absolute;left:-74px;bottom:22px;width:212px;height:194px;z-index:2;pointer-events:none}
.hero-coding-layer>img{position:absolute;left:-12px;bottom:0;width:230px;max-width:none;mix-blend-mode:multiply}
.hero-code{position:absolute;left:-5px;top:4px;display:flex;flex-direction:column;gap:0;color:#657b85;font:400 26px/1.05 var(--hand);transform:rotate(-7deg)}
.hero-code>span+span{margin-left:15px;color:#4e626a}
.hero-robot{width:min(620px,calc(100% + 12px));left:-12px;top:40px;mix-blend-mode:multiply;filter:contrast(1.12);clip-path:inset(4px)}
.hero-robot--tracked{mix-blend-mode:normal;filter:none;clip-path:none}
.hero-robot--tracked.is-animated{mix-blend-mode:multiply;filter:contrast(1.12);clip-path:inset(4px 4px 4px 6%)}
.hero-motion-toggle{position:absolute;right:12px;top:22px;display:inline-flex;align-items:center;gap:7px;border:1px solid #30251616;border-radius:30px;background:#faf8f2dc;color:#716d62;padding:8px 11px;font:500 10px/1.2 var(--sans);cursor:pointer;z-index:3;transition:color .2s,border-color .2s}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{color:var(--ink);border-color:#30251640}
.hero-motion-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.motion-symbol{width:8px;height:9px;display:block;border-left:2px solid currentColor;border-right:2px solid currentColor}
.hero-motion-toggle[aria-pressed="true"] .motion-symbol{height:0;width:0;border:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}
.hero-actions{gap:27px}
.hero-actions .quiet-link{white-space:nowrap}
.hero-facts{color:#716d62}
.portrait-frame.portrait-illustration{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#eee9df;border:1px solid #ded8cc;border-radius:46% 46% 20px 20px;transform:none;box-shadow:none;padding:20px 20px 0}
.portrait-illustration img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom}
.about-photo-placeholder>.small-spark{display:none}
.form-age-hint{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px}
@media(max-width:979px){
 .site-header{min-height:88px}
 .brand-avatar{width:44px;height:44px}
 .hero-note{font-size:24px}
 .hero-robot{width:calc(100% + 40px);left:-40px;top:92px}
 .hero-sketch{width:calc(100% + 60px);left:-38px;top:80px;opacity:.3}
 .hero-coding-layer{left:-26px;bottom:14px;width:260px;height:105px}
 .hero-coding-layer>img{width:182px;left:-13px;bottom:-5px}
 .hero-code{font-size:23px;left:128px;top:36px}
}
@media(max-width:699px){
 .site-header{min-height:82px;gap:16px}
 .brand{gap:8px}
 .brand-avatar{width:42px;height:42px}
 .brand-words{font-size:20px}
 .brand-words>span{font-size:19px}
 .hero-note{font-size:22px;margin-bottom:22px;transform:rotate(-2deg)}
 .hero-context{font-size:12px;max-width:280px;margin-top:18px}
 .hero-actions{gap:20px}
 .hero-actions .quiet-link{font-size:11px;white-space:normal;max-width:90px}
 .hero-art{height:445px;margin-top:5px}
 .hero-robot{width:calc(100vw - 6px);max-width:430px;left:50%;top:-6px;transform:translateX(-50%)}
 .hero-sketch{width:calc(100% + 12px);max-width:450px;left:50%;top:-22px;transform:translateX(-50%);opacity:.32}
 .hero-coding-layer{left:-10px;bottom:0;width:245px;height:100px}
 .hero-coding-layer>img{width:158px;left:-9px;bottom:-2px}
 .hero-code{font-size:21px;left:116px;top:40px}
 .hero-motion-toggle{top:0;right:0;font-size:9px;padding:7px 9px;pointer-events:auto}
 .hero-facts{padding-top:16px;padding-bottom:18px;gap:12px}
 .hero-facts>span:first-child{width:auto;font-size:11px}
 .hero-facts>span:nth-child(3):before{display:none}
 .hero-facts>a{margin-left:auto}
 .portrait-frame.portrait-illustration{border-radius:44% 44% 16px 16px;padding:18px 18px 0}
}
@media(max-width:359px){
 .brand-avatar{width:38px;height:38px}
 .brand-words{font-size:18px}
 .brand-words>span{font-size:17px}
 .hero-note{font-size:20px}
 .hero-art{height:405px}
 .hero-robot{width:calc(100vw - 6px);left:50%;top:2px}
 .hero-coding-layer{left:-10px;width:221px;height:100px;bottom:4px}
 .hero-coding-layer>img{width:142px}
 .hero-code{font-size:19px;left:106px;top:45px}
 .hero-facts{column-gap:10px;font-size:10px}
 .hero-facts>span:first-child{font-size:10px}
}