:root{font-family:PingFang SC,Hiragino Sans GB,Arial,sans-serif;color:#f4f1e9;background:#20211f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #20211f;--surface: #292b28;--text: #f4f1e9;--muted: #b6b3aa;--accent: #f55d18;--line: #494a45;--mono: Menlo, Monaco, monospace}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}body.modal-is-open{overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header,.page-wrap{width:min(1160px,calc(100% - 56px));margin:0 auto}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{padding:0;border:0;background:none;text-align:left;cursor:pointer}.wordmark strong{display:block;font-size:14px;font-weight:700;letter-spacing:-.02em}.wordmark span{display:block;margin-top:5px;color:var(--muted);font:9px/1.3 var(--mono);letter-spacing:.1em}.header-nav{display:flex;align-items:center;gap:25px}.header-nav button{padding:8px 0;border:0;background:none;font-size:11px;cursor:pointer}.header-nav button:hover,.text-button:hover{color:var(--accent)}.header-nav .header-contact{padding:9px 13px;border:1px solid var(--accent)}.header-contact span{margin-left:5px;color:var(--accent)}.hero{padding:48px 0 36px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:52px;align-items:center}.hero-copy{min-width:0}.eyebrow,.closing-index{margin:0;color:var(--accent);font:500 10px/1.5 var(--mono);letter-spacing:.1em}.eyebrow span{color:var(--muted)}.hero h1{margin:15px 0 16px;font-size:clamp(34px,4vw,46px);line-height:1.26;letter-spacing:-.055em;font-weight:800}.hero-lead{max-width:660px;margin:0;color:var(--muted);font-size:13px;line-height:1.95}.hero-actions{margin-top:24px;display:flex;align-items:center;gap:20px}.primary-button,.text-button{min-height:42px;border:0;cursor:pointer;font-size:11px}.primary-button{padding:0 14px;background:var(--accent);color:#211d19;transition:transform .18s ease,background-color .18s ease}.primary-button:hover{transform:translateY(-2px);background:#ff7131}.primary-button:active{transform:scale(.97)}.primary-button span,.text-button span{margin-left:9px}.text-button{padding:8px 0;background:transparent}.hero-portrait{position:relative;width:290px;margin:0;padding:8px;border:1px solid var(--line)}.portrait-frame{overflow:hidden;background:var(--surface)}.portrait-main{display:block;width:100%;aspect-ratio:1;object-fit:cover}.portrait-brand-badge{position:absolute;left:17px;bottom:17px;display:flex;align-items:center;gap:7px;min-height:38px;padding:5px 9px 5px 5px;background:var(--text);color:var(--bg);font-size:9px}.portrait-brand-badge img{display:block;width:28px;height:28px;object-fit:cover}.metrics{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 42px;padding:13px 0;border-block:1px solid var(--line)}.metrics-rule{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--accent);transform-origin:left}.metric{padding:0 15px;border-right:1px solid var(--line)}.metric-1{padding-left:0}.metric:last-child{border:0}.metric strong{display:inline-block;transform-origin:left center;font:32px/1 var(--mono)}.metric>span{margin-left:7px;color:var(--muted);font-size:10px}.metric .metric-plus{margin-left:0;font:inherit}.metric small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.brief-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;padding-bottom:39px}.about{min-width:0;padding-top:13px;border-top:2px solid var(--accent)}.about h2,.section-heading h2,.contact h2{margin:10px 0 12px;font-size:19px;line-height:1.55;letter-spacing:-.035em}.about-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.career-list{margin:16px 0 0}.career-list div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:6px;padding:9px 0;border-top:1px solid var(--line);font-size:10px;line-height:1.65}.career-list span{color:var(--muted);font:500 10px/1.7 var(--mono)}.career-list b{font-weight:500}.role-line{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.role-line i{padding:0 2px;color:var(--accent);font-style:normal}.about-promise{margin:16px 0 0;padding:10px 0 0 11px;border-top:1px solid var(--line);border-left:2px solid var(--accent);font-size:11px;line-height:1.8}.about-promise span{color:var(--muted);font-size:10px}.skills{min-width:0;border-top:1px solid var(--line)}.section-heading{min-height:69px;display:flex;align-items:end;justify-content:space-between;gap:14px;padding:0 0 12px}.section-heading h2{margin-bottom:0}.section-heading>p{margin:0;color:var(--muted);font-size:10px;white-space:nowrap}.skill-list{border-top:1px solid var(--line)}.skill-row{min-width:0;min-height:67px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.skill-no{color:var(--accent);font:500 13px/1 var(--mono)}.skill-copy{min-width:0;padding:10px 0}.skill-tag{display:block;margin-bottom:4px;color:var(--muted);font-size:10px}.skill-copy h3{margin:0;font-size:11px;font-weight:600;line-height:1.65}.skill-copy p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.skill-code{padding-left:7px;color:var(--muted);font:9px/1.5 var(--mono);text-align:right;white-space:nowrap}.contact{min-height:198px;display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact h2{margin:9px 0;font-size:21px}.contact-copy>p:not(.eyebrow){max-width:390px;margin:0;color:var(--muted);font-size:11px;line-height:1.8}.qr-preview{justify-self:end;width:188px;padding:8px;border:1px solid var(--line);background:var(--surface);text-align:left;cursor:zoom-in;transition:border-color .18s ease,transform .18s ease}.qr-preview:hover{transform:translateY(-2px);border-color:var(--accent)}.qr-image{display:block;padding:7px;background:#fff}.qr-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.qr-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px 1px;color:var(--muted);font-size:10px}.qr-caption b{color:var(--accent);font:10px var(--mono)}.closing{position:relative;padding:44px 0 42px}.closing blockquote{margin:13px 0 8px;font-size:clamp(23px,3vw,31px);font-weight:700;line-height:1.5;letter-spacing:-.045em}footer{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--muted);font:9px/1.5 var(--mono);letter-spacing:.03em}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#090a09c7}.qr-modal{position:relative;width:min(390px,100%);max-height:min(90vh,700px);overflow:auto;padding:28px;border:1px solid var(--line);background:var(--bg);text-align:center;animation:modal-enter .22s ease-out both}.qr-modal h2{margin:8px 0 18px;font-size:20px}.qr-modal img{display:block;width:min(100%,300px);aspect-ratio:1;margin:0 auto 15px;object-fit:contain;background:#fff}.qr-modal>p:last-child{margin:0;color:var(--muted);font-size:11px}.close-button{position:absolute;top:9px;right:12px;width:34px;height:34px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-size:22px;line-height:1}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){.site-header,.page-wrap{width:min(100% - 40px,640px)}.site-header{min-height:66px}.wordmark strong{font-size:12px}.wordmark span{font-size:7px;letter-spacing:.07em}.header-nav{gap:13px}.header-nav button{font-size:10px}.header-nav button:not(.header-contact){display:none}.header-nav .header-contact{padding:8px 10px}.hero{grid-template-columns:minmax(0,1fr);gap:23px;padding:36px 0 25px}.hero h1{margin:13px 0;font-size:clamp(31px,8vw,36px);line-height:1.3}.hero-lead{font-size:12px;line-height:1.9}.hero-actions{margin-top:17px}.hero-portrait{justify-self:center;width:min(100%,248px)}.portrait-brand-badge{left:14px;bottom:14px;min-height:35px;font-size:8px}.portrait-brand-badge img{width:25px;height:25px}.metrics{margin-bottom:30px;padding:11px 0}.metric{padding:0 8px}.metric strong{font-size:clamp(20px,6vw,25px)}.metric>span,.metric small{font-size:8px}.metric>span{margin-left:4px}.metric small{line-height:1.5}.brief-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:29px}.about{padding-top:11px}.about h2{font-size:20px}.section-heading{min-height:62px}.skill-row{grid-template-columns:31px minmax(0,1fr);gap:7px;min-height:70px}.skill-code{grid-column:2;padding:0 0 8px;margin-top:-7px;font-size:9px;text-align:left}.skill-copy{padding-bottom:9px}.contact{min-height:0;grid-template-columns:minmax(0,1fr) 132px;gap:12px;padding:19px 0}.contact h2{font-size:18px}.contact-copy>p:not(.eyebrow){font-size:10px}.qr-preview{width:132px;padding:6px}.qr-image{padding:5px}.qr-caption{font-size:9px}.closing{padding:34px 0}.closing blockquote{font-size:23px}footer{min-height:52px;font-size:8px}.qr-modal{padding:25px 18px 20px}}@media(max-width:370px){.site-header,.page-wrap{width:calc(100% - 32px)}.wordmark span{max-width:180px;font-size:6px}.contact{grid-template-columns:minmax(0,1fr) 116px}.qr-preview{width:116px}.metric{padding-inline:5px}.metric strong{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
