*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:2rem}body{margin:0;background:#111213;color:#ececea;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:#e8b78e}a:focus-visible{outline:3px solid #e8b78e;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}header{min-height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343536}nav{display:flex;gap:30px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.wordmark{font-size:19px;font-weight:800;letter-spacing:.16em;text-decoration:none}.wordmark span{color:#cf9b73}.skip{position:absolute;left:20px;top:-100px;background:#eee;color:#111;padding:10px;z-index:9}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:76px 0 86px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:#bbab9d;margin:0 0 24px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(42px,4.6vw,66px);font-weight:600}.intro{font-size:18px;max-width:390px;color:#b7b8b8;margin:28px 0 32px}.button{display:inline-flex;gap:42px;align-items:center;border:1px solid #68605a;padding:13px 20px;text-decoration:none;font-size:14px}.logo{margin:0;box-shadow:0 24px 65px #0005}.logo img{display:block;width:100%;height:auto}.projects{padding:56px 0 72px;border-top:1px solid #343536}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px}h2{font-size:32px;font-weight:500}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}article{padding:32px;border:1px solid #3b3c3d;background:linear-gradient(120deg,#202122,#171819)}.tag{font-size:10px;letter-spacing:.16em;color:#c1b4a8;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 34px}.status{letter-spacing:0;border:1px solid #655044;color:#e3b798;padding:3px 8px}h3{font-size:32px;font-weight:500}article>p:not(.tag){color:#b7b8b8;font-size:15px;margin:18px 0 32px}.text-link,.coming{font-size:14px}.text-link{display:flex;justify-content:space-between}.coming{color:#a7a8a8}.contact{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #343536;padding:60px 0 70px}.contact>a{font-size:clamp(18px,2.5vw,30px);text-decoration:none;border-bottom:1px solid #796454;padding-bottom:8px}.contact .eyebrow{margin-bottom:18px}footer{border-top:1px solid #343536;padding:26px 0 34px;display:flex;justify-content:space-between;gap:24px;color:#aaa;font-size:12px}footer nav a{font-size:12px}.legal{max-width:780px;padding:70px 0 80px}.legal h1{margin-bottom:36px}.legal h2{font-size:25px;margin-top:38px}.legal p{color:#c4c5c5;overflow-wrap:anywhere}.notice{background:#29221d;border-left:3px solid #c79672;padding:18px 22px;color:#e4c3a8}.notice strong{display:block}.legal .missing{color:#efbd94}main:focus{outline:none}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{min-height:86px;gap:20px}nav{gap:20px}.wordmark{font-size:15px}.hero{grid-template-columns:1fr;gap:40px;padding:48px 0}.logo{width:min(100%,440px);justify-self:center}.hero h1{font-size:clamp(39px,9vw,62px)}.intro{max-width:500px}.section-head{display:block}.section-head .eyebrow{margin-bottom:18px}.project-grid{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}footer{flex-direction:column}.legal{padding-top:48px}h2{font-size:29px}article{padding:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){article,.button,.notice{border:1px solid CanvasText}}
/* Exact original wordmark: viewport of x=145..1410, y=1060..1210 in the 1536px image. */
.brand-art{display:inline-block;width:210px;aspect-ratio:1265/150;flex-shrink:0;background-image:url("pixelstahl-logo.jpg");background-size:121.423% 1024%;background-position:53.506% 76.479%;background-repeat:no-repeat;vertical-align:middle}
.wordmark{display:inline-flex;align-items:center;min-height:44px}.brand-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand-line .brand-art{width:126px}.footer-brand{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-brand .brand-art{width:145px}
@media(max-width:760px){.wordmark .brand-art{width:165px}header nav{gap:16px}header nav a{font-size:13px}}
@media(max-width:380px){.wordmark .brand-art{width:145px}header{gap:12px}header nav{gap:12px}}
@media(forced-colors:active){.brand-art{forced-color-adjust:none}}

/* Focus the original P without changing the source image. Crop excludes its white border and lettering. */
.logo{position:relative;aspect-ratio:1;overflow:hidden;box-shadow:none;isolation:isolate;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.logo img{position:absolute;width:182.857143%;max-width:none;height:auto;left:-42.857143%;top:-27.380952%}
.p-mark{display:inline-block;width:38px;aspect-ratio:1;flex-shrink:0;background:url("pixelstahl-logo.jpg") 51.724138% 33.045977% / 182.857143% 182.857143% no-repeat}
.wordmark{gap:12px}.hero{gap:48px}.wordmark .brand-art{width:195px}
@media(max-width:760px){.wordmark{gap:7px}.p-mark{width:30px}.wordmark .brand-art{width:135px}.logo{width:min(100%,400px)}}
@media(max-width:380px){.wordmark .brand-art{width:116px}.p-mark{width:27px}.wordmark{gap:5px}}

/* Local, decorative pointer light; never intercepts navigation or text selection. */
.home{isolation:isolate}.home>header,.home>main,.home>footer{position:relative;z-index:1}
.ambient-light{position:fixed;top:0;left:0;width:0;height:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .7s ease;will-change:transform}
.ambient-light::before{content:"";position:absolute;width:760px;height:760px;left:-380px;top:-380px;background:radial-gradient(circle,rgba(194,122,72,.13),rgba(147,98,64,.055) 36%,transparent 68%)}
.ambient-light.is-visible{opacity:1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home .button,.home article{transition:transform .25s ease,border-color .25s ease}.home .button:hover{transform:translateY(-2px);border-color:#c79672}.home article:hover{transform:translateY(-3px);border-color:#796454}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.ambient-light{display:none;transition:none}}

.legal address{font-style:normal;color:#c4c5c5}