﻿@font-face{font-family:Manrope;src:url('assets/manrope_regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope_semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope_bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#27251f;--olive:#5d6838;--paper:#faf9f6}
body{font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.header{min-height:84px;padding:20px 4.5%;background:var(--paper);border:0;gap:30px}
.brand{font-family:Manrope,Arial,sans-serif;font-size:36px;letter-spacing:-1.8px;font-weight:700}
.brand span{font-weight:400;font-size:14px;letter-spacing:5px}
.header nav{font-size:15px;gap:32px;font-weight:400}
.button{background:var(--olive);border-color:var(--olive);border-radius:4px;font-weight:600;letter-spacing:0;padding:16px 26px}
.header .button.small{font-size:14px;padding:10px 18px;gap:12px}.header .button.small>span{display:none}
.hero{grid-template-columns:38% 62%;min-height:0;align-items:stretch;background:var(--paper)}
.hero-copy{padding:52px 24px 48px 11.85%;align-self:center}
.hero h1{font-weight:700;font-size:clamp(40px,3.65vw,62px);line-height:1.13;letter-spacing:-1.9px;margin:0 0 25px}
.hero h1:after{content:'';display:block;width:65px;height:4px;border-radius:2px;background:var(--olive);margin-top:26px}
.hero .intro{font-size:clamp(16px,1.45vw,24px);line-height:1.45;letter-spacing:-.4px;color:#34332f;margin:0}
.hero .actions{margin-top:30px}.hero .button{font-size:18px;gap:25px;padding:16px 25px}.hero .button span{font-size:26px;line-height:1}
.crop{background-image:url('assets/kuchnia.jpg')}
.hero-photo{min-height:520px;background-size:auto 205.62%;background-position:right 13.7%;aspect-ratio:1.9}
.section{padding:65px 4.5%}.section-heading{margin-bottom:30px}.section-heading>.eyebrow{display:none}
h2{font-weight:700;font-size:clamp(28px,2.7vw,43px);letter-spacing:-1.2px;line-height:1.2}
#meble{padding-top:44px;padding-bottom:65px}#meble h2:after{content:'';display:block;width:65px;height:4px;border-radius:2px;background:var(--olive);margin-top:20px}
.cards{gap:20px}.card{position:relative;overflow:hidden;border-radius:5px}.card>.crop{aspect-ratio:1.85;border-radius:0;transition:filter .2s}.card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}
.card-title{position:absolute;bottom:24px;left:25px;right:25px;margin:0;z-index:1;justify-content:flex-start;gap:18px;color:#fff}.card-title h3{font-size:clamp(18px,1.55vw,25px);font-weight:700;letter-spacing:-.5px}.card-title span{color:white;font-size:26px}.card:hover h3{color:#fff}.card:hover>.crop{filter:brightness(1.06)}
.scene-detail{background-size:327.5% 474.1%;background-position:4.78% 84.95%}
.scene-acrylic{background-size:333.2% 474.1%;background-position:50.05% 84.95%}
.scene-living,.scene-kitchen{background-size:328.2% 474.1%;background-position:95.22% 84.95%}
.front-detail{height:360px;background-size:327.5% 474.1%;background-position:4.78% 84.95%}
.trade{background:#eeeFE8;gap:12%;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#737960}.trade h2,.ikea h2,.contact h2{font-weight:600}.trade>div>p:not(.eyebrow),.section-heading>p,.ikea>div>p:not(.eyebrow),.contact>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#66685d}.steps li>span{font-family:Manrope,Arial,sans-serif}.front-options>a{font-size:20px}.front-section .section-heading{align-items:center}
.acrylic{background:#f0f0eb}.acrylic-card .card-title{position:static;color:var(--ink);margin-top:20px;justify-content:space-between}.acrylic-card .card-title h3{font-size:23px;font-weight:600}.acrylic-image{height:320px;background-image:url('assets/kuchnia.jpg');background-repeat:no-repeat}.acrylic-one{background-size:333.2% 474.1%;background-position:50.05% 84.95%}.acrylic-two{background-size:327.5% 474.1%;background-position:4.78% 84.95%}
.contact-details>a{font-weight:600}.contact-details small{font-weight:400}footer{background:#eeeee8}.assistant-launcher{background:#fffffff5}.assistant-launcher button{font-family:Manrope,Arial,sans-serif}.assistant-panel .button{font-size:13px}
@media(min-width:1600px){.hero-photo{min-height:590px;background-size:auto 205.62%}.hero-copy{padding-top:60px;padding-bottom:60px}.hero h1{font-size:64px}.header{padding-left:4.5%;padding-right:4.5%}}
@media(max-width:1150px){.header nav{gap:21px;font-size:13px}.brand{font-size:31px}.brand span{font-size:11px;letter-spacing:3px}.header .button.small{font-size:12px;padding:9px 12px}.hero-copy{padding-top:35px;padding-bottom:35px}.hero-photo{min-height:470px}.hero h1{font-size:42px}.hero .intro{font-size:17px}.hero .button{font-size:15px;padding:14px 20px}.card-title{left:17px;right:15px;bottom:20px;gap:12px}.card-title h3{font-size:18px}}
@media(max-width:850px){.header{min-height:76px;padding:20px 5%}.header nav{background:var(--paper);gap:0;font-size:15px}.header .button.small{font-size:14px;padding:14px}.hero{grid-template-columns:43% 57%}.hero-copy{padding-left:11.65%;padding-right:16px}.hero h1{font-size:35px;letter-spacing:-1.2px}.hero .intro{font-size:15px}.hero .button{font-size:13px}.hero-photo{min-height:430px}.section{padding:48px 5%}.cards{gap:15px}.card-title h3{font-size:16px}.card-title span{font-size:20px}.card-title{gap:8px;left:14px;right:14px;bottom:16px}.card>.crop{aspect-ratio:1.45}.section-heading>p{max-width:290px}.acrylic-image{height:250px}}
@media(max-width:600px){.header{padding:18px 6%;min-height:74px}.brand{font-size:29px}.brand span{font-size:11px}.hero{display:flex;flex-direction:column}.hero-copy{padding:33px 6% 35px}.hero h1{font-size:43px;line-height:1.1;letter-spacing:-1.5px}.hero h1 br:nth-of-type(2){display:initial}.hero h1:after{margin-top:22px;width:45px;height:3px}.hero .intro{font-size:18px}.hero .actions{margin-top:25px}.hero .button{font-size:16px;padding:14px 20px}.hero-photo{min-height:0;aspect-ratio:1.6;background-size:auto 205.62%;background-position:right 13.7%}#meble{padding:34px 6% 45px}#meble h2{font-size:28px}#meble h2:after{height:3px;width:45px;margin-top:18px}.cards{gap:17px}.card>.crop{aspect-ratio:1.9}.card-title{bottom:20px;left:20px;right:20px;gap:16px}.card-title h3{font-size:22px}.card-title span{font-size:26px}.section{padding:45px 6%}.section-heading>p{max-width:none}.front-detail{height:260px}.acrylic-card .card-title h3{font-size:21px}.acrylic-image{height:250px}.acrylic-card .card-title{margin-top:17px}footer{padding-bottom:90px}.trade{gap:25px}}
/* Grafit i bezpośredni kontakt — korekta właściciela */
:root{--olive:#343a40}
.contact-bar{display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:9px 4.5%;background:#343a40;color:#fff;font-size:12px}
.contact-bar>span{margin-right:auto;color:#d8dadd;font-size:11px}.contact-bar a:hover{text-decoration:underline}
.brand i,.card-title span,.card-title>a,.header nav>a:not(.button):hover,.text-link:hover,.front-options>a:hover{color:#343a40}
.card .card-title span{color:white}
.button,.assistant-panel .button{background:#343a40;border-color:#343a40}.button:hover{background:#20252a;border-color:#20252a}
.button.outline{border-color:#343a40;color:#343a40}.button.outline:hover{background:#e9ebed}
.eyebrow{color:#73777b}.trade{background:#f0f1f2}.steps li{border-color:#d9dcde}.steps li>span,.steps p,.muted,.contact-details small,.contact-details>p{color:#73777b}
.acrylic{background:#f5f5f4}.assistant-launcher{border-color:#d8dadd}.assistant-launcher button{color:#343a40}.assistant-launcher button:hover{background:#eef0f1}
#hide-assistant{color:#6d7379;border-color:#d8dadd}.assistant-panel{border-color:#d8dadd}.prototype-label{color:#6d7379}
footer{background:#eeefef;color:#6d7379}footer>button{color:#343a40}.text-link{border-color:#aaaeb1}
a:focus-visible,button:focus-visible{outline-color:#343a40}
@media(max-width:600px){.contact-bar{padding:8px 6%;gap:7px 17px;flex-wrap:wrap;justify-content:flex-start;font-size:11px}.contact-bar>span{display:none}.contact-bar>a:last-child{font-size:10px}}
.header nav{margin-left:auto}.header-actions{display:flex;align-items:center;gap:16px;padding-left:24px;border-left:1px solid #deded9;flex-shrink:0}.header-actions a{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#343a40;min-height:36px}.header-actions svg{width:20px;height:20px}.header-actions a:hover{color:#111}.header-actions .mail-link{padding:5px}
@media(max-width:1150px){.header{gap:22px}.header nav{gap:20px}.header-actions{padding-left:16px;gap:12px}.header-actions .call-link span{display:none}}
@media(max-width:850px){.header-actions{margin-left:auto;border:0;padding-left:0}.menu-toggle{order:3;margin-left:5px}.header nav{margin:0}.header{gap:15px}}
.contact-details>a.contact-action{display:flex;align-items:center;gap:20px;border:1.5px solid #343a40;border-radius:5px;padding:24px;margin-bottom:15px;min-height:110px;transition:background .18s,box-shadow .18s,transform .18s;color:#343a40;box-shadow:0 3px 0 #343a400a}
.contact-action>svg{width:29px;height:29px;flex-shrink:0}.contact-details .contact-label{float:none;display:block;flex:1;min-width:0}.contact-label strong{display:block;font-size:21px;font-weight:700;letter-spacing:-.4px}.contact-details .contact-action small{font-size:13px;margin-top:5px;color:inherit;opacity:1}.contact-details .phone-action small{font-size:22px;letter-spacing:.5px}.contact-details .contact-arrow{float:none;font-size:28px;line-height:1;flex-shrink:0;transition:transform .18s}
.contact-details>a.phone-action{background:#343a40;color:#fff}.contact-details>a.phone-action:hover{background:#20252a;box-shadow:0 8px 20px #20252a25;transform:translateY(-2px)}.contact-details>a.email-action{background:#fff}.contact-details>a.email-action:hover{background:#eceeef;box-shadow:0 8px 20px #20252a12;transform:translateY(-2px)}.contact-action:hover .contact-arrow{transform:translate(2px,-2px)}.contact-action:active{transform:translateY(1px)!important}
@media(max-width:600px){.contact-details>a.contact-action{padding:19px;gap:14px;min-height:104px}.contact-label strong{font-size:19px}.contact-details .contact-action small{font-size:11px}.contact-details .phone-action small{font-size:21px}.contact-action>svg{width:25px;height:25px}.contact-details .contact-arrow{font-size:24px}}
@media(prefers-reduced-motion:reduce){.contact-details>a.contact-action,.contact-details .contact-arrow{transition:none;transform:none!important}}
.hero-photo{min-width:0;width:100%;aspect-ratio:auto}
.hero>*{min-width:0}
@media(max-width:600px){.hero-photo{aspect-ratio:1.6}}
@media(max-width:600px){.header{gap:10px}.header-actions{gap:10px}}
.hero-photo{background-image:url('assets/kuchnia.jpg');background-size:cover;background-position:center}
.scene-living{background-image:url('assets/salon.jpg');background-size:cover;background-position:center}
.scene-kitchen{background-image:url('assets/kuchnia.jpg');background-size:cover;background-position:center}
/* Wyłącznie nowe, samodzielne wizualizacje; bez skalowania osi osobno. */
.hero-photo,.scene-kitchen,.scene-detail,.scene-acrylic,.front-detail,.acrylic-one,.acrylic-two{background-image:url('assets/kuchnia.jpg');background-size:cover;background-position:center}
.scene-living{background-image:url('assets/salon.jpg');background-size:cover;background-position:center}
@media(max-width:600px){.hero-photo,.scene-kitchen,.scene-detail,.scene-acrylic,.front-detail,.acrylic-one,.acrylic-two,.scene-living{background-size:cover;background-position:center}}


.scene-acrylic,.acrylic-one,.acrylic-two{background-image:url('assets/akryl.jpg');background-size:cover;background-position:center}
