:root{color-scheme:dark;--orange:#ff5a00;--muted:#a6a6a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f5f5f2;font-family:'Space Grotesk',sans-serif}::selection{background:var(--orange);color:#000}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.header{height:96px;border-bottom:1px solid #303030;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:48px;line-height:1;font-weight:700;letter-spacing:-.04em}.brand-mark span,.orange{color:var(--orange)}.brand-name{font:600 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.04em}.brand-name small{font:400 9px 'IBM Plex Mono',monospace;color:var(--muted)}.header-link,.jump,.section-label,.project-num,footer{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.04em}.header-link span{color:var(--orange);margin-left:20px;font-size:18px}.header-link:hover,.jump:hover{color:var(--orange)}.hero{min-height:520px;padding:100px 8% 85px;display:flex;justify-content:space-between;gap:30px;align-items:end}.hero h1,.section-top h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:-.025em;margin:0;line-height:.93}.hero h1{font-size:clamp(64px,8.4vw,126px)}.type-line{color:var(--orange);display:inline-block;min-height:1em}.cursor{display:inline-block;height:.72em;width:.075em;background:var(--orange);margin-left:.08em;vertical-align:0;animation:blink 1s steps(1) infinite}.hero p{color:#b4b4b4;font-size:15px;line-height:1.7;margin:30px 0 26px}.jump{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #777;padding:12px 0}.jump span{font-size:18px;color:var(--orange)}.hero-aside{display:flex;gap:18px;align-items:center;color:#999;font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em}.asterisk{color:var(--orange);font-size:70px;line-height:1}.projects{background:#f2f1ed;color:#111;padding:68px 8% 100px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-label{display:block;color:#626262;margin-bottom:20px}.section-top h2{font-size:clamp(52px,6.5vw,92px)}.section-top h2 span{color:var(--orange)}.section-top p{color:#666;font-size:13px;line-height:1.7;margin:0}.project-list{border-top:1px solid #999}.project{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid #bbb;padding:27px 0;transition:padding .2s,color .2s}.project:hover{color:#b43e00;padding-left:12px}.project-num{color:#666}.project-name{font-weight:600;font-size:clamp(21px,2.4vw,30px);letter-spacing:-.025em}.project-name small{display:block;color:#666;font-size:13px;font-weight:400;letter-spacing:0;margin-top:7px}.project-arrow{font-size:28px;color:#dc4d00}footer{min-height:100px;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aaa}footer span:first-child{color:#fff}footer b{color:var(--orange)}footer a:hover{color:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes blink{50%{opacity:0}}@media(max-width:700px){.header{height:78px;padding:0 6%}.brand-mark{font-size:42px}.hero{min-height:450px;padding:80px 6% 65px}.hero h1{font-size:clamp(54px,12vw,84px)}.hero-aside{display:none}.projects{padding:55px 6% 75px}.section-top{display:block}.section-top p{margin-top:20px}.project{grid-template-columns:1fr auto;gap:10px;padding:24px 0}.project-num{grid-column:1/-1}.project-name{font-size:22px}footer{padding:28px 6%;flex-wrap:wrap;font-size:10px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}.project{transition:none}}

.pixel-transition{background:#f2f1ed;overflow:hidden;line-height:0}.pixel-transition svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}.pixel-static{animation:pixel-static var(--static-duration) steps(1,end) infinite;animation-delay:var(--static-delay);animation-play-state:paused}.pixel-transition.is-active .pixel-static{animation-play-state:running}.page-hidden .pixel-static{animation-play-state:paused!important}@keyframes pixel-static{0%,100%{fill:var(--static-0)}25%{fill:var(--static-1)}50%{fill:var(--static-2)}75%{fill:var(--static-3)}}@media(prefers-reduced-motion:reduce){.pixel-static{animation:none!important}}

.site-header {
  height: 96px;
  padding-inline: 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 30px;
}

.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-block: 8px;
  white-space: nowrap;
}

@media (max-width: 1000px) {
  .site-nav {
    gap: 14px;
  }
}