#approach-story{--about-accent:#c8ff3d;background:#08080d;color:#fff}
.about-section{padding:88px 40px;border-top:1px solid #ffffff12}.about-container{max-width:1440px;margin-inline:auto}.about-label{display:flex;gap:20px;align-items:center;margin-bottom:48px;font:10px "JetBrains Mono",monospace;letter-spacing:.28em;text-transform:uppercase;color:#ffffff80}.about-label>span:first-child{color:var(--about-accent)}.about-label>i{height:1px;flex:1;background:#ffffff1a}
.about-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}.about-section h2{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:clamp(40px,4.8vw,72px);line-height:1.04;letter-spacing:-.055em;margin:0 0 32px}.about-section h2 span{color:var(--about-accent)}.about-section:not(:has(.about-home-reviews)) h3{font-size:28px;line-height:1.15;letter-spacing:-.035em;font-weight:600}.about-section:not(:has(.about-home-reviews)) p{font-size:17px;line-height:1.7;color:#a3a3ad;max-width:760px;margin:0 0 22px}.about-prose{border-left:2px solid var(--about-accent);padding-left:28px}.about-prose p:last-child{margin-bottom:0}
.about-light{--about-accent:#6551d8;background:#efeee8;color:#101015;background-image:linear-gradient(#00000005 1px,transparent 1px),linear-gradient(90deg,#00000005 1px,transparent 1px);background-size:72px 72px}.about-light p,.about-light li{color:#55555f}.about-light .about-label{color:#55555f}.about-light .about-label>i{background:#00000020}.about-muted{--about-accent:#9176ff;background:#15141d}
.about-detail{border-top:1px solid #ffffff24}.about-detail:last-child{border-bottom:1px solid #ffffff24}.about-detail summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:24px 0;font-size:22px;line-height:1.3;font-weight:500;list-style:none}.about-detail summary::-webkit-details-marker{display:none}.about-detail summary>span{font-size:28px;color:var(--about-accent);transition:transform .3s}.about-detail[open] summary>span{transform:rotate(45deg)}.about-detail summary:focus-visible{outline:2px solid var(--about-accent);outline-offset:5px}.about-detail__body{padding:0 28px 12px 0}.about-detail[open] .about-detail__body{animation:about-open .35s ease-out}.about-light .about-detail{border-color:#00000024}.about-result{border-left:2px solid var(--about-accent);padding-left:20px;font-size:15px!important}.about-steps{list-style:none;padding:0;margin:0;border-left:1px solid #ffffff24}.about-steps>li{position:relative;padding-left:44px}.about-step-no{position:absolute;left:-17px;top:24px;display:grid;place-items:center;width:34px;height:34px;background:#08080d;color:var(--about-accent);border:1px solid #ffffff30;border-radius:50%;font:10px "JetBrains Mono",monospace}.about-sticky{position:sticky;top:120px}
.about-circuit{color:var(--about-accent);max-width:480px;margin:20px 0 28px}.about-circuit svg{display:block;width:100%;height:auto}.about-wire{stroke:currentColor;stroke-width:1;stroke-dasharray:8 10;animation:about-flow 14s linear infinite}.about-node{fill:currentColor;animation:about-pulse 3s ease-in-out infinite}.about-hub{stroke:currentColor;stroke-width:1.5;fill:#efeee8}
.about-responsibilities{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border-top:1px solid #00000024}.about-responsibilities article{padding:36px 40px 0 0}.about-responsibilities article+article{padding-left:40px;border-left:1px solid #00000024}.about-responsibilities ul{padding:0;list-style:none;margin:28px 0 0}.about-responsibilities li{padding:16px 0;border-top:1px solid #00000014;font-size:17px;line-height:1.6}
.about-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.about-case{display:flex;flex-direction:column;padding:32px;transition:background .25s}.about-case+.about-case{border-left:1px solid #ffffff24}.about-case:hover{background:#ffffff06}.about-case:focus-visible{outline:2px solid var(--about-accent);outline-offset:-2px}.about-case-tag{font:10px "JetBrains Mono",monospace;color:var(--about-accent);text-transform:uppercase;letter-spacing:.2em}.about-case h3{margin:32px 0 20px}.about-case p{font-size:16px}.about-case-link{margin-top:auto;padding-top:24px;color:var(--about-accent);font-size:14px}
main:has(#approach-story)>section[aria-label="Opinia klienta Rebrandy"]>div:last-child>div:first-child>div:first-child::before{content:"S.07";color:#c8ff3d}
@keyframes about-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes about-flow{to{stroke-dashoffset:-180}}@keyframes about-pulse{0%,100%{opacity:.35}50%{opacity:1}}
#approach-content{scroll-margin-top:96px}
@media(max-width:1023px){.about-split{grid-template-columns:1fr;gap:40px}.about-sticky{position:static}.about-circuit{max-width:360px}.about-cases{grid-template-columns:1fr}.about-case+.about-case{border-left:0;border-top:1px solid #ffffff24}}
@media(max-width:767px){.about-section{padding:56px 24px}.about-label{gap:16px;margin-bottom:32px;font-size:9px;letter-spacing:.18em}.about-section h2{font-size:clamp(34px,8vw,48px)}.about-section:not(:has(.about-home-reviews)) p,.about-responsibilities li{font-size:16px}.about-prose{padding-left:18px}.about-detail summary{font-size:19px;padding:22px 0}.about-detail__body{padding-right:0}.about-responsibilities{grid-template-columns:1fr;margin-top:32px}.about-responsibilities article,.about-responsibilities article+article{padding:28px 0 0;border-left:0}.about-case{padding:28px 0}.about-steps>li{padding-left:30px}}
@media(prefers-reduced-motion:reduce){#approach-story *,#approach-story *::before{animation:none!important;transition:none!important}}

/* A shared two-column grid, with equal responsibility rows. */
.about-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.about-section h2{max-width:12ch;margin-bottom:0}
.about-split>div>h2{margin-bottom:32px}
.about-split>div>p:last-child,.about-prose p:last-child{margin-bottom:0}
.about-sticky{position:static}
.about-responsibilities{column-gap:64px;grid-template-rows:auto repeat(4,auto)}
.about-responsibilities article,.about-responsibilities article+article{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:32px 0 0;border-left:0}
.about-responsibilities article ul{display:contents}
.about-responsibilities h3{margin:0 0 24px}
.about-responsibilities li{margin:0;display:flex;align-items:center;padding:20px 0}
.about-home-cases #dowody{padding:88px 0}
#approach-story .about-home-cases h2{max-width:none}

@media(max-width:1023px){.about-split{grid-template-columns:1fr;gap:40px}.about-section h2{max-width:18ch}}
@media(max-width:767px){.about-responsibilities{grid-template-columns:1fr;grid-template-rows:none;gap:32px}.about-responsibilities article,.about-responsibilities article+article{display:block;grid-row:auto}.about-responsibilities article ul{display:block}.about-home-cases #dowody{padding:56px 0}}

.about-home-reviews .about-shared-reviews>div:first-child>div:first-child>p{display:none}.about-home-reviews .about-shared-reviews h3{margin-top:0}.about-home-reviews .about-shared-reviews>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px}@media(max-width:1023px){.about-home-reviews .about-shared-reviews>div:first-child{grid-template-columns:1fr;gap:32px}}