.home-intro { grid-template-columns:1fr 1.05fr; gap:7%; padding-block:76px 64px; }
.home-intro h1 { font-size:clamp(3.3rem,5.8vw,6rem); line-height:1.06; }
.home-intro h1 em { position:relative; display:inline-block; padding-bottom:.09em; }
.home-intro h1 em::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:.09em; border-bottom:max(4px,.055em) solid currentColor; border-radius:0 0 50% 40%; transform-origin:left; animation:draw-estetyka 2.1s cubic-bezier(.65,0,.25,1) .9s both; filter:drop-shadow(0 2px 7px #c8944a55); transition:filter .35s ease; }
@keyframes draw-estetyka { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }
.home-intro h1 em:hover::after { filter:drop-shadow(0 2px 9px #c8944a88); }
@keyframes line-glow { 50% { filter:drop-shadow(0 0 9px currentColor); } }
.home-preview { min-width:0; border:1px solid #ffffff16; border-radius:18px; overflow:hidden; background:#101113; box-shadow:0 28px 70px #0003; }
.home-preview-top { display:flex; justify-content:space-between; gap:12px; padding:21px 24px; color:var(--muted); font: .64rem var(--font-mono); text-transform:uppercase; letter-spacing:.08em; border-bottom:1px solid #ffffff0d; }
.home-preview .lab-stage { border:0; border-radius:0; }
.home-preview .lab-stage canvas,.home-preview .lab-fallback img { height:350px; }
.home-finishes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding:18px 20px 0; }
.home-finishes button { display:flex; flex-direction:column; align-items:center; gap:10px; padding:13px 4px; border:1px solid transparent; border-radius:8px; color:var(--muted); background:transparent; cursor:pointer; font:500 .8rem var(--font-sans); transition:border-color .2s,background .2s,color .2s; }
.home-finishes button:hover { background:#ffffff06; color:var(--text); }
.home-finishes button[aria-pressed=true] { color:var(--page-accent); border-color:var(--page-accent); background:#ffffff05; }
.home-finishes .menu-metal { width:28px; height:10px; border-radius:3px; }
.home-preview-link { display:block; margin:16px 24px 0; padding:18px 0 22px; border-top:1px solid var(--line); color:var(--brass-2); font-size:.85rem; }
.home-work { padding-block:40px 68px; border-top:1px solid var(--line); }
.home-work-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.home-work h2 { font-size:clamp(2rem,3.5vw,3.2rem); letter-spacing:-.045em; }
.home-work h2 em { font-family:var(--font-serif); color:var(--brass-2); }
.home-work-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:22px; }
.home-work-card { min-width:0; }
.home-work-photo { display:block; position:relative; overflow:hidden; border-radius:10px; background:#171819; }
.home-work-photo img { display:block; width:100%; height:280px; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .5s; }
.home-work-photo:hover img { transform:scale(1.045); filter:brightness(1.08); }
.home-work-photo > span { position:absolute; bottom:12px; right:12px; padding:9px 12px; border:1px solid #ffffff2b; border-radius:6px; background:#111c; color:#fff; font-size:.72rem; backdrop-filter:blur(10px); }
.home-work-label { display:flex; justify-content:space-between; align-items:center; padding:18px 0; font-weight:600; }
.home-work-label small { display:block; margin-bottom:7px; color:var(--muted); font: .62rem var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }
.home-work-label > span:last-child { transition:transform .2s; color:var(--brass-2); }
.home-work-label:hover > span:last-child { transform:translate(3px,-3px); }
.home-page .decision-strip { margin-top:0; margin-bottom:48px; border-radius:12px; }
@media(max-width:1000px) { .home-intro { gap:5%; } .home-preview-top { font-size:.55rem; padding-inline:16px; } .home-work-photo img { height:230px; } }
@media(max-width:720px) { .home-intro { grid-template-columns:1fr; gap:34px; padding-block:42px; } .home-intro h1 { font-size:clamp(3rem,12vw,4.8rem); } .home-preview { text-align:left; width:100%; max-width:540px; margin-inline:auto; } .home-preview .lab-stage canvas,.home-preview .lab-fallback img { height:290px; } .home-work { padding-block:32px; } .home-work-heading { display:block; } .home-work-heading .text-link { display:inline-block; margin-top:18px; } .home-work-grid { grid-template-columns:1fr; gap:18px; } .home-work-photo img { height:260px; } .home-work-label { padding-top:14px; } }
@media(prefers-reduced-motion:reduce) { .home-intro h1 em::after,.home-intro h1 em:hover::after { animation:none; } .home-work-photo img,.home-work-label > span:last-child { transition:none; } }