/* Approved 1120px V2 homepage. Interior pages retain their existing canvas. */
@font-face{font-family:"Courier Prime";src:url("./assets/fonts/courier-prime.ttf") format("truetype");font-display:swap}
body.home{--site-width:70rem;--lime:#a6ff00;--blue:#0028c9;--violet:#8800ff;background:#080808;font-family:Inter,Arial,sans-serif}
.home .site-nav{display:flex;justify-content:flex-end;gap:2rem;min-height:3.5rem;height:auto;padding:.75rem 2rem;font-size:1rem;line-height:1.5}
.home .site-nav a{padding:0;border:0;min-height:2rem}
.home .site-nav .brand{margin-right:auto;color:var(--lime)}
.home .home-hero{display:grid;grid-template-columns:minmax(0,1fr) 18rem 26rem;min-height:35rem;background:#fff}
.home-identity,.home-about{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:3rem 2rem 2rem}
.home #home-name{font-size:5rem;font-weight:800;line-height:.95;letter-spacing:-.05em;position:relative;z-index:1}
.home #home-name span{display:block}
.home .identity-rule{display:block;width:5rem;height:3px}
.home .home-disciplines{font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.035em}
.home .home-statement{font-size:1.25rem;line-height:1.5}
.home-work-link,.skills-intro a{font-family:"Courier Prime",monospace;font-size:1rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.4rem}
.home-work-link{margin-top:auto}
.home-work-link span{padding-left:1rem}
.home .home-portrait{position:relative;isolation:isolate;overflow:hidden;background:var(--lime);min-height:35rem;margin:0}
.home .home-portrait img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:288 / 706.251;max-width:none;object-fit:fill;mix-blend-mode:multiply}
.home .home-about{background:var(--blue);color:#fff}
.home .home-about h2{font:400 2rem/1.25 "Courier Prime",monospace;letter-spacing:0}
.home .home-about>p{font:400 1.25rem/1.5 Inter,Arial,sans-serif}
.home .jam-wrap{width:100%}
.home .jam-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--lime);font:400 1.125rem/1.5 "Courier Prime",monospace;text-decoration:none;padding:0}
.home .jam-link span:last-child{font:400 2rem/1 Inter,Arial,sans-serif;color:#fff}
.home .rwx-monogram{display:block;width:3.5rem;height:auto;margin-top:0}
.home .site-divider{display:flex;align-items:center;gap:0;height:2.125rem;padding:0 2rem;overflow:hidden;white-space:nowrap;background:#080808;color:#fff;font:400 .875rem/1.25rem "Courier Prime",monospace}
.home .site-divider span{flex:none;padding-right:1.5rem}
.home .site-divider b{font-weight:400;color:var(--lime)}
.home .portfolio-intro{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:7rem;padding:2rem;background:#fff}
.home .portfolio-intro h2{font-size:2.5rem;line-height:1.1;letter-spacing:-.045em}
.home .portfolio-intro p{font:400 .875rem/1.5 "Courier Prime",monospace}
.home .project-band{display:grid;grid-template-columns:5rem minmax(0,1fr) 2.5rem;align-items:center;gap:1.5rem;min-height:11rem;padding:1.5rem 2rem;text-decoration:none}
.home .project-band>div{min-width:0}
.home .band-preview{width:5rem;height:5rem;border-radius:50%;border:1px solid currentColor;overflow:hidden}
.home .band-preview img{width:100%;height:100%;object-fit:cover;display:block}
.home .project-band .band-kicker{font:400 .875rem/1.4 "Courier Prime",monospace;letter-spacing:0;margin-bottom:.375rem;text-transform:uppercase}
.home .project-band h2{font:400 2.75rem/1.1 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 .375rem;overflow-wrap:anywhere}
.home .band-subline{font-size:1.25rem;line-height:1.5;max-width:43rem;margin:0}
.home .band-arrow{font-size:2rem;line-height:1;width:2.5rem;justify-self:end}
.home .band-kraken,.home .band-ai{background:#8800ff;color:#fff}
.home .band-sophon{background:#a6ff00;color:#080808}
.home .band-stellar{background:#0028c9;color:#fff}
.home .band-aquarius{background:#080808;color:#fff}
.home .project-band:hover h2{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:1px}
.home a:focus-visible,.home summary:focus-visible{outline:3px solid currentColor;outline-offset:-5px}
.home .historical-work{background:#f7f7f3;color:#080808}
.home .historical-work summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5rem;padding:1.5rem 2rem;list-style:none;cursor:pointer;font:400 1rem/1.5 "Courier Prime",monospace}
.home .historical-work summary::-webkit-details-marker{display:none}
.home .historical-years{white-space:nowrap;margin-left:.75rem;color:#555}
.home .historical-toggle{font:400 1.5rem/1 Inter,Arial,sans-serif}
.home .historical-work[open] .historical-toggle{transform:rotate(45deg)}
.home .historical-projects{padding:0 2rem 1rem}
.home .historical-project{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;border-top:1px solid #bdbdb8;text-decoration:none}
.home .historical-project h2{font:500 1.25rem/1.4 Inter,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 .375rem}
.home .historical-project p{font-size:1rem;line-height:1.5;max-width:50rem;color:#454545}
.home .historical-project:hover h2{text-decoration:underline;text-underline-offset:.2em}
.home .historical-project>span{flex:none;font-size:1.5rem}
.home .skill-tree{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:2rem;min-height:15.5rem;padding:2.5rem 2rem;background:#f7f7f3;color:#080808}
.home .skills-intro{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}
.home #skills-title{font:400 1.375rem/1.5 "Courier Prime",monospace;color:#8800ff}
.home .skill-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.5rem;list-style:none;margin:0;padding:0}
.home .skill-list li{display:flex;align-items:baseline;gap:.65rem;font-size:1.125rem;line-height:1.55}
.home .skill-number{flex:none;font:400 .875rem/1.5 "Courier Prime",monospace}
.home .contact-section{min-height:13.5rem;padding:2.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#a6ff00;color:#080808;border:0}
.home .contact-section .band-kicker{font:400 .875rem/1.5 "Courier Prime",monospace;margin-bottom:.75rem}
.home .contact-section h2{font-size:3rem;line-height:1.05;letter-spacing:-.045em}
.home .contact-link{font-size:1.5rem}
.home .site-footer{min-height:4.5rem;padding:1rem 2rem;gap:1.5rem}
.home .site-footer nav{gap:1.25rem}
@media(min-width:70rem){body.home{background-color:#1d1d1d;background-image:url("./assets/rwx-bleed-tile.svg");background-repeat:repeat;background-size:7.09375rem 7.15625rem}.home .site-shell{box-shadow:0 0 1.5rem #0009,0 1rem 5rem #000b}}
@media(max-width:69.99rem){
 .home .home-hero{grid-template-columns:minmax(0,1fr) 18rem}
 .home .home-about{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 4rem;gap:1.5rem 2rem;padding:2rem}
 .home .home-about h2,.home .home-about>p,.home .jam-wrap{grid-column:1}
 .home .rwx-monogram{grid-column:2;grid-row:1/4;align-self:start}
 .home #home-name{font-size:clamp(4rem,7cqw,5rem)}
 .home .skill-tree{grid-template-columns:1fr;gap:1.5rem}
 .home .skills-intro{flex-direction:row;align-items:baseline;justify-content:space-between}
}
@media(max-width:42rem){
 .home .site-nav{gap:1.25rem;padding:.875rem 1.25rem;font-size:.875rem}
 .home .home-hero{grid-template-columns:minmax(0,1fr)}
 .home .home-identity{padding:2rem 1.25rem;gap:1.25rem}
 .home #home-name{font-size:clamp(3.5rem,14cqw,5rem)}
 .home .home-disciplines{font-size:1.5rem}
 .home .home-work-link{margin-top:.75rem}
 .home .home-portrait{min-height:0;aspect-ratio:4/5;max-height:36rem}
 .home .home-about{display:flex;grid-column:auto;padding:2rem 1.25rem}
 .home .home-about>p,.home .home-statement{font-size:1.125rem}
 .home .portfolio-intro{padding:1.75rem 1.25rem;min-height:0;align-items:flex-start;flex-direction:column}
 .home .portfolio-intro h2{font-size:2rem}
 .home .project-band{grid-template-columns:3.5rem minmax(0,1fr) 1.5rem;gap:1rem;padding:1.75rem 1.25rem;min-height:0}
 .home .band-preview{width:3.5rem;height:3.5rem}
 .home .project-band h2{font-size:clamp(1.75rem,6cqw,2.5rem)}
 .home .project-band .band-kicker{font-size:.8125rem}
 .home .band-subline{font-size:1.125rem}
 .home .band-arrow{font-size:1.5rem;width:1.5rem}
 .home .site-divider{padding-inline:1.25rem}
 .home .historical-work summary{padding:1.25rem;min-height:4.5rem}
 .home .historical-projects{padding:0 1.25rem 1rem}
 .home .historical-years{display:block;margin-left:0}
 .home .skill-tree{padding:2rem 1.25rem}
 .home .skill-list{gap:.5rem 1rem}
 .home .skill-list li{font-size:1rem}
 .home .contact-section{padding:2rem 1.25rem;align-items:flex-start;flex-direction:column}
 .home .contact-section h2{font-size:2.5rem}
 .home .site-footer{padding:1.5rem 1.25rem;align-items:flex-start;flex-direction:column}
}
@media(max-width:24rem){.home .skill-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.home .skills-intro{flex-wrap:wrap}.home .project-band{grid-template-columns:3rem minmax(0,1fr)}.home .band-preview{width:3rem;height:3rem}.home .band-arrow{display:none}}
@media print{body.home{background:#fff}.home .site-shell{box-shadow:none}}