.journal-page{--reading-width:680px}.journal-page .header nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.journal-shell{padding:0 var(--pad) 90px;max-width:1700px;margin:auto}.journal-heading{padding:96px 0 72px}.journal-heading .section-kicker{padding:0;border:0;margin:0 0 50px}.journal-heading h1{font-size:clamp(64px, 8.5vw, 136px);line-height:1;letter-spacing:-.065em;font-weight:400}.journal-heading>p{max-width:440px;font-size:16px;line-height:1.7;color:var(--muted);margin-top:32px}.journal-meta{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;font-size:11px;color:var(--muted);line-height:1.5}.journal-meta>span:first-child{font:10px monospace;letter-spacing:.05em}.journal-card-link{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.journal-card-image{overflow:hidden}.journal-card-image img{width:100%;height:auto}.journal-card h2{font-size:clamp(28px, 3.6vw, 50px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}.journal-card-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:480px}.journal-read{display:inline-block;font-size:12px;line-height:1.8;margin-top:28px;text-decoration:underline;text-underline-offset:5px}.journal-card-link:focus-visible{outline:2px solid var(--ink);outline-offset:10px}.journal-featured .journal-card-link{display:block}.journal-featured .journal-card-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:0 7vw;padding-top:28px;align-items:start}.journal-featured .journal-meta{grid-column:1/-1}.journal-featured h2{grid-column:1;grid-row:2/4;font-size:clamp(36px, 4.6vw, 72px);margin-top:24px;max-width:800px}.journal-featured .journal-card-copy>p{grid-column:2;grid-row:2;margin-top:24px}.journal-featured .journal-read{grid-column:2;grid-row:3;margin-top:18px;justify-self:start}.journal-posts .art-section-divider{margin:64px 0}.journal-posts>.journal-card+.journal-card{margin-top:64px}.journal-article{padding:0 var(--pad);max-width:1700px;margin:auto}.journal-article-heading{max-width:1020px;margin:auto;padding:72px 0 60px}.journal-back{display:inline-block;font-size:12px;line-height:1.7;text-decoration:underline;text-underline-offset:5px;margin-bottom:48px}.journal-article-heading h1{font-size:clamp(44px, 5.9vw, 86px);line-height:1.06;letter-spacing:-.055em;margin:24px 0 32px;max-width:1000px}.journal-byline{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.6}.journal-byline button{border:0;background:0 0;font-size:11px;padding:8px 0;text-decoration:underline;text-underline-offset:4px;flex:none}.journal-body{padding-bottom:40px}.journal-prose{width:min(100%,var(--reading-width));margin:0 auto 48px;font-size:18px;line-height:1.85;color:var(--ink);overflow-wrap:anywhere}.journal-prose p{margin:0 0 24px}.journal-prose p:last-child{margin-bottom:0}.journal-prose h2{font-size:clamp(27px, 3vw, 38px);line-height:1.2;letter-spacing:-.035em;margin:54px 0 24px;scroll-margin-top:125px}.journal-prose h3,.journal-prose h4{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:40px 0 20px}.journal-prose a{text-decoration:underline;text-underline-offset:4px}.journal-prose strong{font-weight:600}.journal-prose em{font:italic 1em Arial,Helvetica,sans-serif;letter-spacing:normal}.journal-prose ol,.journal-prose ul{padding-left:24px;margin:20px 0 28px}.journal-prose li{padding-left:4px;margin-bottom:10px}.journal-prose blockquote{margin:36px 0;padding:8px 0 8px 26px;border-left:2px solid var(--line);color:var(--muted)}.journal-prose blockquote p{margin-bottom:8px}.journal-media{margin:0 auto 56px;max-width:1280px}.journal-media button{padding:0;display:block;width:100%;border:0;background:0 0;cursor:zoom-in}.journal-media img{width:100%;height:auto}.journal-media figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin:14px auto 0;max-width:var(--reading-width)}.journal-hero{max-width:none;margin-bottom:64px}.journal-video{width:min(100%,960px);margin:0 auto 56px}.journal-gallery-heading,.journal-video-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;font-size:11px;line-height:1.5;color:var(--muted)}.journal-gallery-heading>span,.journal-video-title>span{font:10px monospace;letter-spacing:.05em}.journal-video-title a{text-decoration:underline;text-underline-offset:4px}.journal-video-load{display:block;position:relative;width:100%;padding:0;border:0;background:var(--ink);aspect-ratio:16/9;overflow:hidden}.journal-video-load img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .5s ease}.journal-video-load:hover img{opacity:.85}.journal-video-load>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;text-decoration:underline;text-underline-offset:6px;text-shadow:0 1px 12px #000}.journal-video-frame{display:block;aspect-ratio:16/9;width:100%;height:auto;border:0}.journal-gallery{max-width:1280px;margin:0 auto 64px}.journal-gallery-heading>div{display:flex;gap:24px;align-items:center}.journal-gallery-heading button{font-size:11px;background:0 0;border:0;padding:8px 0}.journal-gallery-heading button:disabled{opacity:.35;cursor:default}.journal-gallery-heading button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.journal-gallery-track{list-style:none;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:0 0 20px;margin:0;scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper)}.journal-gallery-track>li{flex:0 0 88%;scroll-snap-align:start;min-width:0}.journal-gallery-track .journal-media{margin:0}.journal-gallery-track:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.journal-footer-note{max-width:680px;margin:0 auto 80px;padding-top:45px}.journal-footer-note>p{font-size:28px;letter-spacing:-.04em;margin:20px 0}.journal-footer-note>div{display:flex;flex-wrap:wrap;gap:28px;font-size:12px}.journal-footer-note a{text-decoration:underline;text-underline-offset:5px}.journal-next{padding-top:55px;margin-bottom:85px}.journal-next>.project-eyebrow{display:block;margin-bottom:30px}.reading-progress{position:fixed;top:90px;left:0;right:0;height:2px;z-index:11;background:var(--ink);transform:scaleX(var(--reading-progress,0));transform-origin:left;opacity:.5;pointer-events:none}.journal-video-load{display:flex;align-items:center;gap:28px;aspect-ratio:auto;background:0 0;text-align:left}.journal-video-load img{width:32%;max-width:220px;height:auto;opacity:1;object-fit:contain}.journal-video-load>span{position:static;transform:none;color:var(--ink);font-size:16px;text-shadow:none}.journal-video-load:hover img{opacity:1}.wayfarer-logo{display:flex;flex-direction:column;align-items:center;margin:0 auto 64px;padding:18px 0 52px;border-bottom:1px solid var(--line);color:var(--ink)}.wayfarer-logo svg{width:112px;height:45px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter}.wayfarer-logo svg path+path{fill:currentColor;stroke:none}.wayfarer-logo-word{font-size:clamp(48px, 6.5vw, 96px);font-weight:700;line-height:.92;letter-spacing:-.075em;margin-top:24px}.wayfarer-logo-meta{display:flex;align-items:center;gap:3px;margin-top:25px;font:8px/1 monospace;letter-spacing:.07em;color:var(--muted)}.wayfarer-logo-meta i{width:3px;height:3px;display:block}.wayfarer-logo-meta i:first-child{background:#00aeef}.wayfarer-logo-meta i:nth-child(2){background:#ec008c}.wayfarer-logo-meta i:nth-child(3){background:#ffe800}.wayfarer-logo-meta i:nth-child(4){background:var(--ink)}.wayfarer-logo-meta b{font:inherit;margin-left:9px}.journal-article .journal-prose h2::before{content:"+";display:inline-block;margin-right:12px;font:10px/1 monospace;color:var(--muted);vertical-align:.35em}.journal-gallery-heading>span:first-child::before{content:"+ / ";color:var(--muted)}.is-wayfarer .journal-media button{overflow:hidden;background:#595d5f}.is-wayfarer .journal-media button>img{transform:scale(1.006)}.is-wayfarer .journal-hero{max-width:880px}.is-wayfarer .journal-hero button{display:flex;justify-content:center}.is-wayfarer .journal-hero img{width:auto;max-width:100%;max-height:68svh;object-fit:contain}.journal-media-wide{max-width:1280px}.is-wayfarer .journal-media-wide{max-width:1280px}.journal-media-wide button{aspect-ratio:2/1;overflow:hidden;background:#595d5f}.journal-media-wide img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 42%}.journal-card-wayfarer .journal-card-image{aspect-ratio:2/1;background:#595d5f}.journal-card-wayfarer .journal-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.journal-media-compact{max-width:760px}.journal-media-compact img{width:auto;max-width:100%;margin-inline:auto}.journal-gallery-static{max-width:1080px}.journal-gallery-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 28px;padding:0;margin:0}.journal-gallery-grid>li{min-width:0}.journal-gallery-index{display:block;margin:0 0 10px;font:8px/1 monospace;letter-spacing:.07em;color:var(--muted)}.journal-gallery-grid .journal-media{margin:0}.journal-gallery-grid .journal-media figcaption{margin:12px 0 0}.journal-gallery-grid .journal-media button{cursor:zoom-in;aspect-ratio:1;overflow:hidden;background:#595d5f}.journal-gallery-grid .journal-media img{width:100%;height:100%;object-fit:cover}@media (max-width:1050px){.journal-heading{padding-top:72px}.journal-featured .journal-card-copy{gap:0 5vw}.journal-article-heading{padding-top:54px}}@media (max-width:700px){.journal-shell{padding-bottom:55px}.journal-heading{padding:52px 0 42px}.journal-heading .section-kicker{display:block;margin-bottom:32px;font-size:9px}.journal-heading .section-kicker>span+span{display:none}.journal-heading h1{font-size:clamp(51px, 13.8vw, 88px)}.journal-heading>p{font-size:14px;margin-top:24px;max-width:310px}.journal-card-link{grid-template-columns:1fr;gap:22px}.journal-card h2{font-size:31px;margin:16px 0}.journal-meta{font-size:10px;gap:8px 16px}.journal-card-copy>p{font-size:13px;line-height:1.75}.journal-featured .journal-card-copy{display:block;padding-top:22px}.journal-featured h2{font-size:36px;margin-top:18px}.journal-featured .journal-card-copy>p{margin-top:16px}.journal-featured .journal-read{margin-top:22px}.journal-posts .art-section-divider{margin:42px 0}.journal-article-heading{padding:36px 0 34px}.journal-back{margin-bottom:34px;font-size:11px}.journal-article-heading h1{font-size:clamp(37px, 10.2vw, 60px);margin:22px 0 24px;line-height:1.09}.journal-byline{align-items:flex-start;font-size:10px;gap:16px}.journal-byline>span{max-width:190px}.journal-byline button{font-size:10px;padding:0}.journal-prose{font-size:16px;line-height:1.85;margin-bottom:34px}.journal-prose p{margin-bottom:22px}.journal-prose h2{font-size:28px;margin:40px 0 22px;scroll-margin-top:136px}.journal-prose h3,.journal-prose h4{font-size:22px}.journal-prose blockquote{padding-left:18px;margin:28px 0}.journal-media{margin-bottom:34px}.journal-media figcaption{font-size:10px;line-height:1.7;margin-top:12px}.journal-hero{margin-bottom:40px}.journal-video{margin-bottom:38px}.journal-gallery{margin-bottom:38px}.journal-gallery-heading{align-items:flex-start;font-size:9px}.journal-gallery-heading>span{font-size:8px;max-width:150px}.journal-gallery-heading>div{gap:12px;flex-wrap:wrap;justify-content:flex-end}.journal-gallery-heading button{font-size:10px;padding:0}.journal-gallery-track{gap:14px}.journal-gallery-track>li{flex-basis:94%}.journal-gallery-grid{grid-template-columns:1fr;gap:32px}.wayfarer-logo{margin-bottom:42px;padding:5px 0 38px}.wayfarer-logo svg{width:88px;height:36px}.wayfarer-logo-word{font-size:14vw;margin-top:18px}.wayfarer-logo-meta{margin-top:18px;font-size:7px}.is-wayfarer .journal-hero img{max-height:none}.journal-card-wayfarer .journal-card-image,.journal-media-wide button{aspect-ratio:16/9}.journal-footer-note{margin-bottom:55px;padding-top:36px}.journal-footer-note>p{font-size:25px}.journal-next{padding-top:40px;margin-bottom:55px}.reading-progress{top:104px}.journal-page .work-menu{top:103px}}@media (prefers-reduced-motion:reduce){.journal-video-load img{transition:none}}
/* Nookvale Dev 1: preserve the portfolio typography, give the game plates room. */
.nookvale-brand{margin:12px auto 38px;width:240px;max-width:70%}.nookvale-brand img{display:block;width:100%;height:auto;filter:invert(1);mix-blend-mode:multiply}
[data-theme=dark] .nookvale-brand img{filter:none;mix-blend-mode:screen}
.is-nookvale .journal-gallery-grid .journal-media button{aspect-ratio:auto;background:none}
.is-nookvale .journal-gallery-grid .journal-media img{height:auto;object-fit:contain}
.is-nookvale .journal-gallery-static{max-width:1280px}
.is-nookvale .journal-hero{max-width:1440px}
.nookvale-study{max-width:1280px;margin:0 auto 64px}
.nookvale-study-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}
.nookvale-study-heading h3{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.06em;margin:0}
.nookvale-study-heading [role=group]{display:flex;border:1px solid var(--line);padding:3px;gap:3px}
.nookvale-study-heading [hidden]{display:none}
.nookvale-study-heading button{font-size:12px;padding:9px 18px;border:0;background:transparent;color:var(--muted)}
.nookvale-study-heading button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.nookvale-study [data-study-panel][hidden]{display:none}
.nookvale-study .journal-media{margin:0}.nookvale-study .journal-media figcaption{margin:10px 0 0;font:10px monospace;text-transform:uppercase;letter-spacing:.06em}
.nookvale-study-caption{max-width:680px;margin:18px auto 0;font-size:12px;line-height:1.7;color:var(--muted)}
.nookvale-icon-note{display:flex;gap:24px;align-items:center;margin:40px 0}.nookvale-icon-note img{width:110px;height:110px;border-radius:22%;flex:none}.nookvale-icon-note p{font-size:14px;color:var(--muted)}
@media(max-width:700px){.nookvale-brand{width:190px;margin-bottom:28px}.nookvale-study{margin-bottom:40px}.nookvale-study-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.nookvale-study-heading h3{font-size:10px}.nookvale-study-heading button{font-size:11px;padding:8px 14px}.nookvale-study-caption{font-size:11px}.nookvale-icon-note{gap:18px}.nookvale-icon-note img{width:80px;height:80px}.nookvale-icon-note p{font-size:12px}}
@media print{.nookvale-study [data-study-panel][hidden]{display:block}.nookvale-study [data-study-controls]{display:none}}

/* A small project signature on the article images, including enlarged views. */
.is-nookvale .journal-media button,.journal-card-nookvale .journal-card-image{position:relative;isolation:isolate}
.is-nookvale .journal-body .journal-media button[data-blog-image]::after,.journal-card-nookvale .journal-card-image::after,.nookvale-lightbox-frame::after{content:"";display:block;transform:none;position:absolute;right:2%;bottom:3%;width:clamp(48px,13%,140px);aspect-ratio:1974/797;background:url('/assets/blog/nookvale-dev-1/nookvale-logo.webp') center/contain no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 1px 2px #0009);opacity:.95;pointer-events:none;z-index:2}
#lightbox:has(.nookvale-lightbox-frame)[open]{display:grid;place-items:center}
.nookvale-lightbox-frame{position:relative;isolation:isolate;width:min(100%,calc((100dvh - 130px) * var(--image-ratio,2.1667)));aspect-ratio:var(--image-ratio,2.1667)}
.nookvale-lightbox-frame #lightbox-image{width:100%;height:100%;object-fit:contain}