:root{--studio-paper:#eeece6;--studio-ink:#181a1a;--studio-muted:#6b6d68;--studio-accent:#FF3301}body{background:var(--studio-paper);color:var(--studio-ink)}::selection{background:#FF3301;color:#101112}section{scroll-margin-top:80px}.studio-wrap{max-width:1440px;margin:auto;padding:110px 7%}.studio-kicker{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.14em;padding-bottom:24px;border-bottom:1px solid #181a1a26;margin-bottom:64px}.studio-heading{font-size:clamp(40px,4.8vw,72px);font-weight:500;line-height:1.04;letter-spacing:-.065em}.studio-heading em{font-style:normal;color:#84867e}.studio-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:64px}.studio-section-head>p{font-size:14px;line-height:1.8;color:var(--studio-muted)}.studio-text-link{display:inline-flex;gap:32px;align-items:center;font-size:13px;border-bottom:1px solid currentColor;padding:10px 0}.studio-text-link:hover{color:var(--studio-accent)}
#nav{background:#eeece6eb;border-color:#181a1a15}#nav.nad-hero{background:#10111285}#nav>div:first-child{max-width:1440px;padding-left:5%;padding-right:5%;height:76px}.studio-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.studio-person{display:flex;align-items:center;gap:14px;font-size:13px;margin-top:42px}.studio-person img{border-radius:10px}.studio-person small{display:block;color:var(--studio-muted);font-size:10px;margin-top:4px}.studio-about-copy>p:first-child{font-size:25px;line-height:1.35;letter-spacing:-.035em;color:var(--studio-ink)}.studio-about-copy>p{color:var(--studio-muted);font-size:14px;line-height:1.9;margin-bottom:22px}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #181a1a26;margin-top:85px;padding-top:32px;gap:30px}.studio-stats strong{display:block;font-weight:500;font-size:clamp(45px,5vw,74px);letter-spacing:-.065em;line-height:1.1}.studio-stats span{display:block;font-size:11px;color:var(--studio-muted);margin-top:12px}.studio-stat-note{font-size:15px;line-height:1.6;position:relative;border-left:1px solid #181a1a26;padding-left:30px}.studio-stat-note span{position:absolute;right:0;bottom:0;font-size:32px;color:var(--studio-accent)}
.studio-services{background:#171919;color:var(--studio-paper)}.studio-services .studio-kicker,.studio-process .studio-kicker{border-color:#ffffff26;color:#a0a39e}.studio-services .studio-heading em{color:#FF3301}.studio-services .studio-section-head>p{color:#a0a39e}.studio-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.studio-service{padding:30px;background:#222525;border:1px solid #ffffff15;border-radius:4px;overflow:hidden}.studio-service-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:#a6aaa4}.studio-service-top>span:last-child{font-size:24px;color:#eeece6}.studio-service h3{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:26px 0 12px}.studio-service>p{font-size:13px;line-height:1.8;color:#a6aaa4;max-width:48ch}.studio-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.studio-tags span{font-size:9px;border:1px solid #ffffff25;border-radius:20px;padding:6px 11px}.studio-web-art,.studio-ai-art{height:280px;position:relative;margin:22px -4px 0;display:flex;align-items:center;justify-content:center}.studio-mini-browser{background:#cbd2ba;color:#252a20;width:88%;transform:rotate(-5deg);border:1px solid #ffffff33;box-shadow:0 25px 30px #0004;transition:transform .5s}.studio-service:hover .studio-mini-browser{transform:rotate(0deg) translateY(-5px)}.studio-mini-browser>div:first-child{background:#e2e6d7;font-size:7px;padding:8px 10px;letter-spacing:2px}.studio-mini-browser>div:first-child span{float:right;letter-spacing:0}.studio-mini-content{position:relative;padding:22px;overflow:hidden}.studio-mini-content small{font-size:6px;letter-spacing:.1em}.studio-mini-content strong{display:block;position:relative;font-size:56px;line-height:.85;letter-spacing:-.07em;font-weight:500;margin:18px 0;z-index:1}.studio-mini-content strong span{font-size:16px;vertical-align:top}.studio-mini-content i{font-size:7px;font-style:normal;border-bottom:1px solid;padding-bottom:4px}.studio-shape{position:absolute;width:165px;height:165px;background:#66754b;right:-24px;bottom:20px;border-radius:45% 55% 45% 0;transform:rotate(25deg);box-shadow:inset 20px 10px 20px #e9efce55,inset -10px -10px 20px #121b04aa}.studio-art-label{position:absolute;bottom:3px;right:0;background:#333837;padding:8px 12px;font-size:7px;letter-spacing:.1em;transform:rotate(4deg)}.studio-ai-art{display:block;padding-top:15px;background:radial-gradient(ellipse,#FF330114,transparent 65%)}.studio-ai-orb{position:absolute;right:12%;top:0;color:#FF3301;font-size:145px;line-height:1;text-shadow:0 0 50px #FF330135;animation:studio-turn 45s linear infinite}.studio-chat{position:relative;z-index:1;max-width:82%;font-size:12px;padding:17px 20px;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 12px 25px #0002}.studio-chat-user{background:#3b4140;margin:52px 0 0 auto;width:max-content;transform:rotate(3deg)}.studio-chat-agent{background:#e9e8e1;color:#222;margin-top:20px;transform:rotate(-3deg)}.studio-chat-agent span{display:block;font-size:7px;letter-spacing:.08em;color:#72766c;margin-bottom:10px}.studio-ai-status{font-size:8px;color:#a6aaa4;margin:28px 0 0 18px;display:flex;gap:8px;align-items:center}.studio-ai-status i{width:5px;height:5px;background:#c3d9a7;border-radius:50%}.studio-service-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.studio-service-extras>div{position:relative;border-top:1px solid #ffffff26;padding-top:22px}.studio-service-extras h3{font-size:14px;font-weight:500}.studio-service-extras p{font-size:11px;line-height:1.7;color:#a6aaa4;margin-top:8px}.studio-service-extras span{position:absolute;right:0;color:#FF3301}
.studio-projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px;align-items:start}.studio-project:nth-child(even){margin-top:100px}.studio-project-image{overflow:hidden;background:#d6d4cb;position:relative;padding:36px}.studio-project:nth-child(2) .studio-project-image{background:#d9ded0}.studio-project:nth-child(3) .studio-project-image{background:#d4cfdf}.studio-project:nth-child(4) .studio-project-image{background:#e4d5cc}.studio-project img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;box-shadow:0 12px 25px #0002;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.studio-project:hover img{transform:scale(1.045) translateY(-4px)}.studio-project-open{position:absolute;bottom:52px;right:48px;background:#eeece6;padding:13px 18px;border-radius:30px;font-size:10px;opacity:0;transform:translateY(10px);transition:.3s}.studio-project:hover .studio-project-open,.studio-project:focus-visible .studio-project-open{opacity:1;transform:none}.studio-project-meta{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #181a1a26;gap:15px}.studio-project-meta div>span{font-size:8px;letter-spacing:.1em;color:var(--studio-muted)}.studio-project-meta h3{font-size:28px;letter-spacing:-.04em;font-weight:500;margin:8px 0}.studio-project-meta p{font-size:12px;color:var(--studio-muted)}.studio-project-arrow{font-size:25px}#realizacje{padding:0 7% 100px}#realizacje>div{max-width:1238px}.studio-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid #181a1a26;border-bottom:1px solid #181a1a26;cursor:pointer;font-size:24px;letter-spacing:-.035em;list-style:none}.studio-archive>summary::-webkit-details-marker{display:none}.studio-archive>summary>span{font-size:11px;letter-spacing:0}.studio-archive-content{padding-top:45px}#siatka-realizacji .port-card{border-radius:3px}
.studio-process{background:#171919;color:var(--studio-paper)}.studio-process-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.studio-process-intro{position:sticky;top:115px}.studio-process .studio-heading{font-size:clamp(40px,4.3vw,65px)}.studio-process .studio-heading em{color:#FF3301}.studio-process-intro>p{color:#a6aaa4;font-size:13px;line-height:1.8;margin:28px 0 18px}.studio-asterisk{font-size:160px;line-height:1;margin-top:50px;color:#FF3301;width:max-content;animation:studio-turn 60s linear infinite}.studio-steps{list-style:none;counter-reset:step}.studio-steps li{display:flex;gap:25px;padding:36px 0;border-top:1px solid #ffffff26}.studio-steps li>span{font-size:14px;color:#FF3301}.studio-steps small{font-size:8px;letter-spacing:.13em;color:#9a9e97}.studio-steps h3{font-size:25px;font-weight:500;letter-spacing:-.035em;margin:14px 0}.studio-steps p{font-size:13px;line-height:1.9;color:#a6aaa4}.studio-steps li:last-child{border-bottom:1px solid #ffffff26}
#cennik{background:var(--studio-paper);padding:110px 5%}#cennik>div{max-width:1238px}#cennik h2,#faq h2,#kontakt h2{font-size:clamp(40px,4.8vw,70px);line-height:1.05;letter-spacing:-.065em;font-weight:500}#cennik .text-brand-600,#faq .text-brand-600,#kontakt .text-brand-600,#cennik .hover\:text-brand-600:hover,#faq .hover\:text-brand-600:hover,#kontakt .hover\:text-brand-600:hover{color:#cc2800}#cennik>div>div.grid{gap:0;grid-template-columns:repeat(3,1fr);align-items:stretch}#cennik>div>div.grid>div{background:transparent;border:1px solid #181a1a26;border-radius:0;padding:36px 30px;box-shadow:none;display:flex;flex-direction:column}#cennik>div>div.grid>div:nth-child(2){background:#dce1d2;color:#181a1a}#cennik>div>div.grid>div:nth-child(2) .text-zinc-400,#cennik>div>div.grid>div:nth-child(2) .text-zinc-300,#cennik>div>div.grid>div:nth-child(2) .text-zinc-200{color:#535c4c}#cennik>div>div.grid>div:nth-child(2)>div.absolute{background:#181a1a;color:#eeece6;border-radius:0;font-size:9px;top:-12px}#cennik span.text-4xl{font-size:44px;font-weight:500;letter-spacing:-.06em}#cennik .btn{border:1px solid #181a1a40;border-radius:30px;margin-top:auto;background:#181a1a;color:#eeece6}#cennik .btn:hover{background:#FF3301;color:#181a1a}#cennik li{font-size:12px}#cennik h3{color:#5d6259}#cennik ul{padding:25px 0;border-top:1px solid #181a1a26}
#faq{background:#e5e3db;padding:100px 7%}#faq>div{max-width:1238px}#faq details{border-color:#181a1a26;background:transparent;border-radius:0}#faq summary{font-weight:500}#kontakt{background:var(--studio-paper);padding:110px 5%;border:0}#kontakt>div{max-width:1238px}#kontakt h2 em{font-style:normal;color:#85877e}#kontakt input:not([type=hidden]),#kontakt textarea{background:transparent;border:0;border-bottom:1px solid #181a1a40;border-radius:0;padding:15px 0;box-shadow:none}#kontakt input:focus,#kontakt textarea:focus{outline:none;border-color:#cc2800;box-shadow:0 1px #cc2800}#kontakt label{font-size:11px;font-weight:500}#kontakt #submit-btn{background:#FF3301;color:#181a1a;border-radius:30px;padding:18px}#kontakt #submit-btn:hover{background:#181a1a;color:#eeece6}#kontakt .bg-zinc-100{background:#e0e3d8}#kontakt .text-zinc-400{color:#72746f}
.studio-footer{background:#171919;overflow:hidden}.studio-footer-word{text-align:center;font-size:clamp(64px,15vw,240px);font-weight:500;line-height:1;letter-spacing:-.08em;padding:40px 5% 0;color:#eeece6;white-space:nowrap}.studio-footer-word span{font-size:.15em;vertical-align:top;position:relative;top:.8em;margin-left:.4em;color:#FF3301}.studio-footer>div.max-w-7xl{max-width:1440px;padding:50px 7% 32px}.studio-footer .bg-gradient-to-br{background:transparent;border-radius:0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;padding:45px 0;margin-bottom:55px}.studio-footer .bg-gradient-to-br h2{font-weight:500;font-size:clamp(28px,3.5vw,52px)}.studio-footer .hero-siatka{display:none}.studio-footer .bg-gradient-to-br p{font-size:12px;margin-top:18px;color:#a6aaa4}.studio-footer .bg-gradient-to-br a{background:#FF3301;color:#181a1a}.studio-footer a:hover{color:#FF3301}.studio-footer .bg-gradient-to-br a:hover{background:#eeece6;color:#181a1a}
@keyframes studio-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){.studio-wrap{padding:80px 6%}.studio-kicker{margin-bottom:42px}.studio-kicker>span:last-child{display:none}.studio-section-head{align-items:start;flex-direction:column;gap:20px;margin-bottom:36px}.studio-about-grid{gap:6%}.studio-service{padding:22px}.studio-web-art,.studio-ai-art{height:250px}.studio-mini-content strong{font-size:44px}.studio-mini-content{padding:15px}.studio-chat{font-size:10px;padding:14px;max-width:92%}.studio-service h3{font-size:24px}.studio-project-image{padding:20px}.studio-projects{gap:35px 20px}.studio-project:nth-child(even){margin-top:60px}.studio-project-meta p{font-size:11px}.studio-process-layout{gap:6%}#cennik>div>div.grid>div{padding:30px 18px}#cennik span.text-4xl{font-size:34px}}
@media(max-width:640px){.studio-wrap{padding:65px 22px}.studio-kicker{font-size:8px;margin-bottom:34px;padding-bottom:18px}.studio-about-grid,.studio-service-grid,.studio-projects,.studio-process-layout{grid-template-columns:1fr;gap:36px}.studio-heading{font-size:43px}.studio-person{margin-top:26px}.studio-about-copy>p:first-child{font-size:23px}.studio-about-copy>p{font-size:13px}.studio-stats{grid-template-columns:1fr 1fr;margin-top:40px;gap:28px}.studio-stats strong{font-size:52px}.studio-stat-note{padding-left:18px;font-size:12px}.studio-stat-note span{right:12px}.studio-service-grid{gap:16px}.studio-service{padding:22px}.studio-web-art,.studio-ai-art{height:270px}.studio-mini-content strong{font-size:53px}.studio-service-extras{grid-template-columns:1fr;gap:23px}.studio-service-extras>div{padding-top:18px}.studio-project:nth-child(even){margin-top:0}.studio-projects{gap:36px}.studio-project-image{padding:24px}.studio-project-meta h3{font-size:25px}.studio-project-open{display:none}.studio-section-head>p{font-size:13px}#realizacje{padding:0 22px 65px}.studio-archive>summary{font-size:20px;align-items:start;flex-direction:column;gap:8px}.studio-archive>summary>span{font-size:10px}.studio-archive-content h2{font-size:26px}.studio-process-intro{position:relative;top:0}.studio-asterisk{display:none}.studio-steps li{padding:25px 0;gap:18px}.studio-steps h3{font-size:24px}.studio-process-intro>p{margin:22px 0 10px}#cennik,#faq,#kontakt{padding:65px 0}#faq{padding-left:22px;padding-right:22px}#cennik>div>div.grid{grid-template-columns:1fr;gap:22px}#cennik>div>div.grid>div{padding:30px}#cennik span.text-4xl{font-size:44px}#kontakt>div>div{gap:40px}#kontakt h2{font-size:48px}.studio-footer-word{padding-top:35px;font-size:16vw}.studio-footer>div.max-w-7xl{padding:30px 22px}.studio-footer .bg-gradient-to-br{padding:30px 0}.studio-footer .bg-gradient-to-br h2{font-size:34px}.studio-footer .bg-gradient-to-br a{align-self:start}#nav>div:first-child{height:68px}}
@media(prefers-reduced-motion:reduce){.studio-ai-orb,.studio-asterisk{animation:none}.studio-project img,.studio-mini-browser{transition:none}.studio-project:hover img,.studio-service:hover .studio-mini-browser{transform:none}}

#cennik li.text-zinc-400,#cennik li .text-zinc-300{color:#73776d}
/* Keep the entire project fan inside the opening desktop viewport. */
@media(min-width:761px){
  .lab-stage{min-height:600px}
  .lab-copy{top:17%}
  .lab-copy h1{font-size:min(8.9vw,11svh,144px)}
  .lab-gallery{top:55%;width:min(1000px,82vw,78svh)}
}
@media(min-width:761px) and (max-height:780px){
  .lab-topline{top:84px}
  .lab-copy{top:calc(100px + 2svh)}
  .lab-eyebrow{margin-bottom:12px}
  .lab-copy h1{font-size:min(8vw,9svh)}
  .lab-intro{margin-top:16px}
  .lab-gallery{top:51%;width:min(900px,80vw,72svh)}
}
/* The stage fills one screen while scroll first unfolds the project cards. */
@media(min-width:761px){
  .lab-copy{text-align:center}
  .lab-copy h1{margin-inline:auto}
  .lab-copy h1 sup{font-size:.6em;right:-.8em}
  .lab-intro{justify-content:center;text-align:left}
  .lab-orbit{right:8%;top:20%;width:65vw}
  .lab-gallery{scale:none;transform-origin:50% 0;transform:translate(-50%,calc(var(--p) * -70px)) scale(calc(1 + var(--p) * .6))}
  .lab-gallery-title{left:5%;width:90%;text-align:center;top:20%}
  .lab-gallery-title p{font-size:clamp(38px,5vw,68px)}
}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .lab-hero{height:185svh;min-height:1110px}
  .lab-stage{position:sticky;top:0;height:100svh;min-height:600px}
}
@media(min-width:761px) and (prefers-reduced-motion:reduce){
  .lab-hero{height:100svh;min-height:600px}
  .lab-stage{position:relative;height:100%;min-height:600px}
  .lab-gallery-title,.lab-progress{display:none}
}
@media(min-width:761px){
  .lab-caption{height:48px;padding:10px;gap:6px}
  .lab-caption b{white-space:nowrap}
  .lab-caption>span{text-align:right;line-height:1.3}
}
/* Quiet moving contours, beneath all hero content. */
.studio-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7;mask-image:linear-gradient(to bottom,transparent 8%,#000 38%,#000 95%)}
.studio-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--glow-x,70%) var(--glow-y,65%),#FF330118,transparent 48%);mix-blend-mode:screen}
.lab-grid{opacity:.55}
.lab-orbit{opacity:.35}
@media(max-width:760px){.studio-flow{max-height:850px;opacity:.45}.studio-ambient{max-height:850px}}
@media(prefers-reduced-motion:reduce){.studio-ambient{background:radial-gradient(ellipse at 70% 65%,#FF330118,transparent 48%)}}
