:root{--accent:#315fce;--electric:#245ce1;--ice:#edf4ff;--cyan:#4bb9d2;--line:#d8e3f2}
::selection{background:#c5d8ff;color:#183b61}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--electric);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);transition:box-shadow .2s}
.header.is-scrolled{box-shadow:0 3px 22px #183b610d,0 1px 0 var(--line)}
.header nav a{position:relative;transition:color .2s}
.header nav a[aria-current="location"]{color:var(--electric)}
.header nav a[aria-current="location"]:after{content:'';position:absolute;bottom:-8px;left:0;width:20px;height:2px;background:var(--electric)}
.nav-contact{background:var(--ice);border-color:#cddcf7!important}
.hero{position:relative;isolation:isolate;gap:60px;padding-top:50px;padding-bottom:85px}
.hero:before{content:'';position:absolute;z-index:-1;right:-35px;top:15px;width:48%;height:80%;background-image:radial-gradient(#c2d3ed 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero .eyebrow{color:var(--electric)}
.hero .eyebrow>span{height:7px;width:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 0 5px #245ce10d;flex-shrink:0}
h1 em{position:relative;color:var(--electric)}
h1 em:after{content:'';position:absolute;bottom:3px;left:1%;width:98%;height:7px;background:#55c5de40;z-index:-1;transform:rotate(-2deg)}
.hero-visual{transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0);transition:transform .4s ease-out}
.photo-frame{border-radius:140px 18px 18px 18px;box-shadow:0 20px 55px #1e4d7a12;height:600px}
.photo-frame img{border-radius:inherit}
.photo-frame:before{border-color:#8baae2;border-radius:148px 22px 22px 22px;inset:16px -16px -16px 16px}
.photo-frame:after{content:'TWÓRCZOŚĆ × TECHNOLOGIA';position:absolute;bottom:24px;left:24px;right:24px;padding:13px 16px;background:rgba(255,255,255,.94);border:1px solid #fff9;border-radius:8px;font:600 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:1.8px;color:var(--blue);backdrop-filter:blur(10px)}
.caption-line{background:var(--electric)}
.side-note{color:var(--electric)}
.button{border-radius:6px;background:var(--electric);box-shadow:0 7px 18px #245ce11c;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{background:#1747bc;transform:translateY(-3px);box-shadow:0 12px 24px #245ce12a}
.button span,.text-link span{display:inline-block;transition:transform .2s}
.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
.text-link{border-color:#adc1e9;transition:color .2s}
.text-link:hover{color:var(--electric)}
.project-lab{background:#f2f6fd;border-block:1px solid #e1eaf7;padding:80px 0;position:relative;overflow:hidden}
.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}
.lab-heading h2{margin-top:18px;font-size:52px}
.lab-heading>p{font-size:16px;max-width:420px}
.lab-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}
.connection-map{position:relative;aspect-ratio:5/4;max-width:500px;width:100%;border:1px solid #d4e1f3;background:#f7faff;border-radius:16px;overflow:hidden}
.connection-map svg{width:100%;height:100%;display:block}
.map-orbit{stroke:#b9cdec;stroke-dasharray:3 8}.map-orbit.inner{stroke:#d9e5f5;stroke-dasharray:none}
.map-path{stroke:#b7ccec;stroke-width:1.5}
.active-path{stroke:var(--electric);stroke-width:2.5;stroke-dasharray:160;stroke-dashoffset:0;transition:d .5s,stroke-dashoffset .5s}
.map-core{fill:var(--electric)}.core-outline{stroke:#94b2ee}
.map-core-label{fill:white;font:24px 'DM Serif Display',Georgia,serif;letter-spacing:-.3px}
.map-dot{fill:#c5d6ef;stroke:#f7faff;stroke-width:4;transition:fill .3s,r .3s}
[data-perspective="creator"] .dot-creator,[data-perspective="business"] .dot-business,[data-perspective="ai"] .dot-ai{fill:var(--electric);r:12}
.map-coordinate{position:absolute;top:17px;left:20px;font-size:9px;letter-spacing:1.5px;color:#637f9e}
.map-label{position:absolute;font-size:12px;font-weight:600;padding:4px 10px;background:#f7faff;color:#56728e;border:1px solid #d8e3f3;border-radius:20px;transition:background .3s,color .3s}
.label-creator{top:19%;left:50%;transform:translateX(-50%)}.label-business{top:72%;right:10%}.label-ai{top:72%;left:15%}
[data-perspective="creator"] .label-creator,[data-perspective="business"] .label-business,[data-perspective="ai"] .label-ai{background:var(--electric);color:white;border-color:var(--electric)}
.map-caption{position:absolute;left:20px;bottom:18px;font-size:11px;line-height:1.6;color:#637f9e}
.perspective-tabs{display:flex;gap:5px;border-bottom:1px solid #cbdaf0;padding-bottom:12px;margin-bottom:28px}
.perspective-tabs button{border:0;background:transparent;color:#53677a;padding:11px 14px;font-size:14px;border-radius:6px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap;min-height:44px}
.perspective-tabs button:hover{background:#e2ebfb}
.perspective-tabs button[aria-selected="true"]{background:var(--electric);color:white;box-shadow:0 3px 9px #245ce122}
.perspective-index{color:var(--electric);font-size:11px;letter-spacing:1.7px;font-weight:600}
#perspective-content{min-height:350px}
#perspective-content h3{font-family:'DM Serif Display',Georgia,serif;font-size:33px;font-weight:400;line-height:1.22;margin:16px 0;letter-spacing:-.6px}
.perspective-description{font-size:17px;line-height:1.75}
.perspective-topics{list-style:none;padding:0;margin:22px 0;font-size:15px;display:grid;gap:9px;color:var(--blue)}
.perspective-topics li{display:flex;align-items:baseline;gap:12px}
.perspective-topics li:before{content:'↗';color:var(--electric);font-size:15px}
.perspective-panel.is-switching #perspective-content{animation:panel-in .35s ease both}
@keyframes panel-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.section-heading .eyebrow,.split .eyebrow,.mediation .eyebrow,.about .eyebrow,.contact .eyebrow{color:var(--electric)}
.specialties{display:grid;gap:10px}
.specialties details{border:1px solid #dbe5f3;border-radius:9px;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}
.specialties summary{padding:23px 24px;gap:20px}
.specialties details:hover{border-color:#95b4ed;background:#f9fbff}
.specialties details[open]{border-color:#a1bbea;background:#f3f7fe;box-shadow:0 7px 22px #245ce108}
.specialties .number{background:#e7eefb;color:var(--electric);border-radius:7px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.specialties .detail{padding-left:82px;padding-right:35px;max-width:900px}
.specialties h3 small{background:#dce8fc;color:#2453b5;border-radius:4px}
.plus:before,.plus:after{background:var(--electric)}
.disputes{position:relative;background:#f3f6fb;border-block:1px solid #e1eaf5}
.disputes:before{content:'↗';position:absolute;right:5%;top:20px;font:180px/1 Manrope,Arial,sans-serif;color:#dde8fa;pointer-events:none}
.disputes .split{position:relative}
.mediation-art{border-radius:15px;background:#edf4ff;border:1px solid #d5e3f6}
.arc{border-color:#94b1e2;transition:transform .8s}
.mediation-art:hover .arc-one{transform:rotate(-10deg) translateX(10px)}
.mediation-art:hover .arc-two{transform:rotate(10deg) translateX(-10px)}
.mediation-art .gold-dot{background:var(--electric);box-shadow:0 0 0 8px #245ce10a}
.about{background:#f5f7fb}.about-image img{border-radius:12px}.about-image:after{border-color:#91afe4;border-radius:12px}
.contact-email,.contact-phone{transition:color .2s,padding .2s}
.contact-email:hover,.contact-phone:hover{color:var(--electric);padding-left:8px}
.contact{position:relative}.contact:before{content:'';position:absolute;right:0;bottom:35px;width:95px;height:70px;background-image:radial-gradient(#7a9fdd 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.4;pointer-events:none}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}
.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1200px){.header nav a[aria-current="location"]:after{bottom:11px;left:12px;width:4px;height:4px;border-radius:50%}.hero{gap:40px}.lab-layout{gap:35px}.perspective-tabs button{font-size:13px;padding:10px}.lab-heading{gap:35px}.lab-heading>p{max-width:330px}.photo-frame{height:570px}}
@media(max-width:900px){.lab-heading h2{font-size:44px}.lab-layout{grid-template-columns:1fr;gap:35px}.connection-map{max-width:440px;margin:auto}.perspective-panel{max-width:640px;width:100%;margin:auto}.lab-heading>p{max-width:280px}.photo-frame{height:530px}.hero{gap:30px}.photo-frame:after{font-size:9px;letter-spacing:1px;left:15px;right:15px;padding:12px}.project-lab{padding:65px 0}.perspective-tabs button{font-size:15px;padding:11px 16px}.disputes:before{font-size:130px}}
@media(max-width:650px){.hero{padding-top:30px;padding-bottom:55px;gap:40px}.hero:before{right:-8px;top:650px;width:85%;height:600px}.hero .eyebrow{font-size:10px}.photo-frame{height:450px;border-top-left-radius:110px}.photo-frame:before{border-top-left-radius:118px}.photo-frame:after{font-size:10px;left:18px;right:18px;letter-spacing:1.3px}.lab-heading{display:block;margin-bottom:30px}.lab-heading h2{font-size:42px}.lab-heading>p{max-width:none;font-size:16px;margin-top:22px}.lab-layout{gap:30px}.project-lab{padding:55px 0}.perspective-tabs{gap:3px;justify-content:space-between}.perspective-tabs button{font-size:12px;padding:10px 8px}.connection-map{border-radius:12px}.map-coordinate{font-size:7px;top:12px;left:12px;letter-spacing:1px}.map-caption{font-size:9px;bottom:10px;left:12px}.map-label{font-size:10px;padding:3px 7px}.label-creator{top:19%}.label-business{right:7%}.label-ai{left:13%}#perspective-content{min-height:400px}#perspective-content h3{font-size:29px}.perspective-topics{font-size:15px}.perspective-link{font-size:14px;gap:12px}.specialties summary{padding:19px 14px;gap:12px}.specialties .number{width:31px;height:31px;font-size:12px}.specialties h3{font-size:18px}.specialties .detail{padding:0 16px 23px}.specialties .plus{width:14px}.disputes:before{font-size:110px;top:30px;right:20px;opacity:.6}.contact:before{display:none}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.perspective-panel.is-switching #perspective-content{animation:none}.hero-visual{transform:none}.button:hover{transform:none}}

/* Soft satin gold: a broad, restrained reflection without artificial glare. */
:root {
  --gold: #b79a60;
  --gold-deep: #947b49;
  --gold-metal: linear-gradient(125deg, #a58a52 0%, #d6c493 48%, #b69a61 100%);
}
.hero .eyebrow > span {
  background: var(--gold-metal);
  box-shadow: 0 0 0 4px #b79a6012;
}
h1 em:after {
  background: var(--gold-metal);
  height: 3px;
  box-shadow: none;
}
.photo-frame:before, .about-image:after {
  border: 0;
  padding: 1px;
  background: var(--gold-metal);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.photo-frame:after { border-left: 2px solid var(--gold); box-shadow: none; }
.caption-line {
  height: 1px;
  background: var(--gold-metal);
  box-shadow: none;
}
.header nav a[aria-current="location"]:after { background: var(--gold-metal); }
.button > span { color: #e1d2ad; text-shadow: none; }
.connection-map .map-orbit:not(.inner) { stroke: var(--gold); }
.connection-map .core-outline { stroke: var(--gold); stroke-width: 1.5; }
.mediation-art .arc-one { border-color: var(--gold); box-shadow: none; }
.mediation-art .gold-dot {
  background: var(--gold-metal);
  box-shadow: 0 0 0 7px #b79a6012;
}
.footer { border-top-color: #b79a6060; }