/* 3DAS 1.1 B — odświeżenie głównej prezentacji, galerii i formularza.
   Nie ingeruje w layout i logikę generatorów 3D. */

/* Pierwszy ekran: pełne autentyczne zdjęcie, bez miniatury YouTube. */
.v11-hero{padding:clamp(34px,5vw,74px) 0 64px;background:radial-gradient(760px 650px at 81% 35%,rgba(37,88,121,.45),transparent 75%),linear-gradient(125deg,#091523,#111f31 70%,#1e3047)}
.v11-hero .titan-hero-layout{grid-template-columns:minmax(0,1fr) minmax(345px,.88fr);gap:clamp(26px,4vw,66px);max-width:1260px}
.v11-hero h1{font-size:clamp(2.4rem,4.6vw,4.6rem);max-width:680px;line-height:1.07;margin-bottom:24px}
.v11-hero h1 span{display:inline;color:#ff8c66}
.v11-hero .titan-lead{font-size:clamp(1.05rem,1.32vw,1.18rem);max-width:660px}
.v11-hero .titan-facts{margin:25px 0 27px}
.v11-hero .titan-facts strong{font-size:clamp(1.03rem,1.6vw,1.38rem)}
.v11-hero .titan-actions .btn{border-radius:12px;min-height:50px}
.v11-hero .titan-hero-footnote{color:#b9c9d9}
.v11-hero .v11-hero-media{max-width:500px;width:100%;justify-self:center}
.v11-hero-photo{display:block;position:relative;aspect-ratio:3/4;padding:9px;border:1px solid rgba(188,210,226,.28);border-radius:26px;background:linear-gradient(140deg,#1e3141,#152339);box-shadow:0 30px 76px rgba(0,0,0,.38);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.v11-hero-photo:hover{transform:translateY(-4px);box-shadow:0 37px 85px rgba(0,0,0,.46)}
.v11-hero-photo picture{display:block;width:100%;height:100%}
.v11-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:18px}
.v11-photo-corner{position:absolute;right:22px;top:22px;border-radius:999px;background:rgba(7,19,31,.89);color:#fff;padding:7px 12px;font-weight:850;font-size:.76rem;letter-spacing:.04em;box-shadow:0 5px 16px #0006}
.v11-hero-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding-top:15px}
.v11-hero-links a{font-weight:750;color:#eaf2ff;text-decoration:none;font-size:.93rem}
.v11-hero-links a:hover{text-decoration:underline;color:#fff}
.v11-hero-links i{color:#ff926b;margin-right:5px}
.v11-hero a:focus-visible{outline:3px solid #ffb08d;outline-offset:4px}
.v11-hero .titan-hero-footnote i{color:#ff9b78;margin-right:5px}

/* Lepsze wyróżnienie galerii na stronie realizacji. */
.case-gallery-card a{display:block;position:relative;overflow:hidden}
.case-gallery-card a img{transition:transform .2s ease}
.case-gallery-card a:hover img{transform:scale(1.025)}
.case-gallery-card a:focus-visible{outline:3px solid #f97341;outline-offset:-3px}
.case-gallery-card .case-gallery-card--lead{align-self:stretch}
.v11-stage-photo{margin:20px 0 0;max-width:390px;background:#fff;border:1px solid #dfe6f0;border-radius:15px;overflow:hidden;box-shadow:0 12px 28px rgba(20,38,62,.08)}
.v11-stage-photo img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 25%}
.v11-stage-photo figcaption{color:#536078;padding:10px 14px;font-size:.9rem}
.v11-reflections{background:#fff}
.v11-reflections p{font-size:1.07rem;color:#475569}
.v11-reflections .v11-reflections-link{margin-top:26px}
.v11-lightbox{position:fixed;inset:0;margin:auto;width:min(96vw,1140px);max-width:none;max-height:94vh;border:1px solid #485667;border-radius:22px;padding:26px 10px 14px;background:#101826;color:#fff;box-shadow:0 40px 95px rgba(0,0,0,.5)}
.v11-lightbox::backdrop{background:rgba(3,8,16,.86);backdrop-filter:blur(4px)}
.v11-lightbox-inner{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:8px}
.v11-lightbox figure{margin:0;text-align:center;min-width:0}
.v11-lightbox-image{display:block;max-height:76vh;max-width:100%;width:auto;height:auto;object-fit:contain;margin:0 auto;border-radius:8px}
.v11-lightbox-caption{color:#e0e7f1;font-size:.93rem;padding:10px 12px 0}
.v11-lightbox button{width:44px;height:44px;border-radius:100%;border:1px solid rgba(255,255,255,.25);background:#243147;color:#fff;font-weight:800;font-size:2rem;cursor:pointer}
.v11-lightbox button:hover{background:#364861}
.v11-lightbox .v11-lightbox-close{position:absolute;top:-17px;right:8px;font-size:1.5rem;z-index:2}
.v11-lightbox:focus-visible,.v11-lightbox button:focus-visible{outline:3px solid #ff8a5d;outline-offset:3px}

/* Formularz przyjazny przy zapytaniach zarówno o duże figury, jak i części. */
.v11-quote-form{width:100%;max-width:660px;gap:15px;margin-top:31px}
.v11-form-intro{display:flex;flex-direction:column;gap:4px;text-align:left;padding:15px 17px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.09)}
.v11-form-intro strong{font-size:1.02rem;color:#fff}
.v11-form-intro span{color:#eaf1fb;font-size:.9rem}
.v11-project-kind label,.v11-message-label{display:block;text-align:left;color:#fff;font-weight:800;margin-bottom:7px}
.v11-project-kind select{appearance:auto;width:100%;background:#fff;color:#142237;border:0;border-radius:9px;padding:14px;font:inherit;font-size:1rem;min-height:52px}
.v11-project-kind .v11-project-hint,.v11-quote-form .v11-field-help{margin:7px 0 0;text-align:left;color:#e6edfb;font-size:.86rem}
.v11-quote-form input[type="text"],.v11-quote-form input[type="email"],.v11-quote-form input[type="tel"],.v11-quote-form textarea{border-radius:9px;min-height:51px}
.v11-quote-form textarea{min-height:154px}
.v11-quote-form .file-upload-label{background:#0e345b;border:1px dashed #c0d7ee;border-radius:12px;min-height:64px;display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 18px}
.v11-quote-form .file-upload-label:hover{background:#184876}
.v11-quote-form #file-upload{display:block;position:absolute;inline-size:1px;block-size:1px;opacity:0;clip-path:inset(50%);overflow:hidden}
.v11-quote-form .file-upload-label:focus-within,.v11-quote-form .file-upload-label:has(+ input:focus-visible){outline:3px solid #fff;outline-offset:4px}
.v11-quote-form .v11-clear-file{width:max-content;max-width:100%;border:1px solid #ffbda5;background:transparent;border-radius:7px;padding:7px 12px;color:#fff;font:inherit;font-size:.87rem;font-weight:700;cursor:pointer}
.v11-quote-form .v11-clear-file[hidden]{display:none}
.v11-quote-form .v11-clear-file:hover{background:rgba(255,255,255,.12)}
.v11-quote-form .quote-upload-note{margin:0}
.v11-quote-form .response-message:empty{display:none}
.v11-quote-form .response-message:not(:empty){background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.25)}
.v11-quote-form .quote-consent label{text-align:left}
.v11-quote-form button[type="submit"]{min-height:54px;font-weight:850;border-radius:10px}
.v11-quote-form input:focus-visible,.v11-quote-form select:focus-visible,.v11-quote-form textarea:focus-visible,.v11-quote-form button:focus-visible{outline:3px solid #ffdfc8;outline-offset:3px}

@media(max-width:1040px){
 .v11-hero .titan-hero-layout{grid-template-columns:1.1fr .9fr;gap:24px}
 .v11-hero h1{font-size:clamp(2.2rem,4.7vw,3.5rem)}
}
@media(max-width:950px){
 .v11-hero .titan-hero-layout{grid-template-columns:1fr 1fr;gap:20px}
 .v11-hero .v11-hero-media{max-width:440px}
 .v11-hero h1{font-size:clamp(2rem,4.8vw,3rem)}
}
@media(max-width:760px){
 .v11-hero{padding:34px 0 48px}
 .v11-hero .titan-hero-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .v11-hero .titan-hero-copy{display:contents}
 .v11-hero .titan-eyebrow{order:1;margin-bottom:9px;font-size:.73rem}
 .v11-hero h1{order:2;font-size:clamp(2.15rem,8vw,3.5rem);margin:0 0 16px}
 .v11-hero .v11-hero-media{order:3;max-width:min(100%,410px);width:100%;margin:0 auto 18px}
 .v11-hero .titan-lead{order:4;margin:0 0 16px}
 .v11-hero .titan-facts{order:5;margin:0 0 22px;gap:9px}
 .v11-hero .titan-actions{order:6;flex-direction:column;align-items:stretch}
 .v11-hero .titan-actions a{width:100%}
 .v11-hero .titan-hero-footnote{order:7;margin:18px 0 0}
 .v11-hero-links{padding-top:10px;gap:18px}
 .v11-hero-photo{border-radius:19px}
 .v11-hero-photo img{border-radius:12px}
 .v11-photo-corner{font-size:.67rem;right:17px;top:17px}
 .v11-lightbox-inner{grid-template-columns:34px minmax(0,1fr) 34px;gap:2px}
 .v11-lightbox{padding:33px 4px 12px}
 .v11-lightbox button{width:32px;height:40px;font-size:1.65rem}
 .v11-lightbox .v11-lightbox-close{top:-29px;right:2px;width:36px;height:34px}
 .v11-lightbox-caption{font-size:.82rem}
}
@media(max-width:420px){
 .v11-hero .titan-facts strong{font-size:.88rem}
 .v11-hero .titan-facts span{font-size:.7rem}
 .v11-hero .v11-hero-media{max-width:min(100%,355px)}
 .v11-quote-form .file-upload-label{font-size:.87rem;line-height:1.4}
 .v11-stage-photo img{height:235px}
}
@media(prefers-reduced-motion:reduce){.v11-hero-photo,.case-gallery-card a img{transition:none}}

/* Case study 1.1 — zdjęcie z warsztatu w pierwszym ekranie. */
.case-hero{padding:54px 0 64px}
.case-hero-layout{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(24px,4vw,58px)}
.case-hero h1{font-size:clamp(2.45rem,3.8vw,3.6rem);line-height:1.1;max-width:720px}
.case-hero .case-hero-video{max-width:440px;margin:0 auto;aspect-ratio:3/4}
.case-hero .case-hero-video img{aspect-ratio:3/4;object-fit:cover;height:100%;width:100%}
.case-hero .case-hero-video span{font-size:.9rem}
@media(max-width:900px){.case-hero-layout{grid-template-columns:1fr}.case-hero h1{max-width:760px}.case-hero .case-hero-video{max-width:440px;margin:0}}
@media(max-width:600px){.case-hero h1{font-size:clamp(2.15rem,8.5vw,3rem)}.case-hero .case-hero-video{width:min(100%,360px);margin:0 auto}.case-hero .case-hero-video span{left:12px;bottom:13px;padding:7px 11px;font-size:.8rem}}