:root{--desk:#304c4e;--desk-deep:#1c3739;--paper:#f2efe5;--ink:#243939;--muted:#a9bcba;--line:rgba(222,237,232,.18);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--paper);font-family:var(--sans);background:radial-gradient(ellipse at 50% 40%,#496364 0,var(--desk) 60%,#263f41 100%);min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #82dfd2;outline-offset:5px}button{color:inherit}button svg{width:20px}em{font-family:var(--serif);font-weight:400}h1,h2,h3,p{margin:0}.skip-link{position:fixed;top:-80px;left:20px;background:var(--paper);color:var(--ink);padding:16px;z-index:100}.skip-link:focus{top:20px}.site-header{max-width:1460px;padding:30px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:16px;font-size:15px;letter-spacing:-.3px}.brand>span:last-child{display:flex;flex-direction:column;gap:4px}.brand em{color:#b9c8c1;font-size:13px;letter-spacing:.5px}.brand-symbol{font-size:27px;font-weight:700;letter-spacing:-2px;border:1px solid #91a7a1;width:61px;height:50px;display:flex;align-items:center;justify-content:center}.brand-symbol span{font-size:18px;align-self:flex-start;margin-top:8px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:12px}.site-header nav>a,.text-button{padding:8px 0;position:relative}.site-header nav .active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--paper)}.text-button{border:0;background:none}.site-header nav>a:last-child{border:1px solid #829892;padding:12px 18px}.site-header nav>a:last-child span{padding-left:16px}.intro{max-width:1300px;margin:0 auto;padding:64px 4% 53px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.6;font-weight:500}.intro .eyebrow{color:#c5d4cf;margin-bottom:22px;display:flex;align-items:center;gap:9px}.small-dot{height:6px;width:6px;background:#abcfc0;display:inline-block;border-radius:50%}h1{font-size:clamp(44px,4.8vw,71px);font-weight:400;letter-spacing:-3.5px;line-height:1.02}h1 em{color:#c8d5cd;font-size:1.05em}.intro-note{width:252px;padding-bottom:7px;flex-shrink:0}.note-line{display:block;width:30px;height:1px;background:#aec0b8;margin-bottom:18px}.intro-note p{font-size:12px;line-height:1.9;color:#c7d2cc}.intro-note a{margin-top:22px;font-size:10px;display:flex;align-items:center;justify-content:space-between;width:160px}.intro-note a span{font-size:20px}.portfolio-section{max-width:1370px;margin:auto;padding:0 5%}.book-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 12px 22px}.book-toolbar>.eyebrow{color:#c0d0c8;font-size:8px}.filters{display:flex;gap:20px;flex-wrap:wrap}.filter{background:transparent;border:0;color:#abbeb7;font-size:10px;padding:6px 0;border-bottom:1px solid transparent}.filter.selected{color:var(--paper);border-color:var(--paper)}.book-stage{position:relative;perspective:1800px}.book{display:flex;color:var(--ink);background:var(--paper);position:relative;isolation:isolate;min-height:400px;border-radius:2px 7px 6px 2px;box-shadow:2px 3px 0 #c1c1b4,4px 6px 0 #e0ded1,6px 9px 0 #a0a99d,12px 22px 22px #112a2b88,0 45px 70px #102d2b55;transform-style:preserve-3d}.book:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:48px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(52,44,30,.045) 30%,rgba(35,34,23,.17) 49%,rgba(249,247,239,.45) 54%,transparent);pointer-events:none;z-index:4}.book-sheet{width:50%;padding:18px 28px 17px;position:relative;background:linear-gradient(90deg,#efeee5,#f7f5ec 75%,#eceadf);display:flex;flex-direction:column}.book-sheet:first-child{border-radius:3px 0 0 2px;clip-path:polygon(0 .3%,55% 0,100% 1.2%,100% 99%,60% 100%,0 99.5%)}.book-sheet:last-child{background:linear-gradient(90deg,#e9e7dc,#f7f5ed 20%,#f1eee4);border-radius:0 5px 4px 0;clip-path:polygon(0 1.2%,55% 0,100% .5%,100% 99.5%,60% 100%,0 99%)}.page-header,.page-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;letter-spacing:1.4px;font-size:6px;color:#5e6962;text-transform:uppercase}.page-header{padding:5px 0 14px}.page-footer{padding:16px 0 2px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;flex:1}.project-card{border:0;display:block;padding:0;position:relative;text-align:left;background:none;min-width:0;align-self:start;transition:transform 350ms var(--ease),filter 350ms;z-index:1}.project-card:hover,.project-card:focus-visible{transform:translateY(-5px) rotate(-.7deg) scale(1.035);filter:drop-shadow(0 12px 10px #20343133);z-index:3}.project-card:nth-child(even):hover{transform:translateY(-5px) rotate(.7deg) scale(1.035)}.artwork{width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;background:#deded5;background-repeat:no-repeat;background-size:cover;background-position:center}.artwork>img{display:block;width:100%;height:100%;object-fit:cover}.project-card .artwork:after{content:'↗';position:absolute;bottom:9px;right:9px;display:grid;place-items:center;width:27px;height:27px;background:#f4f1e8ed;color:#254746;border-radius:50%;font-size:17px;opacity:0;transform:translateY(5px);transition:200ms}.project-card:hover .artwork:after,.project-card:focus-visible .artwork:after{opacity:1;transform:translateY(0)}.card-caption{display:flex;justify-content:space-between;gap:8px;padding-top:8px;font-size:8px;color:#384b44;line-height:1.4}.card-caption .card-no{font-size:7px;color:#738077}.card-category{font-size:6px;letter-spacing:1px;color:#7a847a;display:block;padding-top:3px;text-transform:uppercase}.sample-label{font-size:6px;color:#5e7b72;display:block;letter-spacing:.5px;margin-top:3px}.edge-nav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #b7c7be70;border-radius:50%;background:var(--desk);height:38px;width:38px;font-size:19px;z-index:5}.edge-prev{left:-53px}.edge-next{right:-53px}.book-controls{padding:27px 10px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.book-hint{font-size:7px;letter-spacing:1.3px;color:#b2c5bb;flex:1}.right-hint{text-align:right}.right-hint span{margin-left:9px}.pager{display:flex;align-items:center;gap:24px;font-size:12px;font-variant-numeric:tabular-nums}.pager button{border:0;background:none;font-size:21px;padding:4px 7px}.pager span span{font-size:9px;color:#96aca3;margin-left:5px}.contact-section{max-width:1300px;margin:0 auto;padding:84px 4% 67px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact-section .eyebrow{color:#b2c5bb;margin-bottom:20px}h2{font-size:clamp(30px,3.3vw,48px);font-weight:400;letter-spacing:-1.9px;line-height:1.12}.contact-section h2 em{color:#c9d6cc}.contact-link{background:none;border:0;border-bottom:1px solid #b8cbbf;padding:16px 0;display:flex;justify-content:space-between;gap:40px;min-width:240px;font-family:var(--serif);font-size:24px}.contact-link span{font:24px var(--sans)}.contact-caption{font-size:10px;color:#a8beb3;margin-top:13px;max-width:280px;line-height:1.6}.social-links{display:flex;gap:20px;margin-top:20px;font-size:11px;flex-wrap:wrap}.site-footer{max-width:1460px;margin:auto;padding:25px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#b2c3b9}.site-footer>span:nth-child(2){font-size:7px;letter-spacing:1.4px}.site-footer>a{font-size:9px}.contact-page{justify-content:space-between;min-height:560px}.contact-page .page-content{padding:40px 10px}.contact-page h2{font-size:48px;line-height:1.06;margin:22px 0;color:#294b48}.contact-page .page-content>p{font-size:12px;line-height:1.9;color:#56655a;max-width:330px;white-space:pre-line}.contact-page .page-content .eyebrow{font-size:8px}.page-contact{display:block;font-family:var(--serif);font-size:clamp(16px,2.4vw,32px);border-bottom:1px solid #8b9e8c;padding:17px 0;margin-top:32px;overflow-wrap:anywhere}.contact-page .social-links{font-size:11px}.colophon{padding:35px 12px 12px;font:italic 16px var(--serif);color:#7b8c7d}.monogram-art{font:italic 135px var(--serif);line-height:1;letter-spacing:-12px;color:#315c56;margin:42px 0 10px;display:block}.monogram-art span{font:60px var(--sans);vertical-align:top;letter-spacing:0}.empty-sheet{display:flex;justify-content:center;align-items:center;min-height:300px;font:italic 20px var(--serif);color:#99a092}.loading-sheet{min-height:480px;justify-content:center;align-items:center;width:100%;font:20px var(--serif)}.book.is-turning{animation:bookTurn 650ms var(--ease)}.book.is-turning-back{animation:bookTurnBack 650ms var(--ease)}@keyframes bookTurn{0%{transform:rotateY(0)}38%{transform:rotateY(-7deg) translateX(-5px);filter:brightness(.93)}100%{transform:rotateY(0);filter:brightness(1)}}@keyframes bookTurnBack{0%{transform:rotateY(0)}38%{transform:rotateY(7deg) translateX(5px);filter:brightness(.93)}100%{transform:rotateY(0);filter:brightness(1)}}.turn-leaf{position:absolute;inset:0 0 0 50%;pointer-events:none;transform-origin:left center;background:linear-gradient(90deg,#dddacf,#f8f5e9 15%,#eeeade);box-shadow:12px 5px 20px #1d302033;z-index:7;backface-visibility:hidden;animation:leafTurn 650ms var(--ease) forwards;display:flex;align-items:center;justify-content:center;color:#607365;font:italic 55px var(--serif)}.turn-leaf.reverse{inset:0 50% 0 0;transform-origin:right center;animation-name:leafBack}@keyframes leafTurn{0%{transform:rotateY(0);opacity:.1}12%{opacity:.98}100%{transform:rotateY(-178deg);opacity:0}}@keyframes leafBack{0%{transform:rotateY(0);opacity:.1}12%{opacity:.98}100%{transform:rotateY(178deg);opacity:0}}.project-dialog{padding:0;width:min(1040px,92vw);max-height:92dvh;border:0;background:var(--paper);color:var(--ink);box-shadow:0 40px 140px #081e20b3;border-radius:3px}.project-dialog::backdrop{background:#102d30bf;backdrop-filter:blur(8px)}.dialog-toolbar{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d8ca;font-size:8px;letter-spacing:2px;position:sticky;top:0;background:var(--paper);z-index:3}.round-button{border:1px solid #a8b6a6;background:none;border-radius:50%;width:36px;height:36px;font-size:25px;color:var(--ink)}.project-heading{padding:36px 40px 30px}.project-heading h2{font-family:var(--serif);font-size:46px;margin:12px 0}.project-heading>p{white-space:pre-line;font-size:14px;line-height:1.8;max-width:700px;color:#5d6d61}.project-heading .eyebrow{font-size:8px}.project-link{display:inline-flex;gap:30px;margin-top:22px;border-bottom:1px solid #43695d;padding:10px 0;font-size:12px}.gallery{padding:0 40px 40px;display:grid;gap:24px}.gallery .artwork{aspect-ratio:auto;min-height:300px;max-height:760px}.gallery .artwork:not(.cropped)>img{max-height:760px;width:100%;height:auto;object-fit:contain;background:#e4e2d8}.gallery .artwork.cropped{aspect-ratio:4/5;width:min(100%,600px);margin:auto;min-height:0}.image-caption{font-size:10px;color:#728072;margin-top:7px}.project-bottom{border-top:1px solid #d4d8ca;padding:25px 40px;display:flex;justify-content:space-between;gap:15px;align-items:center}.project-bottom button{background:none;border:0;padding:8px;color:var(--ink);font-size:12px}.project-bottom span{font-size:9px;color:#718477}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;border:1px solid #b9cfc0;background:#f2efe5;color:#294944;border-radius:3px;font-size:12px;z-index:50;box-shadow:0 10px 35px #152f2b4d}.error-message{background:#f1e4d4;color:#634c38;margin-top:24px;font-size:12px;padding:16px;line-height:1.6}[hidden]{display:none!important}
@media(min-width:1600px){.intro{padding-top:75px}.book-sheet{padding:20px 30px}.artwork{aspect-ratio:4/5}}
@media(max-width:1000px){.site-header{padding:25px 5%}.intro{padding:48px 5% 40px}.portfolio-section{padding:0 6%}.book-sheet{padding:15px 20px}.page-grid{gap:14px 12px}.edge-prev{left:-40px}.edge-next{right:-40px}.edge-nav{width:30px;height:30px;font-size:16px}.book-hint{font-size:6px;letter-spacing:.8px}.contact-section{padding:65px 5% 50px}.contact-page{min-height:450px}.contact-page h2{font-size:38px}.contact-page .page-content{padding:28px 0}.monogram-art{font-size:100px}.book-toolbar{margin-left:0;margin-right:0}}
@media(max-width:680px){.site-header{padding:21px 6%;gap:15px}.brand{gap:10px;font-size:12px}.brand-symbol{width:42px;height:40px;font-size:20px}.brand-symbol span{font-size:12px}.brand em{font-size:10px}.site-header nav{gap:17px;font-size:10px}.site-header nav>a:last-child{display:none}.intro{padding:40px 7% 32px;display:block}h1{font-size:52px;letter-spacing:-2.6px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro-note{display:none}.portfolio-section{padding:0 6%}.book-toolbar{display:block;margin-bottom:16px}.filters{margin-top:12px;gap:18px}.book-toolbar>.eyebrow{font-size:7px}.filter{font-size:10px}.book{min-height:200px}.book:after{width:24px}.book-sheet{padding:12px 12px 10px}.page-header{font-size:5px;letter-spacing:.6px;padding:4px 0 10px}.page-header span:last-child{display:none}.page-grid{grid-template-columns:1fr;gap:14px}.artwork{aspect-ratio:3/4}.card-caption{font-size:8px;padding-top:6px}.card-category{font-size:6px}.card-no{display:none}.page-footer{font-size:5px;letter-spacing:.4px;min-height:22px;padding-top:13px}.page-footer span:first-child{display:none}.edge-nav{display:none}.book-controls{padding:22px 0 0;justify-content:center}.book-hint{display:none}.pager{gap:30px}.pager button{padding:5px 14px}.contact-section{padding:53px 7% 44px;display:block}.contact-section .eyebrow{font-size:7px;margin-bottom:17px}.contact-section h2{font-size:35px}.contact-section>div:last-child{margin-top:24px}.contact-link{font-size:24px;width:100%;min-width:0}.site-footer{padding:24px 6%;font-size:8px}.site-footer>span:nth-child(2){display:none}.contact-page{min-height:450px}.contact-page h2{font-size:27px;letter-spacing:-1px;margin:16px 0}.contact-page .page-content{padding:16px 0}.contact-page .page-content>p{font-size:10px;line-height:1.8}.contact-page .page-content .eyebrow{font-size:6px;letter-spacing:1px}.monogram-art{font-size:58px;letter-spacing:-5px;margin:24px 0}.monogram-art span{font-size:26px}.page-contact{font-size:16px;margin-top:15px;padding-top:12px}.contact-page .social-links{gap:12px;font-size:9px}.colophon{font-size:11px;padding:15px 0}.project-dialog{width:94vw;max-height:94dvh}.dialog-toolbar{padding:12px 18px;font-size:7px}.project-heading{padding:26px 22px}.project-heading h2{font-size:34px}.project-heading>p{font-size:12px}.gallery{padding:0 20px 24px;gap:16px}.gallery .artwork{min-height:180px}.project-bottom{padding:16px}.project-bottom span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.project-card:hover{transform:scale(1.01)}}
/* Jeden projekt na całą kartkę, z widoczną w całości okładką. */
.artwork>svg{display:block;width:100%;height:100%}
.book.project-book{height:clamp(430px,48vw,700px);min-height:0}
.project-page .page-grid{display:flex;flex-direction:column;min-height:0;gap:0}
.project-page .project-card{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;align-self:stretch}
.project-page .artwork{flex:1;min-height:0;aspect-ratio:auto!important;background:#e6e7de}
.project-page .artwork>img{object-fit:contain}
.project-page .card-caption{font-size:11px;padding-top:13px;flex-shrink:0}
.project-page .card-category{font-size:8px;padding-top:5px}
.project-page .card-no{font-size:9px}
.project-page .sample-label{font-size:7px;flex-shrink:0}
.project-page .empty-sheet{flex:1;min-height:0;font-size:20px;text-align:center;padding:20px}
@media(max-width:680px){.book.project-book{height:clamp(280px,92vw,430px)}.project-page .card-caption{font-size:9px;padding-top:9px}.project-page .card-category{font-size:6px}.project-page .sample-label{font-size:6px}.project-page .empty-sheet{font-size:14px;padding:10px}}
.about-ribbon{display:block;width:100%;max-width:340px;height:150px;object-fit:contain;object-position:left center;margin:28px 0 6px}.contact-page .page-content{min-width:0}.contact-page .page-contact{width:100%;max-width:100%;white-space:nowrap;overflow-wrap:normal;font-size:20px;letter-spacing:0}@media(max-width:680px){.about-ribbon{height:90px;margin:20px 0 4px}.contact-page .page-contact{padding-top:12px;margin-top:20px}}
.book.is-turning,.book.is-turning-back{animation:none}.book.is-turning>.book-sheet,.book.is-turning-back>.book-sheet{min-height:0;overflow:hidden}.turn-leaf,.turn-leaf.reverse{animation:none;background:none;box-shadow:none;display:block;color:inherit;font:inherit;backface-visibility:visible;transform-style:preserve-3d;will-change:transform}.turn-leaf .leaf-face{position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;clip-path:none;border-radius:0 4px 4px 0;transform:translateZ(.2px);pointer-events:none}.turn-leaf .leaf-back{transform:rotateY(180deg) translateZ(.2px);border-radius:4px 0 0 4px;background:linear-gradient(90deg,#efeee5,#f7f5ec 75%,#eceadf)}.turn-leaf.reverse .leaf-front{border-radius:4px 0 0 4px}.turn-leaf.reverse .leaf-back{border-radius:0 4px 4px 0}.leaf-shade{position:absolute;inset:0;background:linear-gradient(90deg,#263d38,transparent 85%);opacity:0;pointer-events:none;transform:translateZ(.4px);backface-visibility:hidden}.turn-leaf.reverse .leaf-shade{background:linear-gradient(270deg,#263d38,transparent 85%)}.book>.turn-static{position:absolute;top:0;bottom:0;width:50%;height:100%;min-height:0;overflow:hidden;z-index:5;pointer-events:none}.turn-static.static-left{left:0}.turn-static.static-right{right:0}