/* 01 — TOKENS / BASE / HERO */
:root{
--fg:#0d0c0b;
--fg-soft:rgba(13,12,11,.64);
--fg-faint:rgba(13,12,11,.42);
--shade:#f2f0ec;
--rule:rgba(13,12,11,.16);
--ease:cubic-bezier(.22,.61,.36,1);
--pill-bg:#0a0908;
--pill-fg:#ffffff;
--blood:#b10f1a;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{background:var(--shade);color:var(--fg);font-family:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
.stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--shade);}
.stage video,.stage .hero-frame-hold{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(1.02);object-fit:cover;filter:contrast(1.02);will-change:transform;}
.stage video{opacity:0;}
.stage video.is-visible{opacity:1;}
.stage .hero-frame-hold{z-index:1;opacity:0;pointer-events:none;}
.stage .hero-frame-hold.is-visible{opacity:1;}
.veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(242,240,236,.62) 0%,rgba(242,240,236,.12) 22%,rgba(242,240,236,.12) 78%,rgba(242,240,236,.66) 100%),radial-gradient(100% 80% at 50% 48%,rgba(242,240,236,0) 0%,rgba(242,240,236,.34) 100%),rgba(242,240,236,.20);}
.grain{position:absolute;inset:-50%;opacity:.13;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='.5'/></svg>");}
.chrome{position:fixed;left:0;right:0;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,calc(env(safe-area-inset-top,0px) + 12px)) clamp(16px,3.4vw,44px) 14px;background:linear-gradient(to bottom,rgba(242,240,236,.94) 0%,rgba(242,240,236,.78) 72%,rgba(242,240,236,0) 100%);}
.mark{display:flex;align-items:center;gap:9px;font-size:15px;letter-spacing:-.012em;color:var(--fg);min-width:0;flex-shrink:1;}
.mark-star{opacity:.85;}
.nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px clamp(12px,1.8vw,26px);max-width:calc(100% - 180px);}
.nav a:not(.pill){color:var(--fg);text-decoration:none;font-size:14.5px;letter-spacing:-.008em;opacity:.88;transition:opacity .3s var(--ease);}
.nav a:not(.pill):hover{opacity:1;}
.pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 21px;border-radius:999px;background:var(--pill-bg);color:var(--pill-fg);font-size:14.5px;font-weight:500;letter-spacing:-.008em;text-decoration:none;white-space:nowrap;opacity:1;border:1px solid rgba(10,9,8,.12);box-shadow:0 1px 0 rgba(255,255,255,.10) inset;-webkit-text-fill-color:var(--pill-fg);transition:transform .4s var(--ease),background .3s var(--ease),color .3s var(--ease);}
.nav .pill{color:#fff;-webkit-text-fill-color:#fff;}
.pill:hover,.pill:focus-visible{transform:translateY(-2px);background:#000;color:#fff;-webkit-text-fill-color:#fff;}
.pill:focus-visible{outline:2px solid var(--fg);outline-offset:2px;}
.meter{position:fixed;top:0;left:0;z-index:50;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--fg);opacity:.55;pointer-events:none;}
.panels{position:fixed;inset:0;z-index:20;pointer-events:none;}
.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(104px,calc(env(safe-area-inset-top,0px) + 88px)) clamp(20px,5vw,60px) max(96px,calc(env(safe-area-inset-bottom,0px) + 80px));opacity:0;will-change:opacity,transform;}
.eyebrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;letter-spacing:.045em;color:var(--fg-soft);margin-bottom:clamp(16px,2vw,22px);max-width:min(46ch,100%);text-align:center;}
h1{font-weight:400;font-size:clamp(34px,7.1vw,104px);line-height:.98;letter-spacing:-.036em;max-width:15ch;text-wrap:balance;}
.sub{margin-top:clamp(18px,2.2vw,28px);font-size:clamp(15px,1.28vw,19px);line-height:1.5;letter-spacing:-.008em;color:var(--fg-soft);max-width:min(46ch,100%);text-wrap:pretty;}
.cta{margin-top:clamp(28px,3.4vw,44px);pointer-events:auto;width:100%;display:flex;justify-content:center;}
.cta .pill{height:48px;padding:0 27px;font-size:15px;max-width:min(100%,320px);}
.panel[aria-hidden="true"] .cta{pointer-events:none;}
.boot{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--shade);transition:opacity .18s var(--ease),visibility .18s;}
.boot.done{opacity:0;visibility:hidden;}
.boot p{font-size:12.5px;letter-spacing:.05em;color:var(--fg-faint);}
.bar{width:150px;height:1px;background:var(--rule);overflow:hidden;}
.bar i{display:block;height:100%;width:100%;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;}

.track{position:relative;}

.movable-object{
--x:0px;
--y:0px;
--scale:1;
--rotate:0deg;
transform:translate3d(var(--x),var(--y),0) rotate(var(--rotate)) scale(var(--scale));
transform-origin:center;
will-change:transform,opacity;
}
.philosophy-panel{
padding:0;
align-items:stretch;
justify-content:stretch;
text-align:left;
overflow:hidden;

will-change:opacity,transform;
}
.philosophy-image-object{
position:absolute;
inset:0;
z-index:0;
opacity:0;
filter:blur(12px);
will-change:transform,opacity,filter;
}
.philosophy-image-object img{
position:absolute;
left:0;
bottom:0;
width:90%;
height:90%;
display:block;
object-fit:contain;
object-position:left bottom;
}
.philosophy-copy-object{
position:absolute;
z-index:2;

--y:-50%;
color:var(--fg);
opacity:0;
filter:blur(8px);
will-change:transform,opacity,filter;
}
.philosophy-copy-object .philo-block{

font-family:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;

font-weight:400;
color:var(--fg);
}
.philosophy-copy-object .philo-block p{

text-align:left;
}
.philosophy-copy-object .philo-block .line{
display:block;
white-space:nowrap;
}
.philosophy-copy-object .philo-block .final-line{
display:block;
white-space:nowrap;
text-align:right;
}
.philosophy-copy-object .philo-block .form-word{
color:var(--blood);
}

