/* Reuse the mirror's serif/mono palette and paragraph-led introduction. */
.garage-timeline{display:none!important}
.personal-hero,.personal-about{color:var(--fg,#efeeeb);font-family:CaseSans,Arial,sans-serif}
.personal-hero{padding:100px 40px 70px;max-width:1000px;width:100%;box-sizing:border-box;grid-column:1/-1}
.personal-eyebrow{font:10px/1.7 CaseMono,monospace;letter-spacing:.07em;color:var(--muted,#a1a19c);margin:0 0 28px}
.personal-hero h1{font:400 clamp(28px,3.5vw,48px)/1.27 CaseSerif,Georgia,serif;letter-spacing:-.015em;margin:0;max-width:860px}
.personal-hero nav{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:30px;font:11px/1.6 CaseMono,monospace}
.personal-hero a{color:inherit;text-decoration:none;border-bottom:1px solid #777;padding-bottom:5px}
.personal-about{scroll-margin-top:80px;max-width:1200px;margin:50px auto;padding:70px 40px;border-top:1px solid #393936;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;box-sizing:border-box}
.personal-about h2{font:400 clamp(32px,3.7vw,50px)/1.12 CaseSerif,Georgia,serif;margin:0}
.personal-about h2 em{color:var(--muted,#a1a19c);font-weight:400}
.personal-story>p{font-size:15px;line-height:1.85;margin:0 0 24px;max-width:610px}
.bell-button{display:inline-flex;align-items:center;gap:15px;border:1px solid #777;border-radius:100px;padding:14px 22px;background:transparent;color:inherit;cursor:pointer;font:11px CaseMono,monospace}
.bell-button:hover{background:#8882}.bell-button:focus-visible,.personal-hero a:focus-visible{outline:2px solid #dba776;outline-offset:6px}
.bell-response{min-height:3em;font:11px/1.7 CaseMono,monospace;color:var(--muted,#a1a19c);margin-top:16px}
.is-ringing svg{animation:goddess-ring .65s ease-out;transform-origin:50% 15%}
@keyframes goddess-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(19deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(9deg)}80%{transform:rotate(-5deg)}}
@media(max-width:700px){.personal-hero{padding:85px 22px 45px}.personal-about{grid-template-columns:1fr;padding:45px 22px;gap:30px;margin-top:20px}.personal-story>p{font-size:14px}.personal-hero nav{font-size:10px}}
@media(prefers-reduced-motion:reduce){.is-ringing svg{animation:none}}

.personal-story .thoughts-inline{color:inherit;text-decoration:underline;text-decoration-color:#b7a486;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}.personal-story .thoughts-inline:hover{color:#d8bd95}.personal-story .thoughts-inline:focus-visible{outline:2px solid #d8bd95;outline-offset:5px}

/* Original live status controls, aligned with the personal introduction. */
.garage-shell{position:relative}
.personal-hero{max-width:none;padding-right:390px;min-height:330px}
.garage-intro{display:block!important;position:absolute;top:100px;right:40px;width:300px;padding:0!important;margin:0!important;z-index:3}
.garage-intro-main{display:none!important}
.garage-intro-readout{width:100%;align-items:stretch;text-align:left}
.garage-intro-meta{font-size:14px!important;white-space:nowrap}
.garage-intro-controls{width:100%}
.garage-intro-controls .hdr-terminal,.garage-intro-hi{font-size:14px!important}
.gt-profile-monogram{display:grid;place-items:center;width:100px;min-height:115px;border:2px solid currentColor;font:40px CaseMono,monospace;letter-spacing:-5px}
@media(max-width:900px){.personal-hero{padding-right:40px;padding-bottom:30px}.garage-intro{position:relative;top:auto;right:auto;width:auto;margin:0 40px 45px!important;max-width:350px}}
@media(max-width:600px){.garage-intro{margin:0 22px 40px!important}.personal-hero{padding-right:22px}.garage-intro-meta{font-size:12px!important}}

.gt-sticky--ghost{display:grid!important;font-size:12px;line-height:1.2}
.gt-note-status{position:absolute;left:50%;top:calc(100% + 26px);transform:translateX(-50%);width:min(340px,80vw);text-align:center;font:11px/1.5 var(--font-mono,monospace);color:var(--muted);pointer-events:none}

.personal-about-preview .about-story-link{display:inline-block;margin-top:10px;padding-bottom:7px;border-bottom:1px solid #99876b;color:inherit;font:12px/1.7 "IBM Plex Mono",monospace;text-decoration:none}.about-story-link:focus-visible{outline:2px solid #d8bd95;outline-offset:6px}
/* Keep the roaming desk pet inside its scene instead of widening the page. */
.garage-ascii-stage{overflow:clip}
.garage-body .garage-grid,.garage-intro-signoff{display:none!important}
body:has(.garage-body){overflow-x:clip}

/* Preserve the interactive showcase/contact strip beside the brief About preview. */
.personal-band .ps-track>.ps-frame:nth-of-type(n+3),.personal-band .ps-track-repeat>.ps-frame:nth-of-type(n+3){display:none}

/* A roomy, wrapping home readout; the clock and location have separate lines. */
.garage-intro{width:310px;right:40px;top:100px}
.garage-intro-readout{display:flex;flex-direction:column;align-items:stretch;gap:20px;overflow:visible;padding:20px 22px;border:1px solid var(--portfolio-line);border-radius:12px;background:var(--portfolio-panel)}
.garage-intro-meta{margin:0!important;white-space:normal!important;line-height:1.7!important;overflow:visible!important}
.intro-stamp{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;width:100%;overflow:visible!important}
.intro-stamp-time{font-size:16px;white-space:nowrap;line-height:1.65;display:block!important;overflow:visible!important;max-width:none!important}
.intro-stamp-place{font-size:11px;line-height:1.7;letter-spacing:.03em;display:block!important;max-width:none!important;white-space:normal;overflow:visible!important;color:var(--portfolio-muted)}
.intro-stamp-sep{display:none!important}
.garage-intro-controls{display:flex!important;flex-direction:column;align-items:stretch;gap:10px}
.garage-intro-controls .hdr-terminal,.garage-intro-hi{height:auto!important;min-height:40px;display:flex!important;align-items:center;justify-content:space-between;padding:10px 12px!important;line-height:1.5!important;white-space:normal!important;font-size:11px!important;border:1px solid var(--portfolio-line)!important;border-radius:6px}
@media(max-width:900px){.garage-intro{top:auto;right:auto;width:auto;max-width:350px;margin:0 40px 42px!important}.garage-intro-readout{padding:18px 20px}.personal-hero{min-height:0}}
@media(max-width:600px){.garage-intro{margin:0 22px 38px!important;width:calc(100% - 44px);max-width:350px}}

/* Keep the opening viewport steady while the introductory content mounts. */
body.has-case-studies { overflow-anchor: none; }

.gt-note-actions{display:flex;gap:5px;padding:3px 5px 6px}.gt-note-actions button{font:9px/1.4 monospace;color:#222;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.2);border-radius:3px;padding:3px 5px;cursor:pointer}.gt-note-actions button:focus-visible{outline:2px solid #222;outline-offset:2px}

.gt-sticky--mine,.gt-sticky--neighbour{width:clamp(92px,14vmin,110px);font-size:12px;line-height:1.12;padding:12px 9px 9px;overflow-wrap:anywhere}
.gt-sticky[data-density="long"]{font-size:10px;line-height:1.1}
.gt-sticky--mine:hover .gt-sticky-peel,.gt-sticky--mine:focus-within .gt-sticky-peel{opacity:.7}
.gt-sticky--draft{display:flex!important;flex-direction:column;gap:6px;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;translate:-50% -50%!important;rotate:-2deg;width:180px;height:192px;aspect-ratio:auto;z-index:100;cursor:text;padding:14px 12px 9px;font-size:15px}
.gt-sticky--draft .gt-sticky-edit{flex:1;min-height:90px;overflow:auto}
.gt-note-actions{justify-content:center}.gt-note-actions button{font-size:10px}

.gt-mobile-notes{display:none}
@media(max-width:759px){
 .gt-mobile-notes{display:block;position:fixed;left:16px;bottom:16px;z-index:2050;pointer-events:auto;font:12px/1.4 var(--font-mono,monospace);max-width:calc(100vw - 32px)}
 .gt-mobile-notes summary{cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:22px;padding:10px 15px;background:var(--bg);color:var(--fg);box-shadow:0 3px 18px #0002;width:max-content}
 .gt-mobile-notes summary::-webkit-details-marker{display:none}
 .gt-mobile-notes[open]{right:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 10px 40px #0004;padding:12px}
 .gt-mobile-note-board{max-height:45vh;overflow:auto;margin-top:14px;padding:8px}
 .gt-mobile-notes .gt-stickies{display:flex;position:relative;flex-wrap:wrap;justify-content:center;gap:14px;min-height:210px;padding:4px 0 16px}
 .gt-mobile-notes .gt-sticky{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;translate:none!important;flex-shrink:0}
 .gt-mobile-notes .gt-sticky--house{display:none}
 .gt-mobile-notes .gt-sticky--draft{position:relative!important;left:auto!important;top:auto!important;translate:none!important}
 .gt-mobile-notes .gt-note-status{position:static;transform:none;width:100%;flex-basis:100%;padding:8px 0;color:var(--muted)}
}
@media(max-width:759px){.garage-body .gt-otter{display:block;scale:.72;transform-origin:left bottom}}