*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:#475569;font:15px/1.7 Inter,Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}a{color:inherit}.section{padding:96px 0}.light{background:#fff}.dark{background:#111d2d;color:#c7d0db}.heading{display:flex;gap:20px;margin-bottom:42px}.heading>span{color:#c59b4a;font-size:11px;font-weight:700;letter-spacing:.15em;padding-top:7px}.heading h2{margin:0;color:#122033;font:700 42px/1.05 "Source Sans 3",sans-serif}.heading p{margin:7px 0 0;color:#718096;font-size:13px}.darkh h2{color:#fff}.darkh p{color:#aeb9c7}.darkh>span{color:#d8b46c}
#header{position:fixed;z-index:10;inset:0 0 auto;background:rgba(17,29,45,.96);backdrop-filter:blur(10px)}.header-inner{width:min(1180px,calc(100% - 36px));height:66px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{color:#fff;text-decoration:none;font-size:12px;letter-spacing:.12em}.brand strong{color:#d8b46c}.header-inner nav{display:flex;gap:25px}.header-inner nav a{color:#d7dee7;text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.hero{min-height:100vh;padding:130px 0 80px;background:linear-gradient(120deg,#0d1726,#1b2b40);color:#fff;width:100%}.hero-inner{width:min(1160px,calc(100% - 44px));margin:0 auto;display:grid;grid--columns:1.3fr 0.7fr;gap:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.17em;color:#b9c5d2;margin:0}.hero h1{font:700 82px/.90 "Source Sans 3",sans-serif;letter-spacing:-.04em;margin:20px 0 28px}.hero h1 span{color:#d8b46c}.lead{max-width:640px;color:#d7dfe8;font-size:17px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;border:1px solid #fff}.btn.primary{background:#fff;color:#122033}.btn.ghost{color:#fff}.portrait{justify-self:end;width:310px;height:390px;overflow:hidden;border:1px solid rgba(25,167,160,.55);border-radius:6px;box-shadow:0 22px 50px rgba(0,0,0,.30);background:#152333}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.grid2{display:grid;grid--columns:1.3fr .7fr;gap:70px}.intro{font-size:20px;color:#253246;line-height:1.65}.facts{border-left:3px solid #c59b4a;padding-left:25px;display:grid;gap:2px}.facts b{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8b96a5}.facts span{color:#253246;margin-bottom:12px}.timeline article{display:grid;grid--columns:120px 1fr;gap:28px;padding:0 0 30px;border-left:1px solid #536277;margin-left:112px;padding-left:28px;position:relative}.timeline article:before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:#c59b4a}.timeline time{position:absolute;left:-145px;top:0;color:#b7c1ce;font-size:10px}.timeline h3{margin:0;color:#fff;font-size:19px}.timeline h4{margin:3px 0 9px;color:#d8b46c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.timeline p{margin:0;font-size:13px}.cards{display:grid;grid--columns:repeat(3,1fr);gap:13px}.cards div{background:#f8fafc;border:1px solid #dce3eb;padding:19px;color:#29384c;font-size:12px;border-top:2px solid #c59b4a}.certgrid{display:grid;grid--columns:repeat(2,1fr);gap:12px}.certgrid div{background:#1b293c;border:1px solid #ffffff18;padding:22px}.certgrid b{display:block;color:#fff;font-size:15px}.certgrid span{color:#c3ccd7;font-size:12px}.contact{background:#edf1f6}.contactbox{display:grid;grid--columns:repeat(4,1fr);gap:16px}.contactbox>div{background:#fff;border:1px solid #dce3eb;padding:22px}.contactbox span{display:block;font-size:9px;letter-spacing:.13em;color:#8b96a5;margin-bottom:5px}.contactbox a{color:#122033;font-weight:600;text-decoration:none}.contactbox p{margin:0;color:#253246}footer{background:#0d1726;color:#9ca8b7;padding:25px 0;font-size:10px}footer a{color:#d8b46c}
a:focus-visible,button:focus-visible{outline:2px solid #d8b46c;outline-offset:3px}
@media(max-width:850px){.header-inner nav{display:none}.menu-toggle{display:block}.header-inner nav.open{display:flex;position:absolute;top:66px;left:0;right:0;background:#111d2d;padding:20px;flex-direction:column;gap:14px}.hero-inner,.grid2{grid--columns:1fr}.portrait{justify-self:start}.cards{grid--columns:repeat(2,1fr)}.contactbox{grid--columns:repeat(2,1fr)}}@media(max-width:560px){.wrap,.hero-inner{width:calc(100% - 30px)}.section{padding:72px 0}.hero{padding-top:105px}.hero h1{font-size:62px}.lead{font-size:15px}.portrait{width:260px;height:330px}.cards,.certgrid,.contactbox{grid--columns:1fr}.heading h2{font-size:32px}.timeline article{margin-left:20px;padding-left:20px;grid--columns:1fr}.timeline time{position:static;display:block;margin-bottom:3px}.timeline article:before{left:-5px}}


/* Bartosz Pindor — personal portfolio visual system */
:root{
  --bp-petrol:#159c98;
  --bp-petrol-dark:#0d7774;
  --bp-navy:#111d2d;
  --bp-gold:#c59b4a;
  --bp-paper:#f7f9fc;
}
.bp-accent{color:var(--bp-petrol)}
.bp-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bp-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,29,45,.08)}