@media (max-width:900px){
.veil{background:linear-gradient(to bottom,rgba(242,240,236,.72) 0%,rgba(242,240,236,.18) 24%,rgba(242,240,236,.18) 76%,rgba(242,240,236,.74) 100%),radial-gradient(100% 80% at 50% 48%,rgba(242,240,236,0) 0%,rgba(242,240,236,.40) 100%),rgba(242,240,236,.24);}
}
@media (max-width:720px){
.nav{max-width:none;flex-shrink:0;}
.nav a:not(.pill){display:none;}
.mark{font-size:14px;}
.nav .pill{height:38px;padding:0 16px;font-size:13.5px;}
h1{max-width:12ch;font-size:clamp(30px,9.8vw,52px);}
.sub{font-size:15px;max-width:34ch;}
.panel{padding:max(92px,calc(env(safe-area-inset-top,0px) + 76px)) 18px max(88px,calc(env(safe-area-inset-bottom,0px) + 72px));}
.philosophy-panel{padding:0;}
.philosophy-image-object img{width:94%;height:94%;object-position:left bottom;}
.philosophy-panel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(242,240,236,.05) 0%,rgba(242,240,236,.24) 38%,rgba(242,240,236,.94) 68%,rgba(242,240,236,.99) 100%);pointer-events:none;}

.philosophy-copy-object .philo-block{width:31ch;max-width:100%;}
}
@media (max-width:420px){
.mark-star{display:none;}
.nav .pill{height:36px;padding:0 14px;font-size:13px;}
h1{max-width:11ch;font-size:clamp(28px,10.5vw,40px);}
.eyebrow{font-size:11px;letter-spacing:.04em;max-width:28ch;}
.cta .pill{width:100%;max-width:280px;height:44px;padding:0 20px;font-size:14px;}
.philosophy-image-object img{width:100%;height:68%;object-position:left top;}
.philosophy-panel::after{background:linear-gradient(180deg,rgba(242,240,236,.04) 0%,rgba(242,240,236,.18) 35%,rgba(242,240,236,.94) 62%,rgba(242,240,236,1) 100%);}
.philosophy-copy-object{right:20px;left:20px;top:auto;bottom:max(34px,calc(env(safe-area-inset-bottom,0px) + 20px));width:auto;--y:0px;}
.philosophy-copy-object .philo-block{font-size:14px;line-height:1.42;width:29ch;max-width:100%;}
}
@media (max-height:520px) and (orientation:landscape){
.panel{padding:max(72px,calc(env(safe-area-inset-top,0px) + 56px)) 24px max(64px,calc(env(safe-area-inset-bottom,0px) + 48px));}
h1{font-size:clamp(28px,8vh,44px);}
.sub{margin-top:12px;font-size:14px;}
.cta{margin-top:16px;}
}

.track{pointer-events:auto;z-index:1;}
.scene-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;}
.stage,.panels{position:absolute;}
.stage{will-change:opacity,filter;}
.philosophy-panel{background:transparent;}

.philo-block h2{font-size:clamp(25px,2.45vw,38px);font-weight:400;line-height:1.14;letter-spacing:-.035em;text-wrap:pretty;margin-bottom:28px;}

.philosophy-copy-object .philo-block .philo-ending{margin-top:24px;color:var(--fg);}
/* 02 — DOCUMENT SECTIONS */
.portfolio-screen,.editorial-screen,.quote-screen,.contact-screen{position:relative;z-index:2;background:var(--shade);min-height:100svh;scroll-margin-top:90px;}
.portfolio-screen{display:grid;place-items:center;padding:100px 24px;}
.portfolio-screen h2{font-weight:400;font-size:clamp(32px,6vw,88px);letter-spacing:-.045em;}
.editorial-screen{display:flex;align-items:center;padding:130px 9vw;}
.editorial-inner{width:100%;max-width:1360px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;column-gap:10%;align-items:start;}
.section-label{font-size:13px;letter-spacing:.035em;color:var(--fg-soft);margin-bottom:28px;}
.editorial-inner>.section-label{grid-column:1/-1;}
.editorial-inner h2{font-weight:400;font-size:clamp(38px,4.5vw,76px);line-height:1.02;letter-spacing:-.045em;}
.editorial-copy{font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:var(--fg-soft);max-width:40ch;padding-top:4px;}
.editorial-copy p+p{margin-top:24px;}
.editorial-copy .closing-thought{color:var(--fg);}
.quote-screen{display:grid;place-items:center;padding:130px 12vw;}
.quote-screen figure{max-width:1080px;}
.quote-screen blockquote{font-size:clamp(30px,3.8vw,62px);line-height:1.23;font-weight:400;letter-spacing:-.035em;text-wrap:pretty;}
.quote-screen figcaption{margin-top:36px;font-size:15px;color:var(--fg-soft);}
.contact-screen{padding:120px 8vw 36px;display:flex;flex-direction:column;justify-content:space-between;gap:70px;}
.manifest-copy h2{font-size:clamp(30px,3.8vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.035em;}
.manifest-copy>p:last-child{margin-top:28px;font-size:18px;line-height:1.6;color:var(--fg-soft);}
.people{display:grid;grid-template-columns:1fr 1fr;scroll-margin-top:120px;}
.people article{padding:20px 5vw 20px 0;}
.people article+article{border-left:1px solid var(--rule);padding:20px 0 20px 5vw;}
.people h3{font-size:clamp(30px,4.5vw,76px);font-weight:400;letter-spacing:-.04em;margin-bottom:20px;}
.people p{font-size:18px;line-height:1.6;}
.people .role{color:var(--fg-soft);margin-top:8px;}
.signature{font-size:13px;display:flex;justify-content:space-between;color:var(--fg-soft);}

.reveal-ready [data-reveal]{opacity:0;filter:blur(5px);transform:translate3d(0,14px,0);transition:opacity 1.3s cubic-bezier(.22,.61,.36,1),filter 1.5s cubic-bezier(.22,.61,.36,1),transform 1.5s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms);}
.reveal-ready [data-reveal].is-visible{opacity:1;filter:blur(0);transform:none;}
@media(max-width:720px){
.scene-sticky{height:100svh;min-height:740px;}
.philosophy-copy-object{bottom:auto;--y:-50%;}
.philo-block h2{font-size:25px;margin-bottom:20px;}

.editorial-screen{padding:110px 7vw;}
.editorial-inner{grid-template-columns:1fr;gap:24px;}
.editorial-inner>.section-label{margin-bottom:0;}
.editorial-inner h2{font-size:clamp(38px,8.5vw,60px);}
.editorial-copy{max-width:42ch;}
.contact-screen{padding:110px 7vw 30px;}
.people{grid-template-columns:1fr;}
.people article+article{border-left:0;border-top:1px solid var(--rule);padding:30px 0;}
.people article{padding:0 0 30px;}
}
@media(max-width:480px){
.scene-sticky{min-height:850px;}
.philosophy-image-object img{width:100%;height:48%;top:68px;bottom:auto;object-position:left top;}
.philosophy-panel::after{background:linear-gradient(180deg,transparent 20%,rgba(242,240,236,.1) 36%,var(--shade) 51%);}
.philosophy-copy-object{--y:0px;}
.philo-block h2{font-size:25px;max-width:27ch;}

.philosophy-copy-object .philo-block .philo-ending{margin-top:18px;}
}
@media(prefers-reduced-motion:reduce){
.reveal-ready [data-reveal]{opacity:1;filter:none;transform:none;transition:none;}
.movable-object{will-change:auto;}
}

