:root{color:#11110f;font-synthesis:none;text-rendering:optimizelegibility;--page:#f4f2ed;--ink:#11110f;--muted:#68665f;--accent:#0b6658;--accent-soft:#0b665814;--rule:#11110f2e;--rule-strong:#11110f6b;--grid:#11110f07;--soft:#11110f0b;--mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max:92rem;background:#f4f2ed;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}::selection{background:#0b66582e}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}html{scroll-behavior:smooth}body{background:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, #11110f05 1px, transparent 1px), var(--page);min-height:100vh;color:var(--ink);background-size:8.33333vw 100%,100% 4rem,auto;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid}.skip-link{z-index:100;background:var(--ink);color:var(--page);padding:.55rem .75rem;font-size:.8rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container,.site-header__inner,.site-footer__inner{width:min(var(--max), calc(100% - 3rem));margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--rule-strong);background:color-mix(in srgb, var(--page) 94%, transparent);backdrop-filter:blur(14px);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:3.8rem;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:.6rem;font-weight:700;display:flex}.wordmark:before{border:1px solid var(--accent);background:linear-gradient(var(--accent), var(--accent)) 50% 50% / 3px 3px no-repeat;content:"";flex:none;width:.58rem;height:.58rem}.wordmark__name{font-size:1rem}.wordmark__suffix{color:var(--muted);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;font-size:.61rem;font-weight:500}.nav-list{counter-reset:nav-item;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-list li{counter-increment:nav-item}.nav-link{align-items:baseline;gap:.38rem;padding-block:.4rem;font-size:.86rem;display:inline-flex;position:relative}.nav-link:before{color:var(--muted);content:"0" counter(nav-item);font-family:var(--mono);letter-spacing:.06em;font-size:.54rem}.nav-link:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .16s,transform .16s;position:absolute;bottom:-.36rem;left:0;right:0;transform:scaleX(.4)}.nav-link:hover:after,.nav-link.is-active:after{opacity:1;transform:scaleX(1)}.mono-label{color:var(--muted);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.48rem;font-size:.64rem;font-weight:600;line-height:1.2;display:inline-flex}.mono-label:before{background:var(--accent);content:"";flex:none;width:.3rem;height:.3rem}.hero{padding-top:clamp(3.25rem,4.5vw,4.75rem);padding-bottom:clamp(2.8rem,4vw,4rem)}.hero .container{border-top:1px solid var(--rule-strong);padding-top:2rem;position:relative}.hero .container:before{color:var(--muted);content:"END-TO-END SYSTEMS  /  SOFTWARE · ELECTRONICS · INFRASTRUCTURE";font-family:var(--mono);letter-spacing:.1em;white-space:nowrap;font-size:.56rem;font-weight:600;position:absolute;top:.52rem;right:0}.hero .container:after{border-right:1px solid var(--accent);border-left:1px solid var(--accent);content:"";width:8rem;height:7px;position:absolute;top:-4px;left:0}.hero__title{letter-spacing:-.065em;max-width:14.5ch;margin:0;font-size:clamp(3.4rem,6.7vw,7rem);font-weight:520;line-height:.92}.hero__identity{color:var(--accent);margin-bottom:1.15rem;display:inline-flex}.hero__statement{display:block}.page-intro h1,.contact-page h1,.not-found h1{letter-spacing:-.065em;max-width:12ch;margin:1rem 0 0;font-size:clamp(3.4rem,6.7vw,7rem);font-weight:520;line-height:.92}.hero__lower{border-top:1px solid var(--rule);grid-template-columns:minmax(0,2fr) auto;align-items:end;gap:1.5rem;margin-top:clamp(1.7rem,2.8vw,2.6rem);padding-top:1.15rem;display:grid}.lede{letter-spacing:-.02em;max-width:39rem;margin:0;font-size:clamp(1.12rem,1.45vw,1.4rem);line-height:1.45}.section{padding-block:clamp(2.6rem,4vw,4.2rem);position:relative}.ruled{border-top:1px solid var(--rule-strong)}.section-grid,.page-intro__grid{grid-template-columns:minmax(11rem,.7fr) minmax(0,2.3fr);align-items:start;gap:clamp(1.8rem,3.5vw,3.7rem);display:grid;position:relative}.section-grid>:first-child{padding-left:1rem;position:relative}.section-grid>:first-child:before{background:var(--accent);content:"";width:2px;max-height:2.2rem;position:absolute;top:.05rem;bottom:0;left:0}.section-grid h2{letter-spacing:-.05em;max-width:18ch;margin:0;font-size:clamp(2rem,3.35vw,3.6rem);font-weight:520;line-height:1}.text-link{border-bottom:1px solid;align-items:center;gap:.7rem;width:fit-content;padding-bottom:.22rem;font-size:.88rem;display:inline-flex}.text-link:hover{color:var(--accent)}.text-link span{transition:transform .16s}.text-link:hover span{transform:translate(.22rem)}.capability-list{border-top:1px solid var(--rule)}.capability{border-bottom:1px solid var(--rule)}.capability summary{cursor:pointer;grid-template-columns:2.5rem minmax(10rem,.8fr) minmax(12rem,1fr) 1.5rem;align-items:center;gap:1rem;min-height:4.2rem;list-style:none;transition:background .16s,padding .16s;display:grid}.capability summary:hover{background:var(--accent-soft);padding-inline:.7rem}.capability summary::-webkit-details-marker{display:none}.capability__name{letter-spacing:-.025em;font-size:1.15rem;font-weight:520}.capability__hint{color:var(--muted);font-size:.9rem}.capability__toggle{justify-self:end;font-size:1.2rem;line-height:1;transition:transform .16s}.capability[open] .capability__toggle{transform:rotate(45deg)}.capability>p{max-width:43rem;color:var(--muted);margin:0 0 1.15rem 3.5rem;line-height:1.55}.about-copy{gap:.9rem;display:grid}.about-copy p{max-width:46rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.58}.work-list{gap:1rem;display:grid}.work-row{border:1px solid var(--rule-strong);background:linear-gradient(90deg, var(--accent-soft), transparent 28%), color-mix(in srgb, var(--page) 92%, transparent);cursor:pointer;grid-template-columns:9rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;min-height:6.4rem;padding:1.15rem 1rem 1.15rem 1.25rem;transition:background .16s,transform .16s;display:grid;position:relative}.work-row:before{background:var(--accent);content:"";width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px}.work-row:after{background:repeating-linear-gradient(90deg, var(--rule-strong) 0 1px, transparent 1px 8px);content:"";width:4.6rem;height:1px;position:absolute;bottom:1rem;right:3.4rem}.work-row:hover{background:linear-gradient(90deg, #0b66581f, transparent 34%), var(--page);transform:translateY(-1px)}.work-row__body{gap:.3rem;min-width:0;display:grid}.work-row__body h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:520}.work-row:hover .work-row__body h3,.work-row:focus-visible .work-row__body h3{text-underline-offset:.18em;text-decoration:underline 1px}.work-row__body p{color:var(--muted);margin:0;line-height:1.45}.work-row__arrow{justify-self:end;font-size:1.4rem;transition:transform .16s}.work-row:hover .work-row__arrow,.work-row:focus-visible .work-row__arrow{transform:translate(.2rem)}.work-list__more{margin-top:.35rem}.inline-links{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.project-meta{border:1px solid var(--rule);background:var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.project-meta__item{background:var(--page);min-height:7.4rem;padding:1.15rem;position:relative}.project-meta__item:before{background:var(--accent);content:"";width:2.4rem;height:2px;position:absolute;top:0;left:1.15rem}.project-meta__item:last-child p:before{background:var(--accent);content:"";vertical-align:.08rem;border-radius:50%;width:.46rem;height:.46rem;margin-right:.55rem;display:inline-block}.project-meta__item p{letter-spacing:-.02em;margin:.7rem 0 0;font-size:1.05rem;line-height:1.4}.case-copy{gap:1rem;display:grid}.case-copy p{max-width:48rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.case-copy h2{letter-spacing:-.05em;max-width:18ch;margin:0 0 .35rem;font-size:clamp(2rem,3.35vw,3.6rem);font-weight:520;line-height:1}.note-copy{gap:1rem;max-width:52rem;display:grid}.note-copy h2{letter-spacing:-.05em;max-width:20ch;margin:0 0 .35rem;font-size:clamp(2rem,3.1vw,3.35rem);font-weight:520;line-height:1}.note-copy p{max-width:49rem;color:var(--muted);margin:0;font-size:1.02rem;line-height:1.7}.note-copy .work-list,.note-copy .related-work-row{margin-top:.5rem}.project-actions{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.4rem;display:flex}.related-work-row{max-width:56rem}.project-shot{border:1px solid var(--rule-strong);background:#fff;max-width:56rem;margin:.35rem 0 0}.project-shot img{width:100%;height:auto;display:block}.project-shot figcaption{border-top:1px solid var(--rule);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;padding:.75rem .9rem;font-size:.68rem;line-height:1.45}.terminal-block{border:1px solid var(--rule-strong);color:#f4f2ed;max-width:56rem;font-family:var(--mono);white-space:pre;background:#090b0d;margin:.35rem 0 0;padding:1.15rem;font-size:.78rem;line-height:1.55;overflow-x:auto}.install-card{border:1px solid var(--rule-strong);background:linear-gradient(90deg, var(--accent-soft), transparent 34%), color-mix(in srgb, var(--page) 94%, transparent);gap:1rem;max-width:52rem;margin-top:.35rem;padding:1.15rem;display:grid}.install-card__header,.install-card__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.install-card__version{border:1px solid var(--rule-strong);font-family:var(--mono);padding:.22rem .45rem;font-size:.67rem;line-height:1}.install-card__command{border-block:1px solid var(--rule);font-family:var(--mono);white-space:nowrap;background:#11110f09;padding:1rem;font-size:clamp(.88rem,1.5vw,1.02rem);line-height:1.5;display:block;overflow-x:auto}.install-card__footer{color:var(--muted);font-size:.82rem;line-height:1.45}.install-card__footer .text-link{color:var(--ink);flex:none}.contact-strip h2{margin-bottom:.9rem}.contact-email{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);letter-spacing:-.025em;justify-content:space-between;gap:2rem;max-width:45rem;padding:.9rem 0;font-size:clamp(1.2rem,2vw,1.75rem);display:flex}.contact-email span:last-child{transition:transform .16s}.contact-email:hover span:last-child{transform:translate(.15rem,-.15rem)}.page-intro{padding-top:clamp(4rem,5vw,5.5rem);padding-bottom:clamp(2.8rem,4vw,4rem)}.page-intro .container{border-top:1px solid var(--rule-strong);padding-top:2rem}.page-intro .container:before{color:var(--muted);content:"ARTUR PANEK  /  ENGINEERING NOTES";font-family:var(--mono);letter-spacing:.1em;white-space:nowrap;font-size:.56rem;font-weight:600;position:absolute;top:.52rem;right:0}.page-intro__grid{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.8fr);align-items:end}.about-intro__grid{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.65fr);align-items:end;gap:clamp(2.5rem,5vw,6rem);display:grid}.about-intro__copy .lede{margin-top:clamp(1.6rem,2.6vw,2.5rem)}.about-portrait{border:1px solid var(--rule-strong);background:#fff;justify-self:end;width:min(100%,29rem);margin:0;padding-bottom:1.75rem;position:relative;overflow:hidden}.about-portrait:before{color:var(--muted);content:"PROFILE / ARTUR PANEK";font-family:var(--mono);letter-spacing:.1em;font-size:.56rem;font-weight:600;position:absolute;bottom:.55rem;left:.7rem;right:.7rem}.about-portrait:after{border-top:1px solid var(--accent);border-right:1px solid var(--accent);content:"";width:1.2rem;height:1.2rem;position:absolute;top:.65rem;right:.65rem}.about-portrait img{border-bottom:1px solid var(--rule);width:100%;height:auto;display:block}.page-intro h1{max-width:11ch;font-size:clamp(3.2rem,5.8vw,6rem)}.contact-page{min-height:calc(100vh - 9.05rem);padding-top:clamp(4rem,5vw,5.5rem);padding-bottom:clamp(3rem,5vw,5rem)}.contact-page>.container{border-top:1px solid var(--rule-strong);padding-top:2rem;position:relative}.contact-page>.container:before{color:var(--muted);content:"OPEN CHANNEL  /  EMAIL · LINKEDIN · GITHUB";font-family:var(--mono);letter-spacing:.1em;white-space:nowrap;font-size:.56rem;font-weight:600;position:absolute;top:.52rem;right:0}.contact-page__intro{grid-template-columns:minmax(0,1.4fr) minmax(13rem,.6fr);align-items:end;gap:2rem;margin-bottom:clamp(2.5rem,4vw,4rem);display:grid}.contact-page__intro h1{margin-top:1rem}.contact-page__intro .lede{padding-bottom:.5rem}.contact-links{border-top:1px solid var(--ink)}.contact-row{border-bottom:1px solid var(--rule);grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.3rem;display:grid}.contact-row>:nth-child(2){letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;font-size:clamp(1.05rem,1.65vw,1.35rem)}.contact-row--link{transition:padding .16s,background .16s}.contact-row--link:hover{background:var(--accent-soft);padding-inline:.75rem}.copy-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;min-width:2.75rem;min-height:2.75rem;padding:.35rem .15rem;font-size:.8rem}.copy-status{min-height:1.2rem;color:var(--muted);margin:.8rem 0 0;font-size:.78rem}.not-found{min-height:calc(100vh - 9.05rem);padding-top:clamp(7rem,10vw,10rem);padding-bottom:4rem}.not-found .lede{color:var(--muted);margin-top:1.3rem}.not-found .text-link{margin-top:1.6rem}.site-footer{border-top:1px solid var(--rule-strong)}.site-footer:before{width:min(var(--max), calc(100% - 3rem));background:linear-gradient(90deg, var(--accent) 0 5rem, transparent 5rem), repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 10px);content:"";height:3px;margin-inline:auto;display:block}.site-footer__inner{grid-template-columns:1fr 1fr auto;align-items:center;gap:1.5rem;min-height:5.25rem;font-size:.82rem;display:grid}.site-footer p{margin:0}.footer-link{border-bottom:1px solid #0000;width:fit-content}.footer-link:hover{border-bottom-color:currentColor}.footer-link--right{justify-self:end}@media (width<=760px){body{background-size:25vw 100%,100% 4rem,auto}.hero .container:before,.page-intro .container:before,.contact-page>.container:before{text-overflow:clip;max-width:68%;overflow:hidden}.container,.site-header__inner,.site-footer__inner{width:min(100% - 2rem, var(--max))}.site-header__inner{min-height:3.7rem}.wordmark__suffix{display:none}.nav-list{gap:.85rem}.nav-link{font-size:.79rem}.hero,.page-intro,.contact-page,.not-found{padding-top:3.8rem}.hero__title,.page-intro h1,.contact-page h1,.not-found h1{font-size:clamp(2.9rem,13vw,4.8rem);line-height:.94}.hero__lower,.section-grid,.page-intro__grid,.about-intro__grid,.contact-page__intro{grid-template-columns:1fr}.hero__lower{align-items:start}.about-portrait{justify-self:start;width:min(100%,24rem)}.section{padding-block:2.2rem}.capability summary{grid-template-columns:2rem 1fr 1.2rem;gap:.65rem;padding-block:.25rem}.capability__hint{grid-area:2/2;padding-bottom:.7rem}.capability__toggle{grid-area:1/3/span 2}.capability>p{margin-left:2.65rem}.work-row{grid-template-columns:1fr auto;gap:.55rem 1rem}.work-row__meta{grid-column:1/-1}.work-row__arrow{grid-area:2/2}.work-row:after{display:none}.text-link{min-height:2.75rem}.project-meta{grid-template-columns:1fr}.install-card__header,.install-card__footer{flex-direction:column;align-items:flex-start}.contact-row{grid-template-columns:5.5rem 1fr auto;min-height:4rem}.site-footer__inner{grid-template-columns:1fr auto;gap:.55rem 1rem;min-height:auto;padding-block:1.4rem}.site-footer__inner>:first-child{grid-column:1/-1}.footer-link--right{justify-self:end}}@media (width<=460px){.site-header__inner{gap:.8rem}.nav-list{gap:.55rem}.nav-link{gap:0;font-size:.75rem}.nav-link:before{display:none}.contact-row{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .8rem;padding-block:.6rem}.contact-row .mono-label{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important}}
