/* A single name reveal, followed by a normal, directly linked project index. */
.home-route{--paper:#e8e6dc;--muted:#989b92;--base:#111210;--mono:"Courier New",monospace;background:var(--base);color:var(--paper);display:block!important}
.home-route #main,.home-route #home-view{padding:0!important;margin:0!important;min-height:0}
.home-route .site-footer,.home-route:before,.home-route:after{display:none}
.home-route .site-header{position:fixed;inset:0 0 auto;z-index:50;height:80px;padding:0 4.5vw;border:0!important;background:linear-gradient(#111210e8,#11121000)!important;backdrop-filter:none!important}
.home-route .site-header .wordmark{font:italic 29px Georgia,serif;letter-spacing:-3px}
.home-route .site-header nav{font-size:12px;gap:32px}
.home-route .site-header #motion-toggle{font:10px var(--mono);color:#aaa}
.home-route .site-header a,.home-route .site-header button{color:var(--paper)}
.home-overview{font-family:Arial,Helvetica,sans-serif;isolation:isolate}
.home-overview a{color:inherit;text-decoration:none}
.home-overview button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.home-overview a:focus-visible,.home-overview button:focus-visible{outline:2px solid #eee4d1;outline-offset:6px}
.opening-spacer{height:90svh;pointer-events:none}
.project-overview{position:sticky;top:0;width:90%;margin:0 auto;padding:130px 0 40px;outline:none}
.overview-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:clamp(30px,4vh,70px)}
.overview-kicker{font:10px var(--mono);letter-spacing:.14em;color:#9b9e95;margin:0 0 18px}
.overview-heading h2{font:400 clamp(42px,4.3vw,130px)/1 Arial,sans-serif;letter-spacing:-.055em;margin:0}
.overview-heading>a{font-size:14px;padding-bottom:6px;border-bottom:1px solid #696d60;display:flex;gap:40px;align-items:center}
.overview-heading>a span{font-size:21px}
.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(35px,4vw,80px) clamp(18px,2vw,45px)}
.project-entry{display:block;min-width:0;position:relative}
.project-entry.entry-featured{grid-column:span 2}
.project-art{position:relative;aspect-ratio:1.28;overflow:hidden;background:#151815;isolation:isolate;border:1px solid #ffffff0d}
.entry-featured .project-art{aspect-ratio:1.58}
.project-art img{position:absolute;display:block;object-fit:contain;max-width:none}
.entry-caption{display:grid;grid-template-columns:22px 1fr 18px;gap:12px;padding-top:19px;align-items:baseline}
.entry-number{font:9px var(--mono);color:#747c70}
.entry-caption h3{font:400 clamp(18px,1.55vw,45px)/1.15 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 10px}
.entry-featured .entry-caption h3{font-size:clamp(25px,2.25vw,68px)}
.entry-caption p{font-size:clamp(12px,.8vw,24px);line-height:1.5;color:#b0b4a9;margin:0 0 3px}
.entry-caption small{font:clamp(9px,.58vw,18px)/1.5 var(--mono);color:#80887a}
.entry-arrow{font-size:20px;transition:transform .2s}
.entry-open{position:absolute;right:20px;bottom:17px;z-index:6;font:11px var(--mono);background:#111210de;color:#ebe9df;padding:10px 12px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.project-entry:hover .entry-open,.project-entry:focus-visible .entry-open{opacity:1;transform:none}
.project-entry:hover .entry-arrow,.project-entry:focus-visible .entry-arrow{transform:translate(3px,-3px)}
.project-entry:hover .project-art{border-color:#ffffff35}
.project-entry[data-selected=true] .entry-number{color:#deddd4}
.media-downput{background:#080c0b}
.index-dungeon-floor{position:absolute;inset:40% -10% -50%;background:url('/media/floorTile.png') repeat;background-size:64px;transform:perspective(500px) rotateX(55deg);opacity:.25;mask-image:linear-gradient(transparent,#000)}
.index-downput-title{position:absolute;left:6%;top:8%;width:60%;height:auto;overflow:hidden}
.media-downput .index-knight{height:68%;width:39%;right:11%;bottom:1%;image-rendering:pixelated}
.media-downput .index-mage{height:26%;width:17%;left:14%;bottom:11%;image-rendering:pixelated}
.media-downput .index-slime{height:17%;width:12%;left:36%;bottom:4%;image-rendering:pixelated}
.media-downput .index-knight{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.project-entry:hover .index-knight{transform:translateY(-5px)}
.media-despair{background:#1a1110}
.media-despair .index-doom-cover{height:100%;width:66%;right:0;top:0}
.media-despair .index-despair-title{width:33%;height:40%;left:5%;top:33%}
.media-blvdle{background:#10251d}
.media-blvdle .index-blvdle-logo{width:31%;height:37%;left:8%;top:7%}
.media-blvdle .index-blvdle-screen{width:79%;height:70%;right:-5%;bottom:-3%;object-position:center top;transform:rotate(-5deg);box-shadow:0 12px 28px #0006}
.media-engenuo{background:#080808}
.media-engenuo .index-engenuo-hero{inset:0;width:100%;height:100%;object-fit:contain}
.media-verbantics{background:#dfcfad}
.media-verbantics .index-verbantics-logo{width:78%;height:78%;left:11%;top:11%}
.media-rubber-duck{background:#081622}
.media-rubber-duck .index-duck{inset:9%;width:82%;height:82%}
.overview-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff1c;padding-top:27px;margin-top:70px;color:#929789;font:11px var(--mono)}
.overview-footer a:hover{color:#e8e6dc}
.intro-overlay{position:fixed;inset:0;z-index:30;isolation:isolate}
.intro-overlay:not([data-ready]){background:#111210}
.intro-overlay:not([data-ready]) .letter-light{visibility:hidden}
.intro-overlay .letter-light{position:absolute;inset:0;background:#deddd4;pointer-events:none;opacity:.7}
#name-gate{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.opening-copy{position:absolute;left:8%;top:14%;pointer-events:none;color:#d6d8cb}
.opening-copy>p{font:clamp(9px,.63vw,22px) var(--mono);letter-spacing:.16em;margin:0}
.opening-bottom{position:absolute;left:8%;right:8%;bottom:6%;display:flex;justify-content:space-between;align-items:center}
.opening-bottom>span{font:clamp(9px,.60vw,20px) var(--mono);letter-spacing:.08em;color:#a9afa1}
.home-overview #enter{padding:10px 0 15px;font-size:clamp(15px,1vw,30px);border-bottom:1px solid #b4b7a1;display:flex;gap:80px;align-items:center}
#enter span{font-size:25px}
.home-grain{position:fixed;inset:0;z-index:40;pointer-events:none;background:url('/media/grain.png') repeat;opacity:.026}
.no-motion .project-art *,.no-motion .entry-open,.no-motion .entry-arrow{transition:none!important;transform:none!important}
@media(min-width:2300px){
 .home-route .site-header{height:clamp(85px,7vh,140px)}
 .home-route .site-header .wordmark{font-size:clamp(38px,1.5vw,54px)}
 .home-route .site-header nav{font-size:clamp(17px,.85vw,29px);gap:2vw}
 .home-route .site-header #motion-toggle{font-size:clamp(12px,.6vw,20px)}
 .project-overview{padding-top:10vh}
 .overview-kicker,.overview-footer{font-size:clamp(12px,.6vw,20px)}
 .overview-heading>a{font-size:clamp(18px,.85vw,29px)}
 .entry-number{font-size:15px}.entry-caption{grid-template-columns:30px 1fr 24px;gap:20px}
 .entry-arrow{font-size:30px}.entry-open{font-size:17px}
}
@media(max-width:1100px){
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-entry.entry-featured{grid-column:span 1}
 .project-art,.entry-featured .project-art{aspect-ratio:1.32}
 .entry-caption h3{font-size:22px}.entry-featured .entry-caption h3{font-size:25px}

}
@media(max-width:600px){
 .home-route .site-header{height:74px;padding:0 6%}
 .home-route .site-header nav{gap:19px;font-size:11px}
 .home-route .site-header #motion-toggle{font-size:9px}
 .project-overview{width:88%;padding:102px 0 30px}
 .overview-heading{gap:12px;margin-bottom:30px}
 .overview-heading h2{font-size:41px}
 .overview-kicker{font-size:8px;margin-bottom:13px}
 .overview-heading>a{font-size:11px;gap:13px;white-space:nowrap;padding-bottom:3px}
 .project-grid{grid-template-columns:minmax(0,1fr);gap:35px}
 .project-art,.entry-featured .project-art{aspect-ratio:1.5}
 .entry-caption{padding-top:14px;grid-template-columns:20px 1fr 16px;gap:8px}
 .entry-caption h3,.entry-featured .entry-caption h3{font-size:26px;margin-bottom:8px}
 .entry-caption p{font-size:12px}
 .entry-caption small{font-size:9px}
 .entry-open{display:none}
 .overview-footer{margin-top:45px;font-size:8px;gap:14px;flex-wrap:wrap}
 .opening-copy{left:7%;top:22%}
 .opening-copy>p{font-size:8px}
 .opening-bottom{left:7%;right:7%;bottom:10%}
 .opening-bottom>span{font-size:8px}
 .home-overview #enter{font-size:13px;gap:27px}

}
@media(prefers-reduced-motion:reduce){.project-art *,.entry-open,.entry-arrow{transition:none!important}}