.knowledge-inner{width:100%;margin:0 auto;}

.knowledge-heading h2{font-weight:400;letter-spacing:-.04em;text-wrap:pretty;}
.knowledge-lead{line-height:1.45;color:var(--fg-soft);}
.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;}
.knowledge-block h3{font-weight:400;letter-spacing:-.025em;}
.knowledge-block p{color:var(--fg-soft);text-wrap:pretty;}

.knowledge-screen a{color:var(--fg);text-decoration-thickness:1px;text-underline-offset:4px;}
.knowledge-screen a:focus-visible{outline:2px solid var(--fg);outline-offset:5px;}
.knowledge-conclusion{letter-spacing:-.03em;line-height:1.2;}
.knowledge-sources{border-top:1px solid var(--rule);color:var(--fg-soft);}
.knowledge-sources p{margin-bottom:8px;}
.knowledge-sources a{display:block;width:fit-content;margin-top:6px;}
.people h3 span{display:block;font-size:clamp(20px,2vw,30px);letter-spacing:-.015em;margin-top:8px;}
.role-list{list-style:none;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:var(--fg-soft);}
.role-list li{position:relative;padding-left:22px;margin:8px 0;}
.role-list li::before{content:"—";position:absolute;left:0;}
@media(max-width:720px){

.knowledge-heading{margin-bottom:40px;}

.knowledge-conclusion{margin-top:40px;}
}

.philosophy-copy-object{right:9vw;top:53%;width:min(37vw,540px);}
.philosophy-copy-object .philo-block{width:100%;max-width:100%;font-size:clamp(18px,1.5vw,24px);line-height:1.48;letter-spacing:-.018em;}
.philosophy-copy-object .philo-block p{color:var(--fg);text-wrap:pretty;margin:0;}
@media(max-width:720px){
.philosophy-copy-object{left:44%;right:6%;width:auto;top:52%;}
.philosophy-copy-object .philo-block{font-size:17px;line-height:1.5;}
}
@media(max-width:480px){
.philosophy-copy-object{left:7vw;right:7vw;top:48%;width:auto;}
.philosophy-copy-object .philo-block{font-size:18px;line-height:1.48;}
}

.knowledge-screen{padding:90px 6vw 34px;}
.knowledge-inner{max-width:1540px;}
.knowledge-heading{max-width:1100px;margin-bottom:30px;}
.knowledge-heading h2{font-size:clamp(30px,3vw,46px);line-height:1.07;}
.knowledge-heading .section-label{margin-bottom:14px;}
.knowledge-lead{font-size:clamp(16px,1.25vw,19px);margin-top:16px;max-width:none;}
.knowledge-grid{gap:24px 4%;}
.knowledge-block h3{font-size:19px;margin-bottom:12px;line-height:1.2;}
.knowledge-block p{font-size:15px;line-height:1.48;}
.knowledge-block p+p{margin-top:12px;}
.knowledge-conclusion{font-size:26px;margin-top:26px;}
.knowledge-sources{font-size:12px;line-height:1.4;margin-top:20px;padding-top:14px;display:flex;flex-wrap:wrap;gap:6px 24px;}
.knowledge-sources p,.knowledge-sources a{margin:0;}
.knowledge-handoff{position:relative;z-index:2;background:var(--shade);}
.knowledge-handoff.handoff-enabled{height:calc(var(--scene-height,100vh) + var(--handoff-distance,90vh));}
.handoff-enabled .knowledge-sticky{position:sticky;top:var(--sticky-top,0px);display:grid;min-height:100vh;isolation:isolate;}
.handoff-enabled .knowledge-sticky>section{grid-area:1/1;width:100%;}
.handoff-enabled .knowledge-screen{align-self:start;}
.handoff-enabled #case-studies{align-self:end;opacity:0;pointer-events:none;}
.people .role{font-size:clamp(14px,1.1vw,17px);line-height:1.6;}
@media(min-width:1100px){
.knowledge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3%;}
.knowledge-block p{font-size:clamp(14px,.9vw,15.5px);}
}
@media(max-width:720px){
.knowledge-screen{padding:100px 7vw 40px;}
.knowledge-grid{grid-template-columns:1fr;gap:28px;}
.knowledge-block p{font-size:16px;line-height:1.55;}
.knowledge-sources{display:block;}
.knowledge-sources a{margin-top:8px;}
}
@media(prefers-reduced-motion:reduce){
.knowledge-handoff.handoff-enabled{height:auto;}
.handoff-enabled .knowledge-sticky{position:static;display:block;}
.handoff-enabled .knowledge-sticky>section{opacity:1!important;filter:none!important;pointer-events:auto!important;}
}

.track{height:1345vh;min-height:calc(6900px + 185vh);}
[data-philosophy-body]{opacity:1;}

@media(min-width:1000px){
.philosophy-copy-object{left:52%;right:auto;top:32%;width:26%;--y:0px;}
.philosophy-copy-object .philo-block{font-size:clamp(14px,.98vw,20px);line-height:1.06;letter-spacing:-.025em;font-weight:400;}
.philosophy-copy-object .philo-block p{color:rgba(13,12,11,.68);text-wrap:wrap;}
}

.philosophy-copy-object .philo-block{
position:relative;
transform:scale(.85);
transform-origin:var(--word-anchor-x,100%) var(--word-anchor-y,100%);
}

.philosophy-glasses{position:absolute;pointer-events:none;opacity:0;overflow:visible;}
.philosophy-rule{position:fixed;left:0;top:0;width:0;height:0;background:var(--blood);z-index:25;pointer-events:none;opacity:0;transform-origin:50% 0;}

