/*
Theme Name: Kopytko Onepage
Author: Firma Kopytko
Description: Autorski, responsywny motyw onepage dla firmy budowlanej Kopytko.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: kopytko
*/
:root{--paper:#f5f4ef;--ink:#242824;--muted:#62665e;--accent:#ef0808;--line:#d9dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1320px,90%);margin:auto}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;padding:12px;z-index:100}.header{height:94px;position:sticky;top:0;background:rgba(245,244,239,.97);z-index:20;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:flex;align-items:center;gap:12px}.mark{width:39px;height:43px;background:var(--accent);color:var(--paper);font-size:34px;font-weight:900;line-height:43px;text-align:center;transform:skewY(-7deg)}.brand strong{font-size:25px;letter-spacing:1px;display:block;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.links{display:flex;gap:30px;font-size:13px}.links a:hover{color:var(--accent)}.nav-contact{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0}.menu{display:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';display:block;width:7px;height:7px;background:var(--accent)}.hero{padding-top:54px}.hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding:25px 0 38px}h1{font-size:clamp(54px,6.4vw,92px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin:0}h1 em{font-style:normal;color:var(--accent)}.hero-intro{max-width:290px;margin-bottom:5px}.hero-intro p{font-size:14px;color:var(--muted);margin:0 0 24px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;background:var(--accent);color:white;font-size:13px;border:0}.btn:hover{background:#bc0606}.arrow{font-size:22px;line-height:1}.hero-photo{height:430px;position:relative;overflow:hidden;background:#3e4a3c}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 49%}.photo-label{position:absolute;bottom:24px;left:26px;color:white;background:#242824e8;padding:12px 18px;font-size:11px;letter-spacing:1px}.year{position:absolute;right:0;bottom:0;background:var(--paper);padding:22px 36px;display:flex;align-items:center;gap:18px}.year strong{font-size:42px;line-height:1}.year span{font-size:11px;line-height:1.5;max-width:80px}.hero-foot{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.section{padding:100px 0}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:45px}h2{font-size:clamp(35px,4vw,57px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin:0 0 22px}.lead{color:var(--muted);font-size:16px;max-width:650px}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr 1fr 30px;gap:25px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center}.service .num{color:var(--accent);font-size:12px}.service h3{font-weight:500;font-size:23px;letter-spacing:-.5px;margin:0}.service p{font-size:13px;color:var(--muted);margin:0;max-width:380px}.service:hover h3{color:var(--accent)}.about{background:#e8eae2}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-photo{height:570px;position:relative}.about-photo img{height:100%;width:100%;object-fit:cover;object-position:center 75%}.about-copy h2{margin-top:26px}.about-copy p{color:var(--muted);font-size:15px}.checks{margin:28px 0 0;padding:0;list-style:none}.checks li{border-top:1px solid #c9cdc0;padding:13px 0;font-size:13px}.checks li:before{content:'↗';color:var(--accent);margin-right:16px}.projects-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.projects-top h2{margin:22px 0 35px}.small-link{font-size:12px;border-bottom:1px solid;padding-bottom:6px;white-space:nowrap;margin-bottom:40px}.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.gallery button{padding:0;border:0;background:none;text-align:left;color:inherit}.gallery img{height:390px;width:100%;object-fit:cover;transition:filter .2s}.gallery button:hover img{filter:brightness(.85)}.gallery .secondary img{object-position:center 80%}.caption{display:flex;justify-content:space-between;padding:16px 0;font-size:13px;border-bottom:1px solid var(--line)}.project-list{margin-top:35px}.project-list details{border-bottom:1px solid var(--line);padding:18px 0}.project-list summary{cursor:pointer;font-size:16px}.project-list p{color:var(--muted);font-size:14px;max-width:800px}.process{background:var(--ink);color:var(--paper)}.process h2{margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.step{border-top:1px solid #555b50;padding-top:25px}.step>span{color:#ff6666;font-size:13px}.step h3{font-weight:500;font-size:23px;margin:18px 0 12px}.step p{color:#bbc0b5;font-size:14px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.contact h2{margin-top:25px}.contact .lead{max-width:390px}.contact-info{padding-top:30px}.contact-info small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.phone{display:block;font-size:clamp(25px,3vw,39px);letter-spacing:-1px}.email{display:inline-block;border-bottom:1px solid;margin:15px 0 30px}.address{display:flex;gap:50px;border-top:1px solid var(--line);padding-top:22px;font-size:13px}.footer{border-top:1px solid var(--line);padding:27px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}dialog{border:0;background:var(--paper);padding:14px;max-width:90vw;max-height:94vh}dialog::backdrop{background:#111d}dialog img{max-height:78vh;width:auto;margin:auto}dialog button{display:block;margin-left:auto;padding:8px 16px;border:0;background:var(--ink);color:white}dialog p{font-size:12px}.archive-note{font-size:11px;color:var(--muted);margin-top:20px}.mobile-call{display:none}@media(min-width:1500px){.hero-photo{height:490px}}@media(max-width:850px){.links{gap:16px}.nav-contact{display:none}h1{letter-spacing:-3px}.hero-top{gap:25px}.hero-intro{max-width:240px}.section{padding:70px 0}.section-top{grid-template-columns:1fr}.service{grid-template-columns:35px 1fr 1fr 20px;gap:15px}.about-grid{gap:5%}.about-photo{height:530px}.gallery img{height:300px}}@media(max-width:600px){.header{height:76px}.brand strong{font-size:21px}.menu{display:block;border:1px solid var(--line);background:none;padding:7px 12px;font-size:12px}.links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line)}.links.open{display:flex;flex-direction:column;gap:20px}.hero{padding-top:28px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-top{display:block;padding-top:25px}h1{font-size:55px;letter-spacing:-3px}.hero-intro{max-width:100%;margin-top:25px}.hero-intro p{max-width:320px}.hero-photo{height:340px}.hero-photo>img{object-position:50% 55%}.photo-label{bottom:auto;top:15px;left:15px;font-size:9px}.year{padding:16px 22px}.year strong{font-size:34px}.hero-foot{font-size:8px;gap:20px}.hero-foot span:last-child{display:none}.section{padding:60px 0}.section-top{gap:22px;margin-bottom:25px}h2{font-size:37px}.service{grid-template-columns:25px 1fr 20px;padding:23px 0;gap:12px}.service h3{font-size:20px}.service p{grid-column:2;grid-row:2}.service .arrow{grid-column:3;grid-row:1}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-photo{height:350px}.about-copy h2{margin-top:20px}.projects-top{display:block}.projects-top .small-link{display:inline-block;margin-bottom:25px}.gallery{grid-template-columns:1fr;gap:28px}.gallery img{height:310px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.contact-info{padding-top:0}.address{gap:30px}.footer-row{align-items:flex-start;gap:20px}.footer{padding-bottom:80px}.mobile-call{position:fixed;bottom:15px;right:5%;z-index:15;display:block;background:var(--accent);color:white;padding:12px 20px;font-size:13px;box-shadow:0 4px 20px #0002}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original company identity and archive photography */
:root{--blue:#1600df}.original-logo{width:125px;height:60px;object-fit:contain}.brand-description{font-size:10px;letter-spacing:1.5px;line-height:1.6;border-left:1px solid var(--line);padding-left:15px;color:var(--blue)}h1 em{color:var(--blue)}.service .num,.checks li:before{color:var(--blue)}.small-link,.email{border-bottom-color:var(--blue)}.offer-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:42px}.offer-photos figure{margin:0}.offer-photos img{width:100%;height:280px;object-fit:cover}.offer-photos figcaption{font-size:12px;padding:12px 0;border-bottom:2px solid var(--blue)}.gallery-more{margin-top:32px;grid-template-columns:repeat(4,1fr);gap:24px}.gallery-more img{height:300px}.gallery-more .caption{font-size:12px}.gallery-more .photo:last-child img{object-position:50% 40%}@media(max-width:850px){.brand-description{display:none}.gallery-more{grid-template-columns:repeat(2,1fr)}.offer-photos img{height:220px}}@media(max-width:600px){.original-logo{width:110px;height:53px}.offer-photos{gap:12px;grid-template-columns:1fr}.offer-photos figure{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px}.offer-photos img{height:130px}.offer-photos figcaption{padding:16px 0}.gallery-more{gap:22px 14px}.gallery-more img{height:220px}.gallery-more .caption{gap:8px;font-size:11px}}

.drone-slider{position:relative;background:#202520;overflow:hidden;height:490px;color:white}.drone-slide,.drone-slide video{width:100%;height:100%}.drone-slide video{object-fit:cover}.drone-slider:after{content:'';position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,#000a)}.drone-caption{position:absolute;bottom:28px;left:30px;z-index:2;display:grid;gap:6px}.drone-caption>span{font-size:9px;letter-spacing:2px}.drone-title{font-size:20px;font-weight:500}.drone-controls{position:absolute;right:25px;bottom:28px;z-index:3;display:flex;align-items:center;gap:14px}.drone-controls button{background:#222b;color:white;border:1px solid #fff7;min-width:40px;height:40px;padding:0 12px}.drone-controls button:hover{background:var(--accent)}.drone-count{font-size:11px}.drone-play{min-width:90px!important}@media(max-width:600px){.drone-slider{height:370px}.drone-caption{left:18px;bottom:85px}.drone-controls{left:18px;right:auto;bottom:22px}.drone-title{font-size:18px}}

/* Galeria realizacji (zdjęcia z profilu firmy na Facebooku) */
.realizations-gallery{background:#e8eae2}.gal-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.gal-filter{border:1px solid #c9cdc0;background:transparent;color:var(--ink);padding:10px 16px;font-size:13px;display:inline-flex;gap:10px;align-items:center}.gal-filter span{font-size:11px;color:var(--muted)}.gal-filter:hover{border-color:var(--blue);color:var(--blue)}.gal-filter.is-active{background:var(--blue);border-color:var(--blue);color:#fff}.gal-filter.is-active span{color:#fffc}
.gal-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gal-item[hidden]{display:none}.gal-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit}.gal-open img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#d5d8cd;transition:filter .2s}.gal-open:hover img{filter:brightness(.85)}.gal-cap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;padding:10px 0 12px;border-bottom:1px solid #c9cdc0;min-height:3.9em}
.gal-more-wrap{text-align:center;margin-top:36px}.gal-more[hidden]{display:none}
.gal-dialog{width:min(1200px,94vw);padding:14px 14px 4px;background:var(--paper)}.gal-dialog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;color:var(--muted)}.gal-dialog .gal-close{margin:0}.gal-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#111;min-height:200px}.gal-stage img{max-height:74vh;max-width:100%;width:auto;margin:auto}.gal-stage .gal-prev,.gal-stage .gal-next{position:absolute;top:50%;transform:translateY(-50%);margin:0;width:46px;height:46px;padding:0;font-size:20px;background:#222b;border:1px solid #fff7;color:#fff}.gal-stage .gal-prev{left:10px}.gal-stage .gal-next{right:10px}.gal-stage button:hover{background:var(--blue)}.gal-title{font-size:15px;margin:12px 0 2px}.gal-meta{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
@media(max-width:850px){.gal-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(max-width:600px){.gal-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -5% 24px;padding:0 5% 6px;scrollbar-width:none}.gal-filter{white-space:nowrap;flex:none}.gal-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gal-cap{font-size:11px}.gal-stage .gal-prev,.gal-stage .gal-next{width:38px;height:38px}}
.drone-caption{right:300px}.drone-title{line-height:1.3;max-width:760px}@media(max-width:600px){.drone-caption{right:18px}.drone-title{font-size:15px}}
.drone-caption{text-shadow:0 1px 8px #000a}@media(max-width:600px){.drone-slider:after{inset:25% 0 0;background:linear-gradient(transparent,#000d 55%)}}
/* Napis „Aktualnie wykonujemy” w sliderze z drona */
.drone-live{position:absolute;top:24px;left:30px;z-index:3}.live-tag{display:inline-block;background:#e10600;color:#fff;font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:7px 12px 7px 11px;box-shadow:0 2px 12px #e1060066;animation:liveBlink 1.6s ease-in-out infinite}@keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.15}}@media(max-width:600px){.drone-live{top:16px;left:18px}.live-tag{font-size:10px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.live-tag{animation:none}}
.slide-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:100%;background:#202520}.slide-pair img{width:100%;height:100%;object-fit:cover}@media(max-width:600px){.slide-pair{grid-template-columns:1fr}.slide-pair img+img{display:none}}
.drone-caption>span{text-transform:uppercase}
.footer-credit{text-align:center}@media(max-width:600px){.footer-row{flex-wrap:wrap;row-gap:10px}.footer-credit{order:3;width:100%;text-align:left}}
.footer-credit a{border-bottom:1px solid;white-space:nowrap}.footer-credit a:hover{color:var(--blue)}
/* Podpis wykonawcy: animowane logo kopytko.studio */
.footer-credit{display:inline-flex;align-items:center;gap:10px}.footer-credit a.kp-credit{border:0;display:inline-flex;align-items:center;background:#0E0F0C;padding:6px 10px 6px 9px;border-radius:999px;color:#F3F1EA;transition:transform .2s,box-shadow .2s}.footer-credit a.kp-credit:hover{color:#F3F1EA;transform:translateY(-1px);box-shadow:0 4px 14px #0E0F0C33}.footer-credit a.kp-credit:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.kp-lockup{position:relative;display:flex;align-items:center;gap:.45rem}.kp-lockup__shoe{width:22px;height:22px;flex:0 0 auto;overflow:visible;transform-origin:50% 18%;animation:kpKick 4.2s ease infinite}.kp-lockup__home{animation:kpHome 4.2s ease infinite}.kp-lockup__words{display:flex;align-items:baseline;animation:kpWord 4.2s ease-out infinite}.kp-lockup__k{font-family:Unbounded,'Inter Tight',Arial,sans-serif;font-weight:700;font-size:.86rem;line-height:1;letter-spacing:-.03em;color:#F3F1EA}.kp-lockup__s{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:.68rem;color:#C8F560;white-space:nowrap}.kp-lockup__slot{position:relative;display:inline-block;width:.667em;height:.2em;margin-left:.133em;vertical-align:baseline}.kp-lockup__fly{position:absolute;inset:0;background:#F3F1EA;opacity:0;animation:kpFly 4.2s ease infinite}.kp-lockup__ring{position:absolute;left:50%;top:50%;width:1.2em;height:1.2em;margin:-.6em 0 0 -.6em;border:.067em solid #C8F560;border-radius:50%;opacity:0;animation:kpRing 4.2s ease-out infinite}
@keyframes kpKick{0%{transform:rotate(-3deg)}8%{transform:rotate(3deg)}16%{transform:rotate(-2deg);animation-timing-function:ease-in}26%{transform:rotate(17deg);animation-timing-function:cubic-bezier(.2,0,0,1)}31%{transform:rotate(-18deg)}38%{transform:rotate(9deg)}46%{transform:rotate(-6deg)}56%{transform:rotate(4deg)}66%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}100%{transform:rotate(-3deg)}}@keyframes kpHome{0%,7%{opacity:1}8%,14%{opacity:0}15%,30%{opacity:1}31%,92%{opacity:0}94%,100%{opacity:1}}@keyframes kpRing{0%,53%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(.5)}68%,100%{opacity:0;transform:scale(1.8)}}@keyframes kpWord{0%,53%{transform:translateY(0)}56%{transform:translateY(1.5px)}62%,100%{transform:translateY(0)}}
@keyframes kpFly{0%,30%{opacity:0;transform:translate(var(--kp-dx,-60px),var(--kp-dy,0)) rotate(0);background:#1A1C18}31%{opacity:1;transform:translate(var(--kp-dx,-60px),var(--kp-dy,0)) rotate(0);background:#1A1C18;animation-timing-function:cubic-bezier(.15,.6,.4,1)}36%{background:#F3F1EA}42%{transform:translate(var(--kp-px,-30px),var(--kp-py,-20px)) rotate(-200deg);animation-timing-function:cubic-bezier(.6,0,.9,.5)}54%{transform:translate(0,0) rotate(-360deg) scale(1.5,.55)}59%{transform:translate(0,-.8em) rotate(-360deg) scale(.85,1.15)}64%{transform:translate(0,0) rotate(-360deg) scale(1.2,.8)}68%{opacity:1;transform:translate(0,0) rotate(-360deg) scale(1);background:#F3F1EA}72%{opacity:0}76%{opacity:1}80%{opacity:0}84%{opacity:1}90%{opacity:1;transform:translate(0,0) rotate(-360deg)}93%,100%{opacity:0;transform:translate(0,0) rotate(-360deg);background:#F3F1EA}}
@media(max-width:600px){.footer-credit{order:3;width:100%}}@media(prefers-reduced-motion:reduce){.kp-lockup__shoe,.kp-lockup__home,.kp-lockup__words,.kp-lockup__ring{animation:none}.kp-lockup__fly{animation:none;opacity:1;transform:none}.kp-lockup__home{opacity:0}}
/* Pytania i odpowiedzi */
.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{margin:0;font-size:19px;font-weight:500;letter-spacing:-.3px;line-height:1.35}.faq-item summary:hover h3{color:var(--blue)}.faq-icon{flex:none;width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;font-size:18px;color:var(--blue);transition:transform .2s}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-item p{margin:0 0 24px;max-width:820px;color:var(--muted);font-size:15px}.faq .lead a{color:var(--ink);border-bottom:1px solid var(--blue)}@media(max-width:600px){.faq-item summary h3{font-size:16px}.faq-item summary{padding:18px 0}}
:root{--accent:#e80707}
.faq-item[open] .faq-icon{transform:none}.faq-icon{font-size:0}.faq-icon::before{content:'+';font-size:18px;line-height:1}.faq-item[open] .faq-icon::before{content:'\2212'}
/* Współpraca */
.collab{background:var(--paper)}.collab-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:44px}.collab-head .eyebrow{grid-column:1}.collab-head h2{grid-column:2;margin:0}.collab-head .lead{grid-column:2;margin:0}
.collab-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}
.collab-tab{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;padding:22px 22px 24px 0;background:none;border:0;border-top:3px solid var(--line);color:var(--ink);margin-right:18px;transition:border-color .2s}
.collab-tab-label{font-size:clamp(19px,1.8vw,26px);font-weight:500;letter-spacing:-.6px;line-height:1.15}.collab-tab-hint{font-size:13px;color:var(--muted);line-height:1.4}
.collab-tab:hover{border-top-color:#9fa395}.collab-tab[aria-selected="true"]{border-top-color:var(--blue)}.collab-tab[aria-selected="true"] .collab-tab-label{color:var(--blue)}
.collab-tab[aria-selected="true"]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--blue)}
.collab-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:0;margin-top:0}.collab-panel[hidden]{display:none}
.collab-info{padding:44px 56px 44px 0}.collab-info h3{font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0 0 16px}.collab-intro{color:var(--muted);font-size:16px;max-width:560px;margin:0 0 30px}
.collab-info h4{font-size:14px;font-weight:700;margin:26px 0 12px}
.collab-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.collab-tags li{border:1px solid var(--ink);padding:7px 13px;font-size:14px}
.collab-offer{list-style:none;margin:0;padding:0;max-width:560px}.collab-offer li{border-top:1px solid var(--line);padding:11px 0 11px 30px;font-size:14px;position:relative}.collab-offer li::before{content:'↗';position:absolute;left:0;color:var(--blue)}
.collab-call{margin:30px 0 0;font-size:14px;color:var(--muted)}.collab-call a{color:var(--ink);font-size:17px;border-bottom:1px solid var(--blue);margin:0 8px}.collab-call span{white-space:nowrap}
.collab-form{background:var(--ink);color:var(--paper);padding:40px 40px 34px;display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;align-content:start}
.collab-form-title{grid-column:1/-1;margin:0 0 4px;font-size:22px;font-weight:500;letter-spacing:-.4px}
.collab-field{display:flex;flex-direction:column;gap:7px;min-width:0}.collab-field.is-wide,.collab-chips{grid-column:1/-1}
.collab-field label,.collab-chips legend{font-size:13px;color:#c9cdc0}.collab-field label span{color:#ff8a8a}
.collab-field input,.collab-field select,.collab-field textarea{font:inherit;font-size:16px;color:var(--paper);background:transparent;border:0;border-bottom:1px solid #6b7166;padding:8px 0;border-radius:0;width:100%}
.collab-field select{appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9cdc0' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 4px center;padding-right:24px}.collab-field select option{color:var(--ink)}
.collab-field textarea{resize:vertical;min-height:72px}
.collab-field input:focus,.collab-field select:focus,.collab-field textarea:focus{outline:0;border-bottom-color:var(--paper);box-shadow:0 1px 0 var(--paper)}
.collab-field input:focus-visible,.collab-field select:focus-visible,.collab-field textarea:focus-visible{outline:2px solid #8c9bff;outline-offset:4px}
.collab-field.has-error input{border-bottom-color:#ff8a8a}.collab-error{font-size:12px;color:#ff8a8a;min-height:0}
.collab-chips{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.collab-chips legend{margin-bottom:10px;padding:0}
.collab-chips label{position:relative;cursor:pointer}.collab-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.collab-chips span{display:block;border:1px solid #6b7166;padding:7px 12px;font-size:14px;color:var(--paper);transition:background .15s,border-color .15s}
.collab-chips input:checked+span{background:var(--paper);color:var(--ink);border-color:var(--paper)}.collab-chips input:checked+span::before{content:'✓ '}.collab-chips input:focus-visible+span{outline:2px solid #8c9bff;outline-offset:2px}.collab-chips label:hover span{border-color:#c9cdc0}
.collab-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.collab-submit{grid-column:1/-1;justify-content:space-between;width:100%;padding:17px 22px;font-size:15px;margin-top:6px}.collab-submit[disabled]{opacity:.6;cursor:progress}
.collab-note{grid-column:1/-1;margin:0;font-size:12px;color:#9fa395}
.collab-status{grid-column:1/-1}.collab-status:empty{display:none}.collab-status p{margin:0;font-size:14px}.collab-status a{color:var(--paper);border-bottom:1px solid}
.collab-done{grid-column:1/-1;padding:10px 0}.collab-done strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}.collab-done p{color:#c9cdc0;margin:0 0 18px}.collab-done button{background:none;border:0;color:var(--paper);border-bottom:1px solid;padding:0;font-size:14px}
@media(max-width:1000px){.collab-panel{grid-template-columns:1fr}.collab-info{padding:36px 0}.collab-head{grid-template-columns:1fr;gap:18px}.collab-head h2,.collab-head .lead{grid-column:1}}
@media(max-width:700px){.collab-tabs{grid-template-columns:1fr 1fr;border-bottom:0;gap:0 14px}.collab-tab{margin-right:0;padding:16px 0 18px}.collab-tab[aria-selected="true"]::after{display:none}.collab-form{grid-template-columns:1fr;padding:28px 20px 24px;margin:0 -5.6%}.collab-call a{display:inline-block;margin:6px 0}}
@media(prefers-reduced-motion:reduce){.collab-tab,.collab-chips span{transition:none}}
.collab-field.collab-chips{flex-direction:row;gap:8px}.collab-chips label span,.collab-field.collab-chips label span{color:var(--paper)}.collab-chips input:checked+span{color:var(--ink)}.collab-info{position:sticky;top:110px;align-self:start}@media(max-width:1000px){.collab-info{position:static}}