/* johnwantz site enhancements — extracted from page inlines for cache + one download */
:root{--display:"Space Mono","SFMono-Regular",Consolas,monospace;--title:"Fraunces",Georgia,serif;--body:"Noto Serif",Georgia,serif}body{font-family:var(--body)}.site-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(14px,3vw,34px);border-bottom:1px solid var(--line);background:rgba(7,8,8,.84);backdrop-filter:blur(18px)}.brand{text-decoration:none;font-weight:700;letter-spacing:-.02em;color:var(--accent);font-size:clamp(18px,2vw,26px);line-height:1}nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}nav a{font-size:12px;letter-spacing:.08em}.contact-link{color:var(--accent)}.github-icon{display:inline-grid;place-items:center;width:18px;height:18px}.github-icon svg{display:block;width:16px;height:16px}.filter-rail{top:55px;display:flex;justify-content:center;grid-template-columns:none}.streammark span{display:inline-block;background:linear-gradient(100deg,var(--accent) 0%,var(--accent) 38%,#fff 48%,var(--accent) 58%,var(--accent) 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:thinking-sweep 2.8s linear infinite;text-shadow:none}.streammark span::after{display:none}.filter{letter-spacing:.04em}.image-card{border:1px solid transparent}.image-card.content-archive{border:2px solid rgba(255,255,255,.86)}.image-card.content-ai{border:1px dashed var(--accent)}.image-card.content-hybrid{border:1px solid var(--accent)}.category-badge,.provenance-chip{position:absolute;z-index:2;top:10px;border:1px solid rgba(211,228,241,.26);background:rgba(0,0,0,.54);backdrop-filter:blur(10px);padding:5px 7px;font-family:var(--display);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.category-badge{left:10px}.provenance-chip{right:10px;color:#fff}.image-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(transparent,rgba(0,0,0,.24));pointer-events:none}.image-card:hover img,.image-card:focus-visible img{opacity:.32}.image-card img{transition:opacity .22s ease}.card-overlay{top:auto;padding:48px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72) 24%,rgba(0,0,0,.96));max-height:78%;overflow:hidden}.card-overlay span{font-size:10px;line-height:1.25}.card-overlay h2{font-size:clamp(16px,1.55vw,23px);line-height:.98;margin-top:6px;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-overlay p{margin:8px 0 0;color:#e7edf1;font-size:12px;line-height:1.28;max-width:42ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-overlay small{display:block;margin-top:9px;color:var(--accent);font-family:var(--display);font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.08em}.image-card h2,.card h3{font-family:var(--title);letter-spacing:-.04em}.post{max-width:1120px;padding:32px 0 64px}.post-hero{position:relative;isolation:isolate;display:grid;align-content:end;gap:18px;min-height:clamp(520px,72vh,820px);padding:clamp(28px,6vw,72px);border:1px solid var(--line);background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.88)),linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.28)),var(--hero-image);background-size:cover,cover,contain;background-position:center,center,center;background-repeat:no-repeat;background-color:#101010}.post h1{font-family:var(--title);font-size:clamp(46px,7vw,92px);line-height:.92;margin:0;max-width:980px;text-shadow:0 2px 22px rgba(0,0,0,.75)}.post .dek{max-width:760px;color:#d2d8dd;text-shadow:0 1px 14px rgba(0,0,0,.8)}.post-kicker{letter-spacing:.08em}.post-kicker span{border-color:rgba(211,228,241,.35);background:rgba(0,0,0,.36);backdrop-filter:blur(8px)}.provenance{max-width:760px;font-family:var(--display);font-size:12px;letter-spacing:.06em}.provenance-card{max-width:760px;margin:28px auto 0;border:1px solid var(--line);background:linear-gradient(135deg,rgba(211,228,241,.08),transparent),rgba(255,255,255,.025);padding:18px 20px}.provenance-card h2{font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;color:var(--accent)}.provenance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.provenance-grid span{display:block;color:var(--muted);font-family:var(--display);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.provenance-grid strong{display:block;margin-top:4px;font-family:var(--display);font-size:18px;color:#fff}.body{margin-top:42px;line-height:1.78}.post-figure{display:none}.sources article{border-top:1px solid var(--line);padding:14px 0}.sources p{margin:6px 0 0;color:var(--muted);line-height:1.45}.sources small{display:block;margin-top:6px;color:var(--accent);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em}.content-archive .provenance-card{display:none}@keyframes thinking-sweep{0%{background-position:160% 50%}100%{background-position:-80% 50%}}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.filter-rail{top:104px;justify-content:flex-start}.post{padding-top:16px}.post-hero{min-height:520px;padding:26px}.provenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wall-hidden{display:none}.scroll-sentinel{height:1px}.back-to-top-cat{position:fixed;left:50%;bottom:28px;z-index:40;transform:translate(-50%,24px);opacity:0;pointer-events:none;border:1px solid rgba(211,228,241,.36);background:rgba(7,8,8,.78);color:var(--accent);font-family:var(--display);letter-spacing:.08em;border-radius:999px;padding:10px 16px;backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.38);transition:opacity .2s ease,transform .2s ease}.back-to-top-cat.visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.image-frame{position:relative}.image-frame .image-fallback{display:none;position:absolute;inset:0}.is-broken .image-frame img{display:none}.is-broken .image-frame .image-fallback{display:grid}.work-head,.editorial-head{max-width:1120px;margin:0 auto;padding:72px clamp(18px,4vw,52px) 32px}.work-head h1,.editorial-head h1{font-family:var(--title);font-size:clamp(42px,7vw,86px);max-width:1000px}.work-tabs{display:flex;gap:10px;margin-top:24px}.work-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);border-radius:999px;padding:10px 14px;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.work-tabs button.active{background:var(--accent);color:#071010;border-color:var(--accent)}.work-panel:not(.active){display:none!important}.work-panel.active{display:grid}.portfolio-projects{gap:0;border-top:1px solid var(--line)}.portfolio-project{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(260px,.95fr);gap:0;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(211,228,241,.035),transparent)}.portfolio-media{display:grid;place-items:center;min-height:360px;background:#0d0f0f;border-right:1px solid var(--line)}.portfolio-media img{display:block;width:100%;height:100%;max-height:620px;object-fit:contain;background:#111}.portfolio-copy{align-self:center;padding:clamp(24px,5vw,56px)}.portfolio-copy h2{font-family:var(--title);font-size:clamp(34px,4.5vw,62px);line-height:.94;margin:8px 0 18px;letter-spacing:-.04em}.portfolio-copy p:not(.eyebrow){color:#d7dce0;font-size:18px;line-height:1.65}.text-link{display:inline-block;margin-top:10px;color:var(--accent);font-family:var(--display);font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}.portfolio-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);background:#080909}.portfolio-gallery img{width:100%;height:220px;object-fit:contain;border-right:1px solid var(--line);background:#101010}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:42px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-gallery figure{margin:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#101010}.project-gallery img{display:block;width:100%;height:auto;object-fit:contain}.editorial-list{max-width:1040px;margin:0 auto 72px;padding:0 clamp(18px,4vw,52px);display:grid;gap:14px}.editorial-link{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:14px}.editorial-thumb{display:block;background:#101010}.editorial-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.editorial-link h2,.code-card h2{font-family:var(--title);font-size:clamp(26px,3vw,42px);line-height:1;margin:4px 0 8px}.editorial-link h2 a,.code-card h2 a{text-decoration:none}.editorial-link p:not(.eyebrow),.code-card p{color:var(--muted);line-height:1.55;margin:0}.code-grid{max-width:1120px;margin:0 auto 72px;padding:0 clamp(18px,4vw,52px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.code-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(211,228,241,.06),transparent),rgba(255,255,255,.025);padding:18px;min-height:230px}.code-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.code-tags span{border:1px solid var(--line);color:var(--accent);font-family:var(--display);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 6px}.code-hero{background-image:linear-gradient(135deg,rgba(211,228,241,.12),transparent 42%),radial-gradient(circle at 74% 18%,rgba(211,228,241,.18),transparent 24%),linear-gradient(180deg,#101313,#050606)}.compact-code{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0}.portfolio-wall.work-panel.active{display:block}@media(max-width:900px){.portfolio-project,.editorial-link{grid-template-columns:1fr}.portfolio-media{border-right:0;border-bottom:1px solid var(--line)}.portfolio-gallery,.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-gallery img{height:180px}.code-grid,.compact-code{grid-template-columns:1fr}.work-tabs{overflow:auto}}

:root{--line:rgba(211,228,241,.12);--mx:50vw;--my:18vh;--header-h:50px}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(211,228,241,.10),transparent 22rem);opacity:.55;transition:opacity .25s ease}body>*{position:relative}body{top:0!important}.site-header{position:sticky!important;top:0!important;z-index:50!important}.filter-rail{position:sticky!important;top:var(--header-h)!important;z-index:45!important;background:rgba(7,8,8,.94)!important;border-top:1px solid rgba(211,228,241,.1);box-shadow:0 10px 35px rgba(0,0,0,.28)}.wall-main{overflow:visible}.translate-toggle,.back-link{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em}.translate-toggle{border:1px solid rgba(211,228,241,.22);background:rgba(255,255,255,.025);color:var(--accent);border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px}.translate-toggle[aria-pressed="true"]{background:var(--accent);color:#071010}.back-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--accent);text-decoration:none;font-size:12px}.back-link:hover{color:#fff}.image-wall{column-gap:0;background:#050606}.image-card,.image-card.content-archive,.image-card.content-ai,.image-card.content-hybrid{aspect-ratio:16/10;border:0!important;outline:1px solid rgba(211,228,241,.08);outline-offset:-1px;min-height:unset!important;transform:translateY(0);transition:transform .28s ease,filter .28s ease,opacity .36s ease,box-shadow .28s ease}.image-card:nth-child(5n+2){aspect-ratio:21/10}.image-card:nth-child(7n+3){aspect-ratio:4/3}.image-card:nth-child(9n+4){aspect-ratio:3/2}.image-frame{height:100%;overflow:hidden;display:grid;place-items:center;background:#050606}.image-card img{width:100%;height:100%!important;max-height:none!important;object-fit:contain;transform:none;transition:opacity .22s ease,filter .22s ease}.image-card:hover,.image-card:focus-visible{transform:translateY(-3px);z-index:5;box-shadow:0 18px 70px rgba(0,0,0,.42)}.image-card:hover img,.image-card:focus-visible img{opacity:.9;filter:saturate(1.08) contrast(1.04)}.image-card.reveal-pending{opacity:0;transform:translateY(18px)}.image-card.revealed{opacity:1;transform:translateY(0)}.category-badge,.provenance-chip{border-color:rgba(211,228,241,.18);background:rgba(0,0,0,.46)}.card-overlay{top:auto;bottom:0;max-height:none;padding:42px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.74) 42%,rgba(0,0,0,.92));opacity:0;transform:translateY(10px)}.card-overlay h2{font-family:var(--display);font-size:clamp(13px,1.15vw,18px);line-height:1.04;-webkit-line-clamp:2;margin-top:4px}.card-overlay p{display:none}.card-overlay small{margin-top:6px}.post-hero,.code-hero{min-height:auto!important;padding:clamp(26px,5vw,58px)!important;background:linear-gradient(135deg,rgba(211,228,241,.07),transparent 46%),#050606!important;border-color:rgba(211,228,241,.16)!important}.post-hero-media{margin:16px 0 0;border:1px solid rgba(211,228,241,.14);background:#050606}.post-hero-media img{display:block;width:100%;max-height:min(62vh,620px);object-fit:contain}.post h1{text-shadow:none!important}.post .dek{text-shadow:none!important}.portfolio-detail .post-hero{margin-bottom:0}.project-video{position:relative;aspect-ratio:16/9;margin:0;background:#050606;border:1px solid rgba(211,228,241,.12);border-top:0}.project-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.project-gallery{margin-top:0;grid-template-columns:1fr;border-color:rgba(211,228,241,.1);border-left:0}.project-gallery figure{display:grid;place-items:center;min-height:72vh;border-color:rgba(211,228,241,.1)}.project-gallery img{width:100%;height:100%;max-height:92vh;object-fit:contain}.portfolio-project{border-bottom-color:rgba(211,228,241,.1)}.portfolio-media{border-right-color:rgba(211,228,241,.1)}.portfolio-gallery{border-top-color:rgba(211,228,241,.1)}.portfolio-gallery img{border-right-color:rgba(211,228,241,.1)}.filter,.work-tabs button,.github-icon,.contact-link,.translate-toggle{transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.filter:hover,.work-tabs button:hover,.github-icon:hover,.contact-link:hover,.translate-toggle:hover{transform:translateY(-1px)}.site-header{transition:padding .2s ease,background .2s ease}.site-header.is-tight{padding-top:9px;padding-bottom:9px;background:rgba(7,8,8,.92)}footer a{color:var(--accent);text-decoration:none}@media(max-width:900px){:root{--header-h:94px}.image-card,.image-card:nth-child(n){aspect-ratio:4/3}.project-gallery figure{min-height:42vh}.post-hero-media img{max-height:52vh}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.image-card:hover img{transform:none}}

/* Perf: skip layout for offscreen wall cards when supported */
.image-card{content-visibility:auto;contain-intrinsic-size:280px 180px}
.portfolio-project{content-visibility:auto;contain-intrinsic-size:400px 360px}