/* 03 — PORTFOLIO DISPLAYS */
#realizacje{display:flex;align-items:center;scroll-margin-top:0;background:var(--shade);}#realizacje .pf-object{--glass:83,143,131;position:relative;}#realizacje .pf-object::before{content:"";position:absolute;inset:35px -4px -10px 22px;background:rgba(73,68,56,.13);filter:blur(23px);border-radius:40px;transform:translate(20px,16px);z-index:-1;}#realizacje .pf-glass{position:absolute;isolation:isolate;border:1px solid rgba(var(--glass),.44);}#realizacje .pf-glass::after{content:"";position:absolute;inset:1px;z-index:2;pointer-events:none;border-radius:8px;background:linear-gradient(117deg,transparent 30%,rgba(255,255,255,.21) 30.15%,rgba(255,255,255,.045) 53%,transparent 53.2%);}#realizacje .pf-window{position:absolute;overflow:hidden;border-radius:4px;}#realizacje .pf-flow{will-change:transform;animation-play-state:paused;}#realizacje.is-visible .pf-flow{animation-play-state:running;}#realizacje .pf-object.is-paused .pf-flow,#realizacje .pf-object:focus-visible .pf-flow{animation-play-state:paused;}@media(hover:hover){#realizacje .pf-object:hover .pf-flow{animation-play-state:paused;}}@keyframes pf-drift{from{transform:translateY(-50%)}to{transform:translateY(0)}}#realizacje .pf-group{display:flex;flex-direction:column;}#realizacje .pf-card{position:relative;width:100%;background:#edf1ec;border:1px solid rgba(255,255,255,.72);overflow:hidden;}#realizacje .pf-card iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:top left;pointer-events:none;display:block;background:#fff;}#realizacje .pf-rail{position:absolute;left:-8%;width:116%;height:100px;z-index:5;pointer-events:none;filter:drop-shadow(4px 14px 9px rgba(65,60,50,.17));}#realizacje .pf-rail svg{width:100%;height:100%;overflow:visible;display:block;}#realizacje .pf-rail--top{top:-1px;}#realizacje .pf-rail--bottom{bottom:-1px;transform:rotate(180deg);}#realizacje .pf-object--rose{--glass:172,91,91;}#realizacje--wide{padding-right:9vw;}#realizacje .pf-object--wide{--glass:131,146,153;width:min(57vw,900px);height:auto;min-height:0;aspect-ratio:16/12;}#realizacje .pf-object--wide::before{inset:10px 20px 25% 20px;}#realizacje .pf-object--wide .pf-glass{top:15px;bottom:auto;height:72%;left:0;right:0;}#realizacje .pf-object--wide .pf-window{inset:15px 18px;display:grid;place-items:center;}#realizacje .pf-object--wide .pf-card{border:0;box-shadow:none;aspect-ratio:16/10;width:100%;max-height:100%;background:transparent;}#realizacje .pf-object--wide .pf-rail{width:108%;left:-4%;height:66px;}#realizacje .pf-object--wide .pf-rail--top{top:-10px;}#realizacje .pf-object--wide .pf-rail--bottom{bottom:calc(28% - 20px);}#realizacje .pf-mini{position:absolute;width:31%;height:17%;top:76%;left:16%;border:1px solid rgba(var(--glass),.3);border-top:none;border-radius:0 0 5px 5px;background:linear-gradient(110deg,rgba(255,255,255,.36),rgba(var(--glass),.09));box-shadow:7px 12px 12px rgba(60,55,48,.09);}#realizacje .pf-mini::after{content:"";position:absolute;left:-5%;bottom:-8px;height:16px;width:110%;border-radius:4px;background:linear-gradient(#fffdf8,#e4e0d7 70%,#d8d4cb);box-shadow:1px 4px 5px #0002;}#realizacje .pf-controls{position:absolute;right:4%;top:80%;display:flex;align-items:center;gap:14px;padding:8px 16px;background:linear-gradient(140deg,#fffcf7,#e9e6df 70%,#dad7cf);border:1px solid #fff9;border-radius:9px;box-shadow:5px 9px 12px #504a3b23,inset 0 1px 1px white;}#realizacje .pf-controls button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;color:#52615b;background:transparent;cursor:pointer;transition:background .2s,transform .2s;}#realizacje .pf-controls button:hover{background:#fff8;transform:translateY(-1px);}#realizacje .pf-controls button:focus-visible{outline:2px solid #64796c;outline-offset:3px;}#realizacje .pf-controls button[data-action=restart]{background:#c9a047;color:#514123;box-shadow:inset 1px 2px 4px #5e400a33,0 1px 1px white;}#realizacje .pf-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}@media(max-width:850px){#realizacje .pf-object--wide{width:90vw;height:auto;min-height:0;}#realizacje--wide{min-height:520px!important;}#realizacje .pf-rail{height:80px;}#realizacje .pf-controls{gap:3px;padding:5px 8px;}#realizacje .pf-controls button{width:30px;height:30px;}}@media(prefers-reduced-motion:reduce){#realizacje .pf-flow{animation:none;}#realizacje .pf-controls button{transition:none;}}#realizacje{padding:0 10vw 0 0;min-height:560px;height:100svh;justify-content:flex-end;overflow:hidden;}#realizacje .pf-object{height:min(94svh,1000px);width:auto;aspect-ratio:2/3;min-height:0;flex:none;isolation:isolate;}#realizacje .pf-object::before{display:none;}#realizacje .pf-porcelain{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:5;pointer-events:none;user-select:none;}#realizacje .pf-glass{z-index:1;inset:19.5% 17.8% 16%;border-radius:6px;background:linear-gradient(105deg,rgba(255,255,255,.55),rgba(83,143,131,.16) 33%,rgba(255,255,255,.31) 70%,rgba(83,143,131,.14));box-shadow:inset 2px 0 2px #ffffffb3,inset -3px 0 3px #4168594d,8px 10px 17px #40483917;}#realizacje .pf-window{inset:0 12px;}#realizacje .pf-card{aspect-ratio:16/9;border-radius:6px;box-shadow:0 6px 10px #263d321c;}#realizacje .pf-group{gap:12px;padding-bottom:12px;}#realizacje .pf-object:focus-visible{outline:1px solid #56786c77;outline-offset:-28px;border-radius:24px;}@media(max-width:850px){#realizacje{padding:0;justify-content:center;min-height:500px;}#realizacje .pf-object{width:min(96vw,calc(94svh * 2 / 3));height:auto;min-height:0;aspect-ratio:2/3;}#realizacje .pf-window{inset:0 9px;}}#portfolio-2{height:100svh;display:grid;place-items:center;overflow:hidden;}#portfolio-2 .pf-object{position:relative;width:min(100vw,calc(100svh * 1672 / 941));aspect-ratio:1672/941;isolation:isolate;}#portfolio-2 .pf-reference{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;}#portfolio-2 .pf-window{position:absolute;z-index:1;left:39.64%;width:45.8%;top:16.1%;aspect-ratio:16/9;border-radius:3px;}#portfolio-2 .pf-card{position:relative;width:100%;height:100%;overflow:hidden;}#portfolio-2 .pf-card iframe{position:absolute;width:1440px;height:900px;border:0;transform-origin:top left;pointer-events:none;display:block;background:#edf1ec;}#portfolio-2 .pf-controls{position:absolute;inset:0;z-index:3;pointer-events:none;}#portfolio-2 .pf-controls button{position:absolute;top:72.37%;left:71.95%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.6%;aspect-ratio:1/1;padding:0;border:0;border-radius:50%;background:transparent;color:#333d40;}#portfolio-2 .pf-controls button[data-action=restart]{left:74.34%;}#portfolio-2 .pf-controls button[data-action=next]{left:76.79%;}#portfolio-2 .pf-controls button svg{width:clamp(5px,.55vw,10px);height:clamp(5px,.55vw,10px);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}#portfolio-2 .pf-controls button[data-action=restart] svg{opacity:0;}#portfolio-2 .pf-controls button[data-action=restart]:hover svg,#portfolio-2 .pf-controls button[data-action=restart]:focus-visible svg{opacity:1;}#portfolio-2 .pf-controls button:focus-visible{outline:2px solid #527267;outline-offset:2px;}#portfolio-3{height:100svh;min-height:560px;display:flex;align-items:center;justify-content:flex-end;padding-right:10vw;overflow:hidden;}#portfolio-3 .display{position:relative;isolation:isolate;height:min(94svh,1000px);aspect-ratio:2/3;flex:none;}#portfolio-3 .porcelain{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:5;user-select:none;}#portfolio-3 .glass{position:absolute;inset:19.2% 17.8% 16.3%;z-index:1;border:1px solid #314f7266;border-radius:6px;background:linear-gradient(105deg,#ffffff4d,#233f6433 32%,#b8c9de25 75%,#18375340);box-shadow:inset 2px 0 2px #e0ebffb3,inset -3px 0 3px #172f5780,8px 10px 16px #162d4720;}#portfolio-3 .glass::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(114deg,transparent 30%,#e2edff0a 30.2%,transparent 65%);}#portfolio-3 .window{position:absolute;inset:0 12px;overflow:hidden;background:#050e19;border-radius:3px;}#portfolio-3 .tape{top:0;left:0;width:100%;will-change:transform;}#portfolio-3 .tape iframe{display:block;position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:top left;pointer-events:none;background:#050e19;}#portfolio-3 .display:focus-visible{outline:1px solid #526b8680;outline-offset:-28px;border-radius:22px;}@media(max-width:850px){#portfolio-3{justify-content:center;min-height:480px;}#portfolio-3 .display{height:auto;width:min(96vw,calc(94svh * 2 / 3));}#portfolio-3 .window{inset:0 9px;}}
#portfolio-2{padding:0;min-height:0;}#portfolio-3{padding:0 10vw 0 0;}@media(max-width:850px){#portfolio-3{padding:0;}}
#perspektywa a{color:inherit;text-decoration:none;}#perspektywa .page{
min-height:100vh;
display:flex;
flex-direction:column;
background:
linear-gradient(to right, transparent calc(var(--pad-x) + 38px), var(--rule) calc(var(--pad-x) + 38px), var(--rule) calc(var(--pad-x) + 39px), transparent calc(var(--pad-x) + 39px));
}#perspektywa .topbar{
height:76px;
flex:0 0 76px;
display:grid;
grid-template-columns:1fr auto;
align-items:center;
padding:0 var(--pad-x);
font-size:14px;
letter-spacing:-.02em;
}#perspektywa .brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:400;}#perspektywa .brand-mark{font-size:19px;line-height:1;transform:translateY(-1px);}#perspektywa .nav{display:flex;align-items:center;gap:28px;white-space:nowrap;}#perspektywa .nav a{opacity:.82;}#perspektywa .nav .cta{background:#0d0c0b;color:white;padding:12px 22px;border-radius:999px;opacity:1;}#perspektywa .perspective-layout{
flex:1;
width:100%;
padding:clamp(26px,4.2vh,44px) var(--pad-x) clamp(18px,2.5vh,28px);
display:flex;
flex-direction:column;

}#perspektywa .editorial{
width:min(1500px, calc(100vw - 2*var(--pad-x)));
margin:0 auto;
padding-left:76px;
}#perspektywa .kicker{
font-size:14px;
color:var(--muted);
margin:0 0 10px;
}#perspektywa .perspective-title{
margin:0;
font-size:clamp(44px,3.75vw,66px);
line-height:.96;
letter-spacing:-.055em;
font-weight:400;
max-width:1050px;
}#perspektywa .lead{
margin:14px 0 0;
max-width:920px;
font-size:clamp(16px,1.12vw,20px);
line-height:1.33;
letter-spacing:-.025em;
color:var(--muted);
font-weight:350;
}#perspektywa .story-grid{
margin-top:22px;
display:grid;
grid-template-columns:1.08fr .92fr 1.15fr;
gap:0;
border-top:1px solid var(--rule);
border-bottom:1px solid var(--rule);
}#perspektywa .story{
min-height:238px;
padding:16px 30px 16px 0;
position:relative;
}#perspektywa .story + .story{border-left:1px solid var(--rule);padding-left:30px;}#perspektywa .num{

