.portfolio,.project-dialog{--project-ember:#f27903;--project-ember-dark:#522017;--project-ember-light:#ffa559;--project-butter:#f4eac5;--project-navy:#213c5b;--project-hairraiser-blue:#9bb2e1;--project-water:#173faa;--project-water-light:#a0caff}.portfolio{padding-top:130px;padding-bottom:130px}.portfolio-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px;display:flex}.portfolio-heading h2{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:-.035em;margin-top:25px;font-size:clamp(50px,6.4vw,92px);font-weight:700;line-height:.93}.portfolio-heading h2>span{color:var(--clr-muted)}.portfolio-heading-aside{max-width:380px;padding-bottom:3px}.portfolio-heading-aside>p{color:var(--clr-muted);font-size:17px;line-height:1.6}.portfolio-filters{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.portfolio-filters button{font:11px var(--font-jetbrains), monospace;border:1px solid var(--clr-surface2);color:var(--clr-muted);cursor:pointer;background:0 0;border-radius:3px;padding:11px 17px;transition:background .2s,color .2s,border-color .2s}.portfolio-filters button[aria-pressed=true]{background:var(--clr-ink);border-color:var(--clr-ink);color:var(--clr-bg)}.portfolio-filters button:hover{border-color:var(--clr-ink);color:var(--clr-ink)}.portfolio-filters button[aria-pressed=true]:hover{color:var(--clr-bg)}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 24px;display:grid}.project-card{width:100%;color:var(--clr-ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.project-card:focus-visible{outline:2px solid var(--clr-accent);outline-offset:7px}.project-art-frame{aspect-ratio:1.49;border-radius:4px;position:relative;overflow:hidden}.project-art{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.project-art-corner,.project-art-footnote{font:9px var(--font-jetbrains), monospace;letter-spacing:.08em;z-index:3;position:absolute}.project-art-corner{top:27px;left:27px}.project-art-footnote{bottom:25px;left:27px}.project-open-icon{z-index:4;background:var(--clr-ink);width:42px;height:42px;color:var(--clr-bg);border-radius:50%;place-items:center;font-size:26px;transition:transform .25s,background .25s;display:grid;position:absolute;bottom:19px;right:19px}.project-card:hover .project-open-icon{background:var(--clr-accent);transform:rotate(45deg)}.project-card-info{justify-content:space-between;align-items:baseline;gap:12px;padding-top:22px;display:flex}.project-card-name{align-items:baseline;gap:13px;font-size:28px;font-weight:600;line-height:1.2;display:flex}.project-number{font:10px var(--font-jetbrains), monospace;color:var(--clr-muted)}.project-card-discipline{color:var(--clr-muted);font:9px var(--font-jetbrains), monospace;text-transform:uppercase;letter-spacing:.04em;text-align:right}.project-card-bottom{color:var(--clr-muted);justify-content:space-between;gap:12px;margin-top:11px;font-size:15px;line-height:1.5;display:flex}.project-card-status{white-space:nowrap;font:9px/1.8 var(--font-jetbrains), monospace}.project-art--embersave{background:radial-gradient(ellipse at 50% 28%, var(--project-ember-light), var(--project-ember) 50%, var(--project-ember-dark) 115%);color:var(--project-ember-dark)}.ember-mark{width:36%;height:auto;filter:drop-shadow(0 25px 23px color-mix(in srgb, var(--project-ember-dark) 30%, transparent));z-index:2;transition:transform .6s;position:absolute;top:12%;left:32%}.ember-lockup{z-index:2;width:50%;height:auto;position:absolute;bottom:18%;left:25%}.ember-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--project-ember-dark) 19%, transparent);border-radius:50%;width:85%;position:absolute;top:-15%;left:7.5%}.ember-orbit--two{transform:scale(.76)}.ember-orbit--three{transform:scale(1.26)}.ember-spark{background:var(--project-ember-light);width:11px;height:11px;position:absolute;transform:rotate(-15deg)}.ember-spark--one{top:31%;left:20%}.ember-spark--two{width:7px;height:7px;bottom:30%;right:19%}.project-card:hover .ember-mark{transform:translateY(-8px)rotate(-3deg)}.project-art--specter{background:var(--project-ember-dark);color:var(--clr-ink)}.specter-capture{object-fit:cover;transition:transform .8s}.specter-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--clr-bg) 28%, transparent), transparent 45%, color-mix(in srgb, var(--clr-bg) 72%, transparent));position:absolute;inset:0}.specter-title{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:-.035em;font-size:clamp(50px,6.5vw,96px);font-weight:700;line-height:.86;position:absolute;bottom:66px;left:26px}.specter-title span{color:var(--clr-accent);letter-spacing:.02em;margin-top:10px;font-size:.53em;display:block}.specter-crosshair{border:1px solid color-mix(in srgb, var(--clr-ink) 55%, transparent);border-radius:50%;width:50px;height:50px;position:absolute;top:40%;right:25%}.specter-crosshair:before,.specter-crosshair:after{content:"";background:var(--clr-ink);opacity:.7;position:absolute}.specter-crosshair:before{width:70px;height:1px;top:24px;left:-11px}.specter-crosshair:after{width:1px;height:70px;top:-11px;left:24px}.project-card:hover .specter-capture{transform:scale(1.055)}.project-art--hairraiser{background:var(--project-butter);color:var(--project-navy)}.hairraiser-orbit{aspect-ratio:1;background:var(--project-hairraiser-blue);border-radius:50%;width:95%;position:absolute;top:-24%;right:-31%}.hairraiser-photo{border-radius:130px 130px 5px 5px;width:39%;height:71%;transition:transform .5s;position:absolute;top:15%;right:10%;overflow:hidden;transform:rotate(9deg)}.hairraiser-photo img{object-fit:cover}.hairraiser-wordmark{width:56%;height:auto;position:absolute;top:37%;left:-1%;transform:rotate(-8deg)}.hairraiser-star{color:var(--project-navy);font-size:clamp(48px,8vw,114px);line-height:1;position:absolute;top:17%;left:27%;transform:rotate(-8deg)}.project-card:hover .hairraiser-photo{transform:rotate(4deg)translateY(-5px)}.project-art--openwater{color:var(--project-water-light);background:var(--project-water)}.openwater-contours{width:100%;height:100%;stroke:var(--project-water-light);stroke-width:.8px;opacity:.27;position:absolute;inset:0}.openwater-wordmark{letter-spacing:-.08em;color:var(--clr-ink);font-size:clamp(45px,6.5vw,88px);font-weight:500;line-height:1;position:absolute;top:40%;left:10%}.openwater-wordmark>span{font:9px var(--font-jetbrains), monospace;letter-spacing:.13em;color:var(--project-water-light);margin-top:20px;margin-left:4px;display:block}.openwater-pin{border:2px solid var(--clr-accent);border-radius:50% 50% 50% 0;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:20%;right:22%;transform:rotate(-45deg)}.openwater-pin>span{background:var(--clr-accent);border-radius:50%;width:8px;height:8px}.openwater-ripple{border:1px solid var(--project-water-light);opacity:.5;border-radius:50%;width:110px;height:32px;transition:transform .6s;position:absolute;bottom:18%;right:14%}.openwater-ripple--two{transform:scale(.6)}.project-card:hover .openwater-ripple--one{transform:scale(1.25)}.project-card:hover .openwater-ripple--two{transform:scale(.8)}.project-dialog{border:1px solid var(--clr-surface2);width:min(1020px,100vw - 40px);max-height:calc(100dvh - 50px);color:var(--clr-ink);background:var(--clr-surface);overscroll-behavior:contain;border-radius:6px;margin:auto;padding:0;overflow:auto}.project-dialog::backdrop{background:color-mix(in srgb, var(--clr-bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-dialog-inner{grid-template-columns:.85fr 1fr;display:grid;position:relative}.project-dialog-art{height:100%;min-height:550px;position:sticky;top:0}.project-dialog-art .project-art{min-height:100%}.project-dialog-art .ember-mark{top:26%}.project-dialog-art .ember-lockup{bottom:30%}.project-dialog-art .specter-title{font-size:72px}.project-dialog-art .hairraiser-wordmark{width:78%;top:32%;left:5%}.project-dialog-art .hairraiser-photo{width:60%;height:40%;top:47%}.project-dialog-art .hairraiser-star{top:17%}.project-dialog-art .openwater-wordmark{font-size:58px}.project-dialog-content{padding:50px 38px 40px}.project-dialog-content h2{font-family:var(--font-barlow-condensed), sans-serif;text-transform:uppercase;margin:22px 0 9px;font-size:58px;font-weight:700;line-height:1}.project-dialog-headline{color:var(--clr-accent);margin-bottom:18px;font-size:19px}.project-dialog-story{color:var(--clr-muted);font-size:17px;line-height:1.6}.project-dialog-content h3{font:10px var(--font-jetbrains), monospace;text-transform:uppercase;letter-spacing:.1em;margin:30px 0 15px}.project-feature-list{padding:0;list-style:none}.project-feature-list li{border-bottom:1px solid var(--clr-surface2);padding:9px 0 9px 17px;font-size:15px;line-height:1.5;position:relative}.project-feature-list li:before{content:"+";color:var(--clr-accent);position:absolute;left:0}.project-status-note{padding-top:25px}.project-status{font:10px var(--font-jetbrains), monospace;color:var(--clr-ink)}.project-status:before{content:"";background:var(--clr-accent);vertical-align:2px;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.project-status-note p{color:var(--clr-muted);margin-top:10px;font-size:13px;line-height:1.55}.project-external-link{background:var(--clr-accent);color:var(--clr-bg);border-radius:2px;justify-content:space-between;align-items:center;margin-top:28px;padding:15px 18px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.project-external-link>span[aria-hidden]{font-size:24px}.project-external-link:hover{background:var(--clr-ink)}.project-dialog-close{z-index:5;width:34px;height:34px;font:27px/1 var(--font-barlow), sans-serif;background:var(--clr-ink);color:var(--clr-bg);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.project-dialog-close:focus-visible,.project-external-link:focus-visible,.portfolio-filters button:focus-visible{outline:2px solid var(--clr-accent);outline-offset:4px}.portfolio-systems{margin-top:65px}.portfolio-systems-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.portfolio-systems-heading>p:last-child{color:var(--clr-muted);font-size:15px}.portfolio-system-list{border-top:1px solid var(--clr-surface2)}.system-project{border:0;border-bottom:1px solid var(--clr-surface2);width:100%;color:var(--clr-ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:25px;padding:22px 8px 22px 0;display:flex}.system-project-art{border-radius:3px;flex-shrink:0;width:91px;height:74px;overflow:hidden}.system-project-copy{flex-direction:column;flex:1;gap:7px;display:flex}.system-project-name{font-size:24px;font-weight:500}.system-project-summary{color:var(--clr-muted);font-size:15px}.system-project-discipline{font:10px var(--font-jetbrains), monospace;text-transform:uppercase;color:var(--clr-muted)}.system-project-arrow{text-align:right;width:48px;color:var(--clr-muted);font-size:26px;transition:color .2s,transform .2s}.system-project:hover .system-project-name,.system-project:hover .system-project-arrow{color:var(--clr-accent)}.system-project:hover .system-project-arrow{transform:translate(2px,-2px)}.system-project:focus-visible{outline:2px solid var(--clr-accent);outline-offset:4px}.system-art{--system-color:var(--clr-accent);width:100%;height:100%;min-height:inherit;background:color-mix(in srgb, var(--system-color) 7%, var(--clr-bg));color:var(--system-color);place-items:center;display:grid;position:relative;overflow:hidden}.system-art--openwrt{--system-color:var(--clr-blue)}.system-art--homelab{--system-color:var(--clr-orange)}.system-art-grid{background-image:linear-gradient(color-mix(in srgb, var(--system-color) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--system-color) 10%, transparent) 1px, transparent 1px);opacity:.6;background-size:28px 28px;position:absolute;inset:0}.system-art-icon{stroke:currentColor;stroke-width:1.4px;width:74%;max-width:240px;position:relative}.system-art-detail{opacity:.5}.system-art-word{display:none}.project-dialog-art .system-art{min-height:550px}.project-dialog-art .system-art-word{text-align:center;font:600 60px var(--font-barlow-condensed), sans-serif;letter-spacing:-.02em;display:block;position:absolute;bottom:18%;left:0;right:0}@media (max-width:1000px){.portfolio-heading{align-items:flex-start}.portfolio-heading-aside{max-width:300px;padding-top:40px}.project-card-info{align-items:flex-start}.project-card-discipline{max-width:110px;line-height:1.6}.project-card-bottom{flex-direction:column;gap:6px}.project-dialog-inner{grid-template-columns:.72fr 1fr}.project-dialog-content{padding:48px 26px 30px}.project-dialog-art .openwater-wordmark{font-size:44px}.project-dialog-art .project-art-corner{font-size:8px;left:18px}}@media (max-width:700px){.portfolio{padding-top:80px;padding-bottom:80px}.portfolio-heading{flex-direction:column;gap:24px;margin-bottom:28px}.portfolio-heading h2{font-size:clamp(45px,10vw,68px)}.portfolio-heading-aside{max-width:none;padding-top:0}.portfolio-heading-aside>p{font-size:16px}.portfolio-filters{margin-top:20px}.portfolio-filters button{padding:10px 14px}.portfolio-grid{grid-template-columns:1fr;gap:32px}.project-card-info{padding-top:17px}.project-card-name{font-size:26px}.project-card-bottom{flex-direction:row;font-size:14px}.project-card-status{font-size:8px}.project-art-corner{font-size:8px;top:19px;left:20px}.project-art-footnote{font-size:8px;bottom:21px;left:20px}.specter-title{font-size:68px;left:20px}.hairraiser-star{font-size:78px}.openwater-wordmark{font-size:clamp(46px,12vw,79px);top:34%}.openwater-wordmark>span{margin-top:14px}.project-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.project-dialog-inner{display:block}.project-dialog-art{aspect-ratio:1.8;height:auto;min-height:0;position:relative}.project-dialog-art .project-art{height:100%}.project-dialog-content{padding:30px 24px}.project-dialog-content h2{margin-top:17px;font-size:48px}.project-dialog-art .ember-mark{width:30%;top:5%;left:35%}.project-dialog-art .ember-lockup{width:42%;bottom:16%;left:29%}.project-dialog-art .specter-title{font-size:56px}.project-dialog-art .hairraiser-photo{width:40%;height:70%;top:15%}.project-dialog-art .hairraiser-wordmark{width:56%;top:34%;left:-1%}.project-dialog-art .openwater-wordmark{font-size:53px;top:37%}.project-dialog-art .project-art-corner,.project-dialog-art .project-art-footnote{font-size:7px}.portfolio-systems{margin-top:42px}.portfolio-systems-heading{flex-direction:column;align-items:flex-start;gap:9px}.system-project{gap:16px;padding:19px 0}.system-project-art{width:66px;height:66px}.system-project-name{font-size:21px}.system-project-summary{font-size:13px;line-height:1.5}.system-project-discipline{display:none}.system-project-arrow{flex-shrink:0;width:23px}.project-dialog-art .system-art{min-height:0}.project-dialog-art .system-art-icon{width:28%;position:absolute;left:15%}.project-dialog-art .system-art-word{font-size:46px;top:40%;bottom:auto;left:43%}}@media (max-width:380px){.project-card-bottom{flex-direction:column}.project-card-discipline{max-width:95px;font-size:8px}}@media (prefers-reduced-motion:reduce){.project-card *,.portfolio-filters button{transition:none!important}}