/* Kierunek wizualny: ciemne studio, bordowy akcent i duże prezentacje projektów. */
:root{--paper:#09090b;--ink:#f2f2ef;--muted:#a3a7a4;--line:#2a2c2d;--lime:#c72f4b;--body:'Manrope',Arial,sans-serif}
body{background:#09090b}.wrap{width:min(1220px,calc(100% - 112px))}.header{height:76px;border-bottom:1px solid #ffffff0d}.header .logo,.footer-grid .logo{filter:invert(1)}.header .logo{width:150px;height:28px}.header .logo img{width:160px;height:160px;left:-5px;top:-67px}.header nav{font-size:12px;gap:25px}.nav-cta{background:#c72f4b;border:0;padding:12px 19px;color:white}.nav-cta:hover,.button:hover{background:#a82641}.button{background:#c72f4b;color:white;border-radius:3px;font-size:12px;padding:16px 22px}.button span{font-size:17px}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.5px}.eyebrow:before{content:'';width:11px;height:2px;background:#bd9c69;flex-shrink:0}.hero{padding:0;position:relative;overflow:hidden;min-height:680px;background:#09090b}.hero-inner{position:relative;z-index:2;pointer-events:none}.hero-inner a{pointer-events:auto}.hero-copy-area{padding-top:108px;max-width:620px}.hero .eyebrow{color:#c3c3c1;font-size:9px}h1{font-size:64px;line-height:1.1;letter-spacing:-2.7px;font-weight:500;margin-top:29px}.hero-copy{font-size:15px;max-width:390px;line-height:1.85;margin:24px 0 26px;color:#b5b6b2}.hero-note{font-size:9px;color:#737773;margin-top:16px}.hero-bottom{margin-top:107px;padding:24px 0;border-top:1px solid #ffffff20;color:#c1c4c2;align-items:center}.hero-project{display:flex;align-items:center;gap:17px}.project-number{font-size:29px;font-weight:400;color:#b79b6a}.hero-project small{display:block;font-size:8px;letter-spacing:1.2px;color:#b79b6a}.hero-project strong{display:block;font-size:13px;font-weight:500;margin-top:3px}.hero-project>span:last-child{margin-left:12px;color:#c7b587}.hero-scene{position:absolute;inset:0 0 0 40%;overflow:hidden;background:radial-gradient(ellipse at 65% 48%,#393a37 0%,#171818 38%,#09090b 72%)}.red-panel{position:absolute;width:22%;height:90%;top:-10%;left:33%;background:linear-gradient(90deg,#3d0610,#9e132d 78%,#dc3856 79%,#9a1e36);transform:skewY(-7deg);box-shadow:30px 0 50px #0007}.scene-glow{position:absolute;inset:0;background:linear-gradient(90deg,#09090b 0%,transparent 25%)}.monitor{position:absolute;width:77%;right:4%;top:16%;transform:perspective(1200px) rotateY(-14deg) rotateZ(-1deg);filter:drop-shadow(24px 22px 18px #000b)}.monitor-screen{border:8px solid #202123;border-bottom:20px solid #2c2d2e;border-radius:6px;position:relative;background:#fff;box-shadow:3px 0 0 #8d8d88,6px 2px 0 #434544;overflow:hidden}.monitor-screen img{width:100%;height:auto;display:block;aspect-ratio:1.65;object-fit:cover;object-position:top}.screen-bar{height:15px;padding:0 7px;display:flex;justify-content:space-between;background:#e9e9e9;color:#888;font-size:5px;align-items:center}.monitor-neck{height:75px;width:15%;margin:auto;background:linear-gradient(90deg,#3e403e,#adafac 42%,#646763 60%,#2b2e2c);clip-path:polygon(30% 0,70% 0,90% 100%,10% 100%)}.monitor-foot{height:10px;width:38%;margin:-4px auto 0;background:linear-gradient(#acafa8,#5c6059);clip-path:polygon(20% 0,80% 0,100% 80%,100% 100%,0 100%,0 80%)}.plinth{position:absolute;bottom:38px;right:-4%;width:93%;height:92px;background:linear-gradient(160deg,#777872,#343632 27%,#161816 28%,#424640 88%,#262a27);transform:skewY(-3deg);box-shadow:0 -7px 20px #a6a99b12,0 30px 50px #000}.floor-line{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#09090b)}.section{padding-top:90px;padding-bottom:90px}.section-top{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:45px}h2{font-size:45px;line-height:1.16;font-weight:500;letter-spacing:-1.8px}h2 em{color:#89938d}.section-heading{margin-bottom:46px;grid-template-columns:1.4fr 1fr;gap:100px}.section-heading>p{font-size:12px}.side-note{font-size:10px}.portfolio{background:#101413;width:100%}.portfolio .section-top a{font-size:10px}.work-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.work-title .eyebrow{color:#b79b6a;font-size:8px}.work-title h3{font-size:30px;letter-spacing:-1px;font-weight:500;margin-top:13px}.work-image{position:relative;display:block;overflow:hidden;border:1px solid #343c36;background:#1d251f}.work-image img{width:100%;height:auto;max-height:620px;object-fit:cover;object-position:top;display:block;transition:transform .5s}.work-image:hover img{transform:scale(1.015)}.work-image>span{position:absolute;bottom:20px;right:20px;padding:12px 19px;background:#111713;color:white;font-size:11px}.work-description{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;margin-top:30px}.work-description h3{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.5px}.work-description p{font-size:12px;line-height:1.9;color:#a0aaa3;margin:14px 0 20px}.work-description .text-link{font-size:10px}.work-description ul,.scope-list ul{list-style:none;margin:0;padding:0}.work-description li,.scope-list li{padding:12px 0;border-bottom:1px solid #2c342e;font-size:11px;color:#aab2ac}.work-description li:before,.scope-list li:before{content:'↗';color:#b79b6a;margin-right:14px}.projects{margin-top:55px;padding-top:35px;border-top:1px solid #2c342e;gap:28px}.project-preview{height:265px;border-radius:0}.project-caption{padding-top:18px}.project-caption .eyebrow{font-size:7px;color:#b79b6a;letter-spacing:.7px;gap:5px}.project-caption h3{font-size:18px;margin-top:9px}.project-caption p{font-size:10px;margin-top:7px}.project-preview h3{color:#243025}.ziarno h3{color:#fff7e6}.forma-copy{color:#243025}.project-badge{font-size:7px;top:15px;left:15px;border-radius:0}.forma-copy,.ziarno-copy{top:58px}.project-preview .round-arrow{height:32px;width:32px;font-size:18px;color:#20231f}.offer{background:#f1f3f0;color:#171a19;--line:#d7dcd7;--muted:#657067}.offer .section-heading{grid-template-columns:1.7fr 1fr;gap:65px}.offer h2{font-size:45px}.offer h2 em{color:#7c887e}.service-grid{gap:35px}.service-grid article{padding:25px 0 0;border:0;border-top:1px solid #d2d9d2;border-radius:0}.service-icon{background:transparent;border:1px solid #d2d9d2;border-radius:0;width:32px;height:32px;font-size:20px;margin-bottom:21px}.service-grid h3{font-size:17px}.service-grid p{font-size:12px;min-height:65px}.service-tag{font-size:8px}.included{padding-top:22px;border-top:1px solid #d2d9d2;font-size:10px}.included>span:first-child{color:#171a19}.process{background:#181f1b}.process .eyebrow{color:#a8b1aa}.process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.process-intro>p{font-size:12px;max-width:290px;margin:22px 0}.process-intro .text-link{font-size:10px;border-bottom:1px solid #617066;padding-bottom:10px}.process h2 em{color:#829486}.steps{display:block;margin:0}.steps article{position:relative;padding:30px 0 32px 70px;min-height:145px;border-color:#364139}.steps article:first-child{padding-top:0;border-top:0}.steps article>span{position:absolute;left:0;top:24px;font-size:39px;line-height:1;font-weight:400;color:#718676}.steps article:first-child>span{top:0;color:#d95b73}.steps h3{margin:0 0 12px;font-size:20px}.steps p{max-width:360px;font-size:11px}.scope{background:#fff;color:#171a19;--line:#e0e5df;--muted:#657067}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px}.scope-grid p{font-size:13px;color:#737c74;max-width:390px;margin:22px 0}.scope-grid h3{font-size:25px;font-weight:500;margin-top:35px}.scope-grid .button{background:#18211c}.scope-list>.eyebrow{color:#717e73;margin:0 0 15px}.scope-list li{color:#657067;border-color:#e0e5df;padding:17px 0;font-size:12px}.scope-list li:before{color:#789481}.faq{background:#fff;color:#171a19;width:100%;padding-left:max(56px,calc((100% - 1220px)/2));padding-right:max(56px,calc((100% - 1220px)/2));--line:#e0e5df;--muted:#657067;padding-top:0}.faq h2{font-size:36px}.contact{background:#a51e3b;color:#fff}.contact h2{font-size:51px;letter-spacing:-2px}.contact h2 em{color:#edb8c5}.contact .eyebrow:before{background:#edb8c5}.contact p{color:#f2c6d0}.contact .contact-arrow{display:none}.contact-grid{gap:100px}.contact input,.contact textarea{background:#ffffff08;color:#fff;border:1px solid #d6748a;border-radius:2px}.contact input::placeholder,.contact textarea::placeholder{color:#e8aabb}.contact input:focus,.contact textarea:focus{outline-color:#fff}.contact label{font-size:11px}.contact .button{background:#fff;color:#921c36}.contact .button:hover{background:#f4dce2}.contact .form-note{color:#f0bfcc}.contact #form-status{color:white}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:40px;padding:25px 0 20px}.footer-grid>div{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.footer-grid .eyebrow{font-size:8px;margin-bottom:9px}.footer-grid .eyebrow:before{display:none}.footer-grid a:not(.logo),.footer-grid p{font-size:11px;color:#a3aba5}.footer-grid .logo{margin-bottom:8px}.footer-bottom{border-color:#252c27}.skip:focus{background:#c72f4b;color:white}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#df7088}
@media(min-width:1600px){.hero{min-height:750px}.hero-copy-area{padding-top:135px}.hero-bottom{margin-top:135px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:16px;font-size:10px}.header .logo{width:130px;height:24px}.header .logo img{width:138px;height:138px;left:-4px;top:-58px}.hero{min-height:600px}.hero-copy-area{padding-top:85px;max-width:510px}h1{font-size:54px}.hero-scene{left:41%}.monitor{top:22%;width:86%}.hero-bottom{margin-top:85px}.section-heading,.offer .section-heading{gap:40px}.process-layout,.scope-grid{gap:60px}.work-description{gap:70px}.contact-grid{gap:60px}.faq{padding-left:32px;padding-right:32px}.footer-grid{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:70px}.header .logo{width:144px;height:26px}.header .logo img{width:154px;height:154px;top:-65px;left:-5px}.menu-toggle{color:#fff;border-color:#424448}.header nav{background:#121416;top:66px;font-size:13px;border-color:#34373a}.hero{min-height:0}.hero-copy-area{padding-top:48px;max-width:100%}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:clamp(35px,8.4vw,59px);letter-spacing:-1.8px;margin-top:24px}.hero-copy{font-size:13px;max-width:360px;margin:22px 0}.hero-note{font-size:8px}.hero-scene{inset:350px 0 0;height:310px;background:radial-gradient(ellipse at 60% 48%,#3b3c38,#09090b 75%)}.red-panel{left:47%;width:22%;height:90%}.monitor{width:64%;right:10%;top:8%;max-width:340px;transform:perspective(900px) rotateY(-12deg) rotateZ(-2deg)}.monitor-screen{border:5px solid #303132;border-bottom-width:13px}.monitor-neck{height:37px}.monitor-foot{height:6px}.plinth{bottom:12px;height:54px;right:0;width:86%}.hero-bottom{margin-top:305px;padding:18px 0;gap:12px}.hero-project{gap:9px}.project-number{font-size:24px}.hero-project small{font-size:6px;letter-spacing:.7px}.hero-project strong{font-size:10px}.hero-project>span:last-child{margin-left:3px}.hero-bottom>a:last-child{font-size:8px}.section{padding-top:55px;padding-bottom:55px}.section-top{margin-bottom:28px;padding-bottom:19px}.section-top .eyebrow{font-size:8px;letter-spacing:1px}.section-top .text-link{font-size:8px}.section-heading,.offer .section-heading{grid-template-columns:1fr;gap:22px}h2,.offer h2{font-size:33px;letter-spacing:-1.2px}.section-heading>p{font-size:12px}.work-title h3{font-size:23px}.work-title .side-note{display:none}.work-image img{min-height:210px;object-fit:cover}.work-image>span{bottom:10px;right:10px;padding:9px 12px;font-size:8px}.work-description{grid-template-columns:1fr;gap:22px;margin-top:24px}.work-description h3{font-size:21px}.work-description p{font-size:11px}.work-description li{font-size:10px}.projects{margin-top:28px;padding-top:28px;gap:32px}.project-preview{height:280px}.project-caption h3{font-size:18px}.service-grid{gap:24px}.service-grid p{min-height:0}.included{gap:13px 18px}.process-layout,.scope-grid{grid-template-columns:1fr;gap:38px}.steps article{padding:25px 0 25px 58px;min-height:125px}.steps article>span{font-size:33px}.steps h3{font-size:18px}.steps p{font-size:11px}.scope-grid h3{font-size:23px}.scope-list li{font-size:11px}.faq{padding:5px 20px 55px;gap:26px}.faq h2{font-size:32px}.contact-grid{gap:35px}.contact h2{font-size:43px;letter-spacing:-1.6px;max-width:none}.contact input,.contact textarea{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:5px}.footer-grid .logo{width:145px;height:27px}.footer-grid .logo img{width:155px;height:155px;top:-65px}.footer-grid a:not(.logo),.footer-grid p{font-size:10px}}
@media(max-width:360px){.hero-scene{top:390px;height:270px}.hero-bottom{margin-top:280px}.hero-copy{font-size:12px}.hero .button{font-size:10px;padding:14px 17px}.hero-project small{font-size:5px}.hero-bottom>a:last-child{font-size:7px}.contact h2{font-size:37px}.footer-grid{gap:25px 12px}.footer-grid a:not(.logo){font-size:9px}}
/* Pełna szerokość jasnej sekcji pytań także na telefonie. */
section.faq.wrap{width:100%;}