font-size:10px;
letter-spacing:.15em;
color:var(--soft);
margin-bottom:18px;
}#perspektywa .story h3{
margin:0 0 12px;
font-size:clamp(18px,1.25vw,23px);
line-height:1.06;
letter-spacing:-.035em;
font-weight:500;
max-width:22ch;
}#perspektywa .story p{
margin:0 0 10px;
font-size:clamp(14px,.92vw,16.5px);
line-height:1.4;
letter-spacing:-.017em;
color:var(--muted);
max-width:38ch;
font-weight:350;
}#perspektywa .story p:last-child{margin-bottom:0;}#perspektywa .story strong{color:var(--ink);font-weight:500;}#perspektywa .metric{
margin:0 0 12px;
font-size:clamp(72px,6.4vw,108px);
line-height:.78;
letter-spacing:-.075em;
font-weight:300;
}#perspektywa .metric small{
font-size:.23em;
letter-spacing:-.02em;
margin-left:6px;
vertical-align:top;
position:relative;
top:.17em;
}#perspektywa .pull{
margin-top:34px;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
gap:42px;
align-items:end;
}#perspektywa .pull-line{
font-size:clamp(26px,2.25vw,40px);
line-height:1.01;
letter-spacing:-.05em;
font-weight:400;

}#perspektywa .pull-line span{display:block;}#perspektywa .pull-aside{
border-top:1px solid var(--rule);
padding-top:15px;
color:var(--muted);
font-size:14px;
line-height:1.45;
max-width:42ch;
}#perspektywa .sources{
margin-top:34px;
display:flex;
align-items:center;
gap:26px;
padding-top:14px;
padding-bottom:8px;
border-top:1px solid var(--rule);
font-size:11px;
color:var(--muted);
flex-wrap:wrap;
}#perspektywa .sources-label{margin-right:4px;color:var(--soft);}#perspektywa .sources a{border-bottom:1px solid rgba(17,17,15,.35);padding-bottom:2px;transition:opacity .2s ease;}#perspektywa .sources a:hover{opacity:.55;}@media (min-width:1101px) and (max-height:820px){#perspektywa .topbar{height:64px;flex-basis:64px;}#perspektywa .perspective-layout{padding-top:20px;padding-bottom:14px;}#perspektywa .kicker{margin-bottom:7px;}#perspektywa .perspective-title{font-size:clamp(40px,3.35vw,58px);}#perspektywa .lead{margin-top:10px;font-size:16px;line-height:1.28;}#perspektywa .story-grid{margin-top:17px;}#perspektywa .story{min-height:208px;padding-top:12px;padding-bottom:12px;}#perspektywa .num{margin-bottom:13px;}#perspektywa .story h3{margin-bottom:9px;}#perspektywa .story p{font-size:13.5px;line-height:1.34;margin-bottom:8px;}#perspektywa .metric{font-size:74px;margin-bottom:8px;}#perspektywa .pull{margin-top:27px;}#perspektywa .pull-line{font-size:30px;}#perspektywa .sources{margin-top:24px;padding-top:12px;padding-bottom:4px;}}@media(max-width:1100px){#perspektywa .nav{gap:16px;font-size:13px;}#perspektywa .editorial{padding-left:50px;}#perspektywa .story-grid{grid-template-columns:1fr 1fr;}#perspektywa .story:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding-left:0;}#perspektywa .story:nth-child(3) p{max-width:70ch;}#perspektywa .pull{grid-template-columns:1fr;}}@media(max-width:760px){#perspektywa .page{background:none;}#perspektywa .topbar{height:auto;min-height:68px;padding:18px 22px;grid-template-columns:1fr;}#perspektywa .nav{display:none;}#perspektywa .perspective-layout{padding:54px 22px 26px;}#perspektywa .editorial{width:100%;padding-left:0;}#perspektywa .perspective-title{font-size:clamp(42px,12vw,62px);}#perspektywa .lead{font-size:18px;}#perspektywa .story-grid{grid-template-columns:1fr;margin-top:38px;}#perspektywa .story,#perspektywa .story + .story,#perspektywa .story:nth-child(3){border-left:0;border-top:1px solid var(--rule);padding:24px 0;min-height:auto;}#perspektywa .story:first-child{border-top:0;}#perspektywa .metric{font-size:86px;}#perspektywa .pull{margin-top:38px;gap:26px;}#perspektywa .sources{margin-top:38px;align-items:flex-start;flex-direction:column;gap:10px;}}
/* 04 — PERSPECTIVE / KNOWLEDGE */
#perspektywa{--bg:var(--shade);--ink:#11110f;--muted:rgba(17,17,15,.58);--soft:rgba(17,17,15,.38);--pad-x:clamp(28px,3.1vw,60px);padding:76px 0 0;align-items:stretch;min-height:100svh;}
#perspektywa .perspective-layout{min-width:0;justify-content:center;}
#perspektywa .editorial{max-width:none;}
#perspektywa .sources a{color:var(--muted);text-decoration:none;}
@media(min-width:1101px) and (max-height:820px){#perspektywa{padding-top:76px;}}
@media(max-width:760px){#perspektywa{padding-top:68px;}#perspektywa .story p{font-size:16px;line-height:1.45;}#perspektywa .perspective-layout{padding-top:35px;}}

/* 05 — LOCAL TYPE */
@font-face {
font-family: "Perspective Mono";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/fonts/ibm-plex-mono-400.woff2) format("woff2");
}
@font-face {
font-family: "Perspective Inter";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../assets/fonts/inter-tight-300.woff2) format("woff2");
}
@font-face {
font-family: "Perspective Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/fonts/inter-tight-400.woff2) format("woff2");
}
@font-face {
font-family: "Perspective Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/fonts/inter-tight-500.woff2) format("woff2");
}
#perspektywa{font-family:"Perspective Inter","Inter Tight",sans-serif;}#perspektywa .num{font-family:"Perspective Mono",monospace;}#perspektywa .pull-line{max-width:30ch;}

