/* Scene transitions deliberately move separate layout pieces through different depths. */
.motion-word{display:inline-block;will-change:transform;white-space:pre}.hero h1,.warp-copy h2{perspective:900px}.scene-curtain{position:fixed;inset:0;z-index:100;isolation:isolate;overflow:hidden}.scene-curtain[hidden]{display:none}.curtain-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);perspective:900px}.curtain-tiles i{background:#17281e;border:1px solid #b8ef4320;opacity:0;will-change:transform,opacity;position:relative}.curtain-tiles i:after{content:'+';position:absolute;left:9px;top:7px;color:#b8ef4340;font:11px var(--mono)}.scene-curtain[data-kind=warp] .curtain-tiles i{background:#0f1e1b;border-color:#7ddcca15}.curtain-readout{position:absolute;left:10%;right:10%;top:38%;color:#e1f7d4;opacity:0}.curtain-code{font:10px var(--mono);letter-spacing:3px;color:#a7ce78}.curtain-readout strong{display:block;font:500 clamp(28px,5vw,80px)/1.2 var(--sans);letter-spacing:-2px;margin:20px 0}.curtain-readout strong span{color:#b8ef43}.curtain-progress{height:2px;background:#a1c37622;max-width:480px;margin:30px 0 17px}.curtain-progress i{display:block;height:100%;background:#b8ef43;transform-origin:left}.curtain-phase{font:10px var(--mono);letter-spacing:2px;color:#a5bc98}.skip-transition{position:absolute;right:5%;bottom:35px;color:#d3eac4;background:#0a1a11aa;border:1px solid #8baf6455;padding:12px 18px;font-size:11px}.skip-transition kbd{margin-left:12px}.jump-rings{position:absolute;inset:0;pointer-events:none}.jump-rings i{position:absolute;left:60%;top:50%;width:50vmin;height:50vmin;border:1px solid #b8ef43;box-shadow:0 0 30px #b8ef4330,inset 0 0 30px #b8ef4318;opacity:0}.layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.layout-label{font:9px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:10px}.layout-label i{width:5px;height:5px;background:#8cbc39;box-shadow:0 0 10px #8cbc39}.layout-label small{font:10px var(--sans);color:#838b77;margin-left:12px}.layout-toolbar [role=group]{display:flex;gap:5px}.layout-toolbar button{font-size:11px;padding:10px 15px;background:transparent;border:1px solid transparent}.layout-toolbar button[aria-pressed=true]{background:var(--lime);color:#25311d}.layout-toolbar button:hover{border-color:#9dbd67}.journal-grid{align-items:start;position:relative}.journal-grid .article{transform-origin:0 0;transition:none}.journal[data-layout=archive] .journal-grid{grid-template-columns:1fr;gap:20px}.journal[data-layout=archive] .article{display:grid;grid-template-columns:minmax(170px,30%) 1fr;column-gap:35px;grid-template-rows:auto auto auto auto;border-bottom:1px solid var(--line);padding-bottom:20px}.journal[data-layout=archive] .article-art{grid-column:1;grid-row:1/5;height:210px}.journal[data-layout=archive] .article-meta{margin-top:5px}.journal[data-layout=archive] .article h3 br{display:none}.journal[data-layout=archive] .article-foot{border:0}.journal[data-layout=focus] .journal-grid{grid-template-columns:1.35fr 1fr;gap:30px}.journal[data-layout=focus] .article:first-child{grid-row:span 2}.journal[data-layout=focus] .article:first-child .article-art{height:390px}.journal[data-layout=focus] .article:first-child .shader-ball{width:220px;height:220px}.journal[data-layout=focus] .article:not(:first-child){display:grid;grid-template-columns:110px 1fr;gap:0 18px}.journal[data-layout=focus] .article:not(:first-child) .article-art{height:145px;grid-column:1;grid-row:1/5}.journal[data-layout=focus] .article:not(:first-child) h3{font-size:17px;margin:10px 0}.journal[data-layout=focus] .article:not(:first-child) p{font-size:10px;min-height:0;margin:0 0 10px}.journal[data-layout=focus] .article:not(:first-child) .article-meta{font-size:8px;margin:0}.journal[data-layout=focus] .article:not(:first-child) .article-meta span{display:none}.journal[data-layout=focus] .article:not(:first-child) .article-foot{font-size:8px;padding-top:8px}.journal[data-layout=focus] .system-art{flex-direction:column;gap:3px}.journal[data-layout=focus] .system-node{padding:5px}.journal[data-layout=focus] .system-art>span{display:none}.journal.orbit-edition{background:#111f1b;color:#e3efda;--line:#39503c;transition:background .6s,color .6s}.journal.orbit-edition .eyebrow{color:#a8cd81}.journal.orbit-edition .article-meta{color:#a9c68d}.journal.orbit-edition .article p,.journal.orbit-edition .section-heading>p{color:#99ad90}.journal.orbit-edition .article-art{outline:1px solid #8dba5333;outline-offset:-1px}.about{overflow:hidden;perspective:1200px}.about-title{transform:translateX(calc((1 - var(--assembly,1)) * -100px)) rotateY(calc((1 - var(--assembly,1)) * 15deg))!important}.about-copy{transform:translateX(calc((1 - var(--assembly,1)) * 100px)) rotateY(calc((1 - var(--assembly,1)) * -15deg))!important}.skills span{will-change:transform}.section h2:focus{outline:none}
@media(max-width:900px){.layout-label small{display:none}.journal[data-layout=focus] .journal-grid{gap:25px}.journal[data-layout=focus] .article:not(:first-child){display:block}.journal[data-layout=focus] .article:not(:first-child) .article-art{height:130px;margin-bottom:15px}.journal[data-layout=focus] .article:first-child .article-art{height:360px}.journal[data-layout=focus] .article:not(:first-child) .article-foot{display:none}}
@media(max-width:700px){.curtain-readout{left:7%;right:7%}.curtain-readout strong{font-size:31px;letter-spacing:-1px}.curtain-code,.curtain-phase{font-size:8px;letter-spacing:1px}.layout-label{font-size:8px}.layout-toolbar{gap:5px}.layout-toolbar button{padding:9px 10px;font-size:10px}.journal[data-layout=matrix] .journal-grid{grid-template-columns:1fr}.journal[data-layout=focus] .journal-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.journal[data-layout=focus] .article:first-child{grid-column:1/-1;grid-row:auto}.journal[data-layout=focus] .article:first-child .article-art{height:270px}.journal[data-layout=focus] .article:not(:first-child) h3{font-size:15px}.journal[data-layout=focus] .article:not(:first-child) p{display:none}.journal[data-layout=focus] .article:not(:first-child) h3 span{display:none}.journal[data-layout=archive] .article{grid-template-columns:85px 1fr;column-gap:15px}.journal[data-layout=archive] .article-art{height:150px}.journal[data-layout=archive] .article h3{font-size:16px;margin:8px 0}.journal[data-layout=archive] .article h3 span{display:none}.journal[data-layout=archive] .article-meta{font-size:7px}.journal[data-layout=archive] .article-meta span{display:none}.journal[data-layout=archive] .article p{font-size:10px;margin:0}.journal[data-layout=archive] .article-foot{font-size:8px}.journal[data-layout=archive] .system-art{flex-direction:column;gap:2px}.journal[data-layout=archive] .system-node{padding:5px}.journal[data-layout=archive] .system-art>span{display:none}.journal[data-layout=archive] .shader-ball{width:75px;height:75px}.journal[data-layout=archive] .pixel-sun{right:20px}.scene-curtain .skip-transition{bottom:20px}.about-title,.about-copy{transform:none!important}}
@media(prefers-reduced-motion:reduce){.about-title,.about-copy,.skills span{transform:none!important;opacity:1!important}}
