:root{--black:#07090a;--panel:#0d1112;--bone:#dfe3e1;--soft:#a7b0ad;--dim:#63706c;--signal:#d8cbb5;--line:rgba(223,227,225,.16);--mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:var(--mono);font-size:16px}.scanlines{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.018;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px);mix-blend-mode:screen}.terminal{width:min(1380px,calc(100% - 48px));margin:auto}.topbar{height:54px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.68rem;letter-spacing:.09em;color:var(--dim)}.status{display:inline-block;width:6px;height:6px;background:var(--signal);border-radius:50%;margin-right:9px}.coordinates{text-align:center}.topbar time{text-align:right}.intro{min-height:calc(70svh - 54px);display:flex;flex-direction:column;justify-content:center;position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:4vh clamp(20px,4vw,58px)}.boot{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:.64rem;letter-spacing:.09em;color:var(--dim)}h1{font-size:clamp(2.7rem,6.4vw,6rem);font-weight:300;line-height:1;letter-spacing:-.065em;margin:0;text-transform:none;white-space:nowrap}h1 em{color:var(--signal);font-style:normal;font-weight:400}.cursor{display:inline-block;width:.052em;min-width:4px;height:.76em;background:var(--signal);margin-left:.08em;animation:blink 1.05s steps(1) infinite}.role{font-size:clamp(.72rem,1.1vw,.9rem);letter-spacing:.19em;margin:26px 0 0;color:var(--soft)}.role b{color:var(--signal);font-weight:400;margin:0 .55em}.enter{position:absolute;bottom:21px;right:22px;color:var(--signal);text-decoration:none;font-size:.68rem;letter-spacing:.09em}.enter:hover{text-decoration:underline}.console{border:1px solid var(--line);background:var(--panel);margin:24px 0 64px}.tabs{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:stretch;overflow-x:auto}.tabs a{color:var(--dim);text-decoration:none;font-size:.66rem;letter-spacing:.07em;display:flex;align-items:center;padding:0 18px;border-right:1px solid var(--line);white-space:nowrap}.tabs a.active,.tabs a:hover{color:var(--signal);background:rgba(216,203,181,.025)}.panel{display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--line)}.gutter{padding:22px 14px;text-align:right;color:#3f4946;font-size:.75rem;line-height:1.9;border-right:1px solid var(--line);user-select:none}.code-copy{padding:22px clamp(18px,3vw,38px);font-size:clamp(.82rem,1.1vw,.95rem);line-height:1.9;overflow:hidden}.code-copy p{margin:0;white-space:nowrap}.indent{padding-left:2.5em}.comment{color:var(--dim)}.key{color:#aabec7}.variable,.property{color:var(--bone)}.string{color:var(--signal)}.work,.links{padding:42px clamp(18px,3vw,38px);border-bottom:1px solid var(--line);scroll-margin-top:20px}.section-command{font-size:.78rem;margin-bottom:24px}.section-command span,footer>p:first-child span:first-child{color:var(--signal)}.work-list{border-top:1px solid var(--line)}.work-list a{display:grid;grid-template-columns:125px 1fr 1.3fr 20px;gap:16px;align-items:center;padding:18px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:.18s}.work-list a:hover{padding-left:8px;color:var(--signal);background:rgba(216,203,181,.025)}.work-list .permissions{font-size:.65rem;color:var(--dim)}.work-list strong{font-size:clamp(1.25rem,2.1vw,2rem);font-weight:400;letter-spacing:-.045em}.work-list em{font-size:.64rem;color:var(--dim);font-style:normal;letter-spacing:.065em}.work-list b{font-weight:400}.link-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.link-grid a{padding:20px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);font-size:.92rem;letter-spacing:.07em}.link-grid a:first-child{border-right:1px solid var(--line);padding-right:22px}.link-grid a:last-child{padding-left:22px}.link-grid a:hover{color:var(--signal)}.link-grid span{color:var(--dim);font-size:.64rem;margin-right:20px}.link-grid b{float:right;font-weight:400}footer{min-height:150px;border-top:1px solid var(--line);padding:28px 0;display:flex;flex-direction:column;justify-content:space-between;font-size:.68rem;color:var(--dim)}footer>p:first-child{font-size:.78rem;color:var(--bone)}footer>p:last-child{text-align:right}.cursor.small{width:7px;height:13px;margin-left:6px;vertical-align:-2px}
@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:760px){.terminal{width:calc(100% - 20px)}.topbar{grid-template-columns:1fr auto;height:50px}.coordinates{display:none}.intro{min-height:calc(62svh - 50px);padding:44px 14px}.boot{left:14px;right:14px;top:15px}.boot span:last-child{display:none}h1{font-size:clamp(2.1rem,10.5vw,4rem);letter-spacing:-.055em}.role{font-size:.66rem;line-height:1.7;letter-spacing:.1em;margin-top:20px}.enter{right:14px;bottom:17px}.console{margin:18px 0 48px}.tabs a{padding:0 12px}.panel{grid-template-columns:32px 1fr}.gutter{padding:18px 7px;font-size:.64rem}.code-copy{padding:18px 11px;font-size:.69rem;overflow-x:auto}.indent{padding-left:1.2em}.work,.links{padding:34px 12px}.work-list a{grid-template-columns:1fr 22px;gap:6px;padding:16px 0}.work-list .permissions,.work-list em{grid-column:1}.work-list strong{grid-column:1;font-size:1.5rem}.work-list b{grid-column:2;grid-row:1/4}.link-grid{grid-template-columns:1fr}.link-grid a:first-child{border-right:0;padding-right:0}.link-grid a:last-child{padding-left:0}footer{min-height:130px}footer>p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}.scanlines{display:none}}