.quote-track{position:relative;z-index:2;background:var(--shade);}
.quote-track.motion-enabled{height:calc(var(--closing-height,100svh) + var(--closing-distance,270svh));}
.motion-enabled .closing-stage{position:sticky;top:var(--closing-top,0px);display:grid;isolation:isolate;}
.motion-enabled .closing-stage>section{grid-area:1/1;width:100%;}
.motion-enabled #closing-quote{align-self:start;background:transparent;}
.motion-enabled #manifest{align-self:end;background:transparent;}
[data-quote-lead],[data-quote-last],#closing-quote figcaption,#manifest [data-final]{will-change:opacity;}
@media(prefers-reduced-motion:reduce){.quote-track.motion-enabled{height:auto;}.motion-enabled .closing-stage{position:static;display:block;}}

#realizacje,#portfolio-2,#portfolio-3{font-family:"Perspective Inter","Inter Tight",sans-serif;position:relative;}
.project-copy{position:absolute;z-index:8;left:7.2%;top:50%;transform:translateY(-50%);width:40%;color:var(--fg);}
.project-copy h2{font-size:clamp(38px,4.6vw,76px);line-height:1.02;letter-spacing:-.045em;font-weight:400;margin:0 0 10px;}
.project-index{font-family:"Perspective Mono",monospace;font-size:12px;letter-spacing:.05em;margin-bottom:16px;color:var(--fg-soft);}
.project-lead{font-size:clamp(18px,1.55vw,25px);line-height:1.17;color:var(--fg-soft);margin-bottom:30px;}
.project-copy h3,.project-copy dt{font-family:"Perspective Mono",monospace;font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;margin-bottom:8px;}
.project-facts{display:grid;grid-template-columns:.9fr .7fr 1.5fr;margin-bottom:24px;}
.project-facts>div{padding-right:15px;}.project-facts>div+div{border-left:1px solid var(--rule);padding-left:18px;}
.project-facts dd,.project-goal p,.project-audience p{font-size:clamp(13px,.98vw,16px);line-height:1.35;}
.project-goal,.project-audience{margin-bottom:18px;}
.project-scope{display:flex;gap:16px;align-items:baseline;margin:18px 0 24px;}
.project-scope h3{flex:none;margin:0;}.project-scope p{font-size:clamp(12px,.9vw,14px);line-height:1.45;color:var(--fg-soft);}
.project-palette{border-top:1px solid var(--rule);padding-top:18px;margin-bottom:26px;}
.project-palette ul{list-style:none;display:flex;justify-content:flex-start;gap:16px;margin-top:12px;padding:0;}
.project-palette li{display:flex;flex-direction:column;gap:8px;}
.project-swatch{display:block;width:clamp(34px,3.15vw,52px);aspect-ratio:1;border:1px solid rgba(13,12,11,.12);border-radius:2px;}
.project-hex{font-family:"Perspective Mono",monospace;font-size:clamp(9px,.73vw,12px);line-height:1.3;color:var(--fg-soft);}
.project-why p{font-size:clamp(12px,.92vw,15px);line-height:1.45;color:var(--fg-soft);max-width:66ch;}
#portfolio-2 .project-copy{width:29%;left:7.2%;}
#portfolio-2 .project-copy h2{font-size:clamp(36px,4.4vw,72px);}
#portfolio-2 .project-facts{grid-template-columns:1.4fr .65fr .65fr;}
#portfolio-2 .project-scope{display:block;margin:16px 0 18px;}
#portfolio-2 .project-scope h3{margin-bottom:8px;}
#portfolio-2 .project-lead{margin-bottom:24px;}
#portfolio-2 .project-palette{margin-bottom:22px;}

