@font-face{font-family:'Inter Tight';src:url('assets/inter-tight-light-italic.ttf') format('truetype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('assets/inter-tight-bold-italic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
.type-bold{font-style:italic;font-weight:700}
.type-outline{color:transparent;-webkit-text-stroke:1px var(--white)}
#kontakt .type-outline{-webkit-text-stroke-color:#10231c}
@media(forced-colors:active){.type-outline{color:CanvasText;-webkit-text-stroke:0}}
body{letter-spacing:-.01em}
h1,h2,.hero h1{font-weight:500;letter-spacing:-.045em}
.type-light{font-weight:300;font-style:italic}
.service h3,.project-name,.process-list h3{font-weight:500;letter-spacing:-.035em}
.desktop-nav a{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.045em}
.marquee{background:var(--accent);border:0;padding-block:30px}
.marquee-track>span,.marquee i{color:#10251e}
.marquee-track>span{font-style:italic;font-weight:500}
.motion-toggle{color:var(--accent)}
#oferta,#kontakt{background:#f6f7f4;max-width:none}
#oferta,#realizacje,#kontakt{--white:#10231c;--muted:#52645b;--line:#bdccc3;color:var(--white)}
#realizacje{background:#e4eee7;border-block:0}
#oferta .section-number,#realizacje .section-number,#kontakt .section-number{color:#226650}
#oferta .service-body>p{color:#52645b}
#oferta .service[open] h3,#oferta .service[open] .service-number,#oferta .service summary:hover h3{color:#226650}
#oferta .service-body li:before{color:#226650}
#oferta .text-link:hover,#kontakt .text-link:hover{color:#226650;border-color:#226650}
#oferta :focus-visible,#realizacje :focus-visible,#kontakt :focus-visible{outline-color:#226650}
#oferta .plus{border-color:#91a89b}
#realizacje .project-view{background:#10231c;color:#fff}
#realizacje .project-caption .eyebrow{color:#42594c}
#realizacje .button{background:#10231c;border-color:#10231c;color:#fff}
#realizacje .button span{color:#5be7c3}
#realizacje .button:hover{background:#24503e}
#realizacje .round-link{background:#10231c;color:#5be7c3}
#kontakt .accent,#kontakt .contact-arrow,#kontakt .contact-email span{color:#226650}
#kontakt .contact-email:hover,#kontakt .contact-phone:hover,#kontakt .socials a:hover{color:#226650}
#kontakt .field select,#kontakt .field option{background:#f6f7f4}
#kontakt .form-note{background:#e1eee5;color:#385647;border-color:#226650}
#kontakt .form-note .eyebrow{color:#226650}
#kontakt input::placeholder,#kontakt textarea::placeholder{color:#65776c}
#kontakt .field input:focus,#kontakt .field select:focus,#kontakt .field textarea:focus{border-color:#226650;box-shadow:0 2px 0 -1px #226650}
#kontakt .error{color:#a62e25}
#kontakt .field [aria-invalid=true]{border-color:#a62e25}
#kontakt .service-option input:focus-visible+span{outline-color:#226650}
#kontakt .service-option:hover>span{border-color:#226650}
#kontakt .form-result{background:#e1eee5;border-color:#226650}
#kontakt .form-result h3{color:#226650}
#kontakt .form-result p{color:#385647}
#kontakt .status-dot{background:#226650}
@media(max-width:760px){.hero h1{letter-spacing:-.04em}.marquee{padding-block:23px}}
.about-section{background:#e4eee7;color:#10231c}
.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:center}
.about-portrait{position:relative;margin:0;max-width:620px}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.about-portrait figcaption{position:absolute;bottom:20px;left:20px;right:20px;padding:14px 18px;background:#5be7c3;color:#10231c;font-size:10px}
.about-copy .about-kicker{font:11px/1.6 var(--mono);color:#226650;margin:0 0 32px;letter-spacing:.09em}
.about-copy h2{font-size:clamp(44px,5.3vw,82px);margin-bottom:32px}
.about-copy .about-lead{font-size:clamp(21px,2vw,28px);line-height:1.35;color:#10231c;letter-spacing:-.02em;margin-bottom:18px}
.about-copy p{color:#42594c;font-size:17px}
.about-copy .button{margin-top:14px;background:#10231c;color:#fff;border-color:#10231c}
.about-copy .button span{color:#5be7c3}
.about-copy .button:hover{background:#24503e}
.about-copy .about-location{font:10px/1.6 var(--mono);margin:28px 0 0;color:#52645b;letter-spacing:.07em}
@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:38px}.about-portrait{max-width:none}.about-copy h2{font-size:clamp(44px,10vw,66px)}.about-copy .about-kicker{margin-bottom:20px}.about-copy p{font-size:16px}.about-portrait figcaption{left:14px;right:14px;bottom:14px;padding:12px;font-size:9px}}