:root{--bg: #e9dfcf;--card: var(--bg);--text: #1e1a15;--accent: #7a1f3d;--accent-fill: var(--accent);--accent-fill-soft: rgba(122, 31, 61, .2);--accent-soft: #f0d6df;--border: #cdbfa8;--shadow: none;--shadow-strong: none;--radius: 6px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 36px;--space-6: 54px;--space-7: 72px;--max-width: 1180px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-sans)}body{margin:0;font-family:inherit;background:var(--bg);color:var(--text);font-size:17px;line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased}*{font-family:inherit}h1,h2,h3,h4,.brand,.lockscreen-prompt,.focus-rotator,.now-playing-band{font-family:var(--font-serif)}.app{position:relative;min-height:100vh;overflow-x:hidden}.lockscreen{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.lockscreen-form{width:min(100%,960px);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.lockscreen-prompt{margin:0;text-align:center;font-size:clamp(22px,2.6vw,34px);line-height:1.45}.lockscreen-input{width:min(100%,360px);border:4px solid var(--accent);background:transparent;color:var(--text);font-size:24px;text-align:center;padding:12px 14px;border-radius:0}.lockscreen-input:focus,.lockscreen-input:focus-visible{outline:none;border-radius:0;box-shadow:none}main{position:relative;z-index:1}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}.container{width:min(100%,var(--max-width));margin:0 auto;padding:0 var(--space-3)}.section{padding:var(--space-7) 0;scroll-margin-top:96px;position:relative;z-index:1}.section-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.section-header h2{margin:0;font-size:clamp(30px,4vw,40px);letter-spacing:-.6px}.section-intro{margin:0;color:var(--text);max-width:760px;font-size:18px}h1,h2,h3,h4{color:var(--text);margin:0;font-weight:400}h1{font-size:clamp(48px,6vw,64px);letter-spacing:-1.2px}h2{font-size:clamp(30px,4vw,40px)}h3{font-size:clamp(20px,2.8vw,24px)}h4{font-size:18px}p{margin:0}.muted{color:var(--text)}.hero-inline-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.share-idea-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:0;border:4px solid transparent;cursor:pointer;font-weight:400;font-size:16px;letter-spacing:.1px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn-primary{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:none;border-color:var(--text)}.btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-secondary:hover{transform:translateY(-1px);border-color:var(--text)}.navbar{position:sticky;top:0;z-index:10;background:var(--bg);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-bottom:1px solid var(--border);box-shadow:none}.nav-content{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:400;letter-spacing:-.4px}.brand-text{font-size:16px}.nav-links{display:flex;align-items:center;gap:var(--space-4)}.nav-link{font-weight:400;padding:6px 0;transition:color .15s ease;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .16s ease;transform-origin:left}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--accent)}.nav-link.active:after{transform:scaleX(1)}.menu-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer}.menu-line{width:20px;height:2px;background:var(--text);border-radius:2px}.hero{padding:var(--space-6) 0 var(--space-4);position:relative}.hero-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(260px,.9fr);gap:var(--space-5);align-items:start}.hero-text{display:flex;flex-direction:column;gap:var(--space-2);padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.hero h1{font-size:clamp(50px,6.4vw,70px);letter-spacing:-1.2px}.lead{font-size:19px;color:var(--text);max-width:760px}.hero-status-band{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-6);margin-top:var(--space-7)}.status-label{display:block;width:100%;font-family:var(--font-serif);font-size:clamp(15px,1.3vw,17px);line-height:1.5;letter-spacing:.01em;text-align:center;color:var(--accent);margin-bottom:var(--space-3)}.focus-rotator{display:grid;align-content:start;padding:0;background:transparent;width:100%;font-size:clamp(16px,1.5vw,19px);line-height:1.45}.now-playing-band{display:grid;align-content:start;justify-items:center;width:100%;padding:0;background:transparent;text-align:center;font-size:clamp(16px,1.5vw,19px);line-height:1.35}.now-playing-details{display:grid;gap:2px;width:min(100%,330px)}.now-playing-link{overflow-wrap:anywhere}.now-playing-artist{color:var(--text)}.now-playing-album-art{width:clamp(240px,24vw,300px);aspect-ratio:1;border-radius:var(--radius);object-fit:cover;margin-bottom:var(--space-3)}.focus-list{margin:0 auto;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);align-items:center;text-align:center;font-size:clamp(14px,1.15vw,16px);line-height:1.4;padding:var(--space-4);width:min(100%,360px);min-height:clamp(260px,26vw,300px);background:var(--accent);color:var(--bg);border-radius:var(--radius)}.focus-list-item{display:block;padding:0;color:inherit;font-weight:400;font-size:inherit;letter-spacing:.2px;background:transparent;text-decoration:none}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero-media{display:flex;align-items:flex-start;justify-content:center;padding:0}.hero-media img{width:100%;height:auto;max-height:540px;display:block;border-radius:0;object-fit:cover;object-position:center 62%}.about-title{text-align:left;margin:0 0 var(--space-3);font-size:clamp(30px,4vw,40px);letter-spacing:-.6px}.about-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);grid-template-areas:"timeline right";gap:var(--space-4);align-items:stretch}.about-right{grid-area:right;display:grid;gap:var(--space-3);min-width:0}.about-plate-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-2);align-items:stretch}.about-plate-compact{width:100%;max-width:100%;justify-self:start;gap:var(--space-2)}.about-plate-compact .about-plate-title{margin:0}.about-plate-wide{width:100%}.about-plate-wide,.about-plate-wide .about-plate-title,.about-plate-wide .about-plate-body,.about-plate-wide .about-plate-body2,.timeline-item,.timeline-item .timeline-range,.timeline-item .timeline-title,.timeline-item .timeline-role,.timeline-item .timeline-note{color:var(--bg)}.about-plate.about-plate-wide{background:var(--accent-fill)}.about-plate-bottom{width:100%}.about-plate-bottom a{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.about-plate{border:none;border-radius:0;padding:var(--space-4);background:#ffffff59;box-shadow:0 6px 14px #1e1a1514;display:grid;gap:var(--space-2);min-width:0;transition:transform .16s ease,box-shadow .16s ease}.about-plate:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1e1a151f}.about-plate-title{font-size:20px;font-weight:400;letter-spacing:-.2px}.about-plate-body{margin:0;color:var(--text);line-height:1.6}.about-plate-wide .about-plate-body,.about-plate-wide .about-plate-body2{font-size:15px}.about-contact-stack{display:grid;gap:var(--space-2);color:var(--text)}.about-plate-compact .about-contact-stack{gap:2px}.about-plate-compact .about-contact{gap:0}.about-contact{display:grid;gap:2px;margin:0}.about-contact-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.about-links{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;gap:12px}.about-links a{font-weight:400;color:var(--text)}.about-links a:hover{color:var(--accent)}.about-timeline{grid-area:timeline;display:grid;gap:var(--space-3);min-width:0;--timeline-inset: 0px}.timeline-group{display:grid;gap:var(--space-2)}.timeline-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:minmax(110px,max-content) minmax(0,1fr);gap:16px;align-items:start;padding:14px 16px;border:none;border-radius:0;background:var(--accent-fill);width:calc(100% - var(--timeline-inset));justify-self:start;transition:transform .16s ease}.timeline-item:hover{transform:translateY(-2px)}.timeline-range{font-size:20px;font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--accent)}.timeline-details{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0}.timeline-title{font-weight:400;color:var(--text)}.timeline-role{color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-3);align-items:stretch}.project-card{background:#ffffff59;border:none;border-radius:0;padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3);box-shadow:0 6px 14px #1e1a1514;transition:transform .16s ease,box-shadow .16s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1e1a151f}.project-body h3{margin:0 0 6px}.project-inline-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}label{font-weight:400}input,textarea{width:100%;border-radius:var(--radius);border:1px solid var(--border);padding:10px 12px;font-family:inherit;font-size:16px;background:var(--bg);color:var(--text);transition:border .14s ease,box-shadow .14s ease}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7a1f3d29}@media(max-width:1024px){.about-layout{grid-template-columns:1fr;grid-template-areas:"right" "timeline"}.about-plate-row{grid-template-columns:1fr}.about-plate-compact,.about-plate-wide,.about-plate-bottom{margin-left:0;width:100%}}@media(max-width:900px){.hero-grid,.hero-status-band{grid-template-columns:1fr}.hero-status-band{gap:var(--space-5);margin-top:var(--space-6)}}@media(max-width:760px){.nav-content{height:64px}.nav-links{position:absolute;top:64px;right:12px;left:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:14px 16px;gap:10px;min-width:0;box-shadow:var(--shadow);display:none}.nav-link{width:100%}.nav-links.open{display:flex}.menu-toggle{display:inline-flex}.hero{padding:var(--space-5) 0 var(--space-4)}.hero-grid{gap:var(--space-4)}.hero-text,.hero-media{padding:0}.hero h1{font-size:clamp(34px,10vw,44px);line-height:1.1}.lead{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions .btn{width:100%}.now-playing-album-art{width:min(220px,62vw)}.focus-list{width:100%}.focus-list-item{display:block;width:100%;line-height:1.45}.about-layout{gap:var(--space-4)}.about-links{flex-wrap:wrap;row-gap:6px}.about-timeline{--timeline-inset: 0}.timeline-item{width:100%;grid-template-columns:1fr;gap:8px}.timeline-range{font-size:17px;letter-spacing:.05em}.project-grid{grid-template-columns:1fr}}@media(max-width:540px){body{font-size:16px}.container{padding:0 var(--space-3)}.nav-links{top:62px;right:10px;left:10px;padding:12px}.btn{width:100%;justify-content:center}.section{padding:var(--space-5) 0}.section-header{margin-bottom:var(--space-4)}.hero h1{font-size:clamp(30px,10.5vw,36px)}.lead{font-size:16px}.about-plate,.project-card{padding:var(--space-3)}.timeline-item{padding:10px 12px}}