.project-screen-note{position:absolute;z-index:2;left:45.2%;top:63.5%;width:16.5%;padding:6px 8px;color:var(--fg);}
.project-note-label{font-family:"Perspective Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;}
.project-note-copy{font-size:clamp(11px,.82vw,13.5px);line-height:1.34;letter-spacing:-.014em;color:var(--fg);}

@media(min-width:1101px) and (max-height:800px){.project-copy{top:calc(50% + 24px);}.project-copy h2{font-size:52px;}.project-index{margin-bottom:12px;}.project-lead{margin-bottom:20px;font-size:20px;}.project-facts{margin-bottom:18px;}.project-goal,.project-audience{margin-bottom:12px;}.project-scope{margin:12px 0 18px;}.project-palette{padding-top:14px;margin-bottom:18px;}.project-why p{font-size:12px;}#portfolio-2 .project-lead{margin-bottom:18px;}#portfolio-2 .project-facts{margin-bottom:14px;}#portfolio-2 .project-copy h3,#portfolio-2 .project-copy dt{margin-bottom:6px;}}
@media(max-width:1100px){#realizacje,#portfolio-2,#portfolio-3{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:100px 6vw 35px;gap:24px;overflow:hidden;}.project-copy,#portfolio-2 .project-copy{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:680px;margin:0 auto;}.project-copy h2,#portfolio-2 .project-copy h2{font-size:clamp(38px,7vw,66px);}.project-lead{font-size:22px;}.project-facts dd,.project-goal p,.project-audience p{font-size:15px;}.project-scope p,.project-why p{font-size:14px;}.project-hex{font-size:11px;}.project-swatch{width:42px;}#realizacje .pf-object,#portfolio-3 .display{width:min(88vw,500px);height:auto;aspect-ratio:2/3;}#portfolio-2 .pf-object{width:140vw;max-width:none;margin-left:-28vw;flex:none;}.project-note-copy{font-size:clamp(11px,1.7vw,14px);}.project-note-label{font-size:8px;}}
@media(max-width:480px){.project-facts{grid-template-columns:1fr .8fr 1.25fr;}.project-facts>div{padding-right:8px;}.project-facts>div+div{padding-left:10px;}.project-facts dd{font-size:13px;}.project-palette ul{gap:6px;}.project-swatch{width:36px;}.project-hex{font-size:9px;}.project-scope{display:block;}.project-scope h3{margin-bottom:8px;}.project-copy h3,.project-copy dt{font-size:9px;}}

@media(min-width:1101px){.project-copy{top:clamp(96px,12svh,140px);transform:none;}#portfolio-2 .project-copy h2{font-size:clamp(38px,4.6vw,76px);}}@media(min-width:1101px) and (max-height:800px){#portfolio-2 .project-copy h2{font-size:52px;}}

@media(min-width:1101px){#portfolio-2 .project-palette{position:relative;border-top-color:transparent;}#portfolio-2 .project-palette::before{content:"";position:absolute;top:-1px;left:0;right:56px;border-top:1px solid var(--rule);}}
/* 06 — EDITORIAL / CASE STUDIES / CLOSING */
.bb-editorial-track{position:relative;background:var(--shade);z-index:2;}.bb-editorial-pin iframe,.bb-case-screen iframe{display:block;border:0;width:100%;height:100%;background:var(--shade);}.bb-case-screen{height:100vh;min-height:100vh;padding:0;display:block;width:100%;overflow:hidden;background:var(--shade);}@media(max-width:760px){}@media(prefers-reduced-motion:reduce){.bb-editorial-track{height:100vh;}.bb-editorial-pin{position:relative;}.bb-case-screen{height:100vh;}}@media(max-width:760px) and (prefers-reduced-motion:reduce){.bb-editorial-track{height:var(--bb-mobile-height,1600px);}}
#realizacje .pf-flow{animation:none!important;transform:translate3d(0,0,0);}#realizacje .mibrox-strip{display:flex;flex-direction:column;gap:0;padding:0;margin:0;}#realizacje .mibrox-strip img{display:block;width:100%;height:auto;flex:none;user-select:none;pointer-events:none;}#realizacje [data-raster-belt]{cursor:pointer;}#realizacje [data-raster-belt].is-paused{cursor:pointer;}@media(prefers-reduced-motion:reduce){#realizacje .pf-window{overflow-y:auto;scrollbar-width:thin;}#realizacje .pf-flow{transform:none!important;}}
#portfolio-3 .tape{position:relative;animation:none!important;}#portfolio-3 .nfl-strip{display:flex;flex-direction:column;gap:0;margin:0;padding:0;}#portfolio-3 .nfl-strip img{display:block;width:100%;height:auto;flex:none;pointer-events:none;user-select:none;}@media(prefers-reduced-motion:reduce){#portfolio-3 .window{overflow-y:auto;scrollbar-width:thin;}#portfolio-3 .tape{transform:none!important;}}
@media(max-width:760px){}
#hero-track{height:1415vh;min-height:calc(6900px + 255vh);}#realizacje,#portfolio-2{margin-bottom:28vh;}.bb-editorial-track{height:290svh;}.bb-editorial-pin{position:sticky;top:0;height:100svh;}@media(max-width:760px){#realizacje,#portfolio-2{margin-bottom:18vh;}.bb-editorial-track{height:var(--bb-mobile-height,1600px);}.bb-editorial-pin{position:relative;height:100%;}}@media(prefers-reduced-motion:reduce) and (min-width:761px){.bb-editorial-track{height:100svh;}.bb-editorial-pin{position:relative;}}
#perspektywa .story-grid,#perspektywa .story,#perspektywa .pull,#perspektywa .sources,#perspektywa .pull-aside{border-color:rgba(17,17,15,calc(.15 * var(--perspective-rule-alpha,1)));}
#bb-case-reader{position:fixed;inset:76px 0 auto;margin:0 auto;max-width:none;max-height:none;padding:0;border:0;background:transparent;color:#141214;z-index:1000;overflow:hidden;}#bb-case-reader[open]{display:flex;flex-direction:column;}#bb-case-reader::backdrop{background:transparent;}.bb-case-reader-head{height:38px;flex:none;display:flex;align-items:center;justify-content:space-between;background:var(--shade,#f2f0ec);font:13px Arial,sans-serif;}#bb-case-reader-close{border:0;background:transparent;color:inherit;font:26px Arial,sans-serif;cursor:pointer;padding:0 12px;height:38px;}#bb-case-reader-content{display:block;width:100%;min-height:0;flex:1;border:0;background:#f2f0ec;}#bb-case-reader-close:focus-visible{outline:1px solid currentColor;outline-offset:-3px;}@media(max-width:760px){}
#perspektywa{--rule:rgba(17,17,15,calc(.15 * var(--perspective-rule-alpha,1)));}#perspektywa .editorial *{border-color:rgba(17,17,15,calc(.15 * var(--perspective-rule-alpha,1)))!important;}#bb-case-reader{top:68px;width:min(1600px,96vw);height:calc(100dvh - 84px);}@media(max-width:760px){#bb-case-reader{top:64px;width:98vw;height:calc(100dvh - 72px);}}
#portfolio-4.bb-editorial-track{height:100svh!important;min-height:100svh!important;margin-bottom:0!important;}#portfolio-4 .bb-editorial-pin{position:relative!important;top:auto!important;height:100svh!important;}@media(max-width:760px){#portfolio-4.bb-editorial-track{height:100svh!important;min-height:100svh!important;}#portfolio-4 .bb-editorial-pin{height:100svh!important;}}

#portfolio-2 .pf-window{background:#f0ede6;overflow:hidden;}
#portfolio-2 #magnar-portfolio-frame{
position:absolute;left:0;top:0;width:1600px;height:900px;border:0;
transform-origin:top left;display:block;background:#f0ede6;pointer-events:none;
}
#portfolio-2 .pf-controls button{cursor:pointer!important;pointer-events:auto!important;}
#portfolio-2 .pf-controls button:hover{background:rgba(255,255,255,.32)!important;}
#portfolio-2 .pf-controls button:active{transform:translate(-50%,-50%) scale(.92)!important;}
#portfolio-2 .project-screen-note{transition:opacity .22s ease,filter .22s ease;}
#portfolio-2 .project-screen-note.is-changing{opacity:.2;filter:blur(3px);}
@media(prefers-reduced-motion:reduce){#portfolio-2 .project-screen-note{transition:none;}}

/* RESPONSIVE PASS 1 — guardrails only; no desktop redesign. */
@media (max-width:780px){
  .nav{max-width:none;flex-shrink:0;}
  .nav a:not(.pill){display:none;}
}
@media (max-width:520px){
  .project-copy,.project-copy>*,.project-facts>div,.project-scope,.project-scope p{min-width:0;}
  .project-facts dd,.project-goal p,.project-audience p,.project-scope p,.project-why p{overflow-wrap:anywhere;}
  .signature{gap:12px 24px;flex-wrap:wrap;}
}
@media (max-height:520px) and (orientation:landscape){
  .nav{max-width:none;flex-shrink:0;}
  .nav a:not(.pill){display:none;}
  .chrome{padding-top:max(10px,calc(env(safe-area-inset-top,0px) + 8px));padding-bottom:10px;}
}

/* Portfolio 1 + 3 — direct vertical drag inside the displayed page. */
#realizacje .pf-window,
#portfolio-3 .window{cursor:grab;user-select:none;-webkit-user-select:none;}
#realizacje .pf-window:active,
#portfolio-3 .window:active,
#realizacje [data-raster-belt].is-dragging .pf-window,
#portfolio-3 .display.is-dragging .window{cursor:grabbing;}
@media (pointer:coarse){
  #realizacje .pf-window,#portfolio-3 .window{cursor:auto;}
}


/* SINGLE-DOM I18N — language controls only; no layout redesign. */
.lang-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;margin-left:-4px;}
.lang-switch :is(button,a){appearance:none;border:0;background:transparent;color:var(--fg);font:inherit;font-size:12.5px;line-height:1;letter-spacing:.045em;opacity:.42;padding:4px 0;cursor:pointer;transition:opacity .3s var(--ease);text-decoration:none;}
.lang-switch :is(button,a):hover,.lang-switch :is(button,a):focus-visible,.lang-switch :is(button,a).is-active{opacity:1;}
.lang-switch :is(button,a).is-active{font-weight:500;}
.lang-switch :is(button,a):focus-visible{outline:1px solid var(--fg);outline-offset:4px;}
@media(max-width:780px){.lang-switch{gap:7px;margin-left:-2px}.nav .lang-switch a,.nav .lang-switch button{display:inline-flex!important;font-size:11.5px}}
@media(max-width:420px){.lang-switch{gap:6px}.nav .lang-switch a,.nav .lang-switch button{font-size:11px}.nav{gap:8px 10px}}

.project-copy h2 a{color:inherit;text-decoration:none;}