/* Dense editor pass */
:root{--panel:#0a0d0e;--line:rgba(223,227,225,.11);--soft:#929b98;--dim:#59635f}
.scanlines{opacity:.008}
.terminal{width:min(1120px,calc(100% - 40px))}
.topbar{height:42px;font-size:.75rem;letter-spacing:0;text-transform:none}
.status{width:5px;height:5px;margin-right:7px}
.intro{min-height:46svh;padding:46px 30px 34px}
.boot{top:14px;left:16px;right:16px;font-size:.7rem;letter-spacing:0;text-transform:none}
h1{font-size:clamp(2.25rem,4.7vw,4.25rem);font-weight:300;letter-spacing:-.055em}
.cursor{min-width:3px;margin-left:.06em}
.role{font-size:.78rem;letter-spacing:.11em;margin-top:18px}
.enter{right:16px;bottom:13px;font-size:.72rem;letter-spacing:0;color:var(--dim)}
.enter:hover{color:var(--signal)}
.console{margin:16px 0 42px;background:transparent}
.tabs{height:36px}
.tabs a{font-size:.7rem;letter-spacing:0;padding:0 14px}
.panel{grid-template-columns:40px 1fr}
.gutter{padding:16px 10px;font-size:.7rem;line-height:1.7}
.code-copy{padding:16px 22px;font-size:.84rem;line-height:1.7}
.work,.links{padding:28px 22px}
.section-command{font-size:.76rem;margin-bottom:16px}
.work-list a{grid-template-columns:105px 1fr 1.35fr 16px;gap:12px;padding:13px 0}
.work-list .permissions{font-size:.62rem}
.work-list strong{font-size:1.18rem;letter-spacing:-.035em}
.work-list em{font-size:.61rem;letter-spacing:.035em}
.link-grid a{padding:14px 0;font-size:.82rem;letter-spacing:.035em}
.link-grid a:first-child{padding-right:16px}.link-grid a:last-child{padding-left:16px}
.link-grid span{font-size:.62rem;margin-right:14px}
footer{min-height:105px;padding:18px 0;font-size:.65rem}
footer>p:first-child{font-size:.74rem}
@media(max-width:760px){.terminal{width:calc(100% - 16px)}.topbar{height:38px}.intro{min-height:42svh;padding:40px 12px 28px}.boot{left:10px;right:10px;top:11px}h1{font-size:clamp(2rem,10vw,3.2rem);white-space:normal}.role{font-size:.65rem;margin-top:14px}.enter{right:10px;bottom:9px}.console{margin:10px 0 34px}.tabs{height:34px}.tabs a{padding:0 10px;font-size:.63rem}.panel{grid-template-columns:29px 1fr}.gutter{padding:13px 6px;font-size:.6rem}.code-copy{padding:13px 9px;font-size:.67rem}.work,.links{padding:24px 10px}.section-command{margin-bottom:13px}.work-list a{padding:12px 0}.work-list strong{font-size:1.08rem}.link-grid a{padding:12px 0}footer{min-height:94px;padding:14px 0}}

/* v4 — personal shell, not terminal theater */
.scanlines{display:none}
.terminal{width:min(920px,calc(100% - 36px))}
.topbar{height:34px;font-size:.68rem;border-color:rgba(223,227,225,.08)}
.intro{min-height:300px;padding:48px 22px 32px;border-color:rgba(223,227,225,.08)}
.boot{top:11px;left:12px;right:12px;font-size:.64rem}
h1{font-size:clamp(2rem,4.1vw,3.25rem);letter-spacing:-.045em}
h1:before{content:"~ % ";color:var(--dim);font-size:.46em;letter-spacing:0;vertical-align:.34em}
.cursor{min-width:2px;height:.72em}
.role{margin-top:13px;font-size:.72rem;letter-spacing:.035em;color:#7c8582}
.role b{margin:0 .35em;color:var(--dim)}
.enter{bottom:10px;right:12px;font-size:.66rem}
.console{margin:10px 0 28px;border-color:rgba(223,227,225,.09)}
.tabs{height:30px}
.tabs a{padding:0 12px;font-size:.65rem}
.panel{grid-template-columns:34px 1fr}
.gutter{padding:12px 8px;font-size:.64rem;line-height:1.55}
.code-copy{padding:12px 16px;font-size:.78rem;line-height:1.55}
.work,.links{padding:20px 16px}
.section-command{font-size:.7rem;margin-bottom:11px}
.work-list a{grid-template-columns:94px 1fr 1.45fr 14px;gap:9px;padding:9px 0}
.work-list .permissions{font-size:.57rem}
.work-list strong{font-size:1rem;letter-spacing:-.025em}
.work-list em{font-size:.57rem;letter-spacing:.025em}
.link-grid a{padding:10px 0;font-size:.75rem}
.link-grid span{font-size:.57rem;margin-right:10px}
footer{min-height:78px;padding:12px 0;font-size:.61rem}
footer>p:first-child{font-size:.69rem}
.cursor.small{width:5px;height:10px}
@media(max-width:760px){.terminal{width:calc(100% - 12px)}.topbar{height:32px}.intro{min-height:250px;padding:42px 10px 26px}.boot{left:8px;right:8px;top:9px}h1{font-size:clamp(1.75rem,8vw,2.5rem)}.role{font-size:.63rem;margin-top:11px}.enter{right:8px;bottom:7px}.console{margin:7px 0 22px}.tabs{height:29px}.tabs a{padding:0 9px}.panel{grid-template-columns:27px 1fr}.gutter{padding:10px 5px;font-size:.57rem}.code-copy{padding:10px 7px;font-size:.65rem}.work,.links{padding:17px 8px}.work-list a{padding:9px 0}.work-list strong{font-size:.94rem}footer{min-height:70px;padding:10px 0}}

/* v5 — retain the environment, remove the cosplay */
h1:before{content:none}
.profile-panel{display:block}
.profile-copy{padding:22px 18px;max-width:720px}
.profile-copy p{font-family:var(--mono);font-size:.84rem;line-height:1.75;color:var(--soft);margin:0}
.profile-copy p+p{margin-top:12px}
.profile-copy a{color:var(--bone);text-decoration:none;border-bottom:1px solid var(--dim)}
.profile-copy a:hover{color:var(--signal);border-color:var(--signal)}
.section-command{color:var(--bone)}
.work-list a{grid-template-columns:1fr 1.65fr}
.work-list em{text-transform:none}
footer{min-height:52px;display:block;padding:18px 0}
footer>p:last-child{text-align:left;margin:0}
@media(max-width:760px){.profile-copy{padding:16px 10px}.profile-copy p{font-size:.74rem;line-height:1.65}.work-list a{grid-template-columns:1fr 1.25fr}}

/* v6 — technical by temperament, not decoration */
.terminal{padding-top:0}
.intro{min-height:280px;border:0;border-bottom:1px solid rgba(223,227,225,.1);padding:78px 4px 54px}
h1{font-size:clamp(2rem,4vw,3.15rem)}
.role{font-size:.73rem;color:var(--dim)}
.role a{color:var(--soft);text-decoration:none;border-bottom:1px solid #4b5350}
.role a:hover{color:var(--signal);border-color:var(--signal)}
.console{border:0;margin:0 0 24px}
.tabs{border-bottom:1px solid rgba(223,227,225,.1)}
.tabs a:first-child{padding-left:4px}
.tabs a{border-right:0;padding:0 14px;text-transform:none}
.tabs a.active,.tabs a:hover{background:transparent}
.profile-panel,.work,.links{border-bottom:1px solid rgba(223,227,225,.1)}
.profile-copy{padding:24px 4px}
.work,.links{padding:24px 4px}
footer{border-top:0;color:#4f5855}
@media(max-width:760px){.intro{min-height:230px;padding:64px 2px 42px}.console{margin-bottom:18px}.tabs a:first-child{padding-left:2px}.profile-copy,.work,.links{padding-left:2px;padding-right:2px}}

/* v7 */
.role span{color:#68716e;margin-right:.35em}
.link-grid{grid-template-columns:1fr;max-width:360px}
.link-grid a,.link-grid a:first-child,.link-grid a:last-child{padding:10px 0;border-right:0;text-align:left}

/* v8 — 15% scale lift */
.terminal{width:min(1058px,calc(100% - 42px))}
.intro{min-height:322px;padding:90px 5px 62px}
h1{font-size:clamp(2.3rem,4.6vw,3.62rem)}
.role{font-size:.84rem;margin-top:15px}
.tabs{height:35px}
.tabs a{font-size:.75rem;padding:0 16px}
.profile-copy{padding:28px 5px;max-width:828px}
.profile-copy p{font-size:.97rem;line-height:1.75}
.profile-copy p+p{margin-top:14px}
.profile-copy p.new-paragraph{margin-top:1.5em}
.work,.links{padding:28px 5px}
.section-command{font-size:.8rem;margin-bottom:13px}
.work-list a{grid-template-columns:1fr 1.65fr;gap:10px;padding:11px 0}
.work-list strong{font-size:1.15rem}
.work-list em{font-size:.66rem}
.link-grid{max-width:414px}
.link-grid a,.link-grid a:first-child,.link-grid a:last-child{padding:12px 0;font-size:.86rem}
.link-grid span{font-size:.66rem;margin-right:12px}
footer{min-height:60px;padding:21px 0;font-size:.7rem}
@media(max-width:760px){.terminal{width:calc(100% - 14px)}.intro{min-height:265px;padding:74px 3px 48px}h1{font-size:clamp(2rem,9.2vw,2.88rem)}.role{font-size:.72rem;margin-top:13px}.tabs{height:33px}.tabs a{font-size:.72rem;padding:0 10px}.profile-copy{padding:18px 3px}.profile-copy p{font-size:.85rem}.work,.links{padding:20px 3px}.section-command{font-size:.78rem}.work-list a{width:100%;grid-template-columns:1fr;grid-template-rows:auto auto;justify-content:start;row-gap:4px;padding:12px 0}.work-list strong{grid-column:1;grid-row:1;font-size:1.08rem}.work-list em{grid-column:1;grid-row:2;font-size:.68rem}.link-grid{width:100%;max-width:none}.link-grid a,.link-grid a:first-child,.link-grid a:last-child{display:block;width:100%;padding:13px 0}footer{min-height:56px;padding:18px 0}}

/* v10 — two-line hero typing sequence */
.role{font-size:1rem}
.role[data-animated]{visibility:hidden}
.comment-prefix{color:#68716e;margin-right:0}
.role .cursor{height:.9em;vertical-align:-.08em;margin-left:.18em}
@media(max-width:760px){.role{font-size:.86rem}}

/* Keep work entries visually static while preserving clickability. */
.work-list a{transition:none}
.work-list a:hover{padding-left:0;color:inherit;background:transparent}