@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#f6f5ef;--ink:#202a25;--muted:#61695f;--line:#d5d7ca;--green:#183b32;--mint:#d8e8ca;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}::selection{background:#c3deb2;color:#183b32}:focus-visible{outline:3px solid #39735b;outline-offset:5px}img{display:block;max-width:100%;height:auto}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--green);color:white;padding:12px 20px}.skip:focus{top:10px}
.site-header,main,.site-footer{max-width:1280px;margin:auto}.site-header{padding:31px 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:32px;font-weight:800;letter-spacing:-2px;line-height:1.1}.dot{color:#608851}.site-header nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}.site-header nav a{padding:8px 0}.site-header nav a:hover,.site-header a[aria-current]{color:#477641}.site-header nav .nav-contact{margin-left:23px;border-bottom:1px solid var(--ink)}.nav-contact span{margin-left:16px}
.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:center;padding:92px 60px 90px}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.9px;font-weight:700;text-transform:uppercase;margin:0 0 22px}.signal,.status i{display:inline-block;width:6px;height:6px;background:#4b7644;border-radius:50%;margin-right:8px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-2.8px;line-height:1.06}h1{font-size:clamp(52px,5.65vw,78px);margin-bottom:26px}em{font-family:var(--serif);font-weight:400;color:#55754d}p{margin-bottom:22px}.hero-description{color:var(--muted);font-size:15px;max-width:430px;margin:0 0 31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:4px;padding:14px 22px;font-size:12px;font-weight:600;min-height:48px;transition:background .18s,color .18s}.dark{background:var(--green);color:#fff}.dark:hover{background:#2d5445}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:4px;display:inline-block}.text-link:hover{color:#477641;border-color:#477641}.hero-secondary{margin-left:23px}.hero-aside{background:var(--mint);padding:26px 30px 22px;transform:rotate(2deg);border:1px solid #c1d2b3;box-shadow:7px 9px 0 #e7e8dc;position:relative}.note-label{display:flex;justify-content:space-between;gap:20px;font-size:8px;font-weight:700;letter-spacing:1.7px;border-bottom:1px solid #b5c7a9;padding-bottom:18px}.notebook-title{font-family:var(--serif);font-size:44px;line-height:1.05;letter-spacing:-1.5px;margin:30px 0 24px}.notebook-title em{color:#3e6038}.process{display:grid}.process span{border-top:1px solid #bccdaf;padding:11px 0;font-size:11px}.process b{margin-right:18px;font-size:9px;font-weight:500;color:#537248}.note-end{display:flex;align-items:center;gap:18px;padding-top:23px}.tiny-star{font-size:43px;line-height:1;color:#42683a}.note-end p{font-size:10px;line-height:1.65;margin:0;color:#43563c}
.section{padding:64px 60px 72px;border-top:1px solid var(--line);scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:43px;letter-spacing:-1.5px;margin-bottom:0}.section-heading>.text-link{margin-bottom:7px;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 17px;font-size:10px;min-height:38px;color:#495247}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.filters button:hover{border-color:#4d6b43}.filters button span{margin-left:9px;opacity:.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-visual{display:block;padding:23px 24px 15px;border:1px solid #d6d8cb;background:#e9e7dc;overflow:hidden}.project-visual.stacja-obok{background:#e3e9dc}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between}.visual-top{font-size:12px;font-weight:700;margin-bottom:23px}.visual-top>span:last-child{font-size:8px;font-weight:500;letter-spacing:1.3px}.browser-frame{background:white;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 6px 25px #202a2512;transition:transform .25s;transform:translateY(3px)}.project-visual:hover .browser-frame{transform:translateY(-3px)}.browser-bar{height:23px;background:#fcfcfa;border-bottom:1px solid #e3e4dc;display:flex;align-items:center;gap:3px;padding:0 9px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#cccfc4}.browser-bar span{font-size:6px;color:#697164;margin:auto}.browser-frame img{width:100%;aspect-ratio:1.62;object-fit:cover;object-position:top}.visual-bottom{margin-top:18px;font-size:8px;letter-spacing:1.2px;text-transform:uppercase}.round-arrow{width:26px;height:26px;border-radius:50%;border:1px solid #b5bdae;display:grid;place-items:center;font-size:16px;line-height:1}.project-meta{display:flex;justify-content:space-between;gap:10px;margin:19px 0 10px;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.status i{width:5px;height:5px;margin-right:5px}.project-card h3{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.6px;margin:0 0 10px}.project-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.project-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:455px;margin-bottom:16px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:4px 9px;border-radius:2px;font-size:8px;line-height:1.5;color:#58614f}.section-intro{color:var(--muted);font-size:13px;max-width:500px;margin-top:-12px;margin-bottom:32px}.post-row{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:46px 1fr 40px;gap:19px;align-items:start}.post-row:last-of-type{border-bottom:1px solid var(--line)}.post-index{font-size:10px;color:#68735e;padding-top:3px}.post-row .eyebrow{font-size:8px;letter-spacing:1.2px;color:#627056;margin-bottom:9px}.separator{margin:0 12px;color:#a5aa9c}.post-row h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.5px;margin:0 0 10px}.post-row h3 a:hover{text-decoration:underline;text-underline-offset:5px}.post-row p{font-size:12px;color:var(--muted);max-width:700px;margin:0}.post-arrow{font-size:23px;display:grid;place-items:center;min-width:40px;min-height:44px}.post-arrow:hover{color:#608851}
.about-strip{border-top:1px solid var(--line);padding:67px 60px;display:grid;grid-template-columns:1fr 1fr;gap:0 64px;background:#efefe6}.about-strip>.eyebrow{grid-column:1/-1}.about-strip h2{font-size:45px}.about-strip>div p{font-size:13px;color:var(--muted)}.contact-strip{padding:70px 60px 75px;text-align:center;border-top:1px solid var(--line)}.contact-strip .eyebrow{margin-bottom:17px}.contact-strip h2{font-size:51px;margin-bottom:26px}.site-footer{border-top:1px solid var(--line);padding:40px 60px 35px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;align-items:start}.site-footer .wordmark{font-size:27px}.site-footer p{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.8}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;font-size:10px;padding-top:4px}.footer-links a:hover{text-decoration:underline}.site-footer .colophon{text-align:right;margin:5px 0 0;font-size:9px}
.page-intro{padding:76px 60px 55px;max-width:1000px}.page-intro h1{font-size:72px}.page-intro>p:not(.eyebrow){color:var(--muted);max-width:660px;font-size:16px}.compact{border:0;padding-top:0}.search-label{display:block;font-size:11px;font-weight:600;margin:28px 0 8px}.page-intro input{width:100%;max-width:480px;background:transparent;border:1px solid #aeb7a4;border-radius:3px;padding:13px 15px;color:var(--ink);font-size:13px}.page-intro .search-status{font-size:10px;margin:8px 0 0}.back-link{font-size:11px;display:inline-block;margin-bottom:36px;border-bottom:1px solid var(--line)}.detail-intro .eyebrow,.article-intro .eyebrow{margin-bottom:20px}.detail-actions{display:flex;gap:28px;align-items:center;margin-top:28px}.detail-actions .status{font-size:10px}.case-image{margin:0 60px;padding:35px;background:#e3e9dc;border:1px solid var(--line);border-radius:4px}.case-image img{width:100%;border:1px solid var(--line)}.article-layout{padding:65px 60px 80px;display:grid;grid-template-columns:220px 1fr;gap:70px}.article-aside{align-self:start;position:sticky;top:26px}.article-aside .eyebrow{font-size:9px;margin-bottom:16px}.article-aside nav{display:grid;gap:13px;border-left:1px solid var(--line);padding-left:18px;font-size:11px;line-height:1.6;color:#67715e}.article-aside nav a:hover{color:var(--green);text-decoration:underline}.stack-label{margin-top:32px!important}.prose{max-width:680px}.prose h2{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.6px;margin:0 0 17px}.prose p{font-size:15px;line-height:1.95;color:#515d4f}.prose section{margin-bottom:42px;scroll-margin-top:30px}.prose a{border-bottom:1px solid #a3af96}.prose a:hover{color:#39735b;border-color:#39735b}.article-end{border-top:1px solid var(--line);padding-top:25px;display:grid;gap:9px;margin-top:48px}.article-end span{font-size:9px;letter-spacing:1.2px;text-transform:uppercase}.article-end a{font-family:var(--serif);font-size:26px;line-height:1.4;border:0}.simple-prose{margin:0 auto 80px;padding:0 30px}.article-intro{max-width:1070px}.article-intro h1{font-size:59px;line-height:1.1;letter-spacing:-2px}.byline{border-top:1px solid var(--line);padding-top:20px;margin-top:29px;display:flex;gap:24px;align-items:center;font-size:10px;color:var(--muted)}.copy-link{margin-left:auto;background:none;border:0;border-bottom:1px solid #a3af96;font-size:10px;padding:7px 0;color:var(--ink)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#71985c;transform:scaleX(0);transform-origin:left;z-index:90}.prose .editorial-note{font-size:10px;color:#6b7365;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.error{padding-bottom:110px}
.image-credit{font-size:9px!important;color:#61695f!important;margin:7px 0 0!important}.image-credit a{text-decoration:underline}.case-image+.image-credit{margin:8px 60px 0!important}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:110px}}
@media(max-width:1000px){.site-header{padding:25px 32px}.hero{padding:65px 32px;gap:35px}.hero-aside{padding:22px}.notebook-title{font-size:38px}.hero h1{font-size:60px}.hero-secondary{margin:18px 0 0;display:table}.section{padding:50px 32px}.about-strip,.contact-strip,.site-footer{padding-left:32px;padding-right:32px}.page-intro{padding:60px 32px 40px}.case-image{margin:0 32px;padding:20px}.article-layout{padding:50px 32px;grid-template-columns:170px 1fr;gap:35px}.project-visual{padding:16px 15px 12px}.project-meta{letter-spacing:.5px}.article-intro h1{font-size:53px}}
@media(max-width:680px){.site-header{padding:22px 22px}.wordmark{font-size:29px}.site-header nav{gap:19px;font-size:11px}.site-header nav .nav-contact{display:none}.hero{grid-template-columns:1fr;padding:52px 24px 55px;gap:45px}.hero h1{font-size:57px;letter-spacing:-2.8px}.eyebrow{font-size:9px;letter-spacing:1.45px}.hero-description{font-size:14px}.hero-secondary{display:inline-block;margin:0 0 0 16px;font-size:11px}.button{padding:13px 17px;gap:20px}.hero-aside{margin:0 7px;max-width:440px;transform:rotate(1deg)}.notebook-title{font-size:39px;margin:24px 0 20px}.process span{padding:9px 0}.note-end{padding-top:16px}.section{padding:43px 24px 48px}.section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:34px}.section-heading>.text-link{font-size:10px;margin-top:34px}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{padding:22px 22px 15px}.project-card h3{font-size:21px}.project-card p{font-size:13px}.tags span{font-size:9px}.project-meta{font-size:8px;margin-top:17px}.filters{gap:6px}.filters button{padding:10px 12px;font-size:9px;min-height:42px}.post-row{grid-template-columns:22px 1fr 24px;gap:10px;padding:24px 0}.post-row h3{font-size:24px}.post-row p{font-size:12px}.post-arrow{min-width:24px;font-size:21px}.section-intro{margin-top:-8px;font-size:12px}.about-strip{grid-template-columns:1fr;padding:45px 24px;gap:24px}.about-strip>.eyebrow{margin:0}.about-strip h2{font-size:37px}.about-strip>div p{font-size:13px}.contact-strip{padding:46px 24px 52px}.contact-strip h2{font-size:40px}.site-footer{padding:34px 24px;grid-template-columns:1fr 1fr;gap:27px 18px}.site-footer .colophon{grid-column:1/-1;text-align:left;font-size:9px}.footer-links{gap:10px;font-size:10px;grid-template-columns:1fr}.page-intro{padding:48px 24px 35px}.page-intro h1{font-size:52px;letter-spacing:-2px}.page-intro>p:not(.eyebrow){font-size:14px}.page-intro .search-status{font-size:10px}.compact{padding-top:0}.article-intro h1{font-size:43px;line-height:1.1;letter-spacing:-1.6px}.case-image{margin:0 24px;padding:12px}.article-layout{padding:40px 24px 55px;grid-template-columns:1fr;gap:35px}.article-aside{position:static}.article-aside nav{gap:9px}.prose h2{font-size:21px}.prose p{font-size:14px;line-height:1.9}.simple-prose{padding:0 24px;margin-bottom:55px}.detail-actions{gap:20px;flex-wrap:wrap}.byline{gap:15px;flex-wrap:wrap}.copy-link{min-height:40px}.back-link{margin-bottom:27px}.project-visual:hover .browser-frame{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}