.portfolio-v11,.project-detail-v11,.selected-work-v11{color:var(--ink);background:var(--paper)}.portfolio-heading{padding:150px var(--gutter) 0;position:relative}.portfolio-heading>.meta{color:var(--muted);margin-bottom:24px}.portfolio-heading h1{font-family:var(--body);letter-spacing:-.055em;font-size:clamp(68px,10vw,160px);font-weight:530;line-height:1.12}.portfolio-tabs{border-bottom:1px solid #102b4224;gap:32px;margin-top:40px;display:flex}.portfolio-tabs a{min-height:52px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:15px;display:flex}.portfolio-tabs a[aria-current=page]{color:var(--ink);border-color:var(--cobalt)}.portfolio-tabs a:hover{color:var(--cobalt)}.portfolio-games{padding:4px var(--gutter) 60px}.development-entry{border-bottom:1px solid #102b4224;grid-template-columns:28px minmax(0,1fr) 128px 28px;align-items:center;gap:24px;min-height:220px;padding:54px 0 50px;display:grid;position:relative}.development-number{color:var(--muted);font-variant-numeric:tabular-nums;align-self:start;margin-top:14px;font-size:12px}.development-copy :is(h2,h3){font-family:var(--body);letter-spacing:-.045em;text-wrap:balance;max-width:16ch;transition:color .22s var(--ease);font-size:clamp(42px,6.2vw,100px);font-weight:510;line-height:1.12}.development-copy>p{color:var(--muted);max-width:44ch;margin-top:19px;font-size:16px;line-height:1.7}.project-status{letter-spacing:.01em;color:var(--muted);white-space:nowrap;font-size:12px;line-height:1.7}.development-entry>.project-status{align-self:end;padding-bottom:5px}.development-entry>svg{width:24px;height:24px;transition:transform .24s var(--ease);color:var(--cobalt);align-self:end;margin-bottom:7px}.development-horizon{background:var(--cobalt);transform-origin:0;height:1px;transition:transform .42s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}:is(.development-entry:hover .development-horizon,.development-entry:focus-visible .development-horizon){transform:scaleX(1)}.development-entry:hover :is(h2,h3){color:var(--cobalt)}.development-entry:hover>svg{transform:translate(3px,-3px)}.portfolio-mods{padding:54px var(--gutter) 80px}.mod-feature{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:6%;display:grid}.mod-feature figure{background:#19201b;margin:0;overflow:hidden}.mod-feature img{object-fit:cover;width:100%;height:100%;transition:filter .4s var(--ease);display:block}.mod-feature:hover img{filter:brightness(1.055)}.project-category{letter-spacing:.07em;color:var(--muted);font-size:11px}.mod-feature-caption h2{font-family:var(--body);letter-spacing:-.04em;margin:24px 0;font-size:clamp(38px,4vw,66px);font-weight:520;line-height:1.07}.mod-feature-caption>p{color:var(--muted);max-width:30ch;font-size:16px;line-height:1.75}.mod-feature-action{min-height:44px;color:var(--cobalt);align-items:center;gap:24px;margin-top:33px;font-size:14px;display:flex}.mod-feature-action svg{width:20px;height:20px;transition:transform .24s var(--ease)}.mod-feature:hover .mod-feature-action svg{transform:translate(3px,-3px)}.portfolio-onward{margin:0 var(--gutter);border-top:1px solid #102b4224;justify-content:space-between;gap:24px;padding:27px 0 66px;display:flex}.portfolio-onward a,.project-detail-foot a{min-height:44px;color:var(--cobalt);align-items:center;gap:24px;font-size:14px;display:flex}.portfolio-onward svg,.project-detail-foot svg{width:19px;height:19px}.portfolio-empty{padding:70px var(--gutter);min-height:250px;color:var(--muted)}.selected-work-v11{padding:90px var(--gutter) 112px}.selected-work-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;display:flex}.selected-work-heading>h2{font-family:var(--body);letter-spacing:-.035em;font-size:clamp(39px,5.3vw,78px);font-weight:520;line-height:1.15}.selected-work-grid{grid-template-columns:1.12fr 1fr;align-items:start;gap:7%;display:grid}.selected-work-grid>.mod-feature{display:block}.selected-work-grid .mod-feature-caption h2{margin:19px 0 12px;font-size:clamp(33px,3.4vw,54px)}.selected-work-grid .project-category{margin-top:25px;display:block}.selected-work-grid .mod-feature-action{margin-top:15px}.selected-development>.meta{color:var(--muted);margin-bottom:22px;padding-top:2px}.is-compact .development-entry{grid-template-columns:20px minmax(0,1fr) 21px;gap:14px;min-height:148px;padding:26px 0}.is-compact .development-copy :is(h2,h3){letter-spacing:-.035em;max-width:16ch;font-size:clamp(28px,2.8vw,44px)}.is-compact .development-number{margin-top:7px;font-size:11px}.is-compact .project-status{grid-area:2/2;padding:0}.is-compact .development-entry>svg{grid-area:1/3/3;align-self:center}.project-detail-header{padding:140px var(--gutter) 62px;grid-template-columns:minmax(0,1fr) auto;gap:38px 24px;display:grid}.project-back{min-height:44px;color:var(--muted);align-items:center;gap:20px;font-size:14px;display:flex}.project-back>svg{width:18px;height:18px;transform:rotate(180deg)}.project-detail-header>.project-status{align-self:center}.project-detail-header h1{font-family:var(--body);letter-spacing:-.05em;text-wrap:balance;grid-column:1/-1;max-width:15ch;margin-top:13px;font-size:clamp(58px,10vw,160px);font-weight:520;line-height:1.05}.project-detail-deck{max-width:45ch;color:var(--muted);grid-column:1/-1;font-size:clamp(18px,1.8vw,25px);line-height:1.7}.project-detail-art{margin:0 var(--gutter) 54px;max-width:1600px}.project-detail-art img{width:100%;height:auto;display:block}.project-detail-art figcaption{color:var(--muted);padding-top:14px;font-size:11px}.project-development-space{background:linear-gradient(180deg,var(--paper),#e4f4ff);height:180px;position:relative;overflow:hidden}.project-development-space>span{background:#5ab9ff;height:1px;position:absolute;top:60%;left:0;right:0}.project-development-space>i{background:var(--cobalt);width:24%;height:1px;position:absolute;top:60%;left:30%}.project-detail-foot{margin:0 var(--gutter);border-top:1px solid #102b4224;justify-content:space-between;align-items:center;gap:24px;padding:26px 0 58px;display:flex}.project-detail-foot>p{letter-spacing:.055em;color:var(--muted);font-size:11px}:is(.portfolio-v11 a:focus-visible,.project-detail-v11 a:focus-visible,.selected-work-v11 a:focus-visible){outline:2px solid var(--cobalt);outline-offset:7px}@media (min-width:1800px){.portfolio-games,.portfolio-mods,.project-detail-header{max-width:1800px;margin-inline:auto}.selected-work-grid{gap:9%}}@media (max-width:1023px){.development-entry{grid-template-columns:22px minmax(0,1fr) 110px 22px;gap:18px}.mod-feature{grid-template-columns:1.4fr 1fr;gap:5%}.selected-work-grid{gap:6%}.is-compact .development-copy :is(h2,h3){font-size:30px}}@media (max-width:767px){.portfolio-heading{padding-top:116px}.portfolio-heading>.meta{margin-bottom:18px}.portfolio-tabs{margin-top:29px}.development-entry{grid-template-columns:18px minmax(0,1fr) 20px;gap:14px;min-height:210px;padding:38px 0 32px}.development-copy :is(h2,h3){max-width:15ch;font-size:clamp(37px,9.6vw,62px)}.development-copy>p{margin-top:16px;font-size:15px}.development-entry>.project-status{grid-area:2/2;padding:0}.development-entry>svg{grid-area:1/3/3;align-self:center}.development-number{margin-top:7px}.portfolio-mods{padding-top:32px;padding-bottom:51px}.mod-feature{display:block}.mod-feature-caption{margin-top:25px}.mod-feature-caption h2{margin:17px 0;font-size:42px}.mod-feature-action{margin-top:18px}.selected-work-v11{padding-top:60px;padding-bottom:68px}.selected-work-heading{margin-bottom:30px;display:block}.selected-work-heading>.line-action{margin-top:17px}.selected-work-grid{display:block}.selected-development{margin-top:50px}.is-compact .development-entry{min-height:130px;padding:25px 0}.is-compact .development-copy :is(h2,h3){font-size:34px}.selected-development>.meta{margin-bottom:5px}.project-detail-header{gap:28px 12px;padding-top:112px;padding-bottom:40px}.project-detail-header h1{max-width:13ch;font-size:clamp(50px,12.4vw,83px)}.project-detail-deck{font-size:18px}.project-development-space{height:135px}.project-detail-foot{flex-direction:column;align-items:start;gap:14px;padding-bottom:42px}.project-detail-art{margin-bottom:35px}}@media (prefers-reduced-motion:reduce){.portfolio-v11 *,.project-detail-v11 *,.selected-work-v11 *{transition:none!important}}.project-teasers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.project-teasers:has(>figure:only-child){grid-template-columns:1fr}.project-teasers figure{background:#d9e5ec;height:122px;margin:0;overflow:hidden}.project-teasers img{object-fit:cover;width:100%;height:100%;transition:filter .26s var(--ease);display:block}.development-entry>.project-teasers{grid-area:2/2/auto/-2;width:min(100%,860px);margin-top:6px}.development-entry>.project-status{grid-area:1/3;align-self:center}.development-entry>svg{grid-area:1/4;align-self:center;margin:0}.development-entry:hover .project-teasers img{filter:brightness(1.06)}.mod-feature>.project-teasers{grid-template-columns:1fr;gap:12px;max-width:680px}.mod-feature>.project-teasers figure{height:132px}.selected-work-grid .mod-feature>.project-teasers{max-width:100%}.selected-work-grid .mod-feature>.project-teasers figure{height:118px}.is-compact .development-entry{gap:10px 14px;min-height:196px}.is-compact .development-entry>.project-status{grid-area:2/2;align-self:start}.is-compact .development-entry>svg{grid-area:1/3/3}.is-compact .development-entry>.project-teasers{grid-area:3/2;width:100%;margin-top:4px}.is-compact .project-teasers figure{height:64px}.project-detail-previews{padding:0 var(--gutter) 90px;max-width:1350px;margin-inline:auto}.project-detail-previews .project-teasers{gap:18px}.project-detail-previews .project-teasers figure{height:clamp(130px,16vw,205px)}@media (max-width:767px){.development-entry>.project-status{grid-area:2/2}.development-entry>svg{grid-area:1/3/3}.development-entry>.project-teasers{grid-area:3/2;gap:7px;margin-top:5px}.project-teasers figure{height:76px}.mod-feature>.project-teasers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mod-feature>.project-teasers figure,.selected-work-grid .mod-feature>.project-teasers figure{height:96px}.is-compact .development-entry{min-height:190px}.is-compact .project-teasers figure{height:66px}.project-detail-previews{padding-bottom:64px}.project-detail-previews .project-teasers{gap:9px}.project-detail-previews .project-teasers figure{height:100px}}
