:root{color-scheme:dark;--bg:#181c23;--panel:#1b1f27;--panel2:#1c2129;--line:rgba(120,168,228,.13);--text:#78A8E4;--muted:#AAB4C4;--dim:#AAB4C4;--accent:#4D8DDA;--accent2:#78A8E4;--cyan:#4D8DDA;--shell:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65;letter-spacing:.005em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--shell),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;z-index:20;padding:10px 16px;background:var(--accent);color:#181c23}.skip-link:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:78px;border-bottom:1px solid rgba(120,168,228,.08);position:relative;z-index:5;background:rgba(24,28,35,.9)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(45deg)}.brand-mark i{display:block;background:var(--accent);border-radius:2px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.45}.brand-name{font-size:15px;letter-spacing:.06em;font-weight:740;text-transform:uppercase}.brand-name span{color:var(--accent);padding:0 3px}.primary-nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#EAECEF}.primary-nav a{transition:color .2s}.primary-nav a:hover,.text-link:hover,.card-link:hover,.back-top:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:4px;color:var(--text)!important}.nav-cta span{color:var(--accent);padding-left:8px}.menu-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);width:42px;height:40px;border-radius:4px}
.hero{min-height:575px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:24px;padding-block:58px 66px}.hero-copy{position:relative;z-index:2;padding-bottom:6px}.eyebrow{display:flex;align-items:center;gap:10px;color:#AAB4C4;font-size:10px;letter-spacing:.18em;font-weight:700}.pulse,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(77,141,218,.7)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.065em;font-weight:620;margin:23px 0 21px}h1 span,h2 em{font-style:normal;color:var(--accent)}.hero-lede{color:#AAB4C4;max-width:465px;font-size:15px;line-height:1.9;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;gap:18px;padding:12px 17px;font-size:12px;letter-spacing:.03em;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#181c23;font-weight:720}.button-primary:hover{background:var(--accent2)}.button-primary span{font-size:17px}.text-link{font-size:12px;color:#EAECEF;transition:color .2s}.text-link span{color:var(--accent);padding-left:6px}.hero-proof{margin-top:53px;display:flex;gap:30px}.proof-item{display:flex;align-items:center;gap:11px}.proof-icon{font-size:9px;color:var(--accent);letter-spacing:.1em;border:1px solid rgba(77,141,218,.35);padding:7px 6px}.proof-item b,.proof-item small{display:block}.proof-item b{font-size:11px;font-weight:650}.proof-item small{font-size:10px;color:#AAB4C4}
.hero-visual{height:440px;position:relative;overflow:hidden;border:1px solid rgba(120,168,228,.13);border-radius:7px;background:radial-gradient(ellipse at 55% 65%,rgba(77,141,218,.25),transparent 50%),linear-gradient(150deg,#1d212a 0%,#1a1e25 58%,#1b1f27 100%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,168,228,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,168,228,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 90%);opacity:.45}.orbit{position:absolute;border:1px solid rgba(77,141,218,.12);border-radius:50%;left:51%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:400px;height:400px}.orbit-two{width:300px;height:300px;border-style:dashed;opacity:.6}.car-art{position:absolute;width:100%;left:0;top:99px;filter:drop-shadow(0 18px 21px rgba(21,24,30,.48))}.visual-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(120,168,228,.17);background:rgba(25,29,36,.76);backdrop-filter:blur(9px);border-radius:4px}.visual-tag b,.visual-tag small{display:block}.visual-tag b{font-size:10px;letter-spacing:.02em}.visual-tag small{font-size:9px;color:#AAB4C4}.tag-linux{left:24px;top:56px}.tag-bmw{right:20px;bottom:88px}.tag-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.tag-icon{font-size:11px;font-weight:800;color:var(--accent);border:1px solid rgba(77,141,218,.36);padding:5px 4px}.visual-caption{position:absolute;bottom:18px;left:21px;right:21px;display:flex;justify-content:space-between;color:#AAB4C4;font-size:8px;letter-spacing:.15em}.visual-micro{position:absolute;top:20px;right:19px;display:flex;align-items:center;gap:8px;color:#AAB4C4;font-size:7px;letter-spacing:.15em}.micro-line{width:26px;height:1px;background:var(--accent);opacity:.7}
.ticker{border-block:1px solid rgba(120,168,228,.09);overflow:hidden;background:#191d25}.ticker-track{height:55px;display:flex;align-items:center;justify-content:space-evenly;gap:18px;white-space:nowrap;color:#AAB4C4;font-size:9px;letter-spacing:.19em}.ticker-track b{color:var(--accent);font-size:10px;font-weight:400}
.section{padding-block:104px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-index{color:var(--accent);font-size:10px}.section-heading h2,.garage-copy h2,.start-inner h2{font-size:clamp(36px,4.2vw,52px);line-height:1.08;letter-spacing:-.05em;font-weight:540;margin:17px 0 0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:400px;margin:0 0 5px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topic-card{position:relative;min-height:404px;padding:24px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(145deg,#1b2028,#1a1e26);overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;color:#AAB4C4}.card-kicker{font-size:9px;letter-spacing:.16em}.card-symbol{font-size:19px;color:var(--accent)}.terminal-window{height:145px;border:1px solid rgba(120,168,228,.15);border-radius:4px;margin:25px 0 20px;background:#191d24;overflow:hidden}.terminal-head{height:28px;border-bottom:1px solid rgba(120,168,228,.12);display:flex;align-items:center;gap:5px;padding:0 10px}.terminal-head i{width:5px;height:5px;border-radius:50%;background:#AAB4C4}.terminal-head i:first-child{background:#AAB4C4}.terminal-head i:nth-child(2){background:#AAB4C4}.terminal-head i:nth-child(3){background:#4D8DDA}.terminal-head span{font-size:8px;color:#AAB4C4;margin-left:6px}.terminal-body{padding:10px 13px;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#AAB4C4}.terminal-body p{margin:0}.terminal-body p b{color:var(--accent)}.term-logo{font-size:24px;font-weight:800;color:#4D8DDA;letter-spacing:-.08em;line-height:1.15}.term-logo span{color:#78A8E4}.term-muted{font-size:8px;color:#AAB4C4}.cursor{display:inline-block;width:6px;height:10px;vertical-align:-2px;background:var(--accent);animation:blink 1.2s step-end infinite}.topic-card h3{font-size:17px;letter-spacing:-.02em;margin:0 0 7px;font-weight:570}.topic-card>p{font-size:12px;color:#AAB4C4;max-width:430px;margin-bottom:17px}.card-link{font-size:10px;color:#EAECEF;transition:color .2s}.card-link span{color:var(--accent);padding-left:5px}.hardware-visual{height:145px;position:relative;margin:25px 0 20px;border:1px solid rgba(120,168,228,.11);border-radius:4px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(77,141,218,.2),transparent 50%),linear-gradient(135deg,#191d24,#1b1f27)}.hardware-visual:before,.hardware-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,141,218,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(77,141,218,.07) 1px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(ellipse,black 10%,transparent 77%)}.chip{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:83px;border:1px solid rgba(77,141,218,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(77,141,218,.13),inset 0 0 17px rgba(77,141,218,.08);background:#1b1f27}.chip span,.chip small{font-size:7px;letter-spacing:.16em;color:#AAB4C4}.chip b{font-size:23px;line-height:1.15;color:var(--accent);font-weight:500}.chip small{font-size:6px}.trace{position:absolute;height:1px;background:rgba(77,141,218,.44)}.trace-a{width:23%;left:11%;top:37%}.trace-b{width:19%;right:11%;top:61%}.trace-c{width:11%;right:27%;top:25%;transform:rotate(90deg)}.node{position:absolute;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;background:#1a1e26;box-shadow:0 0 8px rgba(77,141,218,.5)}.node-a{top:35%;left:11%}.node-b{top:59%;right:11%}.node-c{top:23%;right:32%}.node-d{bottom:16%;left:29%}
.garage-section{position:relative;background:linear-gradient(110deg,#1a1f26 0%,#1b1f27 45%,#191d25 100%);border-block:1px solid rgba(120,168,228,.09);overflow:hidden}.garage-section:after{content:"";position:absolute;width:560px;height:560px;right:-150px;top:-180px;border:1px solid rgba(77,141,218,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(77,141,218,.025),0 0 0 110px rgba(77,141,218,.02)}.garage-inner{position:relative;z-index:1;display:grid;grid-template-columns:.83fr 1.17fr;gap:74px;align-items:center;padding-block:105px}.garage-copy h2{margin-bottom:20px}.garage-copy>p{font-size:13px;color:#AAB4C4;line-height:1.9;max-width:400px;margin-bottom:24px}.button-outline{border:1px solid rgba(77,141,218,.55);color:var(--accent)}.button-outline:hover{background:rgba(77,141,218,.08)}.garage-specs{display:flex;gap:24px;margin-top:47px;padding-top:17px;border-top:1px solid var(--line)}.garage-specs div{min-width:78px}.garage-specs b,.garage-specs small{display:block}.garage-specs b{font-size:15px;font-weight:590;color:#78A8E4}.garage-specs small{font-size:9px;color:#AAB4C4;margin-top:3px}.garage-panel{height:315px;position:relative;border:1px solid rgba(120,168,228,.18);border-radius:5px;background:radial-gradient(ellipse at 50% 80%,rgba(77,141,218,.24),transparent 55%),linear-gradient(140deg,#1c212a,#191d25);box-shadow:0 20px 45px rgba(21,24,30,.15)}.panel-top,.panel-bottom{position:absolute;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;color:#AAB4C4;font-size:8px;letter-spacing:.13em}.panel-top{top:17px}.panel-top .status-dot{width:5px;height:5px;margin-right:6px}.panel-car{position:absolute;left:0;right:0;top:50px}.panel-car svg{width:100%;height:203px;filter:drop-shadow(0 15px 14px rgba(21,24,30,.4))}.scan-line{position:absolute;height:1px;left:11%;right:11%;top:58%;background:linear-gradient(90deg,transparent,rgba(77,141,218,.75),transparent);box-shadow:0 0 12px rgba(77,141,218,.6);animation:scan 4s ease-in-out infinite alternate}.panel-bottom{bottom:15px;font-size:7px}.panel-bar{height:2px;width:55px;background:#212831}.panel-bar i{display:block;width:60%;height:100%;background:var(--accent)}.garage-callout{position:absolute;right:-15px;bottom:48px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#1b1f27;border:1px solid rgba(77,141,218,.34);box-shadow:0 8px 20px rgba(21,24,30,.32)}.callout-cross{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(77,141,218,.45);color:var(--accent);font-size:15px}.garage-callout b,.garage-callout small{display:block}.garage-callout b{font-size:9px}.garage-callout small{font-size:8px;color:#AAB4C4;margin-top:2px}
.approach-heading{margin-bottom:47px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-grid article{position:relative;padding:28px 27px 31px 0}.approach-grid article+article{border-left:1px solid var(--line);padding-left:27px}.approach-number{font-size:9px;color:var(--accent);letter-spacing:.15em}.approach-icon{position:absolute;right:25px;top:23px;font-size:20px;color:#AAB4C4}.approach-grid h3{font-size:14px;font-weight:600;margin:25px 0 8px}.approach-grid p{color:#AAB4C4;font-size:11px;line-height:1.85;margin:0;max-width:280px}
.start-section{background:#1b1f27;border-block:1px solid rgba(120,168,228,.09)}.start-inner{padding-block:81px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.start-inner h2{font-size:47px}.start-links{border-top:1px solid var(--line)}.start-links a{display:grid;grid-template-columns:37px 1fr 20px;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);transition:padding .2s}.start-links a:hover{padding-inline:7px}.start-icon{color:var(--accent);font-size:9px;border:1px solid rgba(77,141,218,.3);padding:7px 5px;width:max-content}.start-links b,.start-links small{display:block}.start-links b{font-size:12px;font-weight:570}.start-links small{font-size:9px;color:#AAB4C4}.start-arrow{color:var(--accent)}
.site-footer{background:#181c23}.footer-main{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,168,228,.08)}.footer-main>p{margin:0;color:#AAB4C4;font-size:10px}.back-top{font-size:10px;color:#AAB4C4;transition:color .2s}.footer-bottom{min-height:48px;display:flex;align-items:center;justify-content:space-between;color:#AAB4C4;font-size:8px;letter-spacing:.04em}.footer-bottom span:last-child{letter-spacing:.15em}
@keyframes blink{50%{opacity:0}}@keyframes scan{from{transform:translateY(-42px);opacity:.22}to{transform:translateY(39px);opacity:.8}}
@media(max-width:900px){:root{--shell:760px}.hero{grid-template-columns:1fr 1fr;gap:12px;min-height:530px}.hero-visual{height:390px}.car-art{top:108px}.hero-proof{gap:15px}.proof-item small{max-width:130px}.garage-inner{gap:40px}.garage-panel{height:280px}.panel-car svg{height:176px}.garage-callout{right:-8px}.primary-nav{gap:20px}.primary-nav a{font-size:11px}}
@media(max-width:680px){html{scroll-padding-top:74px}.shell{width:min(100% - 38px,520px)}.site-header{height:68px}.brand-name{font-size:13px}.brand-mark{width:21px;height:21px}.menu-toggle{display:grid;place-items:center}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:16px;height:1px;background:var(--accent);position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}.menu-lines:before{top:-5px}.menu-lines:after{top:5px}.primary-nav{display:none;position:absolute;left:0;right:0;top:67px;padding:14px 20px 20px;background:#191d24;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px 0;border-bottom:1px solid rgba(120,168,228,.07);font-size:13px}.primary-nav .nav-cta{border:0;padding:13px 0 4px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-block:51px 47px}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{font-size:57px;margin:19px 0 17px}.hero-lede{font-size:13px;line-height:1.8;margin-bottom:23px}.hero-actions{gap:16px}.button{padding:11px 13px;gap:12px;font-size:11px}.hero-proof{margin-top:33px;gap:21px}.proof-item{gap:8px}.proof-item small{font-size:9px}.hero-visual{height:305px}.car-art{top:77px}.tag-linux{left:12px;top:42px}.tag-bmw{right:12px;bottom:56px}.visual-caption{bottom:12px;left:13px;right:13px}.visual-micro{top:13px;right:12px}.ticker-track{height:47px;justify-content:flex-start;padding-left:20px;gap:19px;font-size:8px;animation:marquee 29s linear infinite}.ticker-track b{font-size:9px}@keyframes marquee{to{transform:translateX(-28%)}}.section{padding-block:72px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.garage-copy h2{font-size:39px;margin-top:13px}.section-heading>p{font-size:12px;margin-top:17px}.topic-grid{grid-template-columns:1fr;gap:13px}.topic-card{min-height:375px;padding:19px}.terminal-window,.hardware-visual{margin-top:19px}.garage-inner{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-block:72px}.garage-copy>p{font-size:12px}.garage-specs{margin-top:32px;gap:17px}.garage-specs small{font-size:8px}.garage-panel{height:265px}.panel-car svg{height:169px}.garage-callout{right:8px;bottom:39px}.approach-heading{margin-bottom:30px}.approach-grid{grid-template-columns:1fr}.approach-grid article,.approach-grid article+article{padding:20px 0 22px;border-left:0}.approach-grid article+article{border-top:1px solid var(--line)}.approach-grid h3{margin:13px 0 6px}.approach-grid p{max-width:none}.approach-icon{right:3px;top:17px}.start-inner{padding-block:61px;grid-template-columns:1fr;gap:27px}.start-inner h2{font-size:41px;margin-top:13px}.start-links a{padding:13px 0}.footer-main{min-height:83px;flex-wrap:wrap;gap:6px}.footer-main>p{order:3;width:100%;padding-bottom:12px}.footer-bottom{min-height:65px;display:grid;grid-template-columns:1fr 1fr;gap:1px 10px;padding-block:10px;font-size:8px}.footer-bottom span:nth-child(2){grid-column:1/3;grid-row:2}.footer-bottom span:last-child{justify-self:end;grid-column:2;grid-row:1}}
@media(max-width:370px){.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{gap:11px}.proof-item small{max-width:106px}.hero-visual{height:278px}.garage-specs{gap:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Marka Linux × BMW */
.brand-emblem{display:block;width:30px;height:30px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(77,141,218,.13))}
.brand-name{white-space:nowrap}
.brand-name span{color:var(--accent);padding-inline:4px}
.tag-icon{letter-spacing:-.07em;font-size:8px;padding:6px 4px}

/* Widoczna marka Bawarski Pingwin */
.brand{gap:9px}
.brand-emblem{display:block;width:42px;height:42px;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(77,141,218,.18))}
.brand-name{font-size:13px;letter-spacing:.035em;text-transform:none;white-space:nowrap}
.brand-name b{font-weight:760;color:#78A8E4}
.hero-brand-lockup{display:flex;align-items:center;gap:16px;margin-top:18px}
.hero-brand-emblem{display:block;width:96px;height:96px;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(21,24,30,.3))}
.hero-brand-copy strong{display:block;font-size:29px;font-weight:760;line-height:.99;letter-spacing:-.055em}
.hero-brand-copy strong span{color:var(--accent)}
.hero-brand-copy small{display:block;margin-top:9px;color:#AAB4C4;font-size:8px;font-weight:700;letter-spacing:.16em}
.hero h1{font-size:clamp(37px,4.3vw,52px);line-height:1.04;margin:16px 0 14px;letter-spacing:-.055em}
@media(max-width:680px){
  .brand-emblem{width:35px;height:35px}
  .brand-name{font-size:12px}
  .hero-brand-lockup{gap:13px;margin-top:15px}
  .hero-brand-emblem{width:78px;height:78px}
  .hero-brand-copy strong{font-size:25px}
  .hero-brand-copy small{font-size:7px;margin-top:7px}
  .hero h1{font-size:42px;margin:13px 0 12px}
}
@media(max-width:370px){
  .brand-name{font-size:11px}
  .hero-brand-emblem{width:70px;height:70px}
  .hero-brand-copy strong{font-size:23px}
}

/* Wyrazista, jasna wersja znaku */
.brand-emblem{width:48px;height:48px;filter:drop-shadow(0 0 14px rgba(77,141,218,.3))}
.brand-name{font-size:14px;letter-spacing:.025em}
.hero-brand-lockup{gap:18px;margin-top:20px}
.hero-brand-emblem{width:148px;height:148px;filter:drop-shadow(0 13px 28px rgba(77,141,218,.25))}
.hero-brand-copy strong{font-size:39px;line-height:.94;letter-spacing:-.06em}
.hero-brand-copy small{font-size:9px;color:#78A8E4;letter-spacing:.18em;margin-top:12px}
.hero h1{font-size:clamp(38px,4.4vw,54px);margin:13px 0 14px}
@media(max-width:900px){
  .hero-brand-emblem{width:126px;height:126px}
  .hero-brand-copy strong{font-size:34px}
}
@media(max-width:680px){
  .brand-emblem{width:42px;height:42px}
  .brand-name{font-size:13px}
  .hero-brand-lockup{gap:15px;margin-top:17px}
  .hero-brand-emblem{width:118px;height:118px}
  .hero-brand-copy strong{font-size:32px}
  .hero-brand-copy small{font-size:8px;margin-top:9px}
  .hero h1{font-size:45px;margin:14px 0 13px}
}
@media(max-width:370px){
  .brand-emblem{width:38px;height:38px}
  .brand-name{font-size:12px}
  .hero-brand-emblem{width:104px;height:104px}
  .hero-brand-copy strong{font-size:28px}
}
/* Portfolio */
.portfolio-section{padding-block:98px 105px}
.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:36px}
.portfolio-heading h2{font-size:clamp(35px,4vw,48px);line-height:1.08;letter-spacing:-.055em;font-weight:570;margin:15px 0 0}
.portfolio-heading h2 em{font-style:normal;color:var(--accent)}
.portfolio-heading>p{max-width:414px;margin:0 0 4px;color:var(--muted);font-size:12px;line-height:1.9}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-card{min-width:0;padding:21px 22px 20px;border:1px solid rgba(120,168,228,.15);border-radius:6px;background:linear-gradient(145deg,#1c212a,#1a1e26);box-shadow:0 12px 38px rgba(21,24,30,.12);overflow:hidden}
.project-card-top{display:flex;align-items:center;justify-content:space-between;color:#AAB4C4;font-size:8px;letter-spacing:.16em}
.project-status{display:inline-flex;align-items:center;gap:7px;color:#78A8E4}
.project-status i{width:6px;height:6px;border-radius:50%;background:#4D8DDA;box-shadow:0 0 10px rgba(77,141,218,.55)}
.status-prototype{color:#EAECEF}.status-prototype i{background:#AAB4C4;box-shadow:0 0 10px rgba(170,180,196,.45)}
.project-art{height:126px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:16px 0 16px;border:1px solid rgba(120,168,228,.12);border-radius:4px;background:radial-gradient(ellipse at 50% 50%,rgba(77,141,218,.19),transparent 60%),linear-gradient(120deg,#1a1e25,#1c2129)}
.project-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,141,218,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(77,141,218,.055) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse,black 12%,transparent 78%)}
.dj-disc{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;border:1px solid #4D8DDA;background:repeating-radial-gradient(circle at center,#1d222b 0 4px,#4D8DDA 5px 6px);box-shadow:0 0 23px rgba(77,141,218,.2)}
.dj-disc:before{content:"";position:absolute;inset:28px;border-radius:50%;background:linear-gradient(135deg,#4D8DDA,#4D8DDA);box-shadow:0 0 19px rgba(77,141,218,.48)}
.dj-disc i{position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#78A8E4}
.dj-wave{position:absolute;z-index:2;display:flex;align-items:center;gap:4px;height:46px;left:calc(50% + 42px);top:50%;transform:translateY(-50%)}
.dj-wave b{display:block;width:3px;border-radius:3px;background:#4D8DDA;box-shadow:0 0 7px rgba(77,141,218,.25)}
.dj-wave b:nth-child(1),.dj-wave b:nth-child(9){height:14px}.dj-wave b:nth-child(2),.dj-wave b:nth-child(8){height:25px}.dj-wave b:nth-child(3),.dj-wave b:nth-child(7){height:36px}.dj-wave b:nth-child(4),.dj-wave b:nth-child(6){height:21px}.dj-wave b:nth-child(5){height:43px}.dj-cue{position:absolute;left:calc(50% - 112px);top:50%;transform:translateY(-50%);font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.08em;color:#78A8E4}
.project-category{color:#4D8DDA;font-size:8px;letter-spacing:.17em;margin-bottom:7px}
.project-card h3{font-size:21px;letter-spacing:-.035em;font-weight:620;margin:0 0 8px}
.project-card>p{min-height:68px;color:#AAB4C4;font-size:11px;line-height:1.8;margin-bottom:13px}
.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.project-tags span{padding:4px 8px;border:1px solid rgba(120,168,228,.15);border-radius:3px;color:#EAECEF;font-size:8px}
.project-link-placeholder{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(120,168,228,.1);color:#AAB4C4}
.repo-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(77,141,218,.35);border-radius:50%;color:#4D8DDA;font-size:13px}
.project-link-placeholder b,.project-link-placeholder small{display:block}
.project-link-placeholder b{font-size:9px;color:#EAECEF;font-weight:600}
.project-link-placeholder small{font-size:8px;color:#AAB4C4;margin-top:2px}
.repo-lock{margin-left:auto;color:#4D8DDA;font-size:12px}
.portfolio-git-note{display:flex;align-items:center;gap:13px;max-width:690px;margin:22px auto 0;padding:15px 18px;border:1px solid rgba(77,141,218,.18);border-radius:4px;background:rgba(28,32,41,.6)}
.git-mark{font-family:ui-monospace,monospace;font-size:18px;font-weight:750;color:#78A8E4;letter-spacing:-.08em}
.portfolio-git-note p{margin:0;color:#AAB4C4;font-size:10px;line-height:1.75}
.portfolio-git-note b{color:#78A8E4;font-weight:620}
@media(max-width:760px){.portfolio-heading{display:block}.portfolio-heading>p{margin-top:16px}.project-grid{grid-template-columns:1fr}.project-card>p{min-height:0}.project-art{height:138px}}
@media(max-width:680px){.portfolio-section{padding-block:72px}.portfolio-heading h2{font-size:37px}.portfolio-git-note{align-items:flex-start;margin-top:17px;padding:12px}.git-mark{padding-top:2px}}

/* Nowy, dynamiczny znak Bawarskiego Pingwina i trzy projekty portfolio */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-card{padding:18px 17px 17px}
.project-card-top{gap:8px;letter-spacing:.12em}
.project-status{font-size:7px;white-space:nowrap}
.project-number{font-size:7px;white-space:nowrap}
.project-card>p{min-height:108px;font-size:10px;line-height:1.75}
.project-category{font-size:7px;letter-spacing:.13em}
.project-tags span{font-size:7px}
.project-link-placeholder{gap:8px}
.project-link-placeholder small{font-size:7px}
.project-external-link{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(120,168,228,.1);font-size:10px;color:#78A8E4}
.project-external-link span{color:#4D8DDA;font-size:14px}
.karaoke-art{background:radial-gradient(ellipse at 50% 54%,rgba(170,180,196,.27),transparent 60%),linear-gradient(120deg,#1a1e26,#1c212a)}
.karaoke-screen{position:relative;z-index:1;width:74%;padding:13px 12px 11px;text-align:center;border:1px solid rgba(170,180,196,.55);border-radius:5px;background:linear-gradient(145deg,rgba(28,33,42,.95),rgba(28,33,41,.95));box-shadow:0 0 28px rgba(170,180,196,.22)}
.karaoke-screen span{display:block;color:#AAB4C4;font-size:16px;line-height:1}
.karaoke-screen i{display:block;height:2px;margin:7px 0 9px;background:linear-gradient(90deg,transparent,#4D8DDA,#AAB4C4,#AAB4C4,transparent)}
.karaoke-screen b,.karaoke-screen small{display:block}.karaoke-screen b{font-size:11px;color:#EAECEF}.karaoke-screen small{font-size:7px;color:#AAB4C4;margin-top:5px}
.karaoke-glow{position:absolute;bottom:4px;left:30%;width:40%;height:8px;border-radius:50%;background:#AAB4C4;filter:blur(17px);opacity:.7}
.daria-art{color:inherit;text-decoration:none;background:radial-gradient(ellipse at 48% 40%,rgba(234,236,239,.2),transparent 60%),linear-gradient(125deg,#1c2028,#1a1e26)}
.daria-art:hover .daria-window{transform:translateY(-3px)}
.daria-window{position:relative;z-index:1;width:73%;min-height:91px;padding:13px 13px 10px;text-align:left;border:1px solid rgba(234,236,239,.36);border-radius:5px;background:#EAECEF;color:#1e232c;box-shadow:0 9px 24px rgba(21,24,30,.28);transition:transform .2s}
.daria-window>i{display:inline-block;width:4px;height:4px;margin-right:3px;border-radius:50%;background:#AAB4C4}
.daria-window b,.daria-window small,.daria-window em{display:block;font-style:normal}
.daria-window b{margin-top:8px;font-family:Georgia,serif;font-size:11px;font-weight:500}
.daria-window small{margin-top:2px;font-size:7px;color:#AAB4C4}
.daria-window em{margin-top:8px;width:max-content;padding:4px 7px;background:#AAB4C4;color:white;font-size:6px}
.daria-stamp{position:absolute;z-index:2;right:18px;bottom:17px;padding:4px 6px;border:1px solid rgba(77,141,218,.48);border-radius:3px;background:#1c2028;color:#78A8E4;font-size:7px;letter-spacing:.1em}
.brand-emblem{width:52px;height:52px;filter:drop-shadow(0 0 15px rgba(77,141,218,.4))}
.hero-brand-lockup{gap:22px;margin-top:20px}
.hero-brand-emblem{width:184px;height:184px;filter:drop-shadow(0 18px 34px rgba(77,141,218,.3))}
.hero-brand-copy strong{font-size:42px}
@media(max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card>p{min-height:82px}}
@media(max-width:760px){.project-grid{grid-template-columns:1fr}.project-card>p{min-height:0}}
@media(max-width:900px){.hero-brand-emblem{width:154px;height:154px}}
@media(max-width:680px){.brand-emblem{width:42px;height:42px}.hero-brand-emblem{width:132px;height:132px}.hero-brand-copy strong{font-size:35px}.hero-brand-lockup{gap:16px}}
@media(max-width:370px){.hero-brand-emblem{width:112px;height:112px}.hero-brand-copy strong{font-size:29px}}

/* Poziomy logotyp: pingwin siedzi na separatorze nagłówka. */
.site-header{height:104px;border-bottom-color:rgba(77,141,218,.3)}
.site-header .brand{height:100%;position:relative;padding-left:100px;gap:0;min-width:256px}
.site-header .brand-emblem{position:absolute;left:0;bottom:-7px;width:88px;height:97px;filter:drop-shadow(0 4px 12px rgba(77,141,218,.18))}
.site-header .brand-name{font-size:16px;line-height:1.25;letter-spacing:-.02em;padding:12px 14px;border:1px solid rgba(77,141,218,.2);border-radius:4px;background:linear-gradient(120deg,#1d222b,#1b1f27)}
.site-header .brand-name b{display:block;color:#4D8DDA;font-size:22px}
.hero-brand-lockup{width:max-content;max-width:100%;padding:0 25px 0 8px;gap:21px;border:1px solid rgba(77,141,218,.2);border-radius:5px;background:linear-gradient(120deg,#1d222a,#1a1f26)}
.hero-brand-emblem{width:152px;height:168px;align-self:flex-end;filter:drop-shadow(0 8px 19px rgba(77,141,218,.16))}
.hero-brand-copy strong{font-size:37px}
.site-footer .brand-emblem{width:46px;height:51px}
@media(max-width:1050px){.primary-nav{gap:16px}.primary-nav a{font-size:10px}.site-header .brand{min-width:230px;padding-left:89px}.site-header .brand-name{font-size:14px}}
@media(max-width:680px){html{scroll-padding-top:105px}.site-header{height:98px}.primary-nav{top:97px}.site-header .brand{min-width:0;padding-left:87px}.site-header .brand-emblem{width:80px;height:88px;bottom:-6px}.site-header .brand-name{font-size:13px;padding:8px 11px}.site-header .brand-name b{font-size:20px}.hero-brand-lockup{padding-right:17px;gap:15px}.hero-brand-emblem{width:121px;height:134px}.hero-brand-copy strong{font-size:32px}}
@media(max-width:370px){.hero-brand-emblem{width:99px;height:109px}.hero-brand-copy strong{font-size:28px}.hero-brand-copy small{font-size:7px}}

/* Pierwszy znak strony + symbole Arch Linux i Debian. */
.site-header .brand{padding-left:144px;min-width:295px}
.site-header .brand-emblem{width:132px;height:97px;bottom:-7px}
.hero-brand-emblem{width:200px;height:147px}
.site-footer .brand-emblem{width:70px;height:51px}
.logo-credits{font-size:8px;color:#AAB4C4;padding-bottom:13px}
.logo-credits a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.site-header .brand{padding-left:135px;min-width:280px}.primary-nav{gap:12px}.primary-nav .nav-cta{padding:8px 10px}}
@media(max-width:680px){.site-header .brand{padding-left:126px;min-width:0}.site-header .brand-emblem{width:120px;height:88px;bottom:-6px}.hero-brand-emblem{width:161px;height:118px}.hero-brand-copy strong{font-size:30px}}
@media(max-width:370px){.site-header .brand-name{padding:8px;font-size:11px}.site-header .brand-name b{font-size:17px}.hero-brand-emblem{width:133px;height:98px}.hero-brand-copy strong{font-size:26px}.hero-brand-lockup{gap:10px;padding-right:12px}}

/* Autorski motyw Arch za pingwinem, bez koła i znaku Debiana. */
.site-header .brand-emblem{bottom:-3px}
@media(max-width:680px){.site-header .brand-emblem{bottom:-3px}}

/* Jeden logotyp wektorowy: pingwin, techniczny napis i mocne linie gór. */
.site-header .brand{padding-left:0;min-width:278px;align-items:flex-end}
.site-header .brand-emblem{position:relative;left:auto;bottom:-3px;width:276px;height:108px;object-fit:contain}
.hero-brand-lockup{display:block;width:100%;max-width:520px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin-top:20px}
.hero-brand-emblem{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 19px rgba(77,141,218,.16))}
.site-footer .brand-emblem{width:230px;height:auto}
@media(max-width:1050px){.site-header .brand{padding-left:0;min-width:260px}.site-header .brand-emblem{width:258px;height:101px}}
@media(max-width:680px){.site-header .brand{padding-left:0;min-width:0}.site-header .brand-emblem{width:239px;height:94px;bottom:-3px}.hero-brand-lockup{width:100%;padding:0}.hero-brand-emblem{width:100%;height:auto}.site-footer .brand-emblem{width:215px}}
@media(max-width:370px){.site-header .brand-emblem{width:216px;height:85px}.hero-brand-lockup{padding:0}}

/* Większa nazwa i ciągłe pasmo gór pod nawigacją. */
.site-header{height:126px}
.nav-wrap{position:relative;gap:16px}
.site-header .brand{min-width:0;flex:0 0 375px;z-index:2}
.site-header .brand-emblem{width:375px;height:106px;bottom:-3px;max-width:none}
.primary-nav{position:relative;z-index:2;gap:22px;align-self:center;margin-top:-16px}
.primary-nav a{font-size:11px;white-space:nowrap}
.nav-mountains{position:absolute;left:365px;right:0;bottom:0;width:calc(100% - 365px);height:27px;pointer-events:none;opacity:.8}
.hero-brand-lockup{max-width:none;width:calc(100% + 65px);margin-left:-12px}
.hero-brand-emblem{width:100%;height:auto}
.site-footer .brand-emblem{width:290px}
@media(max-width:1100px) and (min-width:681px){.site-header .brand{flex-basis:320px}.site-header .brand-emblem{width:320px;height:91px}.primary-nav{gap:12px}.primary-nav a{font-size:9px}.primary-nav .nav-cta{padding:7px}.nav-mountains{left:310px;width:calc(100% - 310px)}}
@media(max-width:680px){html{scroll-padding-top:119px}.site-header{height:112px}.primary-nav{top:111px;margin-top:0;gap:0}.primary-nav a{font-size:13px}.site-header .brand{flex:0 1 auto}.site-header .brand-emblem{width:min(285px,calc(100vw - 100px));height:auto;bottom:-3px}.nav-mountains{left:0;width:100%;height:13px;opacity:.4}.hero-brand-lockup{width:100%;margin-left:0;padding:0}.hero-brand-emblem{width:100%;height:auto}.menu-toggle{z-index:3;flex-shrink:0}.site-footer .brand-emblem{width:255px}}
@media(min-width:681px) and (max-width:900px){.menu-toggle{display:grid;place-items:center;z-index:3}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:16px;height:1px;background:var(--accent);position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}.menu-lines:before{top:-5px}.menu-lines:after{top:5px}.primary-nav{display:none;position:absolute;left:0;right:0;top:125px;margin:0;padding:14px 20px 20px;background:#191d24;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px 0;font-size:13px}.nav-mountains{left:0;width:100%;height:16px;opacity:.4}}

/* Spójne góry, większy napis i logo ograniczone do własnej kolumny. */
.site-header{height:138px}.site-header .brand{flex-basis:470px}.site-header .brand-emblem{width:470px;height:120px;bottom:-2px}
.nav-mountains{left:464px;width:calc(100% - 464px);height:24px;bottom:0;opacity:1}
.primary-nav{gap:15px}.primary-nav a{font-size:10px}
.hero{gap:38px;grid-template-columns:1fr 1fr}.hero-copy{min-width:0}.hero-brand-lockup{width:100%;max-width:100%;margin-left:0;padding:0;overflow:hidden}.hero-brand-emblem{width:100%;max-width:100%;height:auto;object-fit:contain}
.portfolio-section,.section,.start-section{position:relative}
.portfolio-section::before,.section::before,.start-section::before{content:"";position:absolute;left:0;right:0;top:0;height:27px;background:url('/assets/mountain-ridge-grafit-blekit.svg') center bottom/100% 100% no-repeat;opacity:.22;pointer-events:none}
.garage-section{border-top:0}.garage-section::before{content:"";position:absolute;left:0;right:0;top:0;height:38px;background:url('/assets/mountain-ridge-grafit-blekit.svg') center bottom/100% 100% no-repeat;opacity:.3}
.project-art{background-image:url('/assets/mountain-ridge-grafit-blekit.svg');background-position:center bottom;background-repeat:no-repeat;background-size:100% 18px}
.hero-visual::after{content:"";position:absolute;left:0;right:0;bottom:30px;height:32px;background:url('/assets/mountain-ridge-grafit-blekit.svg') center bottom/100% 100% no-repeat;opacity:.14;pointer-events:none}
@media(max-width:1150px) and (min-width:901px){.site-header .brand{flex-basis:400px}.site-header .brand-emblem{width:400px;height:103px}.nav-mountains{left:395px;width:calc(100% - 395px)}.primary-nav{gap:11px}.primary-nav a{font-size:9px}}
@media(max-width:900px) and (min-width:681px){.site-header .brand{flex-basis:440px}.site-header .brand-emblem{width:440px;height:113px}.primary-nav{top:137px}.nav-mountains{left:0;width:100%;height:12px;opacity:.35}.hero{gap:24px}}
@media(max-width:680px){.site-header{height:112px}.site-header .brand{flex:0 1 auto}.site-header .brand-emblem{width:min(290px,calc(100vw - 96px));height:auto;bottom:-2px}.primary-nav{top:111px}.nav-mountains{left:0;width:100%;height:12px;opacity:.3}.hero{display:flex;gap:32px}.hero-brand-lockup{width:100%;max-width:100%;margin-left:0}.hero-brand-emblem{width:100%;height:auto}.portfolio-section::before,.section::before,.start-section::before{height:18px;opacity:.16}}

/* Pingwin najwyższy, góry pod literami; większa marka w nagłówku. */
:root{--shell:1260px}
.site-header{height:148px}.site-header .brand{flex-basis:500px}.site-header .brand-emblem{width:500px;height:128px;bottom:-2px}
.primary-nav{gap:19px;margin-top:-10px}.primary-nav a{font-size:13px;font-weight:600}.primary-nav .nav-cta{padding:10px 12px}
.nav-mountains{left:495px;width:calc(100% - 495px);height:33px}
.hero-brand-lockup{width:100%;max-width:440px;margin-left:0}.hero-brand-emblem{width:100%;height:auto}
@media(min-width:1001px) and (max-width:1200px){.site-header .brand{flex-basis:410px}.site-header .brand-emblem{width:410px;height:105px}.primary-nav{gap:13px}.primary-nav a{font-size:11px}.nav-mountains{left:405px;width:calc(100% - 405px)}}
@media(min-width:681px) and (max-width:1000px){.site-header .brand{flex-basis:470px}.site-header .brand-emblem{width:470px;height:120px}.menu-toggle{display:grid;place-items:center;z-index:3}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:16px;height:1px;background:var(--accent);position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}.menu-lines:before{top:-5px}.menu-lines:after{top:5px}.primary-nav{display:none;position:absolute;left:0;right:0;top:147px;margin:0;padding:14px 20px;background:#191d24;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px 0;font-size:15px}.nav-mountains{left:0;width:100%;height:20px;opacity:.3}.hero-brand-lockup{max-width:380px}}
@media(max-width:680px){.site-header{height:114px}.site-header .brand{flex:0 1 auto}.site-header .brand-emblem{width:min(300px,calc(100vw - 96px));height:auto;bottom:-2px}.primary-nav{top:113px}.primary-nav a{font-size:15px}.nav-mountains{left:0;width:100%;height:15px;opacity:.3}.hero-brand-lockup{width:84%;max-width:280px}.hero-brand-emblem{width:100%;height:auto}}
@media(min-width:1001px) and (max-width:1200px){.hero-brand-lockup{max-width:360px}}
@media(max-width:680px){.hero-brand-lockup{max-width:min(280px,calc(100vw - 126px))}}

/* Jeden czytelny grzbiet, mocniejsza kontynuacja pod menu i autem. */
.nav-mountains{opacity:1;height:30px}
.hero{position:relative}.hero-copy,.hero-visual{z-index:2}
.hero-mountain-connector{position:absolute;left:0;right:0;bottom:28px;width:100%;height:34px;object-fit:fill;z-index:1;pointer-events:none;opacity:.85}
.hero-visual::after{display:none}
@media(max-width:1000px) and (min-width:681px){.nav-mountains{opacity:.65;height:20px}}
@media(max-width:680px){.nav-mountains{opacity:.6;height:15px}.hero-mountain-connector{bottom:12px;height:22px;opacity:.6}}
/* Mapa szlaków na szczytach i rozwijane menu. */
.topic-nav{position:relative;z-index:3}.topic-nav .ticker-track{height:48px;animation:none;flex-wrap:wrap;justify-content:center;padding:8px 20px;gap:20px;font-size:9px}.topic-nav a:hover,.topic-nav a:focus-visible{color:#EAECEF}
.nav-dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:7px;border:0;background:none;padding:9px 0;color:#78A8E4;font-size:13px;font-weight:600;cursor:pointer}.dropdown-toggle:hover,.dropdown-toggle[aria-expanded="true"]{color:var(--accent)}.dropdown-toggle span{font-size:15px;transition:transform .2s}.dropdown-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.dropdown-panel{display:none;position:absolute;top:calc(100% + 10px);left:-16px;min-width:205px;padding:8px;background:#1c2129;border:1px solid #4D8DDA;border-radius:6px;box-shadow:0 16px 35px #0008;z-index:20}.dropdown-panel.is-open{display:grid}.primary-nav .dropdown-panel a{display:block;font-size:13px;padding:11px 12px;border-radius:3px}.dropdown-panel a:hover,.dropdown-panel a:focus-visible{background:#202630;color:#78A8E4}.dropdown-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.mountain-map{height:440px;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#202630,#1b1f27 65%);border-color:#4D8DDA}.mountain-map-heading{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:#78A8E4}.mountain-map-heading small{font-size:9px;letter-spacing:0;color:#4D8DDA}.mountain-panorama{position:absolute;top:78px;left:0;width:100%;height:calc(100% - 98px)}
.peak-tile{position:absolute;display:block;width:100px;padding:13px 9px 12px;text-align:center;border:1px solid #4D8DDA;border-radius:5px;background:linear-gradient(140deg,#212630,#1c2129);box-shadow:0 8px 22px #0005;transform:translate(-50%,-100%);transition:border-color .2s,background .2s;z-index:3}.peak-tile:hover,.peak-tile:focus-visible{border-color:#78A8E4;background:#4D8DDA;outline:2px solid #4D8DDA;outline-offset:3px}.peak-tile b{display:block;font-size:13px;color:#78A8E4}.peak-tile small{display:block;font-size:7px;color:#4D8DDA;margin-top:3px}.peak-tile span{display:block;font-size:11px;color:#4D8DDA;margin-top:4px}.peak-linux{left:10%;top:47%}.peak-cachy{left:30%;top:33%}.peak-debian{left:50%;top:46%}.peak-slack{left:70%;top:32%}.peak-bmw{left:90%;top:53%}
.subpage{padding-block:68px 88px;min-height:65vh}.breadcrumb{display:inline-block;color:#4D8DDA;font-size:12px;margin-bottom:34px}.subpage .eyebrow{margin-bottom:20px}.subpage h1{font-size:clamp(36px,5vw,62px);max-width:850px;line-height:1.1}.subpage-intro{color:#AAB4C4;font-size:16px;line-height:1.9;max-width:780px;margin-bottom:36px}.subpage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:34px}.subpage-card{padding:27px 24px 34px;border:1px solid #4D8DDA;border-radius:5px;background:#1c2029 url('/assets/mountain-ridge-grafit-blekit.svg') center bottom/100% 20px no-repeat}.subpage-card h2{font-size:22px;letter-spacing:-.03em}.subpage-card p{font-size:13px;line-height:1.9;color:#AAB4C4}.subpage-card .card-link{display:inline-block;font-size:12px;margin-top:12px}
@media(max-width:1000px){.primary-nav .nav-dropdown{width:100%}.dropdown-toggle{width:100%;justify-content:space-between;padding:13px 0;font-size:15px}.dropdown-panel{position:static;min-width:0;margin:0 0 7px;box-shadow:none}.primary-nav .dropdown-panel a{font-size:14px;padding:12px}.topic-nav .ticker-track{height:auto;min-height:48px;gap:12px;font-size:8px}}
@media(max-width:900px){.peak-tile{width:76px;padding:11px 5px}.peak-tile b{font-size:11px}.peak-tile small{font-size:6px}.subpage-grid{grid-template-columns:1fr}.mountain-map-heading{left:15px;right:15px;font-size:8px}}
@media(max-width:680px){.mountain-map{height:340px}.mountain-map-heading small{display:none}.peak-tile{width:65px;padding:10px 3px}.peak-tile b{font-size:10px}.peak-tile small{display:none}.peak-linux{top:48%}.peak-cachy{top:37%}.peak-debian{top:48%}.peak-slack{top:36%}.peak-bmw{top:55%}.subpage{padding-block:46px 60px}.subpage-intro{font-size:14px}.topic-nav .ticker-track{gap:10px;letter-spacing:.06em}.topic-nav b{display:none}}

:root{color-scheme:dark;--bg:#15181E;--panel:#1D222B;--panel2:#252C37;--text:#EAECEF;--muted:#AAB4C4;--accent:#4D8DDA;--accent2:#78A8E4;--dim:#AAB4C4;--cyan:#4D8DDA;--line:rgba(220,226,234,.16)}

body{background:var(--bg);color:var(--text)}
.site-header,.site-footer{background:var(--bg)}
.primary-nav,.dropdown-panel,.topic-nav{background:var(--panel)}
.primary-nav a,.dropdown-toggle{color:var(--text)}
.dropdown-panel{border-color:var(--line)}.dropdown-panel a:hover,.dropdown-panel a:focus-visible{background:var(--panel2);color:var(--accent)}
.hero-lede,.section-heading>p,.portfolio-heading>p,.garage-copy>p,.approach-grid p,.subpage-intro,.subpage-card p,.project-card>p{color:var(--muted)}
.mountain-map,.garage-panel,.topic-card,.project-card,.subpage-card{background-color:var(--panel);border-color:var(--line)}
.mountain-map{background:linear-gradient(145deg,var(--panel2),var(--panel))}
.peak-tile{background:var(--panel);border-color:var(--accent);box-shadow:0 6px 15px rgba(0,0,0,.1)}.peak-tile b{color:var(--text)}.peak-tile small{color:var(--muted)}.peak-tile:hover,.peak-tile:focus-visible{background:var(--panel2);border-color:var(--accent);outline-color:var(--accent)}
.project-card,.garage-panel{box-shadow:0 8px 24px rgba(0,0,0,.06)}.project-tags span{color:var(--muted);border-color:var(--line)}
.brand-emblem,.hero-brand-emblem,.car-art,.panel-car svg{filter:none}
.pulse,.tag-dot,.status-dot,.project-status i{box-shadow:none;background:var(--accent)}
.garage-section,.start-section,.portfolio-git-note{background:var(--panel);border-color:var(--line)}
.hero-proof b,.project-link-placeholder b,.portfolio-git-note b,.garage-specs b,.footer-main .brand{color:var(--text)}
.git-mark,.project-category,.card-link span,.repo-mark,.repo-lock,.peak-tile span{color:var(--accent)}
.project-art{border-color:var(--line)}
.terminal-window,.terminal-head,.hardware-visual,.chip{background:var(--panel2);border-color:var(--line)}
.terminal-body,.chip span,.chip small{color:var(--muted)}
.daria-window{background:#F6F0EA;color:#342E2B}.daria-window small{color:#766B66}.daria-window em{background:#9D7668;color:#FFF}
.color-variant-label{display:inline-block;margin-bottom:16px;padding:5px 10px;border:1px solid var(--line);border-radius:3px;font-size:10px;letter-spacing:.05em;color:var(--muted)}
.button-primary{background:var(--accent);color:#101419}.button-primary:hover{background:var(--accent2)}

/* Wspólne logo i nawigacja bez ramki. */
.primary-nav,.topic-nav{background:transparent;border:0;box-shadow:none}
.dropdown-panel{border:0}
.brand-emblem,.hero-brand-emblem{filter:none}
.mountain-panorama path:first-of-type{fill:var(--panel2);stroke:var(--accent)}
.mountain-panorama path:nth-of-type(2){stroke:var(--text)}
.mountain-panorama path:nth-of-type(3){stroke:var(--accent);opacity:.4}
.theme-picker{position:fixed;right:18px;bottom:16px;z-index:25;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);box-shadow:0 5px 18px rgba(0,0,0,.14);font-size:11px}
.theme-picker select{font:inherit;color:var(--text);background:var(--panel);border:0;padding:4px 3px;max-width:180px;cursor:pointer}.theme-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-footer{padding-bottom:75px}
@media(max-width:1000px){.primary-nav{background:var(--panel);border:0}.theme-picker{right:10px;bottom:10px;gap:7px;font-size:10px}}

.nav-split{display:flex;align-items:center;gap:4px}.nav-split>.dropdown-toggle{padding:9px 5px;width:auto}.nav-split>a{white-space:nowrap}.project-detail-link{display:flex;justify-content:space-between;color:var(--accent);font-size:11px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.portfolio-intro{padding-block:65px 15px}.portfolio-intro h1{font-size:clamp(36px,5vw,58px)}.portfolio-about{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.portfolio-about p{color:var(--muted);font-size:15px;line-height:1.9}.github-panel{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:5px}.github-panel h2{font-size:22px}.github-panel p{font-size:13px}.github-panel .button{margin-top:7px}.project-detail-status{color:var(--accent);font-size:11px;letter-spacing:.13em;margin-bottom:20px}.project-source-note{padding:20px;background:var(--panel);border:1px solid var(--line);margin-bottom:25px;color:var(--muted);font-size:13px}.editor-panel{padding-block:60px}.content-image{max-width:100%;height:auto;border-radius:5px}
@media(max-width:1000px){.nav-split{justify-content:space-between}.nav-split>a{flex:1}.nav-split>.dropdown-toggle{width:44px;justify-content:center}.portfolio-about{grid-template-columns:1fr}}

/* v02: requested linked tiles, diagnostics, ASCII 404 and contact. */
[data-tile]{position:relative}[data-tile] .tile-link{color:inherit}[data-tile] .tile-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}[data-tile]:has(.tile-link:focus-visible){outline:2px solid var(--accent);outline-offset:4px}[data-tile]:hover{border-color:var(--accent)}[data-tile] a:not(.tile-link){position:relative;z-index:3}.detail-article{max-width:850px;margin-bottom:38px}.detail-article h2{font-size:25px;margin-top:32px}.detail-article p{color:var(--muted);font-size:16px;line-height:1.95}.source-note{font-size:11px;color:var(--muted);line-height:1.8}time{display:block;color:var(--accent);font-size:11px;margin-bottom:16px}.contact-card{max-width:800px}.contact-email{display:inline-block;font:clamp(18px,3vw,32px)/1.7 ui-monospace,monospace;color:var(--accent);overflow-wrap:anywhere;margin-bottom:18px}.error-page{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:60px}.error-page .eyebrow{justify-content:center}.error-page h1{font-size:clamp(38px,6vw,70px);margin-bottom:30px}.ascii-pair{display:flex;justify-content:center;align-items:center;gap:clamp(28px,6vw,80px);width:100%;margin:8px 0 30px}.ascii-pair figure{margin:0}.ascii-pair pre{font:clamp(10px,1.8vw,17px)/1.13 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left;margin:0;color:var(--accent);white-space:pre}.ascii-pair figure:first-child pre{color:var(--text)}.ascii-pair figcaption{font:10px ui-monospace,monospace;letter-spacing:.16em;color:var(--muted);margin-top:20px}.error-page>p{color:var(--muted)}.error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:25px}.garage-panel{height:auto;min-height:440px;overflow:hidden}.garage-panel .panel-car{position:relative;top:auto;left:auto;right:auto;margin:42px 12px 0}.garage-panel .panel-car svg{display:block;width:100%;height:auto}.garage-panel .panel-bottom{position:static;margin:14px 20px 20px}.diagnostic-station{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 20px 24px}.diagnostic-laptop svg{width:125px;display:block;margin:auto}.diagnostic-laptop b,.diagnostic-laptop small{display:block;text-align:center}.diagnostic-laptop b{font-size:12px}.diagnostic-laptop small{font-size:9px;color:var(--muted)}.diagnostic-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.diagnostic-tools a{display:flex;flex-direction:column;justify-content:center;min-height:90px;text-align:center;padding:12px 5px;border:1px solid var(--line);background:var(--panel2);border-radius:4px}.diagnostic-tools a:hover,.diagnostic-tools a:focus-visible{border-color:var(--accent);outline-color:var(--accent)}.diagnostic-tools b{font-size:12px;color:var(--accent)}.diagnostic-tools small{font-size:8px;color:var(--muted);margin-top:5px}.garage-specs a{display:block}.hero-proof a{color:inherit}@media(max-width:680px){.diagnostic-station{grid-template-columns:1fr;padding:15px}.diagnostic-laptop{display:flex;align-items:center;justify-content:center;gap:12px}.diagnostic-laptop svg{width:90px;margin:0}.diagnostic-laptop b,.diagnostic-laptop small{text-align:left}.garage-panel{min-height:0}.ascii-pair{gap:20px}.ascii-pair pre{font-size:10px}.error-page{padding-block:45px}.detail-article p{font-size:14px}}

.privacy-consent:not([open]){display:none}.privacy-consent[open]{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:rgba(4,7,11,.78);color:var(--text);overflow:auto;overscroll-behavior:contain}.privacy-consent::backdrop{background:transparent;backdrop-filter:blur(8px)}.privacy-consent__card{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),var(--bg));box-shadow:0 30px 100px rgba(0,0,0,.65)}.privacy-consent__topline{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.16em}.privacy-consent__topline span{width:28px;height:2px;background:var(--accent)}.privacy-consent__intro{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start}.privacy-consent__icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--accent);font-size:22px}.privacy-consent__eyebrow{margin:0 0 5px;color:var(--accent);font-size:11px;font-weight:780;letter-spacing:.06em}.privacy-consent h2{margin:0;font-size:clamp(27px,4vw,38px);line-height:1.08;letter-spacing:-.035em}.privacy-consent__intro p:last-child{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.privacy-consent__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.privacy-consent__facts span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--muted);font-size:11px;font-weight:700}.privacy-consent__facts b{color:var(--accent)}.privacy-consent__admin{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:15px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:12px}.privacy-consent__admin span{color:var(--muted)}.privacy-consent__admin a,.privacy-consent__links a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}.privacy-consent__settings{display:grid;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.privacy-consent__settings[hidden]{display:none}.privacy-category{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}.privacy-category strong,.privacy-category small{display:block}.privacy-category strong{font-size:13px}.privacy-category small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.privacy-switch{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.privacy-switch input{width:18px;height:18px;accent-color:var(--accent)}.privacy-switch.is-locked{color:var(--muted)}.privacy-off{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;white-space:nowrap}.privacy-category--inactive{opacity:.75}.privacy-consent__links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px}.privacy-consent__links a{font-size:12px}.privacy-consent__links span{color:var(--muted);font-size:10px}.privacy-consent__actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:15px}.privacy-action{min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);font:inherit;font-size:12px;font-weight:720;cursor:pointer}.privacy-action:hover{border-color:var(--accent)}.privacy-action:focus-visible,.privacy-switch input:focus-visible,.footer-privacy-settings:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.privacy-action--accept{border-color:var(--accent);background:var(--accent);color:var(--bg)}.privacy-action--save:not([hidden]){grid-column:1/-1;background:var(--accent);color:var(--bg)}.footer-privacy-settings{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.footer-privacy-settings:hover{color:var(--accent);text-decoration:underline}@media(max-width:680px){.privacy-consent[open]{align-items:end;padding:10px}.privacy-consent__card{max-height:calc(100dvh - 20px);padding:21px 17px 17px;border-radius:17px}.privacy-consent__intro{grid-template-columns:42px minmax(0,1fr);gap:11px}.privacy-consent__icon{width:42px;height:42px;border-radius:11px;font-size:17px}.privacy-consent h2{font-size:27px}.privacy-consent__intro p:last-child{font-size:13px}.privacy-consent__facts{gap:6px;margin-top:14px}.privacy-consent__facts span{font-size:10px;padding:6px 8px}.privacy-consent__admin{display:grid;grid-template-columns:1fr;gap:3px}.privacy-category{grid-template-columns:1fr;gap:8px}.privacy-switch{justify-self:start}.privacy-consent__actions{grid-template-columns:1fr}.privacy-action{min-height:43px}.privacy-action--save:not([hidden]){grid-column:auto}.privacy-consent__links{display:grid;justify-content:start}.footer-privacy-settings{font-size:inherit}}

/* Starsze przeglądarki: dialog natywny może nie mieć showModal(), ale nadal pokazujemy dostępny panel modalny. */
.privacy-consent[open]{width:100vw;height:100vh;height:100dvh}
.privacy-consent__card{width:760px;max-width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
@media(max-width:680px){.privacy-consent__card{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}}

/* v08: slightly larger supporting text for desktop and mobile readability. */
.primary-nav{font-size:13px}.primary-nav a{font-size:12px}.dropdown-toggle{font-size:13px}
.eyebrow{font-size:10px}.proof-item small{font-size:11px}.visual-tag small{font-size:10px}.visual-caption{font-size:9px}.visual-micro{font-size:8px}
.ticker-track{font-size:10px}.card-kicker{font-size:10px}.topic-card>p{font-size:13px}.card-link{font-size:11px}
.terminal-head span,.term-muted,.garage-callout small,.garage-specs small,.start-links small,.project-card-top,.project-category,.project-tags span,.project-link-placeholder small,.diagnostic-tools small,.logo-credits{font-size:9px}
.approach-grid p,.project-card>p,.project-detail-link,.project-detail-status,.source-note,time,.diagnostic-laptop small{font-size:12px}
.project-link-placeholder b,.garage-callout b{font-size:10px}.project-status,.project-number{font-size:8px}
.subpage-card p{font-size:14px}.theme-picker{font-size:12px}
.site-footer .footer-bottom{font-size:9px}.garage-panel .panel-top,.garage-panel .panel-bottom{font-size:9px}
.peak-tile b{font-size:15px}.peak-tile small{font-size:9px}
@media(max-width:1000px){.dropdown-toggle{font-size:16px}.primary-nav .dropdown-panel a{font-size:15px}.theme-picker{font-size:11px}}
@media(max-width:900px){.peak-tile b{font-size:12px}.peak-tile small{font-size:7px}}
@media(max-width:680px){.peak-tile b{font-size:11px}.subpage-card p{font-size:13px}.primary-nav a{font-size:15px}}

/* v10: panel szlaku na podstawie referencji. */
.trail-map{height:auto;aspect-ratio:1000/530;min-height:440px;border-radius:14px;border:2px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));isolation:isolate}
.trail-map .mountain-map-heading{top:24px;left:26px;right:26px;font-size:12px;letter-spacing:.2em;color:var(--accent2)}
.trail-map .mountain-panorama{inset:0;width:100%;height:100%;z-index:0}
.trail-map .mountain-panorama .trail-back{stroke:var(--accent);stroke-width:1.8;opacity:.25}
.trail-map .mountain-panorama .trail-ridge{stroke:var(--accent);stroke-width:3;fill:none;opacity:1}
.trail-map .mountain-panorama .trail-snow{stroke:#eaecef;stroke-width:2;fill:none;opacity:1}
.trail-map .mountain-panorama .trail-love{stroke:#55cdff;stroke-width:3;fill:none;filter:drop-shadow(0 0 5px #28a8ff)}
.trail-map .trail-beacon{fill:#9af4ff;stroke:#e2ffff;stroke-width:3;filter:drop-shadow(0 0 7px #38bfff)}
.trail-map .peak-tile{width:16.4%;height:auto;min-height:105px;padding:12px 5px 9px;display:flex;flex-direction:column;align-items:center;gap:7px;border:1.5px solid var(--accent);border-radius:8px;background:var(--bg);box-shadow:none;transform:translate(-50%,-100%);z-index:2}
.trail-map .peak-tile b{font-size:clamp(12px,1.3vw,17px);line-height:1.25;color:var(--text)}
.trail-map .peak-icon{width:40px;height:40px;object-fit:contain;display:block;flex:none;color:#f5f7fa}
.trail-map .peak-arrow{display:block;align-self:flex-end;font-size:19px;line-height:1;margin:0 4px 0 0;color:var(--accent)}
.trail-map .peak-linux{left:10%;top:56.6%}.trail-map .peak-cachy{left:28.5%;top:45.3%}.trail-map .peak-debian{left:47.8%;top:56.6%}.trail-map .peak-bmw{left:67%;top:48.1%}.trail-map .peak-angelka{left:88.2%;top:40.5%;min-height:125px;border-width:2.5px;box-shadow:0 0 12px #3198e866}
.trail-map .heart-mark{width:54px;height:54px;filter:drop-shadow(0 0 5px #a582fa)}
.trail-map .peak-tile:hover,.trail-map .peak-tile:focus-visible{background:var(--panel2);outline:2px solid var(--accent2);outline-offset:4px}
@media(max-width:1000px) and (min-width:681px){.trail-map{min-height:370px}.trail-map .peak-tile{padding:11px 3px 8px;min-height:96px}.trail-map .peak-icon{width:32px;height:32px}.trail-map .peak-arrow{font-size:17px}.trail-map .peak-angelka{min-height:113px}.trail-map .heart-mark{width:43px;height:43px}.trail-map .mountain-map-heading{left:18px;font-size:10px;letter-spacing:.16em}}
@media(max-width:680px){.trail-map{min-height:300px}.trail-map .mountain-map-heading{top:20px;left:16px;font-size:11px;letter-spacing:.15em}.trail-map .peak-tile{min-height:84px;padding:9px 2px 7px;gap:5px;border-radius:6px}.trail-map .peak-tile b{font-size:12px;letter-spacing:-.025em}.trail-map .peak-icon{width:28px;height:28px}.trail-map .peak-arrow{font-size:16px;margin-right:3px}.trail-map .peak-angelka{min-height:98px}.trail-map .heart-mark{width:35px;height:35px}}
@media(max-width:370px){.trail-map{min-height:290px}.trail-map .peak-tile b{font-size:11px}.trail-map .peak-tile{gap:4px}}